/*
Author: Thai Le
Author URL: http://www.thaivietle.com
*/


/*----------------------------------------------------------
	RESET =RELOADED 4/16/08
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
----------------------------------------------------------*/
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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
  vertical-align: baseline;
}
a { text-decoration:none; }
:focus { outline: 0; } /* define focus for each */
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/*----------------------------------------------------------
	common classes/tags
----------------------------------------------------------*/
.clearfix { display:block; clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
	
/*----------------------------------------------------------
	types/fonts
----------------------------------------------------------*/

body, html {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:12px;
	color:#141414;
	text-align: left;
	}
a { color:#2c73ba; }
a:hover { color:#141414; }
h1 a {
	display:block;
	float:left;
	width:213px;
	height:78px;
	background:url(../images/logo_dark.png);
	text-indent:-9999px;
	}
h2 { 
	font-size:20px;
	color:#6f8618;
    padding-bottom:12px;
	margin-bottom:28px;
    margin-top:14px;
	}
.separator
{
    border-bottom:4px double #ccc;
}
h2 span { font-weight:bold; }
strong{font-weight:bold;}
.footnote{
	font-family: Tahoma,Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:10px;
	color:#808080;
	line-height:8px;
}
.description{
	font-family: Tahoma,Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:10px;
	color:#808080;
	line-height:8px;
}
.content h3 {
	font-size:20px;
	line-height:18px;
	color:#1b71bc;
	margin-bottom:14px;
	}
.content .grabber {
    font-size:32px;
    line-height:32px;
    color:#6c8026;
}
#about .grabber {
    background:url(../images/iphone/automilez-helps-you.png) top left no-repeat;
    width:580px;
    height:61px;
    text-indent:-9999px;
}
#logbook .grabber{
    background:url(../images/logbook/simply-and-securely.png) top left no-repeat;
    width:534px;
    height:97px;
    text-indent:-9999px;
    margin-bottom:20px;
}
#about .content p,#logbook .content p
{
    font-size:14px;
    line-height:19px;
    margin-bottom:20px;
}
#about #whether-a-consultant
{
    background:url(../images/iphone/whether-a-consultant.png) top left no-repeat;
    width:574px;
    height:93px;
    text-indent:-9999px;
}
#about #automilez-electronically
{
    background:url(../images/iphone/automilez-electronically.png) top left no-repeat;
    width:574px;
    height:68px;
    text-indent:-9999px;
}
#about #how-does-automilez
{
    background:url(../images/iphone/how-does-automilez.png) top left no-repeat;
    width:409px;
    height:18px;
    text-indent:-9999px;
    margin-bottom:20px;
}
#about #using-automilez
{
    background:url(../images/iphone/using-automilez.png) top left no-repeat;
    width:290px;
    height:22px;
    text-indent:-9999px;
}

.top-shade
{
    background:url(../images/top-shade.png) top left repeat-x;
    border-top:1px solid white;
}
.bottom-shade
{
    background:url(../images/bottom-shade.png) bottom left repeat-x;
}
.content .summary ,#about .summary{
	font-size:18px;
	line-height:22px;
    color:#6c8026;
}
.content h4
{
    color:#475a00;
    font-weight:normal; font-size:18px;
}
#home-summary {
	line-height:18px;
	font-size:14px;
	}

#are-you-maximizing {
    text-indent:-10000px;
    width:530px;
    height:65px;
    background:url(../images/home/home-summary-headline.png) top left no-repeat;
	font-size:24px;
	line-height:26px;
	color:#0f518d;
	margin-bottom:45px;
	}
#are-you-maximizing span{
    font-weight:bold;
}
#kicker {
    margin-top:20px;
    color:#0f518d;
}
#you-can {
	font-size:18px;
	font-weight:bold;
	color:#0f518d;
	margin-bottom:15px;
	}
#news .content p
{
    font-size:14px;
}
.intro-offer-box-container h3 {
	font-size:16px;
	color:#646464;
	margin-bottom:14px;
	}

