/* Screen Styles */
 
/* Reset --------------- */
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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* General Misc. --------------- */
body { background-color: #fff; color: #6a6a6a; font: 62.5%/20px Helvetica, Arial, sans-serif; }
.last { background: none !important; margin-right: 0 !important; border-right: none !important; }
.hide {	position: absolute; left: -9999999px; width: 1px; height: 1px; overflow: hidden; }
a.action { background: #eff7fc url('../img/icon-arrow_right.gif') no-repeat right top; font-size: 11px; color: #ed3a2b; font-weight: bold; font-style: normal; padding: 5px 20px 4px 9px; text-decoration: none; border: 1px solid #cbe2ef; border-bottom: 1px solid #bfdaea; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; clear: both; font-size: 12px; }
a.action:hover { color: #f81803; }
.floatright { float: right; margin: 0 0 20px 20px;}
.clear { clear: both; }

/* Img floats --------------- */
img.left { float: left; margin: 0 20px 20px 0; }
img.leftpush { float: left; margin: 0 170px 20px 0; }
img.right { float: right; margin: 0 0 20px 20px; }
img.none { float: none; }


/* Globals --------------- */
div#wrapper { width: 960px; margin: 0 auto; margin-top: 15px; overflow: hidden; }
div#content { padding-left: 20px; }
/* Header/Nav  padding: 13px 19px 5px; --------------- */
div#header { background: #dcebf6 url('../img/nav-bg.gif') repeat-x left top; border: 1px solid #d0dce6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; font-size: 12px; }
	div#header a#logo { float: left; width: 108px; height: 43px; background: url('../img/nav-logo.gif') no-repeat 19px 12px; text-indent: -999999px; padding: 13px 19px 5px;}

	/* Navigation */
	div#header ul#nav { float: left; margin: 0 0 0 90px; background: url('../img/nav-divider.gif') repeat-y left top; }
		div#header ul#nav li { float: left; background: url('../img/nav-divider.gif') repeat-y right top; height: 61px; }
			div#header ul#nav li a { display: block; color: #416981; text-decoration: none; padding: 23px 28px; }
			div#header ul#nav li a:hover { color: #001827; }
			
			body.about li.about a { background: url('../img/nav_on.gif'); border: 1px solid #a9bdcb; border-top: none; border-bottom: none; }
			body.services li.services a { background: url('../img/nav_on.gif'); border: 1px solid #a9bdcb; border-top: none; border-bottom: none; }
			body.whats_new li.new a { background: url('../img/nav_on.gif'); border: 1px solid #a9bdcb; border-top: none; border-bottom: none; }
			body.pricing li.pricing a { background: url('../img/nav_on.gif'); border: 1px solid #a9bdcb; border-top: none; border-bottom: none; }
			
	/* Contact info */
	div#header address { float: right; font-style: normal; padding: 13px 19px 5px; }
		div#header address span { font-size: 18px; color: #ee3424; display: block; }
		div#header address em { border-right: 1px solid #ccc; margin-right: 4px; font-style: normal; }
		div#header address em.last a { padding-right: 0; }
			div#header address em a { color: #416981; text-decoration: none; padding-right: 8px; }
			div#header address em a:hover { color: #001827; }


/* Slides --------------- */
div#slides { height: 366px; width: 960px; margin-top: 15px; overflow: hidden; position: relative; }
	div#slides ul li.slide { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 366px; width: 960px; }
	div#slides ul li.slide a { display: block; height: 366px; width: 960px; text-indent: -999999px; }
	div#slides ul li.slide1 { background: url('../img/slide_1.jpg') no-repeat left bottom; }
	div#slides ul li.slide2 { background: url('../img/slide_2.jpg') no-repeat left bottom; }
	div#slides ul li.slide3 { background: url('../img/slide_3.jpg') no-repeat left bottom; text-indent: 0; }
		div#slides ul li.slide3 a { display: inline; height: auto; width: auto; text-indent: 0;}
	div#slides ul li.slide4 { background: url('../img/slide_4.jpg') no-repeat left bottom; }
	div#slides ul li.slide5 { background: url('../img/slide_5.jpg') no-repeat left bottom; }
	div#slides ul li.slide6 { background: url('../img/slide_6.jpg') no-repeat left bottom; }
	div#slides ul li.slide7 { background: url('../img/slide_7.jpg') no-repeat left bottom; }
	div#slides ul li.slide8 { background: url('../img/slide_8.jpg') no-repeat left bottom; }
	div#slides ul li.slide9 { background: url('../img/slide_9.jpg') no-repeat left bottom; }
	div#slides ul li.slide10 { background: url('../img/slide_10.jpg') no-repeat left bottom; }
	div#slides div#video { display: none; }
	.ui-dialog { padding: 10px; background-color: #fff; width: 800px; height: 600px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.ui-dialog-titlebar-close { color: #333; text-decoration: none; }
	.ui-widget-overlay { opacity: 0.7; background-color: #e7e7e7;position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; }
	
	/* Slides Map */
	#map { position: absolute; bottom: 30px; right: 30px; z-index: 10; border: 1px solid #b9c2c9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #edecea url('../img/slide-map.gif') repeat-x; font-size: 14px;}
	#map a { display: block; padding: 3px 10px 1px; text-decoration: none; color: #ee3625; float: left; border-right: 1px solid #cecdcb; }
	#map a:last-child { border-right: none; -moz-border-radius-bottomright: 2px; }
	#map a.activeSlide { background: #fff url('../img/slide-map_onstate.gif') repeat-x; color: #36566a; -moz-border-radius-bottomleft: 2px; }
	
	/* Slide 1 crazyness */
	div#slides ul li.slide3 h1 { font-size: 43px; color: #80a1b7; font-weight: normal; padding: 70px 0 0 65px; display: block; }
		div#slides ul li.slide3 ul { float: left; padding: 70px 46px 0 65px; }
			div#slides ul li.slide3 ul li { float: left; background: url('../img/icon-dot_divider.gif') no-repeat right 10px; margin-right: 5px; position: relative; }
			div#slides ul li.slide3 ul li:last-child { background: none; }
				div#slides ul li.slide3 ul li a { font-size: 15px; color: #6e6e6e; text-transform: lowercase; display: block; padding: 2px 5px; margin-right: 10px; text-decoration: none; }
				div#slides ul li.slide3 ul li a:hover { color: #000; }
					div#slides ul li.slide3 ul li ul { display: none; }
	
		/* Slide 1 coda tooltips */
		div#slides ul li.slide3 ul li ul { padding: 0; margin: 0; width: 345px; padding: 30px 0 20px 21px; font-size: 12px; position: absolute; }
		
		/* Coda tooltip triggers */
		div#slides ul li.slide3 ul li#corp ul { left: 35px; background: url('../img/coda-bg.gif') no-repeat; }
		div#slides ul li.slide3 ul li#law ul  { left: -40px; background: url('../img/coda-bg.gif') no-repeat; }
		div#slides ul li.slide3 ul li#gov ul  { left: -70px; background: url('../img/coda-bg_gov.gif') no-repeat; }
		div#slides ul li.slide3 ul li#serv ul { left: -200px; background: url('../img/coda-bg_serv.gif') no-repeat; }

		/* Remove red dot */
		div#slides ul li.slide ul li ul li,
		div#slides ul li.slide ul li ul li:last-child { background: url('../img/icon-arrow_simple.gif') no-repeat 0 7px; padding-left: 7px; }
	
		/* Services mass banner like homepage slide1 */
		div#content div#services_mass_banner { background: url('../img/services_image.jpg') no-repeat; width: 770px; height: 254px; }
		div#content div#services_mass_banner ul { width: 765px; padding-top: 115px; padding-left: 33px; }
			div#content div#services_mass_banner ul li { margin: 0; padding: 0; float: left; background: url('../img/icon-dot_divider.gif') no-repeat right 10px; margin-right: 5px; position: relative; display: inline; }
				div#content div#services_mass_banner ul li ul { display: none; }	
				div#content div#services_mass_banner ul li:last-child { background: none; }
				div#content div#services_mass_banner ul li a { font-size: 15px; color: #6e6e6e; text-transform: lowercase; display: block; padding: 2px 5px; margin-right: 10px; text-decoration: none; }
				div#content div#services_mass_banner ul li ul { padding: 0; margin: 0; width: 345px; padding: 30px 0 20px 21px; font-size: 12px; position: absolute; }

			/* Coda tooltip triggers */
			div#content div#services_mass_banner ul li#corp ul { left: 35px; background: url('../img/coda-bg.gif') no-repeat; }
			div#content div#services_mass_banner ul li#law ul  { left: -40px; background: url('../img/coda-bg.gif') no-repeat; }
			div#content div#services_mass_banner ul li#gov ul  { left: -70px; background: url('../img/coda-bg_gov.gif') no-repeat; }
			div#content div#services_mass_banner ul li#serv ul { left: -200px; background: url('../img/coda-bg_serv.gif') no-repeat; }				
			
			/* Remove red dot */				
			div#content div#services_mass_banner ul li ul li,
			div#content div#services_mass_banner ul li ul li:last-child { background: url('../img/icon-arrow_simple.gif') no-repeat 0 7px; padding-left: 7px; }
		
							
/* Recent Blogs --------------- */
div#recent { margin: 15px 0; background-color: #f6fcff; border: 1px solid #d0dce6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 4px; font-size: 14px; overflow: hidden; }
div#recent:hover { background-color: #f1fafe; }
	span#links { display: block; float: left; padding: 18px 0 0 17px;}
		span#links a { display: block; background-color: #f8fcff; float: left; height: 19px; width: 23px; text-indent: -999999px; border: 1px solid #bfdaea; margin-right: 1px; }
			span#links a#prev { background: #fff url('../img/icon-arrow_prev.gif') no-repeat 7px 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; }
			span#links a#next { background: #fff url('../img/icon-arrow_next.gif') no-repeat 8px 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; }
			span#links a#prev:hover, div#recent span#links a#next:hover { background-color: #e4f4ff; }
			
			div#mass_wrapper { position: relative; height: 250px; }
			div#mass_wrapper span#links { position: absolute; top: 166px; left: 387px; z-index: 10; }
			.services div#mass_wrapper span#links { position: absolute; top: 166px; left: 700px; z-index: 10; }
			
			/* Blog listings */
			div#recent ul { float: left; height: 55px; overflow: hidden; width: 889px; }
				div#recent li a { color: #416981; text-decoration: none; display: block; padding: 20px 0 17px 20px; width: 889px; }				
					div#recent li a b { color: #6e6e6e; }
					div#recent li a em { color: #a6a6a6; font-style: normal;}
				
				/* hovers */
				div#recent li a:hover { color: #001827; }
				div#recent li a:hover b { color: #4e4e4e; }
				div#recent li a:hover em { color: #787878; }			

			
/* Quotes --------------- */
div#quotes { float: left; width: 198px; padding: 20px 20px 20px 90px; background: #e9f6fe url('../img/box-quotes_bg.gif') repeat-x; border: 1px solid #d0dce6;  margin-bottom: 15px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 129px; }
	div#quotes h2 { font-size: 20px; color: #718795; }
	div#quotes blockquote { margin-bottom: 10px; }
		div#quotes blockquote p { font-size: 14px; color: #6e6e6e; margin: 12px 0 5px; font-style: italic; }
		div#quotes blockquote em { font-size: 12px; color: #a0a0a0; font-style: normal; }
			
			
/* Case Study --------------- */
div#casestudy { float: right; width: 590px; padding: 20px; background: #e9f6fe url('../img/homepage_casestudy_bg.gif') repeat-x; border: 1px solid #d0dce6; font-size: 13px; margin-bottom: 15px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }	
	div#casestudy img { float: left; margin-right: 20px; }
	div#casestudy h2 { font-size: 20px; color: #718795; margin-bottom: 10px; }
	div#casestudy p { margin: 5px; line-height: 18px; }
	div#casestudy p.last { margin-bottom: 19px; }
		div#casestudy p b { color: #a0a0a0; }
		
		
/* Content Styles --------------- */
div#content { width: 770px; float: left; margin-top: 20px; font-size: 12px; color: #444; position: relative; padding-bottom: 20px;} 
	div#content h1 { color: #ee3423; font-size: 18px; border-bottom: 1px solid #e7e7e7; padding: 5px 0; margin-bottom: 15px; }
		div#content h1 em { font-size: 11px; color: #444; font-weight: normal; font-style: normal; display: block;}
	div#content h2 { color: #ee3423; font-size: 18px; padding: 5px 0 0; margin-bottom: 0; margin-top: 20px; }
	div#content h3 { color: #80a1b7; font-size: 18px; font-weight: normal;margin-bottom:0.5em; }
	div#content h4 { color: #222; font-size: 14px; }
	body.case_studies div#content h1 { color: #ee3423; font-size: 18px; border-bottom: none; padding: 0; margin-bottom: 10px; }
	
	div#content p { margin: 10px 0; padding: 0;}
	div#content a { color: #416981; }
	div#content ul li { background: url('../img/icon-arrow_simple_red.gif') no-repeat 4px 7px; padding-left: 14px;margin-bottom:0.25em;color:#444; }
	div#content ul ol {list-style-type:decimal;margin:1em 0 1em 0;padding:1em 1em 1em 3em;border:1px solid #f6fcff;background-color:#fafdff;}
	div#content ul#services li { background: url('../img/icon-arrow_simple_red.gif') no-repeat 4px 7px; padding-left: 14px;margin-bottom:0.25em;margin-left:400px;color:#444; }
	div#content ul ol li {background-image:none;padding-left:0;margin-bottom:0.5em;font-size:11px;}
	div#content div.box { float: right; width: 200px; background-color: #fafafa; padding: 15px; margin: 0 0 15px 15px; font-size: 11px; clear: right; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	div#content div.box.dark { background-color: #eaeaea; }
		div#content div.box h3 { color: #616161; font-size: 14px; }
		div#content div.box img { float: left; }
	
		/* services */
		div#content div.service { float: left; width: 375px; display: block; margin-right: 20px; padding-bottom: 20px; }
			div#content div.service.right { margin-right: 0; }
	
		/* Highlights */
		div#content div#highlights-left, div#highlights-right { width: 375px; overflow: hidden;}
		div#content div#highlights-left { float: left; }
		div#content div#highlights-right { float: right; }
	
	/* Case Studies */
	div#content ul#mass_banner { width: 770px; height: 241px; overflow: hidden; border-bottom: 1px solid #e7e7e7; padding-bottom: 1px; margin-bottom: 20px; position: absolute; top: 0; z-index: 0; }
		div#content ul#mass_banner li { width: 770px; height: 241px; text-indent: -999999px; overflow: hidden;  }
	div#content ul#mass_banner.work_with_us { height: 254px; border-bottom: none;}
		div#content ul#mass_banner.work_with_us li { height: 254px; }		

	/* Top of case studies */
	div#content p#intro { font-size: 14px; padding-bottom: 10px; float: left; width: 550px; }
	div#content p#intro.quoteintro { width: auto; }
	div#content blockquote { float: right; width: 200px; margin-left: 20px; margin-bottom: 20px; width: 200px; color: #7290a2; }
	div#content blockquote em { display: block; margin-top: 4px; color: #898989; }
	div#content ul#case_studies { padding-top: 20px; border-top: 1px solid #e7e7e7; padding-top: 25px; clear: both; }
		div#content ul#case_studies li { border-bottom: 1px solid #e7e7e7; padding: 0 0 10px; margin-bottom: 25px; background: none; clear: both; overflow: hidden; }
			div#content ul#case_studies li img { float: left; margin: 0 20px 20px 0;}
			div#content ul#case_studies li p { padding: 5px 0 19px; margin: 0;}
			div#content ul#case_studies li a { color: #416981; font-size: 18px; text-decoration: none; }
			div#content ul#case_studies li a.action { font-size: 11px; }
		
	/* quotes */
	div#content blockquote { color: #7290a2; font-size: 15px; margin-bottom: 15px; }
	div#content blockquote em { color: #898989; display: block; padding-left: 50px; }	


/* Sidebar Styles --------------- */
div#aside { width: 152px; float: right; margin-top: 20px; padding-bottom: 30px; }
	div#aside h2 { font-size: 18px; color: #000; font-weight: normal; padding-left: 10px;}

	/* Sub nav */
	div#aside ul#nav_sub { font-size: 12px; padding: 5px 0 15px 10px; }
		div#aside ul#nav_sub li,
		div#aside ul#nav_sub li.last { background: url('../img/icon-arrow_simple_red.gif') no-repeat 0 15px !important; padding: 8px 0 5px 12px; }
			div#aside ul#nav_sub li a, div#aside ul#jobs li a { color: #416981; text-decoration: none; }
			div#aside ul#nav_sub li.here a { color: #ee3424; }

	/* Search */
	div#search { background-color: #97b2c5; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	div#search input#keywords { padding: 3px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 0; width: 130px;}
div#search input#jkhddy-jkhddy { padding: 3px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 0; width: 130px;}
	div#search button { padding: 0; background: none; border: none; cursor: pointer; }

	/* Signup */
	div#signup { background-color: #d1d7e3; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	div#signup input#keywords { padding: 3px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 0; width: 130px;}
div#signup input#jkhddy-jkhddy { padding: 3px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 0; width: 130px;}
	div#signup button { padding: 0; background: none; border: none; cursor: pointer; }

	/* Box */
	div#aside div.box { background-color: #f6fcff; padding: 10px; font-size: 12px; margin-bottom: 20px; }
	div.box.wine { background: #f6fcff url('../img/wine_bottle.gif') no-repeat 2px 50px; }	
		div.box.wine p { padding-left: 40px; padding-bottom: 15px; font-size: 11px; }
	div#aside div.box.didyouknow { padding-bottom: 30px }
		div#aside div.box h2 { font-size: 18px; color: #80a1b6; padding: 0 0 10px; }
		
	/* Calendar styles */
	div#aside table.calendar .calendar-month-links { display:none; position:relative; }
	div#calendar { height: 169px; overflow: hidden; }
	div#aside div.box table.calendar { width: 140px; text-align:center;position:absolute;z-index:1; padding: 1px;}
	div#aside div.box table.calendar td { border: 1px solid #eaf1f6; padding: 0px; color: #80a1b7; }
	div#aside div.box table.calendar h2 { font-size: 13px; text-align: left; float: left; }		
	div#aside div.box table.calendar a { color: #000; }				
	div#aside div.box table.calendar .entries { background-color: #ee3423; color: #fff; text-decoration: none; }
		div#aside div.box table.calendar .entries a { color: #fff;  #fff; text-decoration: none; }
		
		div#calendar_paging { position: relative; }
		a.prev { height: 18px; width: 18px; background: url('../img/button-arrow_left.gif') no-repeat; display: block; text-indent: -999999px; z-index: 10;  }
		a.next { height: 18px; width: 18px; background: url('../img/button-arrow_right.gif') no-repeat; display: block; text-indent: -999999px;  z-index: 10; }

		div#aside div.box div#calendar_paging a.next { position: absolute; right: 0; }
		div#aside div.box div#calendar_paging a.prev { position: absolute; right: 18px; }
		
	/* Sliding text on sidebar */
	ul.sliding-text { width: 132px; overflow: hidden; }		
		ul.sliding-text li { width: 132px; }
			div#aside div.box a.prev,
			div#aside div.box a.next { position: relative; float: right; margin: 0; padding: 0; right: 0;}
			
					
/* Footer --------------- */
div#footer { border-top: 1px solid #d0dce6; overflow: hidden; clear: both; margin: 0 0 20px; font-size: 11px; padding: 10px 0 0; line-height: 18px; color: #9b9b9b; margin-top: 30px; }
	div#footer ul { float: left; width: 160px;  }
		div#footer li a { color: #9b9b9b; text-decoration: none; }
		div#footer li#twitter { background: url('../img/twitter_icon.jpg') no-repeat; padding-left: 18px;  }
		div#footer li#facebook { background: url('../img/fb_icon.jpg') no-repeat; padding-left: 18px;  }
                div#footer li#gsa { background: url('../img/gsa_icon.jpg') no-repeat; padding-left: 18px;  }
                div#footer li#inc { background: url('../img/inc_icon.jpg') no-repeat; padding-left: 18px;  }
		div#footer li a:hover { color: #001827; }


/* About --------------- */
div#content ul#our_history { border-bottom: 1px solid #e7e7e7; overflow: hidden; padding-top: 120px; }
	div#content ul#our_history li { float: left; width: 64px; padding: 0 23px; height: 96px; background: url('../img/about-year.gif') no-repeat top center; position: relative; }
		div#content ul#our_history li a { color: #80a1b6; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 25px 0; }
		div#content ul#our_history li a:hover { color: #ef3524; }
		div#content ul#our_history li em { display: none; position: absolute; top: -100px; left: 0; width: 330px; height: 53px; background: url('../img/history_bubble.gif') no-repeat; padding: 20px; }
		div#content ul#our_history li em.bubble5 { left: -50px; background: url('../img/history_bubble5.gif') no-repeat; } 
		div#content ul#our_history li em.bubble6 { left: -150px; background: url('../img/history_bubble6.gif') no-repeat; } 
		div#content ul#our_history li em.bubble7 { left: -260px; background: url('../img/history_bubble7.gif') no-repeat; } 
		
		/* Tool tips for all */
		.tooltip { border-bottom: 1px solid #ccc; cursor: help; position: relative; }
		.tooltip em { display: none; position: absolute; top: -100px; left: -40px; width: 330px; height: 53px; background: url('../img/history_bubble.gif') no-repeat; padding: 20px; }

	/* Redaction */
	div#redaction-wrapper { float: left; width: 582px; }
		div#redaction-left { float: left; width: 280px; margin-left: 15px; }
			dl#redaction-form input { width: 250px; background: #fff url('../img/forms_bg.gif') repeat-x; border: 1px solid #d0dce6; padding: 4px; font-size: 17px; -webkit-border-radius: 7px;  -moz-border-radius: 7px; border-radius: 7px; margin-bottom: 10px;}
			dl#redaction-form button { padding: 15px 0 0; background: none; border: none; cursor: pointer; }
				dl#redaction-form input.checkbox { width: 10px;}
		div#redaction-right { float: right; width: 280px; }
		img.redactionwine.left { margin: 0; }
		
	/* quote */
	h3#findout { padding-bottom: 20px; padding-left: 30px;  }
	
	/* extract vs reduce */
	div#extract_vs_reduce { background: url('../../images/uploads/extract_vs_reduce_bg.jpg') no-repeat; height: 314px; width: 759px; margin-bottom: 20px; position: relative; }
	div#extract_vs_reduce a.point { width: 20px; height: 20px; display: block; position: absolute; text-decoration: none; }
	div#extract_vs_reduce a.point em { display: none;  color: #333; font-style: normal;}
	
		/* points */
		.point1 { top: 147px; left: 99px; }
		.point2 { top: 197px; left: 209px; }
		.point3 { top: 108px; left: 312px; }

	/* why */
	ol#why_list li { background: url('../img/why_bg.gif') no-repeat; width: 370px; float: left; margin-right: 20px; margin-bottom: 10px;}
	ol#why_list li.right { margin-right: 0; }
		ol#why_list li span { font-weight: bold; font-size: 18px; color: red; float: left; display: block; padding: 10px 15px; }
		ol#why_list li.ten span { padding-left: 9px; }		
		ol#why_list li strong { font-size: 14px; color: #616161; float: right; display: block; width: 320px; padding-top: 10px;  }
		ol#why_list li p { display: block; clear: both; padding-top: 10px;}

	/* The founders */
	div#content div#the_founders { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }
	div#content div#the_founders ul { margin-top: 15px; }
	div#content div#the_founders li { float: left; width: 360px; background: none; padding: 0; margin: 0; }
	div#content div#the_founders li strong { font-size: 14px; color: #616161; background: url('../img/icon-arrow_simple_red.gif') no-repeat 0 4px; padding-left: 8px; }
	div#content div#the_founders li strong span { font-size: 12px; font-weight: normal; }
	div#content div#the_founders li p { margin: 10px 0 0; }
	div#content div#the_founders li#andy { border-right: 1px solid #ccc; padding-right: 30px;position:relative;}
	div#content div#the_founders li#yang { float: right;position:relative; }
	div#content div#the_founders li#andy img { float: left; }
	div#content div#the_founders li#yang img { float: right; }
	
	div#content div#the_founders li#andy a img,
	div#content div#the_founders li#yang a img {float:none;vertical-align:middle;}
	div#content div#the_founders a.connect, div#content div#the_founders a.connect:hover {text-decoration:none;}
	div#content div#the_founders a.connect:hover span {text-decoration:underline;}
	div#content div#the_founders li#andy p.extra {float:left;clear:left;}
	div#content div#the_founders li#yang p.extra {float:right;clear:right;}

	/* Work witih us */
	div#you, div#we { float: left; width: 344px; background-color: #f4f4f4; padding: 20px; } 
	div#we { border-left: 1px solid #fff; }
	div#we { border-left: 1px solid #e2e2e2; }

	/* You / We */
	div#you ul, div#we ul { padding-left: 10px; }
		div#you ul li, div#we ul li { background: url('../img/icon-arrow_simple_red.gif') no-repeat 0 15px; padding: 8px 0 0 12px; }
	
	/* Bottom of Our Story */
	div.col { float: left; width: 235px; margin-right: 30px; padding-top: 20px; overflow: hidden; padding-bottom: 30px; }
		div#col_3 { margin-right: 0; }
	div.col h4 { font-size: 14px; color: #616161; padding: 15px 0 5px; }
	div.col blockquote { margin-bottom: 10px; }
	div.col blockquote em { color: #888; display: block; margin-top: 5px; }
	div.col ul li { background: url('../img/icon-arrow_simple_red.gif') no-repeat 0 7px; padding-left: 10px; }

	/* Form emails */
	div#form { clear: both; padding-top: 30px; border-top: 1px solid #e7e7e7; }
	div#form form { padding-top: 30px; background: url('../img/forms_logo.gif') no-repeat right 0;}
		div#form dl dt { float: left; width: 200px; text-align: right; padding: 9px 10px 0 0; }
		div#form dl dd { float: left; margin-bottom: 18px; }
	
		label { font-size: 14px; }	
		input, textarea { background: #fff url('../img/forms_bg.gif') repeat-x; border: 1px solid #d0dce6; padding: 4px; font-size: 17px; width: 380px; -webkit-border-radius: 7px;  -moz-border-radius: 7px; border-radius: 7px; }
		textarea { width: 480px; height: 100px; font-family: arial; }
		div#form button { padding: 15px 0 0; background: none; border: none; cursor: pointer; }
		span#notice { font-size: 11px; color: #989898; font-style: normal; display: block; clear: both; padding-left: 210px; line-height: 17px; padding-bottom: 20px; }
		div#form dl dd .checkbox { width: 10px;}
	
		div#content form#comment_form .checkbox { width: 10px; }

/* Accordions */
div.accordion { border: 1px solid #f0f0f0; margin-bottom: 30px; -webkit-border-radius: 7px;  -moz-border-radius: 7px; border-radius: 7px; }
	div.accordion h3 a { display: block; padding: 13px 36px 10px; background: #fafafa url('../img/plus.gif') no-repeat 10px 15px; font-size: 13px; font-weight: normal; color: #7fa1b6; text-decoration: none; border-bottom: 2px solid #f0f0f0; }
	div.accordion div { padding: 15px 15px 0; }
	div.accordion h3.active a { color: #616161; background: #fafafa url('../img/minus.gif') no-repeat 10px 15px; }
	
	div.accordion ul#langs { overflow: hidden; }
	div.accordion ul#langs li { width: 215px; float: left; }	
	div.accordion ul#langs li.right { width: 95px; }	
	
	h3 span { font-size: 12px; display: block; padding-bottom: 15px; }
	
	/* For Press */
	div#press-left { width: 160px; float: left; }
		div.press-box { background-color: #97b2c5; color: #fff; padding: 15px; -webkit-border-radius: 7px;  -moz-border-radius: 7px; border-radius: 7px; }
			div#content div.press-box h2 { font-size: 18px; color: #fff; padding: 0; margin: 0; padding-bottom: 5px; }
	div#press-right { width: 581px; float: right; }	
	
	div#content ul#weblogos { padding-bottom: 20px; overflow: hidden;  }
		div#content ul#weblogos li { float: left; width: 116px; background: none; padding: 0; margin: 0; margin-right: 15px; }
			
	/* Modal headers */
	#emailus_modal, #locate_modal{ display: none; }
	.ui-dialog-content { background-color: #f6fcff; }
	#emailus_modal dl { padding: 20px; }
		#emailus_modal dl label { margin-bottom: 5px; }
		#emailus_modal dl input { margin-bottom: 10px; width: 350px; }
		#emailus_modal dl textarea { width: 350px; }
		#emailus_modal button { padding: 0; margin: 20px 0 0; background: none; border: none; cursor: pointer; }
		
			
/* Weblog --------------- */	
body.whats_new div#content h2 { margin-bottom: 20px; }
body.whats_new h3 { clear: both; }
body.whats_new h3 a { text-decoration: none; font-weight: normal; font-size: 18px; }
	body.whats_new h3 span.byline { font-size: 11px; font-weight: normal; color: #444; display: block; }
	body.whats_new img { float: left; margin-top: 20px; }
	body.whats_new p.summary { float: right; width: 495px; padding-bottom: 30px; }
	body.whats_new p.summary a.action { display: block; width: 70px; height: 15px; padding-top: 2px; margin-top: 20px; font-size: 11px; margin-bottom: 15px; }
	
	p#pages strong { padding: 3px 6px; margin-right: 3px; background-color: #ee3423; color: #fff; }
	p#pages a { padding: 3px 6px; margin-right: 3px; color: #333; border: 1px solid #ccc; text-decoration: none; }
	
	body.whats_new div#aside { width: 160px; }
	body.whats_new div#content { width: 700px; }

	/* Comments area */
	h3.emphasized { padding-top: 30px; }
	div#comments { clear: both; }
	div#comments ol li { font-size: 12px; padding: 10px 0; }
		div#comments ol li p { margin-top: 10px; }
	div#comments form#comments_form li { border-bottom: none; }
	div.entry { border-bottom: 1px solid #e7e7e7; overflow: hidden; margin-bottom: 20px; }
	span.username { display: block; padding: 3px; background-color: #efefef; border-bottom: 1px solid #e7e7e7;}
	div#comments label { display: block; margin: 15px 0 5px; }
	div#comments buttons { display: block; margin: 15px 0 5px; }
	
body.whats_new h1 { position: relative; }	
body.whats_new h1 span { position: absolute; right: 0; top: 7px; }
body.whats_new h1 span a { font-size: 12px; text-decoration: none; padding: 2px 20px 2px 0; background: transparent url('../img/feed-icon-14x14.png') no-repeat top right;  }
	
	
/* Forms validators --------------- */		
	.formError { position:absolute; top:300px; left:300px; width:150px; padding-bottom:15px; display:block; z-index:5000; }
		.formError .formErrorContent { width:100%; background:#000; color:#fff; font-family:tahoma; font-size:10px; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
			.formError .formErrorArrow { position:absolute; bottom:0;left:20px; width:15px; height:15px; }
				.formError .formErrorArrow div { box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; font-size:0px; }
				.formError .formErrorArrow .line10 {width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block; } 
				.formError .formErrorArrow .line9 {width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8 {width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7 {width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6 {width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5 {width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4 {width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3 {width:1px;height:1px; background:#000;margin:0 auto;display:block;}