/* Copyright (c) 2010 Round Pixel Interactive */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	
	Global
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*	Setup
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@import "resets.css";
@import "utility.css";
html, body { height:100%; }
body { background: url(../images/css/ui/bg/main.jpg) top right no-repeat #000; text-align:left; font:14px/1em Arial, Helvetica, sans-serif; color:#CCC; line-height:18px; font-weight:normal; }

/*	Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#container { width:980px; margin:0 auto; text-align:left; height:auto !important; min-height:100%;}

#header { width:980px; float:left; padding:10px 0 41px 0; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:10px;}
	ul#nav-header { display:inline; list-style:none; margin-right:-6px;}
	#nav-header li { display:inline; list-style:none;}
	#nav-header li a {color:#FFF; text-decoration:none; padding:0 6px;}
	#nav-header li a:hover {color:#FA6C15; text-decoration:none;}

#content { width:980px; float:left; padding:27px 0; text-align:left;}
	#content-lhs { float:left; width:228px; text-align:right;}
		#content-lhs img.logo {float:right; padding:0 4px 0 0;}
		#content-lhs .hr_3 { float:left; height:1px; background:#333; line-height:1px; width:228px; margin:22px 0 0 0;}
			ul#nav-primary { float:right; padding:21px 4px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:23px;}
			#nav-primary li { display:list-item; list-style:none; text-align:right;}
			#nav-primary li.static_orange { color:#FA6C15; font-size:12px; line-height:12px; padding:0 0 3px 0;}
			#nav-primary li.spacer { height:50px;}		
			#nav-primary li.static_feature { color:#CCC; font-size:16px; line-height:16px; padding:225px 0 0 0;}		
			#nav-primary li a.link_c {color:#CCC; text-decoration:none; padding:3px 0;}
			#nav-primary li a.link_6 {color:#666; text-decoration:none; padding:3px 0;}
			#nav-primary li a:hover,
			#nav-primary li.active a {color:#FA6C15; text-decoration:none;}
	
	#content-rhs { float:left; width:702px; text-align:left; padding:0 0 0 50px;}
		#content-title { float:left; width:702px; text-align:right; padding-top:47px;}
		#content-body { float:left; width:702px; padding:37px 0 0 0; text-align:left; font-family:"Tohoma", Arial, Helvetica, sans-serif; color:#CCC; font-size:14px; line-height:17px;}
			#content-body ul {padding:0 0 10px 15px; margin:0;}
			#content-body li {padding:0 0 6px 3px; margin:0 0 0 5px; list-style:disc;}
			#content-body strong {font-weight:bold; color:#FFF;}
			#content-body table { border-top:1px dotted #666; border-left:1px dotted #666;}
			#content-body table tr th { border-bottom:1px dotted #666; border-right:1px dotted #666; padding:3px 15px 3px 5px; font-size:12px; font-weight:bold;}
			#content-body table tr td { border-bottom:1px dotted #666; border-right:1px dotted #666; padding:3px 15px 3px 5px; font-size:12px;}
			
			
			#content-body .grid-box-stretch {float:left; width:312px; padding:0 390px 25px 0;}
			#content-body .grid-box-fullstretch {float:left; width:682px; padding:0 20px 25px 0;}
			#content-body .grid-box {float:left; width:312px; padding:0 39px 25px 0;} 
			#content-body .grid-box-rhs {float:left; width:312px; padding:0 29px 25px 0;} 
			#content-body .grid-box-full {float:left; width:702px; padding:10px 0 0 0; border-bottom:1px solid #333;} 
			#content-body .grid-box-feature {float:left; width:312px; padding:0 39px 0 0;} 
			#content-body .grid-box-feature-rhs {float:left; width:312px; padding:0 29px 0 0;} 
			#content-body .grid-box-feature p,
			#content-body .grid-box-feature-rhs p { font-size:12px; color:#999; font-style:italic; padding:10px 0;}

#footer { width:980px; float:left; padding:20px 0; text-align:right; font-size:10px; line-height:10px; color:#FFF;}
	#footer a {color:#FFF; text-decoration:none;}
	#footer a:hover {color:#FFF; text-decoration:underline;}


/*	Typography
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p { padding:0 0 10px 0; margin:0;}
h1 { color:#FFF; margin:0; padding:0 0 25px 0; font-size:26px; line-height:26px; font-family:Arial, Helvetica, sans-serif; }
h2 { color:#FA6C15; margin:0; padding:0 0 16px 0; font-size:16px; line-height:18px; font-family:Arial, Helvetica, sans-serif; }

/* = font-colors ---------------------- */
.color_orange {color:#FA6C15;}
.color_red {color:#C3041D;}
.color_F {color:#FFFFFF;}
.color_C {color:#CCCCCC;}
.color_9 {color:#999999;}
.color_6 {color:#666666;}
.color_3 {color:#333333;}

/* = font-sizes ---------------------- */
.size_9 {font-size:9px;}
.size_10 {font-size:10px;}
.size_11 {font-size:11px;}
.size_12 {font-size:12px;}
.size_13 {font-size:13px;}
.size_14 {font-size:14px;}

/* = hyperlinks ---------------------- */
a:link, a:visited {color:#CCC; text-decoration:underline;}
a:hover {color:#FFF; text-decoration:underline;}

/* = positions ---------------------- */
.f-right { float:right;} .f-left { float:left;} .clear { clear:both;}
.margin10 { margin:10px;} .LMargin10 { margin-left:10px;} .RMargin10 { margin-right:10px;} .LRMargin10 { margin:0 10px;}