#get-it-app-store
{
    display:block; margin:0px 0 0px 0; position:relative;
    right:8px;
    top:8px;
    height:49px;
    width:277px;
    background: url(../images/home/button-get-it-app-store.png) top left no-repeat;
    text-indent:-10000px;
}
#get-it-now-green
{
    display:block; margin:0px 0 0px 0; 
    position:absolute;
    left: 193px;
    top:107px;
    height:37px;
    width:159px;
    background: url(../images/button-get-it-now.png) top left no-repeat;
    text-indent:-10000px;  
}
#get-it-now
{
    display:block; margin:0px 0 0px 0; position:relative;
    left: 110px;
    top:8px;
    height:49px;
    width:147px;
    background: url(../images/logbook/button-get-it-now.png) top left no-repeat;
    text-indent:-10000px;  
}
#learn-more-green
{    
display:block; margin:0px 0 0px 0; position:relative;
    left:130px;
    top:10px;
    height:49px;
    width:131px;
    background: url(../images/home/button-learn-more-green.png) top left no-repeat;
    text-indent:-10000px;
}
#learn-more-orange
{    
    display:block; margin:0px 0 0px 0;
    left:55px;
    top:156px;
    position:absolute;
    height:37px;
    width:159px;
    background: url(../images/home/button-learn-more-orange.png) top left no-repeat;
    text-indent:-10000px;
}
#logbook-login
{
    display:block; margin:0px 0 0px 0;
    left:222px;
    top:156px;
    position:absolute;
    height:37px;
    width:159px;
    background: url(../images/home/button-login.png) top left no-repeat;
    text-indent:-10000px;
}
.till-july {
	font-size:17px;
	color:#475416;
	font-weight:normal;
	margin-left:0;
	padding-bottom:8px;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #A9C734;
	border-top-width: .5px;
	border-top-style: solid;
	border-top-color: #A9C734;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	padding-top: 8px;
	}
	
.demo-click {
	font-size:17px;
	color:#0F518D;
	font-weight:bold;
	margin-left:0;
	padding-left:26px;
    padding-bottom:18px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 8px;
	padding-top: 0px;
	width: 260px;
	line-height: 15px;
	padding-right: 20px;
    position:relative;
    top:-3px;
	}
/*----------------------------------------------------------
	structure
----------------------------------------------------------*/

body, html { 
	background:#e9e9e9;
	}
.get-automilez {
	font-size:20px;
	line-height:24px;
	color:#0f518d;
	font-weight:bold;
	}
.container {
	background:url(../images/container-bg-short.png) #fff center top repeat-x;
	width:964px;
	margin:0 auto;
	padding:0px 25px 40px;
    position:relative;
	}	
#home .container { 
	background:url(../images/home/container-home-bg-text.png) #fff center top repeat-x; 
    width:1014px;
    padding:0px 0px 0px 0px;
    border-bottom:1px solid white;
}
 #about .container, #logbook .container{
    width:1014px;
    padding:0px 0px 0px 0px;
    border-bottom:1px solid white;    
 }
.header { height:103px; }
#home .header{ padding:0px 25px; height:78px; }
#about .header, #logbook .header
{
     padding:0px 25px;
}

ul.nav {
	float:right;
	margin-top:34px;
	margin-right:10px;
	}
ul.nav li {
	float:left;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:16px;
	margin-right:15px;
	padding-right:15px;
	border-right:1px solid #1a6eba;
	}
