/* Copyright 2008 by Creative Giant Design Group, LLC - Any Usage of this document on another 
   site must be sited and credited to the original author - Creative Giant Design Group, LLC.
 * ------------------------------------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; } 

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size: 20px; font-family: Arial, Tahoma, Verdana; font-weight: bold; letter-spacing: -1px; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
table { font-size: 12px; font-family: Arial, Tahoma, Verdana; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border: none; }

/* Image Header Text */

/* global elements
 * ------------------------------------------------------------------------- */
body { background: url(../images/sub/subbg.gif) repeat-x; background-color: #ffffff; margin: 0px; padding: 0px;  font-family: Arial, Verdana, Sans-Serif; font-size: 12px; color: #535353; background-repeat: repeat-x; text-align: center; }
a { color: #698ecb; text-decoration: underline; }
a:hover { text-decoration: underline; }
hr { border-width: 1px 0px 0px 0px; border-style: solid; border-color: #e5e5e5; height: 1px; color: #e5e5e5; }


/* classes
 * ------------------------------------------------------------------------- */
.img_left { margin: 0px 10px 10px 0px; }
.img_right { margin: 0px 0px 10px 10px; }
.red { color: #ea171d; }
.text_wrap { padding: 15px 20px 20px 20px; line-height: 20px; }
.sml { font-size: 10px; }
.blue { color: #698ecb; }

/* framework
 * ------------------------------------------------------------------------- */
#container { width: 950px; margin: 0px auto 0px auto; padding: 0px; text-align: left;  }
#container:after, #content_area:after, #sub_content:after, #home_featuretext:after, #content_menu:after, #content_right:after, #home_text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#topbar { width: 950px; height: 148px; background: url(../images/home/top_bar.gif) no-repeat; }
	#logo { width: 510px; height: 148px; float: left; }
		#logo h1 { display: none; }
		#logo a { display: block; width: 510px; height: 148px; }
	#top_right { width: 440px; height: 148px; background: url(../images/home/bg_search.gif) top no-repeat; float: left; }
		#topnav { width: 235px; height: 18px; margin: 5px 0px 0px 205px; font-size: 10px; }
			#topnav ul { display: inline; }
			#topnav ul a { text-decoration: none;  }
			#topnav ul a:hover { color: #ffffff; }
			#topnav ul li { list-style: none; display: inline; padding: 0px 0px 0px 18px; } 
		#searchbox { width: 440px; height: 125px;  }
			#searchbox form { padding: 45px 0px 0px 202px; }
			.searchfield { border-width: 1px; border-style: solid; border-color: #6d80a1; height: 19px; width: 195px;  }
			

#navigation { width: 950px; height: 37px; }
	#crumbtrail { width: 583px; height: 37px; float: left; }
		#crumbtrail p { color: #698ecb; font-size: 11px; padding: 10px 0px 0px 30px; }
	#navbar { width: 367px; height: 37px; float: left }
		#nav { background: url(../images/home/navbar.gif); background-repeat: no-repeat; width: 367px; height: 37px; position: relative; margin: 0px; padding: 0px; }
		#nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;}
		#nav li, #nav a { height: 37px; display: block; }
		#nav span { display: none;}
		#nav1 { width: 81px; left: 0px;}
		#nav2 { width: 96px; left: 81px;}
		#nav3 { width: 100px; left: 177px;}
		#nav4 { width: 90px; left: 277px;}
		#nav1 a:hover { background: transparent url(../images/home/navbar.gif) -0px -37px no-repeat;}
		#nav2 a:hover { background: transparent url(../images/home/navbar.gif) -81px -37px no-repeat;}
		#nav3 a:hover { background: transparent url(../images/home/navbar.gif) -177px -37px no-repeat;}
		#nav4 a:hover { background: transparent url(../images/home/navbar.gif) -277px -37px no-repeat;}
		#nav1_active {  width: 81px; left: 0px; background: transparent url(../images/home/navbar.gif) -0px -37px no-repeat;}
		#nav2_active { width: 96px; left: 81px; background: transparent url(../images/home/navbar.gif) -81px -37px no-repeat;}
		#nav3_active { width: 100px; left: 177px; background: transparent url(../images/home/navbar.gif) -177px -37px no-repeat;}
		#nav4_active { width: 90px; left: 277px; background: transparent url(../images/home/navbar.gif) -277px -37px no-repeat;}

#content_area { width: 950px; padding: 0px 0px 20px 0px; }
	#home_feature { width: 950px; height: 291px; background: url(../images/home/middle_bg.jpg) no-repeat; background-color: #000000; }
		#home_feature_left { width: 473px; float: left; }
		#home_feature_right { width: 477px; float: left; line-height: 20px; color: #888888;}
			#feature_wrap { padding: 50px 40px 0px 40px; }
			#home_feature h3 { font-size: 18px; font-weight: normal; color: #FFFFFF; padding: 0px; letter-spacing: normal; }
			#home_feature_right p { margin: 10px 0px 10px 0px; border-style: solid; border-width: 0px 0px 0px 1px; border-color: #444444; padding-left: 15px; }
	#home_featuretext { width: 950px; padding: 10px 0px 10px 0px; }
		#feature_left { width: 473px; line-height: 20px; float: left; }
		#feature_right { width: 477px; line-height: 20px; float: left; }
			#feature_left p, #feature_right p, #feature_left h2, #feature_right h2 { margin: 10px 40px 10px 40px; font-weight: normal; color: #6c7fa0; }
			#feature_left h2, #feature_right h2 { color: #ffffff; }
			#home_featuretext a, .btn_textwht a  { color: #ffffff; font-size: 10px; text-decoration: none; }
			.btn_textwht a:hover { text-decoration: none; }
	#home_text { width: 950px; background-color: #ffffff; padding: 10px 0px 10px 0px; }
		#text_left { width: 473px; line-height: 20px; float: left; }
		#text_right { width: 477px; line-height: 20px; float: left; }
			#text_left p, #text_right p, #text_left h3, #text_right h3 { margin: 10px 40px 10px 40px; font-weight: normal;  }
			#text_left h3, #text_right h3 { color: #000000; }
			#home_text a, .btn_text a { color: #000000; font-size: 10px; text-decoration: none; }
	#sub_content { padding: 10px 15px 10px 15px; background-color: #000000; }
		#content_menu { width: 200px; background-color: #333333; padding: 17px 0px 0px 0px; float: left; }
			.sub_menu { padding: 0px 20px 20px 20px; line-height: 20px; }
			.sub_menu ul { line-height: 20px; font-size: 11px; }
			.sub_menu a { text-decoration: none; }
			.sub_menu a:hover { text-decoration: underline; }
			.sub_menu h4 { color: #ffffff; font-size: 16px; font-weight: bold; margin: 0px 0px 7px 0px; }
		#content_right { width: 720px; background-color: #ffffff; float: left; }
			#content_right h1, #content_right h2 { color: #000000; font-weight: normal; }
			#content_right ul ul { padding: 0px 10px 0px 10px; }
			#content_right li { font-weight: bold; }
				#content_right li li { font-weight: normal; font-size: 11px; }
			.page_hdr { padding: 0px 0px 10px 0px; }
			.product_hdr { padding: 0px 0px 0px 0px; }
			.products_table { margin: 0px 0px 10px 0px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #e5e5e5; line-height: 20px; }
			.products_link { font-weight: bold; font-size: 14px; }
			

#footer { width: 950px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #e5e5e5; font-size: 10px; color: #888888; }
	#footer a { text-decoration: none; }
	#footer a:hover { background-color: #698ecb; color: #ffffff; }
	#foot_left { width: 550px; float: left; }
		#foot_left p { padding: 5px 0px 30px 10px; line-height: 18px; }
	#foot_right { width: 400px; float: left; text-align: right; }
		#foot_right p { padding: 5px 10px 30px 0px; line-height: 18px; }