/*
Theme Name: SPC
Theme URI: http://www.smartphonechallenge.com/
Description: First full iteration of the Smart Phone Challenge.
Version: 2.0
Author: Jet A Studio
Author URI: http://www.jetastudio.com/
	©2007 Copyright The Phone Store. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/


* {margin:0;padding:0}

body {font:12px/1.5 Helvetica, Arial, sans-serif;background:#222222 url(images/body_bg.jpg) repeat-x 0 0;color:#333}

/* ------------- General Classes ----------------- */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}


/*------------- Element Styles -------------*/

a {color:#174f89;outline:none}
a:hover {text-decoration:none}

	a img {border:0}


h2 {font:21px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;margin-bottom:.75em}
h3 {font:15px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;color:#c30e2a;margin-bottom:.75em;font-weight:bold}


#content p {margin-bottom:1.5em}

#content ul, #content ol {margin:0 0 1.5em 1.5em}

#content ul.highlights {font-size:13px;margin:0 0 1.5em 0;padding:0;list-style:none}
	#content ul.highlights li {display:block;margin-bottom:.75em;background:#fff url(images/list-arrow.png) no-repeat 0 3px;padding:0 0 0 1.2em}

img.right {display:block;float:right;margin:0 0 1em 1em;display:inline}
img.left {display:block;float:left;margin:0 1em 1em 0;display:inline}

div.thank-you {}

table.compare {border-collapse:separate;border-spacing:0;border:1px solid #ccc}
	table.compare th {padding:.5em}
	table.compare td {padding:.4em .3em .2em .3em;border-bottom:1px solid #dddddd}
	table.compare td.breaker {font-weight:bold;background-color:#f0f3f8}
table.compare h4 {font-size:12px;margin:.7em 0 .6em .5em}

div.ddsg-wrapper h2 {font-size:17px;}
div.ddsg-wrapper p {display:none;}
div.ddsg-wrapper ul li a {font-size:12px;font-weight:bold;}

/*------------- Layout Styles -------------*/

#container {width:784px;margin:0 auto 0 auto;padding-top:10px}

#wrapper {width:784px;background:#222222 url(images/wrapper_bg.jpg) repeat-y 0 0}
	
	#header {width:784px;height:242px;background:transparent url(images/header_bg.jpg) no-repeat 0 0;position:relative}
	
		#logo {display:block;width:400px;height:150px;position:absolute;top:50px;left:60px;text-indent:-9999px;text-decoration:none}
		
		#info {width:375px;position:absolute;top:12px;right:5px;list-style:none}
			#info li {display:inline;color:#555555;font-size:14px}
				#info li a {color:#fff;text-decoration:none;padding:0 1px 0 1px}
				#info li a:hover {color:#cccccc}
				#info li.link-one a {font-weight:bold}
				#info li.link-two a {padding:0 14px 0 2px}
		
		#compare {display:block;width:280px;height:150px;position:absolute;right:10px;top:40px;text-indent:-9999px;text-decoration:none}
	
	#nav {width:734px;height:25px;background:transparent url(images/nav_bg.jpg) no-repeat 0 0;list-style:none;padding:8px 0 0 50px}
		#nav li {display:block;float:left;padding:0 8px 0 8px;background:transparent url(images/nav_link_bg.jpg) no-repeat 100% 0;display:inline}
		#nav li.link-one {padding:0 8px 0 0}
		#nav li.link-six {padding:0 0 0 8px;background:none}
			
			#nav li a {display:block;height:17px;text-indent:-9999px;text-decoration:none;overflow:hidden}
			
			#nav li.link-one a 		{width:85px;background:transparent url(images/nav_links_bg.jpg) no-repeat 0 0}
			#nav li.link-two a 		{width:160px;background:transparent url(images/nav_links_bg.jpg) no-repeat -102px 0}
			#nav li.link-three a 	{width:80px;background:transparent url(images/nav_links_bg.jpg) no-repeat -281px 0}
			#nav li.link-four a 	{width:55px;background:transparent url(images/nav_links_bg.jpg) no-repeat -372px 0}
			#nav li.link-five a 	{width:139px;background:transparent url(images/nav_links_bg.jpg) no-repeat -431px 0}
			#nav li.link-six a 		{width:69px;background:transparent url(images/nav_links_bg.jpg) no-repeat -574px 0}
				
			#nav li.link-one a:hover	{width:85px;background:transparent url(images/nav_links_bg.jpg) no-repeat 0 -17px}
			#nav li.link-two a:hover 	{width:160px;background:transparent url(images/nav_links_bg.jpg) no-repeat -102px -17px}
			#nav li.link-three a:hover 	{width:80px;background:transparent url(images/nav_links_bg.jpg) no-repeat -281px -17px}
			#nav li.link-four a:hover 	{width:55px;background:transparent url(images/nav_links_bg.jpg) no-repeat -372px -17px}
			#nav li.link-five a:hover 	{width:139px;background:transparent url(images/nav_links_bg.jpg) no-repeat -431px -17px}
			#nav li.link-six a:hover 	{width:69px;background:transparent url(images/nav_links_bg.jpg) no-repeat -574px -17px}
			
	#main {width:765px;background:transparent url(images/main_bg.jpg) no-repeat 0 0;padding:0 9px 0 10px}
		
		#sponsors {clear:both;width:723px;background:transparent url(images/hero_bg.jpg) no-repeat 0 0;padding:2em 0 2.5em 0;margin:0 16px 0 26px}
			#sponsors h3 {width:142px;height:33px;background:#fff url(images/sponsor-hdr.jpg) no-repeat 0 0;text-indent:-9999px;margin-bottom:.5em}
			#sponsors ul {list-style:none;margin-bottom:0}
				#sponsors ul li {display:block;float:left;border-right:1px solid #f3cfd5;padding:0 5px 0 5px;display:inline}
				#sponsors ul li.last {border-right:0;padding-right:0}
		
		h1 {font:28px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;color:#2d6294;padding-top:.5em;margin:0 0 6px 22px;font-weight:bold}
		p.tagline {font:18px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;color:#3f3e3e;font-weight:bold;font-style:italic;padding-right:10px;margin:0 0 1.2em 22px}
		#schedule-btn {display:block;width:296px;height:48px;background:#fff url(images/schedule-btn.jpg) no-repeat 0 0;text-decoration:none;text-indent:-9999px;margin:0 auto 1.5em auto}
		
			
		#sidebar {width:234px;float:left;padding:6px 0 8em 0}
			#sidebar img {display:block}
			#home-page #sidebar {width:367px;display:block;padding:0 0 2em 0}
				#home-page #sidebar img {display:block;margin:0}
		
		#content {width:487px;min-height:350px;height:auto !important;height:350px;float:left;padding:1.5em 18px 1.5em 26px;font-size:11px;display:inline}
			#home-page #content {width:360px;padding:5px 18px .5em 20px;min-height:150px;height:auto !important;height:150px}
				#home-page #content p {font-size:12px}
		
		#flash {width:100%;text-align:center;margin-bottom:1.5em}
				
		
	#footer {width:729px;background:#222222 url(images/footer_bg.jpg) no-repeat 0 0;padding:2em 27px 2em 28px;font-size:11px}
		#footer ul {list-style:none;margin-bottom:.5em}
			#footer ul li {display:inline}
				#footer ul li a {color:#999999;padding:0 .75em 0 0}
		#footer p {color:#777777}
	
/*------------- Form Styles -------------*/

fieldset {border:0;padding-top:1em}
label {font-size:14px;font-weight:bold;display:block}
fieldset.fields input {display:block;font-size:14px;padding:2px;width:50%;margin-bottom:1em;}