ul.nav .nav-download { margin-right:0; padding-right:0; border-right:none; }
ul.nav .nav-download a { color:#bae12a; font-size:18px; }
ul.nav .nav-download a:hover { color:#bae12a; text-decoration:underline; }
ul.nav a { color:#cfecff; }
ul.nav a:hover { color:#fff; }
ul.nav .active a { color:#fff; font-weight:bold; }

.content {
	display:inline;
	clear:both;
	float:left;
	width:615px;
	margin:0 40px 0 0;
	}
#news .content {
    width:548px;
}
#about .content, #logbook .content
{
    width:548px;
    overflow:visible;
    margin-right:0px;
    margin-left:0px;
}
#about .content div.top-shade,
#logbook .content div.top-shade
{
    padding-top:35px;
    width:548px;
    padding-right:466px;
    position:relative;
}
#about .content div.bottom-shade,
#logbook .content div.bottom-shade
{
    padding-left:25px;
    width:548px;
    padding-right:441px;
    padding-bottom:20px;
}
#about #view-tour
{
    width:383px; height:164px;
    background:url(../images/iphone/view-tour-bg.png) no-repeat top left;
    position:relative;
    text-indent:-10000px;
    position:absolute;
    right:15px;
    top:30px;
}
#about #view-tour a
{
    display:block;
    background:url(../images/iphone/button-view-tour.png) no-repeat top left;
    width:130px; height:45px;
    text-indent:-10000px;
    outline:none;
    position:absolute;
    right:20px;
    bottom:28px;
}
	
.content p {
	line-height:16px;
	margin-bottom:20px; 
	}
	
#home #screenshot {
	clear:both;
	float:left;
	position:relative;
	width:250px;
	height:500px;
	background:url(../images/home/iphone.png) no-repeat;
	margin-right:55px;
	}
	
#home #screenshot img {
	position:absolute;
	top:75px;
	left:25px;
	width:200px;
	height:300px;
	}
	
#home #screenshot #other-platforms {
	font-family: Tahoma, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	bottom:10px;
	left:0px;
	width:250px;
	text-align:center;
	color:#777777;
}

#home-feature {
    position:relative;
	width:512px;
	padding-left:446px;
	padding-top:151px;
	height:194px;
	float:none;
	font-size:32px;
	line-height:36px;
	color:#fff;
	font-family:Helvetica Neue, Helvetica, Arial, Sans-Serif;
	}
	
#home-feature p { margin-bottom:8px; font-size:48px; line-height:48px; text-indent:-10000px; }
#home-feature p#did-you-know{margin-top:4px; background:url(../images/home/header-did-you-know.png) left top no-repeat; width:540px; height:88px;}
#home-feature .green { 
    width:333px; height:26px;
    color:#d3f74d; font-size:30px;
    background:url(../images/home/header-with-automilez.png) top left no-repeat;
    margin-left:3px; margin-top:18px;
}
#home-feature .green span{font-weight:bold;}
#home-feature #coming-soon
{
    text-indent:0;
    font-size:10px;
    font-family:Tahoma, Helvetica, Arial, Sans-Serif;
    position:absolute;
    left:450px;
    bottom:-5px;
}
#home-feature #app-store-button
{
	width:121px;
	height:41px;
	text-indent:-9999px;
	background:url(../images/app-store.png) center center no-repeat;
    position:absolute;
    right:-42px;
    bottom:15px;
}
#home #download-free-link a, #learn-more a {
	display:block;
	float:left;
	height:49px;
	text-indent:-9999px;
	margin:15px 10px 0 0;
	}
#home #download-free-link a {
	width:346px;
	background:url(../images/home/button-get-it-now-free.png) no-repeat;
	}
#home #learn-more a {
	width:140px;
	background:url(../images/home/button-learn-more-light.png) top no-repeat;
	}
#home-summary {
    background:url(../images/home/home-summary-bg.png) repeat-x top left;
	width:584px;
    padding-left:25px;
    padding-right:405px;
    padding-top:60px;
    border-top:1px solid white;
    border-bottom:1px solid white;
    height:330px;
 	}
