@charset "utf-8";
/* CSS Document */

/* Eric Meyer reset CSS v1.0 | 20080212 */
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, fieldset, form, label, legend, 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;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

body {
	background:url(../images/woodBG.jpg) repeat;
	color:#787878;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
}

.footerLink{
position:relative;
top:10px;
}

.breadcrumb{
font-size:12px;
position: relative;
top: 35px;
color:#929292;
}

.breadcrumb a:link{
color:#929292!important;
text-decoration:none;
}

.breadcrumb a:hover{
color:#929292!important;
text-decoration:underline!important;
}

.breadcrumb a:visited{
color:#929292!important;
text-decoration:none;
}



#footer a:link{
font-size:12px!important;
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover{
font-size:12px!important;
color:#FFFFFF;
text-decoration:underline!important;
}

#footer a:visited{
font-size:12px!important;
color:#FFFFFF;
text-decoration:none;
}

.copyright a:link{
color:#FFFFFF;
text-decoration:none;
}

.copyright a:hover{
color:#FFFFFF;
text-decoration:underline!important;
}

.copyright a:visited{
color:#FFFFFF;
text-decoration:none;
}


#holder {
	overflow:hidden;
	position:relative;
	width:100%;
}

.container {
	margin:auto;
	position:relative;
	width:1000px;
}

/* HEADER START */

#header {
	background:#DD0000 url(../images/headerBG.gif) repeat-x;
	height:139px;
	margin:0 0 50px;
}

#logo {
	display:inline;
	float:right;
	margin-right:45px;
}

/* HEADER END */

/* MAIN START */

#main {
	background:url(../images/Wheel_of_tea_iphone_tea_cup.png);
	height:953px;
	margin-left:-57px;
	width:1240px;
}

#infoMain {
	height:953px;
	margin-left:-57px;
	width:1240px;
}

#main h1{
background:transparent url(../images/header.gif) no-repeat scroll 0 0;
height:55px;
left:430px;
padding-left:23px;
position:relative;
text-indent:-9999px;
top:133px;
width:404px;
}

/* Process page */
#processMain {
background:transparent url(../images/wheel_of_tea_white_background.png) no-repeat scroll 0 0;
height:1594px;
width:907px;
}

#processContent {
width:760px;
float: left;
margin:0 0 0 70px;
}

#processContent p{
margin: 10px 0px 10px 0px;
}

h1.processHeader {
background:transparent url(../images/h1_buildYourOwnIphoneApp.png) no-repeat scroll 0 0;
text-indent:-9999px;
height: 32px;
margin-bottom: 15px;
margin-top:50px;
}

h2.quote{
background:transparent url(../images/iveGotAGreatIdeaQuote.png) no-repeat scroll 0 0;
height:72px;
margin: 20px 0px 27px 0px;
}


h2.right{
background:transparent url(../images/h2_soWeJustWriteCode.png) no-repeat scroll 0 0;
height:17px;
margin:35px 0 0;
}

h2.registered{
background:transparent url(../images/h2_nowImRegistered.png) no-repeat scroll 0 0;
height:40px;
margin-top:35px;
}

h2.learnt{
background:transparent url(../images/h2_canIUseFlash.png) no-repeat scroll 0 0;
height:40px;
margin-top:35px;
}

h2.design{
background:transparent url(../images/h2_iHaveTheIdeaLogicAnimations.png) no-repeat scroll 0 0;
height:40px;
margin-top:35px;
}

h2.considerations{
background:transparent url(../images/h2_otherConsiderations.png) no-repeat scroll 0 0;
height:17px;
margin:35px 0 0;
}


#processContent h2{
text-indent:-9999px;
}


#processContent a:link{
color:#2d90c4;
text-decoration:none;
}


#processContent a:hover {
color:#2d90c4;
text-decoration:underline!important;
}

#processContent a:visited{
color:#2d90c4;
text-decoration:none;
}

