@import url(960.css);
@import url(base.css);

#home { position: relative; z-index:10;}

body {
	background: #0173A5 url(../images/cssimg/bg_top.png) no-repeat top center;
	color:#D2F2FF;
}
#header {
	position:relative;
	height:200px;
	z-index:80000;
}
	.logo_text{
		float:left;
		}
	.logo {
		position: absolute;
		top:30px;
		left:0;
		}        
	.logo_text {
		margin-top:80px;
		padding-left:250px;
    	}
#login {
	position:absolute;
	right:0;
	background: url(../images/cssimg/login_bg.png) no-repeat;
	height:35px;
	padding-left:12px;
	width:168px;
}
	#login a {
		margin-top:5px;
                color:white;
                text-decoration:none;
	}
	#login a.arrow {
		background: url(../images/cssimg/login_arrow.png) no-repeat 0 0;
		display:block;
		float:left;
		height:25px;
		padding-left:25px;
		/* TAKE THE FOLLOWING CODE OUT WHEN READY TO ADD LOGIN */
			display:none;
		/* END */
	}
	#login a.plus {
		background: url(../images/cssimg/login_add.png) no-repeat 0 0;
		display:inline-block;
		margin-left:12px;
		height:25px;
		padding-left:25px;
		/* TAKE THE FOLLOWING CODE OUT WHEN READY TO ADD LOGIN */
		margin-left:0;
		/* END */
	}

#sublog {
    position:relative;
    top:-42px
}

}
ul#hero {
	margin:0 auto;
	height:280px;
	width:944px;
	list-style:none;
}
	#hero li {
		height:280px;
		width:944px;
		display:block;
		}
	#hero li.app {
		background: url(../images/cssimg/hero_bg.png) no-repeat 1px center;
		}
	#hero li.register {
		background: url(../images/cssimg/hero_bg_why.png) no-repeat 1px center;
		}
#hero_nav {
	width:920px;
	margin:0 auto;
}
	#hero_nav a {
		display:block;
		float:left;
		}
#register {
	background: url(../images/cssimg/hero_bg_why.png) no-repeat 1px center;
}
#boxes {
	padding-top:25px;
}
.box {
    float:left;
    width:33%;
    background:url(../images/cssimg/sub_box.png) no-repeat top;
    margin:0;
    padding:0;
    height:210px;
    overflow:hidden;
	line-height:1.3em;
}
	.box h2, .box p, .box a {
        padding: 0 25px;
		}
	.box h2 {
    	color:#000033;
    	margin:0;
    	margin-top:5px;
    	font-size:20px;
    	line-height:2em;
		}
	.box p {
    	color:#333333;
    	font-size:12px;
    	margin-bottom:10px;
		}
	.box a {
    	font-style:italic;
    	text-decoration:none;
    	font-size:12px;
    	color:#0033FF;
		}

#app, #register {
    margin: 0 auto;
    width:944px;
    height:280px;
    position: relative;
    z-index:5;
}

#app {
    background:url(../images/cssimg/hero_bg.png) no-repeat 1px center;    
}

	#register h2 {
    	margin:0;
		font-size:20px;
		line-height:1;
		color:#000033;
		}
	#register ul {
		color:#000033;
		list-style:none;
		margin:0 0 0 480px;
		}
	#register li {
		padding-top:15px;
		padding-right:10px;
		padding-left:21px;
		background:url(../images/cssimg/hero_btn.gif) no-repeat 0 18px;
		}
	#register li li {
		padding:5px 0 0 0;
		background:none;
		} 
	#register ul ul {
		margin:0;
		}
	#register img.buy {
    	margin-left:600px;
    	position:relative;
    	top:15px;
		}


#app {
    background:url(../images/cssimg/hero_bg.png) no-repeat 1px center;
}
	#app h2 {
    	margin:0;
		font-size:20px;
		line-height:1;
		color:#000033;
		}
	#app ul {
		color:#000033;
		list-style:none;
		margin:0 0 0 480px;
		}
	#app li {
		padding-top:15px;
		padding-right:10px;
		padding-left:21px;
		background:url(../images/cssimg/hero_btn.gif) no-repeat 0 18px;
		}
	#app li li {
		padding:5px 0 0 0;
		background:none;
		} 
	#app ul ul {
		margin:0;
		}
	#app img.buy {
    	margin-left:600px;
    	position:relative;
    	top:15px;
		}

.content .tabs {
    list-style:none;
}
	.tabs h1 {
        text-shadow:none;
        color:black;
		}
	.tabs .tabNavigation  {
    	list-style:none;
    	margin:-4px auto 0;
    	width:900px;
		}
		.tabs .tabNavigation li a {
			display:block;
			position:relative;
			width:430px;
			padding-left:17px;
			background: url(../images/cssimg/hero_tab_u.png) no-repeat 0 0;
			height:45px;
			text-decoration: none;
			line-height:45px;
			color:white;
			}
		.tabs .tabNavigation li#first_tab a {
			float:left;
			}
		.tabs .tabNavigation span {
			font-size:18px;
			padding-right:20px;
			padding-left:45px;
			font-weight:bold;
			line-height:42px;    
			}    
		.tabs .tabNavigation li#first_tab a span{
			background: url(../images/cssimg/hero_app.png) no-repeat 0 5px;
			height:35px;
			display:block;
			float:left;
			}
		.tabs .tabNavigation li#second_tab a {
			float:right;
			position:relative;
			}
		.tabs .tabNavigation li#second_tab a span{
			background: url(../images/cssimg/hero_check.png) no-repeat 0 7px;
			height:35px;
			display:block;
			float:left;
			padding-left:40px;
			}
		.tabs .tabNavigation li a.selected {
			background: url(../images/cssimg/hero_tab_s.png) no-repeat 0 0;
			color:#000033;
			}
		.tabs .tabNavigation li {
			padding-left:0;
			}
	.tabs #buynow {
		position:absolute;
		top:282px;
		left:366px
	}