#home-summary p
{
    line-height:22px;
}
#home-panels
{
    background:url(../images/home/home-panels-bg.png) top left repeat-x;
    height:289px;
}
#home-panels div
{
    float:left;
    padding:18px 0 0 0;
    width:270px;
    margin-right:20px;
}
#home-automilez-news h3
{
    text-indent:-10000px;
    background:url(../images/home/home-automilez-news.png) top left no-repeat;
    width:141px; height:15px;
    margin-bottom:23px;
}
#home-automilez-news p
{
    line-height:18px;
}
#home-panels #home-partnering
{
    padding-top:72px;
    width:340px;
}
#home-partnering h3
{
    text-indent:-10000px;
    background:url(../images/home/home-partnering.png) top left no-repeat;
    width:232px; height:20px;
    margin-bottom:10px;
}
#home-partnering p
{
    line-height:18px;
}
#home-partnering span
{
    display:block;
    margin:8px 0;
    font-size:10px;
}
#journyx-logo
{
    margin-right:65px;
}

#home #sign-up, #news #sign-up
{
    padding:74px 0px 0px 30px;
    float:left;
    display:block;
    width:325px;
    height:215px;
    background:url(../images/home/home-sign-up-bg.png) left top no-repeat;
    position:relative;
}

#news #sign-up
{
    padding:55px 0px 0px 18px;
    width:375px; height:337px;
    background:url(../images/news-sign-up-bg.png) left top no-repeat;
}
div#sign-up-contents
{
    padding:0; margin:0;
}
#home #sign-up p, #news #sign-up p
{
    margin-bottom:18px;
    line-height:16px;
    font-size:12px; color:black;
}
#home #sign-up span
{
    font-size:14px;
    color:#2f2f2f;
}

#home #sign-up input, #news #sign-up input
{
    position:absolute;
    left:108px;
    width:180px;
}
#news #sign-up input
{
    width:210px;
}
#home #sign-up a
{
    margin-left:150px;
}
#news #sign-up a
{
    display:block;
    margin-top:20px;
    margin-left:210px;
}

#no-risk-offer{
    background:url(../images/no-risk-offer.png) left top no-repeat;
    width:375px; height:162px;
    text-indent:-10000px;
    position:absolute;
    right:10px; top:478px;
}
#automilez-logbook-box{
    background:url(../images/automilez-logbook.png) left top no-repeat;
    width:374px; height:213px;
    text-indent:-10000px;
    position:absolute;
    right:10px; top:650px;
}
#you-dont-have-to
{
    background:url(../images/iphone/you-dont-have-to.png) left top no-repeat;
    width:372px; height:72px; padding-top:85px;
    text-indent:-10000px;
}
#you-dont-have-to p
{
    text-indent:0px;
    line-height:18px;
    font-size:12px;
    width:330px;
    margin-left:20px;
}
#about #no-risk-offer, #about #automilez-logbook-box, #about #you-dont-have-to,
#logbook #no-risk-offer, #logbook #automilez-logbook-box
{
    position:relative;
    top:0; left:-15px;
    margin-top:18px;
    float:right;
}
	
p.blurb
{
	display:block;
	width:580px;
	height:140px;
	color:white;
	font-size:15px;
	line-height:16px;
	background-image: url(../images/blurb-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	float: none;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.intro-offer-box-container {
	float:right;
	width:292px;
    margin-bottom:5px;
	line-height:16px;
	background:url(../images/intro-offer-box-end.png) center bottom no-repeat;
    margin-top:10px;
}

.intro-demo-box-container {
	float:right;
	width:292px;
    height:134px;
    margin-bottom:10px;
	line-height:16px;
	background:url(../images/intro-demo-box-wide.png) top right no-repeat;
    margin-top:44px;
    width:317px;
    position:relative;
	}
	
.intro-demo-box-container  a {
    outline:none;
    width:112px;    height:40px;
    display:block; position:absolute;
    text-indent:-10000px;
    right:12px; bottom:36px;
}

#home .intro-offer-box-container{
    margin-top:0px;
}
.intro-offer-box-footer {
	background:url(../images/intro-offer-box-top.png) center top no-repeat;
	margin-bottom:13px;
	}
.intro-offer-box-content { 
	padding:16px;	
 	}
.sidebar {
	display:inline;
	float:right;
	width:295px;
	}
#news .sidebar , #about .sidebar, #logbook .sidebar{
    width:375px;
}
#logbook #sidebar2
{
    position:absolute;
    right:-10px;
    top:40px;
}

