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

*{
margin:0;
padding:0;
}

body{
background-position: center;
background-color: #bcceed;
background-image: url(images/gradient5.jpg);
background-repeat: repeat-y;
}

/*text*/

h1{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 17px;
color: #000066;
}

h1.tagline{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
color: #bd262d;
padding-top: 25px;
padding-left:10px;
}

h1.quote{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #bd262d;
}

h2{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
color: #000066;
}

h2.quote{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000066;
}

h2.media{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
color: #bd262d;
}

h3{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color: #bd262d;
}

h3.link{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000066;
text-decoration: underline;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;

}

/*header*/

#container {
margin: auto;
width: 880px;
height:100%;
}

#header {
width: 880px;
height: 202px;
}

#logo {
width: 307px;
height: 97px;
float: left;
}

#topright {
width: 573px;
height: 97px;
background-image: url(images/topright.gif);
float:left;
}

#pictures {
width: 880px;
height: 102px;
}

#links { 
width:660px;
height: 23px;
background-color: #bd262d;
padding-top: 2px;
float: right;
}

#redbar { 
width:220px;
height: 23px;
background-color: #bd262d;
padding-top: 2px;
float: left;
}

/*links*/

ul li {
display: list-item;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:15px;
color: #000000;
}

ul#navigation li {
display: inline;
height: 23px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

ul#bottom li {
display: inline;
height: 25px;
padding-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000066;
}

ul#navigation a {
color: #FFFFFF;
text-decoration: none;
padding-top: 2px;
}

ul#bottom a {
color: #000066;
text-decoration: none;
font-size: 10px;
font-weight: bold;
}

ul#navigation a:hover {
color:#ddeafb;
}

ul#bottom a:hover {
color:#CC0000;
}

ul#featurelist li {
display: list-item;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin-left: 15px;
}


/*content*/

#content {
width: 879px;
height: 100%;
}

#beach{
width: 300px;
height: 255px;
background-image: url(images/travelerwalletcardontable.jpg);
background-repeat: no-repeat;
margin-left: 20px;
margin-top:25px;
padding-left: 7px;
padding-right: 10px;
float: right;

}

#text {
width: 460px;
height: 400px;
margin-top: 25px;
margin-left: 30px;
margin-right: 30px;
float: left;

}

#drive{
width: 300 px;
height: 150 px;
background-image: url (images/);
background-repeat: no-repeat;
background-position: right;
margin-top: 0px;
margin-left: 30px;
float: left;
clear: left;
}

#mediaquotes{
width: 510px;
height: 300px;
float: left;
margin-top: 0px;
margin-left: 50px;
}

#tgalogo{
width: 254px;
height: 245px;
margin-top: 40px;
margin-right: 50px;
float: right;
}

#footer{
width:880px;
height:52px;
margin:0;
position: bottom;
background-image: url(images/heartbeat.gif);
background-repeat:no-repeat;
float: left;
}

#bottommenu {
position: bottom;
margin-left:100px;
margin-top: 32px;
width:580px;
height: 28px;
}

#questions{
width: 750px;
height: 700px;
margin-left: 50px;
margin-top: 25px;
float: left;
}

#features{
width: 725px;
height: 900px;
margin-left: 50px;
margin-top: 25px;
float: left;
}

#buynow{
width: 600px;
height: 500px;
margin-left: 50px;
margin-top: 25px;
float: left;
}

#package{
width: 300px;
height: 378px;
float: right;
margin-left: 50px;
margin-right: -50px;
background-image: url(images/travelerwalletcard.jpg);
background-repeat: no-repeat;
}

#button{
width: 76px;
height: 31px;
float: left;
background-image: url(images/buynowbutton.jpg);
background-repeat: no-repeat;
}

#media{
width: 700px;
height: 620px;
margin-left: 50px;
margin-top: 25px;
float: left;
}

#dealer{
width: 700px;
height: 400px;
margin-left: 50px;
margin-top: 25px;
float: left;
}

#pdfs{
height: 550px;
width: 650px;
margin-left: 25px;
}

#video{
height: 327px;
width: 401px;
margin-left: 200px;
margin-top: 50px;
}

#contact{
width: 300px;
height: 330px;
margin-left: 50px;
margin-top: 25px;
float: left;
}

#contactimage{
background-image: url(images/product_contact.jpg);
background-repeat: no-repeat;
width: 273px;
height: 177px;
float: left;
margin-top:50px;
}

#about{
width: 650px;
height: 250px;
margin-left: 65px;
margin-top: 65px;
}

#screenshots{
width: 778px;
height: 4650px;
padding-left: 14px;
padding-top: 24px;
margin-left: 40px;
margin-top: 20px;
}

#doctorphoto{
width:257px;
height:220px;
float: right;
clear:left;
margin-top:32px;
margin-left: 12px;
}

#featureshot{
width:225px;
height:225px;
float: left;
clear:right;
margin-top:0px;
}

#decal{
width: 75px;
height: 75px;
float: right;
background-image: url(images/alertdecal.jpg);
background-repeat: no-repeat;
}

#sample{
width:201px;
height:31px;
float: left;
clear:right;
margin-top:5px;
margin-left: 7px;
}