/* Body
----------------------------------------------- */
body{
	font-family: Arial, Helvetica, sans-serif;
}



/* Structure
----------------------------------------------- */
*{
	margin:0;
	padding:0;
}

table{
	width:100%;
}

td{
	vertical-align:top;
}

.header{
	vertical-align:bottom;
}

.right{
	text-align:right;
}

.red{
	background-color:#fb2218;
}

.yellow{
	background-color:#f8fd0c;
}

.purple{
	background-color:#8905fa;
}

.lt-orange{
	background-color:#ffae15;
}

.blue{
	background-color: #15b3ff;
}

.grey{
	background-color:#666;
	height:21px;
}

.orange{
	background-color: #f45201;
	height:34px;
}

.orangeyellow{
	background-color:#ffb901;
	height:34px;
}

#banner_rt{
	background-color:#000;
}

.energy{
	background:url("../imgs/energy.gif") bottom left no-repeat;
}

.harmony{
	background:url("../imgs/harmony.gif") bottom left no-repeat;
}

#tail{
	background:url("../imgs/energy_tail.gif") bottom right no-repeat;
	height:674px;
}

#content #pass{
	margin-left: 150px;
}

#footer{
	background: #f45201 url("../imgs/grey_line_f.gif") top left no-repeat;
	height: 34px;
}

#popup{
	padding: 30px 35px;
}

.together{
	clear: both;
	float: left;
	margin-top: 42px;
	padding-bottom: 250px;
}



/* Headings and Paragraphs
----------------------------------------------- */
p,
#pass form p,
#popup p,
#popup h1,
#shareform h1{
	margin-bottom: 18px;
	font-size: 11px;
}

.right p{
	margin-right: 46px;
	line-height: 0;
}

#content h1{
	text-align: right;
	margin: 16px 46px 26px 0;
}

#content h2,
#content h3{
	font-size: 11px;
	font-weight: bold;
	color: #89aad1;
	margin-right: 46px;
}

#content h2{
	margin-top: 42px;
	margin-bottom: 25px;
}

#content h3{
	margin-top: 24px;
}

#content p{
	margin-right: 46px;
	line-height:1.5em;
	color:#565656;
}

#indent p,
#indent h3{
	margin-left: 82px;
}

#indent .ltblue{
	color: #85b1da;
}

#indent p.vertical{
	background: url("../imgs/frame_v.gif") top left no-repeat;
	display: block;
	width: 343px;
	height: 343px;
}

#indent p.horizontal{
	background: url("../imgs/frame_h.gif") top left no-repeat;
	display: block;
	width: 346px;
	height: 254px;
}

#shareform h1{
	font-size: 18px;
	color: #ffae15;
}

#shareform h2{
	font-size: 11px;
	margin-bottom: 25px;
	color: #ffae15;
}

#shareform .caveat{
	font-size: 10px;
}

#content #pass p{
	margin-bottom: 25px;
}

#content p.object{
	background: #fff url("../imgs/frame2.gif") top left no-repeat;
	display: block;
	width: 502px;
	height: 343px;
	line-height: 0;
}

#content p.object span{
	display: block;
	width: 502px;
	height: 9px;
	line-height: 0;
	font-size: 1px;
}

#footer p{
	font-size: 10px;
	color: #fff;
	margin: 20px 0 0 14px;
	line-height: 0;
}

#popup h1{
	font-weight: bold;
	font-size: 14px;
}

#popup p{
	line-height: 1.5em;
}

#popup p#close{
	text-align: right;
}

div.hr {
	height: 1px;
	background: #fff url("../imgs/bg-hr.gif") repeat-x center left;
	width: 340px;
}

#indent div.hr{
	margin-bottom: 18px;
	margin-left: 82px;
}

div.hr hr {
	display: none;
}



/* Images
----------------------------------------------- */
img{
	border: 0;
}

.right img{
	margin:0 0 18px 21px;
}

#indent p.vertical img,
#indent p.horizontal img{
	margin: 8px 0 0 7px;
}



/* Lists
----------------------------------------------- */
#nav ul{
	margin-top: 24px;
}

#nav li{
	line-height: 0;
	list-style-type: none;
	margin-bottom: 4px;
}

#nav li.last{
	margin: 16px 0;
}

#nav .together ul{
	margin-top: 10px;
	margin-left: 36px;
}

#nav .together li{
	line-height: 1em;
	font-size: 12px;
	margin-bottom: 6px;
}



/* Links
----------------------------------------------- */
#content a{
	color: #89aad1;
	text-decoration: underline;
}

#content a:hover{
	text-decoration: none;
}

#footer a{
	text-decoration: none;
	color: #fff;
}

#close a{
	font-weight: bold;
	color: #000;
	text-decoration: none;
	border: solid 1px #000;
	padding: 1px 2px;
}

#close a:hover{
	color: #c30;
}

#nav .together li a{
	color: #333;
	text-decoration: underline;
}

#nav .together li a:hover{
	text-decoration: none;
}



/* Forms
----------------------------------------------- */
#shareform{
	margin-top: 50px;
}

#shareform input,
#shareform textarea,
#shareform select{
	width: 210px;
}

#content #pass,
form{
	float: left;
	display: inline;
}

input,
textarea,
select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 6px;
	background-color: #e2e2de;
	padding: 1px 1px 1px 5px;
	width: 220px;
}

.send,
#shareform .send{
	width: 44px;
	height: 19px;
	border: 0;
	background-color: #fff;
}

.default{
	width: auto;
	margin-right: 4px;
	margin-bottom: 0;
}

object{
	margin-left: 8px;
}