#processContent ul li{
background:transparent url(../images/bullet.png) no-repeat scroll 0 5px;
display:block;
padding:0 0 0 15px;
}


/* Process page end*/

/* video page*/

#videoMain {
background:transparent url(../images/wheel_of_tea_white_background.png) no-repeat scroll 0 0;
height:550px;
width:907px;
}

#videoContent {
width:760px;
float: left;
margin:0 0 0 70px;
}


h1.videoHeader{
background:transparent url(../images/h2_usersVids.png) no-repeat scroll 0 0;
text-indent:-9999px;
height: 32px;
margin-bottom: 15px;
margin-top:50px;
}

#video{
float:left;
height:340px;
width:560px;
}

#videoText{
float:left;
padding-left:20px;
width:180px;
}

/* Viddeo page end*/
#biscuit{
bottom:118px;
clear:both;
float:left;
left:16px;
position:relative;	
}

#biscuit h3{
background:transparent url(../images/version1.1.png) no-repeat scroll 0 0;
height:40px;
padding-left:23px;
position:relative;
text-indent:-9999px;
top:20px;
width:108px;
left: 16px;
}

#main p#mainCopy {
display:inline;
float:left;
margin-left:433px;
margin-top:146px;
width:420px;
}

a#downloadTop {
	background:url(../images/downloadBtn.gif) 0 0 no-repeat;
	clear:left;
	display:inline;
	float:left;
	height:70px;
	margin-left:436px;
	margin-top:20px;
	text-indent:-9999px;
	width:215px;
}

a#downloadTop:hover {
	background:url(../images/downloadBtn.gif) 0 -70px no-repeat;
}

#ripple {
left:633px;
position:absolute;
top:374px;
width: 420px;
height: 420px;
}

/* MAIN END */

/* FEATURES START */


h2#howItWorks{
background:transparent url(../images/title.png) no-repeat scroll 0 0;
height:46px;
left:74px;
position:relative;
text-indent:-9999px;
top:-170px;
width:447px;
}

#features {
color:#464646;
display:inline;
float:right;
font-size:14px;
margin-right:85px;
margin-top:-9px;
width:352px;
}

#featuresTop, #featureList, #featuresBottom {
display:inline;
float:left;
width:352px;
}

#featureList {
background:url(../images/featuresRepeat.gif) 0 0 repeat-y;
}

#features .featureOne {
display:inline;
float:left;
width:327px;
}

.featureOne img, .featureTwo img, .featureThree img {
clear:left;
display:inline;
float:left;
}

.featureOne p, .featureTwo p, .featureThree p {
display:inline;
float:left;
width:250px;
}

.featureTwo p, .featureThree p {
margin-top:25px;
}

a#downloadBottom {
background:url(../images/downloadBtn.gif) 0 0 no-repeat;
clear:left;
display:inline;
float:left;
height:70px;
margin-left:16px;
margin-top:25px;
text-indent:-9999px;
width:215px;
}

a#downloadBottom:hover {
background:url(../images/downloadBtn.gif) 0 -70px no-repeat;
}

.clear {
	clear:both;
}

/* FEATURES END */

/* POLAROID STARTS */

#polaroids {
background:transparent url(../images/Wheel_of_tea_iphone_polaroids.png) no-repeat scroll 0 0;
color:#464646;
display:inline;
float:left;
font-size:13px;
height:516px;
margin-left:67px;
margin-top:-141px;
width:457px;
}

#polaroids .one, #polaroids .two, #polaroids .three, #polaroids .four {
	display:inline;
	float:left;
	width:160px;
}

#polaroids .one {
	margin-left:40px;
	margin-top:178px;
}

#polaroids .two {
	margin-left:80px;
	margin-top:178px;
}

#polaroids .three {
	margin-left:40px;
	margin-top:220px;
}

#polaroids .four {
	margin-left:80px;
	margin-top:220px;
}

/* POLAROID END */

a#businessCard {
	background:url(../images/businessCard.png) 0 0 no-repeat;
	height:148px;
	text-indent:-9999px;
	width:393px;
}


