/* Meyer's Browser Default Reset (http://meyerweb.com/eric/tools/css/reset/) - v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }

body { background:#000 url(../_img/body-bg-tile.jpg) left top repeat-x; font:10px Arial; color:#333; }

/* TYPOGRAPHY/GENERAL */
p { font-size:1.1em; line-height:140%; }
a { color:#006666; font-weight:900; text-decoration:none; }
	a:hover { text-decoration:underline; }
h1 {  }
h2 { clear:left; font-size:2.4em; color:#fff; font-weight:500; letter-spacing:-1px; text-transform:uppercase; }
	h2.circle { background:url(../_img/red-circle.png) right 10px no-repeat; }
h3 { clear:left; font-size:1.8em; color:#000; font-weight:900; }
h4 { clear:left; font-size:1.4em; color:#000; font-weight:900; line-height:130%; }
h5 { clear:left; font-size:1.0em; color:#666; font-weight:100; line-height:140%; }
h6 { clear:left; font-size:1.2em; color:#666; font-weight:900; text-transform:uppercase; }
	.red { color:#cc3333; }
	h6.circle { padding-left:20px !important; background:url(../_img/blue-circle.png) left 4px no-repeat; }
hr { clear:left; height:1px; color:#ccc; background-color:#ccc; border:0; }
br.clear { float:left; clear:both; margin:10px 0 0 0;}
.block { float:left; display:inline; }
.right { float:right; display:inline; }

/* LAYOUT */
#wrap { width:960px; margin:0 auto; overflow:hidden; }

#head { float:left; display:inline; width:100%; height:130px; background:url(../_img/head-bg.jpg) left top no-repeat; }
	#logo { width:330px; height:115px; float:left; display:inline; margin:10px 0 0 10px; }
	#nav { width:620px; float:right; display:inline; overflow:visible; margin:45px 0 0 0; }
	
		/* SuperFish Essentials */
		.nav-sf, .nav-sf * { margin:0; padding:0; list-style:none; }
		.nav-sf { line-height: 1.0; }
		.nav-sf ul { position:absolute;	top:-999em; width:150px; /* left offset of submenus need to match (see below) */ }
			.nav-sf ul li { width:100%; }
			.nav-sf li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
			.nav-sf li { float:left; position:relative; }
				.nav-sf a { display:block; position:relative; }
		.nav-sf li.first:hover ul, .nav-sf li.first ul { left:5px; }
		.nav-sf li:hover ul, .nav-sf li.sfHover ul { left:0px; top:44px; /* match top ul list item height */ z-index:99; }
		ul.nav-sf li:hover li ul, ul.nav-sf li.sfHover li ul { top:-999em; }
		ul.nav-sf li li:hover ul, ul.nav-sf li li.sfHover ul { left:10em; /* match ul width */ top:0; }
		ul.nav-sf li li:hover li ul, ul.nav-sf li li.sfHover li ul { top:-999em; }
		ul.nav-sf li li li:hover ul, ul.nav-sf li li li.sfHover ul { left:10em; /* match ul width */ top:0; }
		
		/* Navigation */
		.nav-sf { float:right; display:inline; }
		.nav-sf a { padding:15px; text-decoration:none; }
		.nav-sf a, .nav-sf a:visited  { font-size:1.4em; text-decoration:none; text-transform:uppercase; color:#fff; /* visited pseudo selector so IE6 applies text colour*/ }
		.nav-sf li li a, .nav-sf li li a:visited { padding:10px 15px; font-size:1.2em; font-weight:500; }
		.nav-sf li { opacity:.5; background:#000; }
		.nav-sf li:hover { opacity:.9; }
			.nav-sf li.first { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; }
			.nav-sf li.last { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
		.nav-sf li li { opacity:.9; background:#000; }
		.nav-sf li li:hover { opacity:1; }
			.nav-sf li li.lasts { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; }
		.nav-sf li li li {	background:#000; }
		.nav-sf li:hover, .nav-sf li.sfHover,
		.nav-sf a:focus, .nav-sf a:hover, .nav-sf a:active { color:#ba2a2a; text-decoration:none; }

#content { float:left; display:inline; width:100%; }
	#left-col { width:650px; float:left; display:inline; padding:9px 0 0 10px; background:url(../_img/left-col-bg.jpg) left top no-repeat; }
		#left-c { width:100%; float:left; display:inline; background:#fff url(../_img/left-c-bg-tile.jpg) left top repeat-x; }
		#left-c #bg { width:600px; float:left; display:inline; padding:20px 25px 100px 25px; background:url(../_img/foot-bg.jpg) left bottom no-repeat; }
			#left-c h2 { width:610px; float:left; display:inline; padding:12px 15px 15px 15px; }
			#left-c h3 { clear:left; }
			#left-c p { width:385px; display:inline; margin:5px 0 10px 0; }
			#left-c ul, #left-c ol { margin:10px 15px; }
				#left-c ul li { list-style-type:disc; }
				#left-c ol li { list-style-type:decimal; }
			#left-c blockquote { margin:10px 0; padding:10px 20px 0 40px; font-size:1.2em; background:url(../_img/blockquote.gif) left top no-repeat; }
			#left-c img { width:180px; float:right; clear:right; display:inline; margin:5px 0 0 20px; padding:5px; background:#ccc; }
	
	#right-col { width:300px; float:left; display:inline; padding:9px 0 0 0; background:url(../_img/right-col-int-bg.jpg) left top no-repeat; }
		#right-col #right-c {  }
			#right-col h2 { width:240px; }
			#right-col .block { width:270px; clear:left; margin:20px 0 0 0; padding:0 0 0 30px; }
			#right-col .block h6 { padding:5px 0; }
			#right-col .block p { float:left; display:inline; margin:0 0 0 5px; color:#333; font-size:1.0em; }
			#right-col .block p a { color:#333; text-decoration:underline; }
				#right-col .block p a:hover { text-decoration:none; }
			
			#right-col #signup { width:280px; padding:10px 0 0 20px; background:url(../_img/signup-bg.jpg) left top no-repeat; }
				#signup input.form-text { margin:3px 0 0 0; color:#fff; background:#333; border:1px solid #666; }
		
	#foot { width:100%; float:left; display:inline; padding:0 0 20px 0; background:#000; }
		#foot ul { float:left; display:inline; width:937px; margin:10px; font-size:1.4em; font-weight:900; text-transform:uppercase; border-bottom:1px solid #1a1a1a; }
			#foot ul li { float:left; display:inline; }
			#foot ul li.first { padding:5px 10px 5px 0; color:#333; }
			
				#foot ul li a { float:left; display:inline; padding:5px 10px; color:#333; background:#1A1A1A; border-right:4px solid #000; }
					#foot ul li.facebook a { background:#1A1A1A url(../_img/facebook_16.png) 5px 5px no-repeat; padding-left: 25px; }
					#foot ul li.facebook a:hover { background:#333 url(../_img/facebook_16.png) 5px 5px no-repeat; padding-left: 25px; }
					
					#foot ul li.twitter a { background:#1A1A1A url(../_img/twitter_16.png) 5px 5px no-repeat; padding-left: 25px; }
					#foot ul li.twitter a:hover { background:#333 url(../_img/twitter_16.png) 5px 5px no-repeat; padding-left: 25px; }
					
					#foot ul li a:hover { color:#fff; text-decoration:none; background:#333; }
		#foot p { width:100%; float:left; clear:left; display:inline; padding:0 0 0 10px; color:#666; }
		#foot p a { color:#666; font-weight:100; text-decoration:underline; }
	
	/* HOME STYLES */
	#content.home { background:url(../_img/white-tile.jpg) 10px top repeat-y; }
	#content.home #left-c { margin:-5px 0 0 0; }
		#content.home #left-col input { float:left; clear:left; display:inline; margin:5px 0 0 0; }
		#content.home #left-col input.form-text { border:1px solid #999; color:#666; font-size:1.0em; }
		#content.home #left-col input.form-button { clear:left; padding:0; color:#333; font-size:1.2em; font-weight:900; background:none; border:0; }
			#content.home #left-col input.form-button:hover { color:#000; cursor:pointer; }
		#left-c span.right { width:280px; padding:12px 15px 0 0; font-size:1.1em; color:#FFCC66; line-height:120%; }
			#content.home #left-c h2 { width:320px; float:left; display:inline; padding:12px 15px 15px 15px; }
			#content.home #left-c .block { width:178px; margin:10px 5px 10px 10px; padding:10px; border:1px solid #999; }	
			#content.home #left-c .grey { background:#CCC url(../_img/block-grey.jpg) left top repeat-x; }
			#content.home #left-c .yellow { background:#FFFF99 url(../_img/block-yellow.jpg) left top repeat-x; }
				#content.home #left-c .block h4 { text-transform:uppercase; }
				#content.home #left-c .block p { width:auto; margin:0; }
				
	#right-col.home { width:277px; padding:9px 13px 0 10px; background:url(../_img/right-col-bg.jpg) left top no-repeat; }
		#right-col.home #right-c { float:left; display:inline; background:#fff url(../_img/right-col-h-bg.jpg) left top repeat-x; }
		#right-col.home #right-c h2 { padding:12px 15px 15px 15px; }
		#right-col.home #right-c .block { width:247px; padding:10px 15px 0 15px; margin:0; }
			#right-col.home #right-c .block p { padding:0 0 10px 0; margin:0; }
			#right-col.home #right-c .block a { color:#006666; text-decoration:none; }
				#right-col.home #right-c .block a:hover { text-decoration:underline; }
		#right-col.home #right-c a.a { float:left; display:inline; padding:3px 15px; background:#ccc; font-size:1.0em; text-transform:uppercase; }
			#right-col.home #right-c a.a:hover { text-decoration:none; background:#aaa; }
			
	#foot.home { padding:175px 0 20px 0; background:#000 url(../_img/foot-home-bg.jpg) left top no-repeat; }