
body{
	background:#0a3c6e url(../images/star-background.jpg) no-repeat;
	height:100%; min-height:100%;
	font-family: Arial, Helvetica, sans-serif;
}

.maincap { height:10px; }
.maincap.top { top:0; background:url(../images/main_top.png) no-repeat; }
.maincap.bottom {background:url(../images/content_bottom.png) no-repeat; }
#main { width:984px; padding:0px 0 0; background:url(../images/content_middle.png) repeat-y; }
#content { padding:42px 52px 46px; _overflow:hidden; }

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#000; }
h1 {margin-bottom:0px; font-size:3em; line-height:0.5em; font-weight:bold; margin-top:20px;}
h2 { margin-bottom:1em; font-size:1.5em; line-height:1.4; font-weight:normal; }
h3 { margin-bottom:.3em; font-size:1.3em; line-height:1.4; }
h4 { font-size:1em; line-height:1.5; }

#main #productbanner{ position:relative; zoom:1; }
#main #productbanner:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#productpage #main #productbanner .voicechanger { width:980px; min-height:414px; _height:414px; _padding-top:-20px; margin:-51px 0 0 -50px; background:url(../images/product-banner.png) no-repeat 0 0; behavior:url(../scripts/iepngfix.htc); }
#productpage #main #productbanner img { margin-bottom:-30px; }
#productpage #main #content { width:880px; }
#productpage #main #productbanner h1 { text-indent:-9999px; overflow:hidden; }
#productpage #main #productbanner h2 { display:block; width:790px;  margin:0 auto; padding:250px 50px 25px; border-bottom:1px solid #e5e5e5; color:#666; font-size:16px; font-weight:normal; text-align:center; }

#productpage #main .grid3col,
#productpage #main .grid2colc { position:relative; padding:0 0 20px; margin-bottom:20px; border-bottom:1px solid #e5e5e5; }
#productpage #main .grid3col .column.first { width:30%; }
#productpage #main .grid3col .column { width:30%; margin-left:5%; }
#productpage #main .grid3col .column.last { width:29.5%; }

#productheader h2 a { width: 470px; height:57px;background-image: url(../images/voicechanger-title.png); }


#navigation{
	background: url(../images/iphone-header.png) repeat-x;
	
}

.top-content{
	width: 985px;
	overflow: hidden;
	margin: 0px auto;
	
}
.pageTop, .pageDiv {
	border-bottom: 1px solid #D4D4D3;
	margin: 0px;
	padding:0 0 10px 10px;
}

#footer { width:100%; height:350px;}


/* form elements */
form {
	margin: 5px 10px; padding: 5px 10px 5px 10px;
	border: 0px solid #c9c9c8; 
	background: none; 	
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0;
	color: #444;
}
input, select, textarea {
	padding: 2px 8px;
	color: #6A6969;
	background: #f1f1f1;  
	border: 1px solid #c9c9c8;
}

textarea {
	width: 400px;
	height: 100px;
	display: block;	
}
input.button { 
	height: 30px;
	margin: 0;
	padding: 1px 3px; 
	color: #fff;
	 font-size: 10px;
	 background:#75bb03;
}

.newsletterLabel {
 font-size: 11px;  margin-bottom: 0; padding-bottom: 15px; position: relative; 
}


.firstFooter {
	clear: both;
	padding-bottom: 20px;
	background-color: #d9d7d0;
	border-top: solid 1px #fff;
}
.home .firstFooter {
	background-color: transparent;
	overflow: hidden;
}



/* L O G O */
.logo {
	width: 196px;
	height: 74px;
	float: left;
	margin-right: 50px;
	margin-top: 12px;
}

.logo a{
	width: 196px;
	height: 74px;
	background: url(../images/logo.gif) no-repeat left top;
	display:block;
}

.logo a:hover{
	background: url(../images/logo.gif) no-repeat left bottom;
}

.logo span{
	display:none
}

.logo h1{
	margin:0;
	padding:0;
}


/* navigation lists */
#navigation #sitelinks {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float:right;
}
#navigation #sitelinks li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 145px;
	display: block;
	height: 101px;
	float: left;
	line-height:18px;
	background: url(../images/divider2.gif) no-repeat left center;
}
#navigation #sitelinks a {
	list-style: none;
	text-decoration: none;
	color: #808080;
	padding-top: 33px;
	display: block;
	height: 68px;
}
#navigation #sitelinks a:hover {
	color: #383838;	
}
#navigation #sitelinks a span {
	display: block;
	padding-left: 10px;
	font-size:16px;
	font-weight: bold;
	margin-bottom:0px
}
#navigation #sitelinks a em {
	display: block;
	font-style: normal;
	font-size: 10px;
	padding-left: 10px;
		font-weight:200;
		margin-top:0;
}

#navigation ol{
}

#navigation ol li{
}

#dl-buy-button {
	float: left;
	margin: -1px 0 0 -2px;
	width: 266px;
	height: 64px;
	}

#dl-buy-button a  {
	display: block;
	padding-top: 64px;
	width: 180px;
	height: 0;
	overflow: hidden;
	background: url(../images/appstore-button.png) no-repeat;
	}

#dl-buy-button a:hover  {
	background-position: 0 -64px;
}

.download {float:right};

#iphone-screenshots {width:990px;margin-left:15px;color:#000000;}

ul.screenshots-peel {
	width: 190px;
	height: 263px;
	padding: 14px 0 0;
	margin: 0px 0 0px 0px;
	background: url(../images/box-bg.jpg) no-repeat;
	list-style-type: none;
	
}

ul.screenshots-peel h3,
ul.screenshots-peel p {
	display: none;
}

ul.screenshots-peel li {
	display: block;
	float: left;
	width: auto;
	height: 160px;
	position: relative;
	padding: 0;
	margin-left: 14px;
}




.line {float:left; width:886px; height:1px; margin-bottom:30px;border-top:1px solid #e5e5e5;}
.three_column {padding: 0px 0px 0px 0px; position: relative; float: left; width:265px;}
.four_column {position: relative; float: left; width:220px;}

img{
	border-style: none;
}

a span, span span {
	display: none;
}
/* ----- LINKS ----- */

a{
	text-decoration: none;
	color: #0097b5;	
	
}
a:hover{
	color:#007490;
}
a.siteBy {
	display: block;
	background: url(../images/logo-footer.jpg) no-repeat 10px center;
	height: 48px;
	width: 190px;
	float: left;
}

.footer {
	background: #d6d6d6;
	height: 48px;
	clear: both;
}


.footer {

margin-top:30px;
}
.footer a:hover {
	color:#999;
}
.footer p {
	float: left;
	margin: 0px;
	padding-top: 5px;
	font-size: 11px;
	color: #626262;
}
.footerRight  {
	float: left;
	width: 550px;
	
}

 .twitter {
	
	
	
	padding-left: 90px;
	padding-top:5px;
	padding-right: 15px;
	display: block;
	font-size: 11px;
}

.social-icons {

	margin-top:5px;
	float:left;
}
.social-icons a {
	padding-right:10px;
}

/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width:510px; 
	margin:30px auto 12px; 
	background:url(../images/iphone-slider-bg.png) repeat-x;  
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
	
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:45px; 
	height:109px; 
	bottom:0px; 
	right:5px; 
	background:url(../images/slideitmoo_forward.png) no-repeat center;  
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(../images/slideitmoo_back.png) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden; 
	width:2000px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 15px 0px; 
	font-size:11px; 
	width:100px; 
	text-align:center; 
	color:#000000;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block;  padding:2px; }
#SlideItMoo_items a img{ border:none; }