a#businessCard:hover {
	background-position:0 -148px;
}

#businessCard, #businessCardBottom {
	display:inline;
	float:right;
	margin-right:35px;
}

a#businessCardHomepage {
	background:url(../images/businessCard.png) 0 0 no-repeat;
	height:148px;
	text-indent:-9999px;
	width:393px;
}


a#businessCardHomepage:hover {
	background-position:0 -148px;
}

#businessCardHomepage, #businessCardBottom {
	display:inline;
	float:right;
	margin-right:35px;
}

/*#milkSpill {
	display:inline;
	float:left;
	margin-top:49px;
}*/

/* FOOTER START */

#footer {
	background:#AC0000 url(../images/footerBG.gif) repeat-x;
	height:550px;
}

#footerContainer {
	margin:auto;
	width:1000px;
}


#copyrightBackground {
background:#AC0000 url(../images/footerBottom.gif) repeat-x;
}

.copyright{margin:0 auto; position:relative; width:1000px;}

.copyright p{
font-size:12px;
color:#FFFFFF;
text-align:right;
position:relative;
padding: 10px 0px 10px 0px;
margin-top: 0px;
margin-bottom: 0px;
}

/*disclaimer*/
#disclaimerTxt {position:absolute; left:660px; top:-347px; background:#fff; width:300px; font-size:10px; padding:22px 10px 10px; border:3px solid #666;}
#disclaimerTxtContent {overflow-y:scroll; height:300px;}
#disclaimerTxtContent h2 {position:static; left:0; top:0; text-indent:0; width:auto; height:auto; background:none; color:#E42129; font-size:14px; margin:0 0 10px;}
#disclaimerTxtContent ol li {list-style-type:decimal; list-style-position:inside; margin:0 0 5px;}
#closeDisclaimer {text-indent:-9999px; display:block; width:39px; height:37px; background:url(../images/cross.png) no-repeat; position:absolute; top:-16px; left:-16px;}

#speechPointer {border-color:transparent #666; border-style:solid; border-width:0 20px 20px 0; height:0; width:0; position:absolute; left:954px; top:-9px;}

.hide {display:none;}



#shareThis {
height:11px;
padding-bottom:0;
padding-top:17px;
}


#interact {
float: left;
width: 239px;
margin-left: 70px;
}

#reviews {
float: left;
}



#interact h4{
background:transparent url(../images/interact.gif) no-repeat scroll 0 0;
text-indent:-9999px;
padding-top: 23px;
position: relative;
top: 35px;
}

#reviews h4{
background:transparent url(../images/reviews.gif) no-repeat scroll 0 0;
margin-left:50px;
padding-top:23px;
position:relative;
text-indent:-9999px;
top:16px;
}


#twitter_div{
font-size:12px;
height: 200px;
margin-top:49px;
background:transparent url(../images/twitterBackground.gif) no-repeat scroll 0 0;
}

#twitter_div ul#twitter_update_list {
padding: 64px 0px 0px 25px;
width: 163px;

}

#twitter_div ul#twitter_update_list li span{
display:block;
line-height:15px;
color:#fd2f36;
}

.divider {
background:transparent url(../images/divider.gif) no-repeat left bottom;
display: block;
padding-bottom: 25px;
}

a#twitter{
clear: both;
}

#review1{
background:transparent url(../images/reviewBubble1.png) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
height:123px;
margin-left:80px;
margin-top:58px;
width:534px;
}

#review2{
background:transparent url(../images/reviewBubble2.png) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
height:123px;
margin-left:50px;
margin-top:3px;
width:534px;
}

#review3{
background:transparent url(../images/reviewBubble3.png) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
height:123px;
margin-left:80px;
margin-top:3px;
width:534px;
}

#reviewContainer{
padding:12px 10px 0;
}

#reviewContainer2{
padding:32px 10px 0;
}


.redHighlight{
color:#fd2f36;
}
/* FOOTER END */