@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }

/****** STRUCTURE ******/
body { margin: 0 auto; background-color:#FFF; line-height:150%; font-size: 13px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #333; }
#wrap { width: 960px; margin: 0 auto; }

#header { width: 100%; float:left; height:162px; position:relative; }
	div#language_menu_bar_l { position:absolute; top:0; right: 8px; height: 25px; background:url(img/language_menu_bar_l.png) 0 0 no-repeat; }
		div#language_menu_bar_r { height:25px; padding: 0 10px; background:url(img/language_menu_bar_r.png) 100% 0 no-repeat; }
	div#logo{ position:absolute; top:16px; left:16px; }
	div#nerdsonsite{ position:absolute; bottom:0; right:16px; }
#top_menu_bar_l { float: left; width: 737px; height: 30px; background:url(img/top_menu_bar_l.png) 0 0 no-repeat; }
#top_menu_bar_r { float:right; width: 223px; height: 30px; background:url(img/top_menu_bar_r.png) 100% 0 no-repeat; }
		
#main { width: 950px; margin:0 auto 10px auto; background: url(img/main.png) 0 0 repeat-y; }
	#main_b { width: 100%; background: url(img/main_b.png) 0 100% no-repeat; }
	.gutter { padding: 10px; }
	
	#content { float: left; width: 720px; background-color: #FFF; }
			
#sidebar_r { float: right; width: 200px; background: url(img/sidebar.png) 0 0 repeat-y; }
	#sidebar_r_b { float: left; width:100%; background: url(img/sidebar_b.png) 0 100% no-repeat; }
		#sidebar_r_t { float: left; width:100%; background: url(img/sidebar_t.png) 0 0 no-repeat; }
#sidebar_r h3 { text-align:center; }

#footer { float: left; width: 950px; margin: 0 0 10px 5px; background: url(img/footer.png) 0 0 repeat-y; }
	#footer_b { float: left; width:100%; background: url(img/footer_b.png) 0 100% no-repeat; }
		#footer_t { float: left; width:100%; background: url(img/footer_t.png) 0 0 no-repeat; }
	#footer h4 { color: #8C8151; }
	
#credits { margin: 0 0 10px 0; color: #666; text-align:center; }	

/****** GENERAL ******/
p { line-height: 150%; margin: 8px 0; }

a { color: #09F; text-decoration: none; }
	a:hover { text-decoration: underline; }
	a img { border: none; text-decoration: none; }

h1, h2, h3 { font-family: "Trebuchet MS", Verdana, sans-serif; color:#C00; }

h1{ font-size: 22px; padding: 6px 0 8px 0; }
h2{ font-size: 16px; padding: 3px 0; }
h3{ font-size: 13px; }
h4{ font-size: 13px; color:#666; }
h5{ font-size: 11px; color:#999; }

ul li { line-height:150%; }

hr { width:90%; height:1px; margin:6px auto 10px auto; border: 0; color:#DDD8C4; background-color: #DDD8C4; }

blockquote { margin:3px 0; padding: 6px 0 6px 13px; background: transparent url("img/blockquote.png") no-repeat 0 0; color:#666; font-style:italic; font-weight:bold; }

/****** EXTRA ******/
.clear { clear:both; }
.gutter_mini { padding:4px; }
.left { float:left; }
.right { float:right; }
.center { margin-left:auto; margin-right:auto; }
.two_third { width: 66%; } /*(700 - (16x2) - 200*/
.one_third { width: 33%; }
.half { width: 50%; }
.mitad { width: 50%; }
.air { padding-top:10px; }

.centered {text-align:center; }
.lefted { text-align:left; }
.righted { text-align:right; }

.subtle { color:#666; }
.very_subtle { color:#666; font-size: 11px; }
.small { font-size: 11px; }

/****** MENUS ******/
ul#language { width: 100%; margin:0; padding: 0 10px; text-align:center; list-style-type:none; }
	ul#language li { display:inline; line-height:25px; margin-right: 8px; padding: 0; font-size:11px; }
			ul#language li a img { border:none; vertical-align:middle; margin-right:5px; }
	
#top_menu_bar_l ul, #top_menu_bar_r ul { list-style-type:none; margin:0; padding:0; text-align:center; }
	#top_menu_bar_l ul li, #top_menu_bar_r ul li { display:inline; line-height:30px; padding:0; font-family: "Trebuchet MS", Verdana, sans-serif; text-transform:uppercase; }
	#top_menu_bar_l ul li { margin: 0 12px; }
	#top_menu_bar_r ul li { margin: 0 8px; }
		#top_menu_bar_l ul li a, #top_menu_bar_r ul li a { text-decoration:none; }
		#top_menu_bar_l ul li a { color:#333; }
			#top_menu_bar_l ul li a:hover { color:#C00; }
		#top_menu_bar_r ul li a { color:#FFF; }
			#top_menu_bar_r ul li a:hover { color:#FF3; }

/****** SPECIAL ******/
#center_block { float:left; width: 930px; height: 223px; background:url(img/center_block.png) 0 0 no-repeat; margin-bottom:10px; }
	#center_block h1 { text-align:center; font-size:18px; }
	div#main_image { margin:6px 6px 0 6px; float: left; }
	
.quotes { width: 552px; background:url(img/quotes.png) 0 100% no-repeat; margin:0 0 10px 10px; color: #666; }
	.quotes_t { width: 532px; padding:10px; background:url(img/quotes_t.png) 0 0 no-repeat; }
		#quotes_container { width:100%; height:90px; overflow:hidden; position:relative; vertical-align: middle; }
			#quotes_container ul { }
				#quotes_container ul li { height:100px;  line-height:100%; overflow:hidden; list-style: none; list-style-image: none; }
			#quotes_container p.fact { background:url(img/check.png) 0 50% no-repeat; padding-left: 20px; }
			#quotes_container blockquote { margin:0; }
			#quotes_container span { display:none; font-size:11px; font-style:normal; line-height:100%; position:absolute; bottom:0; }
				#quotes_container span:hover { cursor:pointer; color:#C00; }
				#quotes_container span.previous { left:0; }
				#quotes_container span.next { right:0; }
.demo { float:right; width:360px; text-align:center; }
	.demo h3, .demo h4 { padding: 0; }
	.demo p { margin: 0; padding: 0; }

.nerd_testimony { width: 100px; text-align: center; font-size: 11px; }
.testimony { width: 590px; padding: 0 0 0 10px; overflow: hidden; }
	
ul.flags { list-style:none; width:228px; margin: 0; padding: 8px 0 0 0; }
	ul.flags li { display:inline; margin: 0; padding:0; }
		ul.flags li a { display:block; float:left; text-align:center; width:56px; margin: 0 16px 4px 0; font-size:8px; text-transform:uppercase; color:#333; line-height:100%; }
			ul.flags li a img { border:none; margin-bottom: 2px; }
			ul.flags li a.tiny { font-size:7px; }
			ul.flags li a:hover { color:#C00; text-decoration:none; }
			
.features { float:left; width:283px; height: 120px; margin: 0 10px 10px 0; padding:10px; background:url(img/features_long.png) 0 0 no-repeat; font-size: 11px; }
	.features h4, .features_big h4 { margin: 0 0 4px 0; padding: 0; text-align: left; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 13px; color: #C00; }
	.features p { margin: 4px 0; padding: 0; line-height: 115%; }
	.features img { float: right; margin: 0 0 0 4px; }
	
.features_big { float:right; width:283px; height: 270px; margin: 0; padding:10px; background:url(img/features_big.png) 0 0 no-repeat; font-size: 11px; }
	.features_big img { margin-top: 20px; }
	
p.home_read_more { margin-top: 16px; }
	p.home_read_more a { display: block; width: 112px; height: 16px; line-height: 16px; text-indent: 4px; font-size: 11px; color: #FFF; text-transform: uppercase; background:url(img/home_learn_more.png) 0 0 no-repeat; }
	p.home_read_more a { background-position: 0 -16px; text-decoration: none; }
	
.mini_block { float:left; padding-right: 22px; }
	.mini_block ul { margin:0; padding-left:16px; list-style-image:url(img/footer_list.png); }
			.mini_block ul li a { color: #666; }

ul.check { padding-left:24px; }
	ul.check li { list-style-image:url(img/check.png); }
	
div.special { width:90%; margin: 3px auto; padding:6px; background-color:#FFC; border: #FC3 1px dashed; }

a.top { padding-right: 13px; font-size:11px; background: url(img/top.png) 100% 0 no-repeat; }

div.error { width:90%; margin: 3px auto; padding:6px; background-color: #FFC; border: #F63 1px dashed; }

/****** CONTENT ******/
#content ul, #main ul { padding-left:24px; margin: 3px 0; list-style-image:url(img/list.png); }
#content ol, #main ol { padding-left:24px; margin: 3px 0; }
#content p { }

/****** TABLES ******/
table.comparison { margin: 10px auto; width:90%; border-collapse:collapse; border: #DDD8C4 1px solid; }
	table.comparison tr th, table.comparison tr td { border: #DDD8C4 1px solid; padding: 3px 6px; }
	table.comparison tr th { padding-bottom:3px; border-bottom-width: 2px; font-family: "Trebuchet MS", Verdana, sans-serif; color:#666; background: url(img/th.png) 0 100% repeat-x #FFF; text-align:center; font-weight:bold; }
	table.comparison tr th.nerds { color: #C00; }
	table.comparison tr td { text-align:center;  }
	table.comparison tr td.highlight { background-color:#FFC; font-weight:bold; }

/****** FORMS ******/
fieldset { width: 90%; margin: 0 auto 8px auto; padding: 8px; border: #C00 1px solid; }
legend { font-weight: bold; font-size: 13px; color: #C00; }
label { font-weight:bold; color:#666; }
input[type=submit] { padding: 6px; font-weight:bold; }