#logbook #sidebar2 h5
{
    color:#797670;
    font-size:14px;
    margin-bottom:10px;

}
.sidebar .promo-thumbnail 
{
    position:relative; right:5px;
}
#steps{
}
#steps li {
    clear:both;
	width:584px;
	font-size:10px;
    color:black;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
    display:block;
    height:228px;
}
#about .content #steps li p
{
    margin-bottom:18px;
}
#steps p.description
{
    font-size:11px;
    line-height:14px;
    margin-top:0;
}
#steps img
{
    float:left;
}
#steps p.step-title {
	color:#1b71bc;
	font-size:14px;
    margin:0 0 16px 0;
	}
#steps #st1,#steps #st2,#steps #st3,#steps #st4
{
    display:block;
    text-indent:-10000px;
    height:15px;
    width:574px;
}
#steps #st1 { background:url(../images/iphone/header-step-1.gif) top left no-repeat; }
#steps #st2 { background:url(../images/iphone/header-step-2.gif) top left no-repeat; }
#steps #st3 { background:url(../images/iphone/header-step-3.gif) top left no-repeat; }
#steps #st4 { background:url(../images/iphone/header-step-4.gif) top left no-repeat; }

#key-features {
	float:left;
	margin:25px 20px;
	color:#498dc9;
	font-size:16px;
	line-height:19px;
	}
#key-features li.key-features-title {
	min-height:14px;
	color:#646464;
	padding:0;
	margin:0 0 10px 0;
	background:none;
	}
#key-features li {
	min-height:40px;
	padding:20px 0 0 30px;
	margin:0 0 5px 5px;
	background:url(../images/bullet-bulleseye.png) left top no-repeat;
	}
#key-benefits-header
{
    width:382px; height:21px;
    background:url(../images/logbook/key-benefits.png) top left no-repeat;
    text-indent:-9999px;
}
#key-benefits
{
    height:550px;
    margin-top:30px;
}   
#key-benefits li
{
    width:600px;
    color:#2f2f2f;
    margin:18px 0 0 15px;
    font-size:16px;
    list-style:square;
    padding-left:10px;
}
	
#privacy ul
{
    margin-bottom:20px;
}
#privacy li
{
    line-height:18px;
}
	
/*----------------------------------------------------------
	footer
----------------------------------------------------------*/

.footer {
	clear:both;
	width:1014px;
	margin:0 auto;
	padding-bottom:20px;
	background:url(../images/footer-bg.png) #fff left top repeat-x;
    position:relative;
    font-size:10px;
	}
#footer-copyright {
	font-family: Tahoma, Arial, Helvetica Neue, Helvetica, sans-serif;
	padding:16px 25px 5px 25px;
	color:#6b6b6b;
    width:310px;
    line-height:13px;
	}
.footer ul {
	position:absolute;
    top:15px;
	display:block;
}
.footer ul#column-1{ left:325px; }
.footer ul#column-2{ left:469px; }
.footer li {
	font-family: Tahoma, Arial, Helvetica Neue, Helvetica, sans-serif;
	line-height:18px;
	}
#appstore-link {
	width:121px;
	height:41px;
	float:left;
	text-indent:-9999px;
	background:url(../images/app-store.png) center center no-repeat;
	margin:10px 25px 0 25PX;
	}
#footer-logos
{
	width:194px;
    padding-left:24px;
    border-left:1px solid #c4c4c4;
    height:79px;
    position:absolute;
    right:25px; top:20px;
}
#footer-logos p
{   
	font-family: Tahoma, Arial, Helvetica Neue, Helvetica, sans-serif;
	width:130px;
	margin-bottom:10px;
	font-size:10px;
	color:#6b6b6b;
}
#footer-logos #logo_bbb
{
    position:absolute; top:0; right:0;
}
/*Temporary hiding of TL popup 
#footer-logos #tl_popupSCAS{ display:none; } */