﻿/* CSS reset, generic */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:  'Lucida Sans Unicode', Verdana;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}

/* default styles */
strong{font-weight:bold;}.clear{clear:both;}

p{

 font-size:12px;
 line-height:16px;
 margin-bottom:16px;
}

h2{

color: #474242;
font-size:30px;

margin-left:22px;
}

h2 em{

 font-style:italic;
 display:block;
 font-size:18px;
 margin-top:8px;
}

body
{
    background: #1a1a1a url('../design_images/background_pattern.gif') repeat-y center top;
   
}

.carea{
padding-top:111px;
    width: 981px;
    margin:0px auto 0px auto;
    position:relative;
    background:url('../design_images/background_highlight.gif') no-repeat -1px top;
}


.hdr{

    color:White;
    height:111px;
    overflow:visible;
    position:absolute;
top:-76px;
left: -11px;
}





.cnt{
    
    background-color:White;
    border:solid 1px #131212;
    position:relative;
    min-height:500px;
}



.first_h2{

margin-top:49px;
}


.intro{

margin-left:22px;

 margin-top:55px;
padding-left:85px;
width: 465px;
background:  url('../design_images/iphonemenu_icon.jpg') no-repeat left top;
}
.mcol1{

float:left;
width:200px;
}

.mcol2{

float:right;
width:200px;
margin-right:20px;
}



.samples_cnt{
top:-72px;
right:32px;
width: 359px;
height: 607px;
position:absolute;
background: url('../design_images/iphones_lr.gif') no-repeat left top;


}


#sample_btn_prev{
 
  left:77px;
 padding-right:10px;
  text-align:right;
 
}
#sample_btn_nxt{
 
 
  left:320px;
  
 padding-left:10px;

}

#sample_btn_prev, #sample_btn_nxt{
 
  color:#6b6a6a; 
  position:absolute;
  top:427px;
  display:block;
  width:20px;
  height:33px;
  text-decoration:none;
  font-size:24px;
}

#sample_btn_prev:hover , #sample_btn_nxt:hover{
 color:#373334;
 text-decoration:underline;
 }
 
 
 

 
 

#sample_exp{
position:absolute;
bottom:-30px;
right:40px;
width:212px;

overflow:auto;
height:205px;
}

#sample_nxt{

cursor:pointer;
top:155px;
left:22px;
width:84px;
height:187px;
position:absolute;
background: none no-repeat left top;

}


#cur_img{

cursor:pointer;
top:72px;
left:122px;
width:181px;
height:272px;
    position:absolute;
    background: none no-repeat left top;

}


#sample_exp h4{

text-align:center;
margin-bottom:10px;
color:#303030;
font-size:18px;
}

#sample_exp p{

color:#373334;
font-size:11px;
}

h2.mf{

font-size:24px;
font-style:italic;
margin-top:55px;
margin-bottom:32px;
color:Black;
}

.features{

margin-left:22px;


width: 530px;
padding-left:20px;
}

.ft-line{

width:510px;
float:left;
margin-bottom:10px;
}


.featl{

clear:left;
float:left;
width:155px;
padding-left:60px;
background-repeat: no-repeat;
background-position: top left;
}

.featr{

float:right;
width:155px;
margin-right:20px;
padding-left:60px;
background-repeat: no-repeat;
background-position: top left;
}

.featl p, .featr p{

color:#3c3838;

}

.feat_startrit{

    background-image:url('../design_images/feat_startrit.gif');
}

.feat_quickscan{

background-image: url('../design_images/feat_quickscan.gif');
}

.feat_anwb{

    background-image:url('../design_images/feat_anwb.gif');
}

.feat_kenteken{

background-image: url('../design_images/feat_kenteken.gif');
}

.feat_kmcalc{

    background-image:url('../design_images/feat_kmcalc.gif');
}

.feat_addauto{

background-image: url('../design_images/feat_addauto.gif');
}

.social
{
	width:247px;
	height:50px; 
	position:absolute; 
	right:0px;
	bottom:35px;
}

.social a
{
	margin-right:10px;
}
.social a img
{
	width:38px;
	height:38px;
	border:none;
}


.ftr{
color:White;

    margin-top:3px;
    border:solid 1px #131212;
    background:#393534 url('../design_images/footer_pattern.gif') repeat-x left top;
    height:67px;
    position:relative;
    font-size:12px;
}

.discl_vrt
{
	color:Gray;
	font-size:11px;
	position:absolute;
	width:980px;
	height:60px;
	bottom:-70px;
	left:10px;
	text-align:center;
}

.probs-cont{

position:absolute;
top:20px;
left:40px;
display:block;
color:White;
text-decoration:none;
padding-left:40px;
background: url('../design_images/prob_btn_sheet.jpg') no-repeat left -58px;
}

.probs-cont:hover{

text-decoration:underline;
background-position:left -8px;
}

.probs-cont em{

display:block;
text-decoration:underline;
font-weight:bold;
}

.appstore{

display:block;
position:absolute;
top:8px;
left:410px;

width:143px;
height: 49px;
background: url('../design_images/appstore.jpg') no-repeat left center;
text-decoration:none;
}

.appstore span{

display:none;
}

.think{
 position:absolute;
 top:8px;
 right:40px;
 width:85px;
 padding-right:161px;
 height:37px;
 font-style:italic;
 font-size:10px;
 text-align:right;
padding-top:10px;
color:#959494;
}

.think a{

outline:none;
position:absolute;
top:0px;
right:0px;
    text-decoration:none;
     background: url('../design_images/think_logo_sheet.jpg') no-repeat right top;
width:147px;
height:47px;
}

.think a:hover{

background-position:right -47px;
}

.think a span{
 display:none;
}
