*{
margin: 0px;
padding: 0px;	
border: 0px;
}

a img{
border: 0px;	
}
body{
width: 100%;	
height: 100%;	
text-align: center;	
font-family: "Myriad Pro", verdana;
position:absolute;
top: 0px;
padding: 0px;	
}
#left,#right{
width: 50%;
float: left;
height: 100%;	
position: absolute;
z-index: -1;
top: 0;
}
#right{
left: 50%;	
}
#background
{
width: 100%;
}
#left
{
background-image: url('../img/bgl.png');	
}
#right
{
background-image: url('../img/bgr.png');	
}
#navigation{
height: 62px;
position: relative;
z-index: 1;
}
#logo{
margin-left: -145px;
height: 61px;
width: 456px;
overflow: hidden;
float: left;
}
#container{
width: 800px;
margin: 0 auto 0 auto;
text-align: left;	
top: 0;

}
#showcase{
height:263px;	
}
#showcaseCopy{
padding-top:	40px;
width: 350px;
color: #f0f0f0;
}
#showcaseImage{
float: right;
margin-top: -60px;
}
#stripe{
height: 42px;
width: 800px;
padding: 20px 0px;
background: url('../img/stripe.png');	
}
#content{
color: #757575;	
}
h1#showcaseTitle{
font-size: 30px;
font-weight: 500;
}
#showcaseText{
font-size: 20px;
margin-top:	30px;
}
#startTracking{
display: inline;
padding: 0 10px 0 0;	
}

#learnMore{
display: inline;	
padding: 0 10px;	
}

ul#feautures{
list-style: none;
height: 400px;
}
li.feature{
float: left;
height: 120px;
}
.featureImage{
float: left;	
padding: 30px;
}
.featureText{
padding: 30px;
width: 275px;
}
h2.featureTitle{
font-size: 20px;
font-weight: 500;
}
.featureDesc{
font-size: 15px;	
}
.secondRow{
margin-left: 100px;	
}
#box{
width: 705px;
height: 131px;
background: url('../img/container.png');
margin: 0 30px;
font-size: 15px;
}
h3.boxTitle{
font-size: 15px;
font-weight: 600;
}
#boxLeft, #boxRight
{
width: 310px;
padding: 20px;
float: left;
}
#boxRight
{
color: #57b8d0;
}
#footer{
width: 665px;
height: 29px;
background: url('../img/footer.png');
margin: 30px 30px;
padding: 15px 20px 0px 20px;
font-size: 12px;

}
#footerLeft{
float: left;	
}
#footerLeft a{
text-decoration: none;
color: #757575;
padding: 0 5px;
}
#footerRight{
float: right;
text-align: right;
color: #969696;
}
ul.boxList{
list-style: inside;	
}
ul.boxList li{
line-height: 23px;
}
#links{
float: left;	
width: 450px;
padding: 25px 0px 17px 0px;
list-style: none;
}
.link a{
height: 20px;
float: left;
padding: 0px 20px;
text-decoration: none;
}
.default a{
color: #cccccc;	
}
.current a{
color: #ffffff;	
}
.userLink a, .loggedInUserLink a{
color: #a9deee;	
}
input{
padding: 2px;
margin: 5px;
color: #666666;
width: 150px;
font-size: 1.1em;
}
#form{
margin-top: 30px;
color: #666666;
text-align: right;
}

#form form{
width: 263px;	
}

#form h1{
font-size: 1.5em;
text-align: center;
margin-bottom: 20px;
}
button{
padding: 5px;
margin: 5px;	
}
.option a{
color: #888888;	
}
.option{
margin-top: 10px;
font-size: .8em;
color: #666666;	
}
.message{
margin-top: 20px;
text-align: center;
font-size: .8em;	
}
.error{
color: #bb0000;	
}
.success{
color: #66CC00;
font-weight: bold;
font-size: 1.1em;}