/*
---------------------------------------------
	Author:  Squeaky Wheel Media Development Team
	Lead Developer: Carlos Agosto
	Created: Feb/2010
	--------
	Structure of this Document (search for "=" to jump to each section heading):
		
		1. =XHTML Eelements
		2. =Header
		3. =MainShell
		4. =Features Area
		5. =Footer
	--------	
---------------------------------------------*/

/**** =XHTML Eelements
---------------------------------------------*/
html{ height:101%;}

body{
	background: url(../images/Body-BG.jpg) repeat-x #888888;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#959595;
	text-align:center;
	padding:10px 0;
	}
a{ text-decoration:none; outline:none; color:#959595;}
a:hover{ text-decoration:none;  color:#CC3300;}	
select{ outline:none;}

/**** =Header
---------------------------------------------*/
#Header{ 
	width:992px; 
	background:url(../images/Head-BG.png) no-repeat;
	height:96px;
	margin:0 auto;
	}	
	
#Header:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}	
#Header h1{ float:left; margin:30px 0 0 40px;}	
#Header ul#Nav{ float:left; margin:40px 0 0 15px;}	
#Header ul#Nav li{
	float:left;
	display:block;
	list-style:none;
	color:#a8a8a8;
	padding:0 15px;
	background:url(../images/nav-arrow.gif) no-repeat 6px 6px;
	}
#Header ul#Nav li a,
#Header ul#ShareSection li a{ color:#a8a8a8; float:left;}
#Header ul#Nav li a:hover{ color:#CC3300;}

#Header ul#ShareSection{ 
	float:right;
	margin:15px 20px 0 0; 
	}
	
#Header ul#ShareSection li{ 
	list-style:none;
	display:block;
	float:left;
	padding:0 0 0 5px;
	}	
#Header ul#ShareSection li img{ display:block;float:left;}	

/**** =MainShell
---------------------------------------------*/
#MainShell{ 
	background:url(../images/MainShadow.png) repeat-y; 
	width:992px;
	margin:0 auto;
	text-align:left;
	padding:5px 0 0 0;
	}
#MainShell:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#MainShellWrap{ float:left; width:100%;}	
#MainShell #Flash{
	margin:0 0 0 6px;
	padding:0;
	float:left;
	}	
#MainShell #Flash object,
#MainShell #Flash embed,
#MainShell #Flash img{ display:block; float:left;}	
	
div.alt{ display:none;}	
#MainContent{ float:left; width:727px; padding:10px 0 0 0;}
#MainContent p{ float:left; padding:15px 15px 0 40px;}

/* Phone List */
#PhoneList{float:left; margin:15px 0 0 15px;}
#PhoneList li{
	list-style:none;
	display:block;
	float:left;
	padding:0 0 0 25px;
	}
#PhoneList li a{
	display: block;
  	padding-top: 37px; height: 0px !important;
  	height /**/: 37px; overflow: hidden;
	cursor:pointer;
	}	

#PhoneList li a#Android{ 
	background:url(../images/Logo-Androd.gif) no-repeat;
	width:102px;
	}
#PhoneList li a#BlackBerry{
	background:url(../images/Logo-BlackBerry.gif) no-repeat;
	width:108px;
	}
#PhoneList li a#Iphone{
	background:url(../images/Logo-Iphone.gif) no-repeat;
	width:68px;
	}	
	
#PhoneList li a#Nokia{
	background: url(../images/Logo-Nokia.gif) no-repeat;
	width:80px;
	}
#PhoneList li a#PalmPre{
	background:url(../images/Logo-Palm-Pre.gif) no-repeat;
	width:79px;
	}	
#PhoneList li a#WindowsMobile{
	background:url(../images/Logo-Windows-Mobile.gif) no-repeat;
	width:75px;
	}	
	
#PhoneList li a#Android.On,
#PhoneList li a#BlackBerry.On,
#PhoneList li a#Iphone.On,
#PhoneList li a#Nokia.On,
#PhoneList li a#PalmPre.On,
#PhoneList li a#WindowsMobile.On{
	background-position:0 -37px;
	}	
	
#DownLoad{
	float:left;
	width:230px;
	background:url(../images/Download-Shadow.png) repeat-y right;
	padding:0 0 0 1px;
	}	
#DownLoadInner{ 
	background:url(../images/Download-Bg.jpg) repeat-x #000;
	float:left;
	width:227px;
	}	

#DownLoadInner ul{ float:left; padding:15px 0 0 19px;}
#DownLoadInner ul li{
	list-style:none;
	float:left;
	display:block;
	width:99%;
	margin:0 0 10px 0;
	}
#DownLoadInner ul li div{ 
	float:left; 
	background:#464646;
	}
#DownLoadInner ul li div img{ 
	float:left; 
	margin:7px 1px 0 4px;
	}	
#DownLoadInner ul li input,
#DownLoadInner ul li select{
	background:#464646; 
	border:0; 
	padding:3px; 
	color:#acacac;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	width:165px;
	}	
#DownLoadInner ul li input.Submit{ 
	width:auto; 
	padding:0; 
	margin:10px 0 0 0;
	}	
#DownLoadInner ul li select{ 
	padding:1px 0;
	width:190px;
	}
/*Error Message*/
#DownLoadInner ul li div.error, 
#DownLoadInner ul li select.error{ border:1px solid #ff0000;}	
	
/**** =Features Area
---------------------------------------------*/	
#FeaturesWrap{ 
	float:left; 
	border-top:1px solid #d6d6d6;
	background:#f1f1f1;
	margin:0 0 0 6px;
	width:980px;
	padding:0 0 35px 0;
	position:relative;
	}
#DownLoadBC{ 
	position:absolute; 
	z-index:99; 
	right:28px; 
	top:-1px;
	}	
#Features{ 
	width:650px; 
	float:left; 
	padding:25px 0 0 40px;
	}
#Features h2{ padding:0 0 15px 0;}	
#Features h3.Expand{ margin:5px 0 0 0;}	
#Features h3.Expand,
#Features h3.Expand a{ 
	float: left;
	width:644px;
	border-top:1px solid #d6d6d6;
	}	
#Features h3.Expand a{ 
	border-top:1px solid #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#464646;
	display:block;
	font-weight:bold;
	padding:5px 0 0 18px;
	background:url(../images/Expand-arrow.gif) no-repeat 1px 9px;
	width:626px;
	}
#Features h3.Expand.open a{background:url(../images/Expand-arrow.gif) no-repeat 0 -16px;}	
.ExpandContent,
.collapse{ 
	width:100%; 
	padding:0 0 15px 0;
	float:left;
	}
.collapse{
	margin:0 0 0 18px; 
	padding:5px 0; 
	color:#4d4d4d;
	}
.collapse p{ float:left; width:95%;}
.collapse ul{ float:left; width:299px; margin:0 25px 0 0;}
.collapse .RightList{ margin:0;}
.collapse ul li{ 
	float:left;
	list-style:none;
	display:block;
	background:url(../images/list-arrow.gif) no-repeat 2px 5px;
	padding:0 0 0 15px;
	color:#4d4d4d;
	}
	
#RightSideInfo{ 
	float:left; 
	width:226px; 
	padding:25px 0 0 33px;
	}
#Quotes{ padding:10px 0 0 0; float:left;}

/**** =Footer
---------------------------------------------*/
#Footer{
	width:992px;
	margin:0 auto;
	background: url(../images/Footer-BG.jpg) no-repeat;
	height:27px;
	color:#8a8a8a;
	padding:4px 0 0 0;
	}