/* 
 * Primary Screen Stylesheet
 * NimbleSource 
 * Prepared by Nathan Carnes - Feb 09 - nathan@nathancarnes.com
 */
 
 /* ------------------------BASICS------------------------ */

html{ background: #081a2d repeat-y top center url("../img/background.png"); padding-top: 50px; color: #333; font-family: "Helvetica Neue", Arial, Helvetica, Sans, sans-serif; }

a{ color: #1789DA; }
	a:hover{ color: #EF4C23; }

h2{ font: bold x-large "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Sans, sans-serif; margin-bottom: .25em; color: #EF4C23; }
h3{ text-transform: uppercase; font-size: .75em; color: #F6881F; font-weight: bold; }

p{ line-height: 150%; font-size: small; }
strong{ font-weight: bold; }
address{ font-style: normal; }
#container{ margin: 20px auto; width: 830px; }

/* Header */
#header{ overflow: hidden; margin-bottom: 10px; padding: 0 15px; }
	#header h1{ float: left; width: 320px; text-indent: -999em; height: 63px; background: no-repeat url(../img/logo.png); }
		#header h1 a{ display: block; height: 96px; }

	#header ul{ margin-top: 30px; }
		#header li{ float: right; }
			#header li a{ display: block; padding: 0px 7px; border-right: 0px solid #081a2d; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; background: url(../img/nav_bg.png); font-size: .75em; height: 35px; line-height: 35px; }
				#header a.current{ background-image: url(../img/nav_bg_hover.png); }
					#header a.current:hover{ background-image: url(../img/nav_current_hover.png); }
			#header li a:hover{ background-image: url(../img/nav_bg_hover.png); }
			#header li#navLeft{ width: 20px; height: 35px; background: url(../img/nav_left.png);  }
			#header li#navRight{ width: 20px; height: 35px; background: url(../img/nav_right.png);  }
			
/* Main Content */
#content{ clear: both; background: no-repeat top center url(../img/content.png); padding: 30px 30px; height: 170px; color: #3B3B3D; }

	#resources li{ float: left; width: 25%; }
		#resources li a{ background: no-repeat center 20px; display: block; text-decoration: none; color: #939598; font-size: small; text-align: center; padding: 80px 0 24px; margin-top: 6px; }
			#resources li a:hover{ color: #1789DA; }
			#resources li#bizplan a{ background-image: url("../img/126.png"); }
			#resources li#presentations a{ background-image: url("../img/37.png"); }
			#resources li#docs a{ background-image: url("../img/lightbulb.png"); }
			#resources li#love a{ background-image: url("../img/26.png"); }			
			
#contact .left, #contact .right{ float: left; width: 40%; padding: 10px 5% 0; font-size: small; line-height: 120%; }						

#thingswelove a{ display: block; float: left; width: 140px; padding: 10px 26px; }

div.fancywindow{ width: 400px; }
	#zoom h4{ color: #EF4C23; margin-bottom: .25em; }
	#zoom p{ line-height: 150%; margin-bottom: 1em; }
	
	#zoom a.more_info{ display: block; width: 141px; height: 35px; margin: 10px auto; text-indent: -999em; background-image: url(../img/more_info.png); }
	#zoom a.more_info:hover{ background-image: url(../img/more_info_hover.png); }	
	
#press ol{ border-top: 1px dotted #D1D0CF;}
	#press ol li{ font-size: .9em; padding: .5em; border-bottom: 1px dotted #D1D0CF; }
		#press ol li a{ text-decoration: none; }
			#press ol li a:hover{ text-decoration: underline; }
		#press ol li em{ font-size: .8em; color: #686767; font-style: italic; }
/* Footer */
#footer{ clear: both; overflow: hidden; background: no-repeat top center url("../img/footer.png"); padding: 30px; height: 120px; margin-top: -15px; }
	#footer div{ float: left; }
		#footer #services{ width: 440px; margin-right: 20px; }
			#services ul{ float: left; width: 210px; margin: 5px; border-top: 1px dotted #859DAD; }
				#services ul li{ padding: 6px 6px 6px 22px; border-bottom: 1px dotted #859DAD; font-size: small; background: no-repeat 2px center url("../img/checkmark.png"); }
		#footer #feed{ width: 280px; }
			#feed ul{ margin-top: 0px; }
				#feed ul li{ padding: 8px 3px 7px; font-size: small; }
					#feed ul li a{ text-decoration: none; color: #333; padding: 1px 2px; }
						#feed ul li a:hover{ background: #EF4C23; color: #fff; }

/* Sub Footer */
#contactLink{ display: block; width: 141px; height: 35px; margin: -15px auto 10px; text-indent: -999em; background-image: url(../img/contact.png); }
	#contactLink:hover{ background-image: url(../img/contact_hover.png); }
	
#legal{ text-align: center; font-size: x-small; clear: both; color: #527994; padding-bottom: 20px; }

/* Big Content */
#big_content{ clear: both; color: #3B3B3D; }
	#big_content_top{ height: 40px; background: no-repeat url("/img/big_content_top.png"); }
	#big_content_main{ background: repeat-y center center url("/img/big_content.png"); padding: 0 40px; overflow: hidden; }
	#big_content_bottom{ height: 40px; background: no-repeat url("/img/big_content_bottom.png"); }	

#big_content .left{ width: 350px; float: left; }
#big_content .right{ width: 350px; float: right; }

#big_content p{ margin-bottom: 1em; }

#big_content ul{ font-size: small; list-style-type: disc; margin-left: 1.75em; }
	#big_content li{ padding-bottom: .5em; }

#buy_link{ width: 180px; height: 60px; text-indent: -999em; background: no-repeat url(/podium/buy.png); display: block; margin: 0 auto; }
	#buy_link:hover{ background-image: url(/podium/buy_on.png); }
#meteor_contact{ width: 273px; height: 60px; text-indent: -999em; background: no-repeat url(/meteor/contact_off.png); display: block; margin: 0 auto; }
	#meteor_contact:hover{ background-image: url(/meteor/contact_on.png); }	

.clear{ clear: both; }