#header_sub {
	height:150px;
}
#title_banner {
	background: url(../images/cssimg/subhead_bg.png) repeat-x 0 0;
	height:70px;
}
	#title_banner h1{
		line-height:70px;
		color:black;
		text-shadow:none;
		}

#footer {
	float:left;
}
#footer p{
	font-size:12px;
	padding-top:35px;
}
#footer_wide {
	background:#0173A5 url(../images/cssimg/bg_bottom.png) no-repeat bottom center;
	z-index:2;
}


/* NECESSARY FOR THE WATERY FOOTER */
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#home{padding-bottom: 40px; padding-top:40px;}  /* must be same height as the footer */

#footer_wide {
    position: relative;
	margin-top: -276px; /* negative value of footer height */
	height: 276px;
}
/* END WATERY FOOTER CSS */

ul#reasons {
	list-style:none;
	margin:0;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	padding-right:20px;
	}
	ul#reasons li {
		padding-top:15px;
		background:none;
		padding-left:0;
		}
	ul#reasons li li{
		padding-top:0;
		padding-bottom:0; 
		}
	ul#reasons ul {
		margin:0;
		font-weight:normal;
		list-style:none;
		font-size:11px;
		color:#D2F2FF;
		line-height:1.2;
		padding: 10px 0 20px 0;
		}
	ul#reasons li.time {
		background: url(../images/cssimg/clock_btn.png) no-repeat top right;
		} 
	ul#reasons li.handheld {
		background: url(../images/cssimg/iphone_btn.png) no-repeat top right;
		}   
	ul#reasons li.upload {
		background: url(../images/cssimg/wallet_btn.png) no-repeat top right;
		}
.contactus a{
	background:url(../images/cssimg/contact.png) no-repeat 0 0;
	height:81px;
	display:block;
	text-indent:-999em;
	margin:20px 0;
}
.app_store a{
	display:block;
	text-indent:-999em;
	background:url(../images/cssimg/appstore_btn.png) no-repeat 0 0;
	height:69px;
	margin:20px 0;
}
#sidebar hr {    
	border:none;
	height:2px;
	background: url(../images/cssimg/hr_bg.png) repeat-x;
	width:200px;   
}
#main {
	margin-top:50px;
}    
#homepage {
	padding-top:100px;
}
#logo_small {
	float:left;
	position:relative;
	top:20px;
}    
#logo_text_small {
	position:relative;
	top:16px;
}    

/* PRIMARY NAV CSS */
#nav_625499 {
	list-style:none;
	display:block;
	background: url(../images/cssimg/nav_bg.png) 0 0 no-repeat;
	height:36px;
	width:710px;
	float:right;
	margin-top:10px;	
	position: relative;
	z-index:1000;
}
#nav_625499 li {
	float:left;
	line-height:34px;
	padding-left:15px;
	background:none;
}
#nav_625499 a {
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	display: block;
	float:left;
	padding-right:4px;
	height:36px;
}
#nav_625499 a:link, 
#nav_625499 a:visited {
	color:white;
}
#nav_625499 a:hover {
	color:#78D2FF;
}
#nav_625499, #nav_625499 ul {
	padding: 0;
	list-style: none;
	line-height: 1;
}
#nav_625499 ul {
	margin:0;
}
#nav_625499 li {
	float: left;
	position:relative;
	z-index:6000;
}
#nav_625499 li.selected a {
	color:#78D2FF;
}
#nav_625499 li ul {
	position: absolute;
	top:36px;
	background:url(../images/cssimg/drop_bg.png);
	left:-999em ;
	z-index:50000;
	border: solid 1px #076789;
	border-top:none;
}
#nav_625499 li li {
	float:left;
	clear:left;
	padding:0;
}
#nav_625499 li ul a {
	text-align: left;
	display: block;
	width: 200px;
	padding:5px 5px 5px 15px;
	margin:0;
	height:15px;
	line-height:1;
	background:none;
	position: relative;
	z-index:5000;
}
#nav_625499 li ul a:hover {
	color:white;
	background:url(../images/cssimg/drophov_bg.png);
	color:#78D2FF;
}
#nav_625499 li.selected ul li a {
	color:white;
	background:none;
}
#nav_625499 li.selected ul li a:hover {
	color:white;
	background:url(../images/cssimg/drop_bg.png);
	color:#78D2FF;
}
#nav_625499 li:hover ul, #nav_625499 li.sfhover ul {
	left: 0;
}
#nav_625499 li ul ul { /* third-and-above-level lists */
	margin: -44px 0 0 262px;
	z-index:10000000;
}
#nav_625499 li:hover ul ul, #nav_625499 li:hover ul ul ul, #nav_625499 li.sfhover ul ul, #nav_625499 li.sfhover ul ul ul {
	left: -999em;
}
#nav_625499 li li:hover ul, #nav_625499 li li li:hover ul, #nav_625499 li li.sfhover ul, #nav_625499 li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}	
body#lamotte {
	
}
img#penguin {
	position:absolute;
	top:80px;
	right:30px;
}
img#lamotte {
	position:relative;
	left:-52px;
}