/* CSS Document */

body{
background:#e1e1e1 url(images/vmi-background.png) repeat-x;
font-size:12px;
line-height:18px;
}

#wrapper{
margin-left: auto;
margin-right:auto;
margin-top:0px;
width: 800px;
text-align:left;
font-family: Arial;
}

a:link, a:visited{
color:#0000FF;
}

a:hover{
color:#0099FF;
}

.logo{
color:#FFFFFF;
font-weight:bold;
font-size:20px;
}

.logo span{
color:#da9206;
font-weight:normal;
letter-spacing:10px;
}

ul{
font-size:14px;	
font-weight:normal;
line-height: 26px;
}

/* ......................................Top Nav........................................................... */


#nav {
position:absolute;
top:100px;
margin-bottom:0;	
padding:0;
width: 800px;	
}


ul#menu{
margin:0;	
padding:0;	
list-style-type:none;	
position:relative;	
display:block;	
height:40px;	
font-size:12px;	
font-weight:normal;
}


#menu li{
display:block;
float:left;
margin:0;
padding:0;
background:url("images/divider.jpg") center right no-repeat;
}
		

#menu li a{
display:block;
float:left;
color:#333333;
text-decoration:none;	
font-weight:normal;	
padding:14px 25px 0 25px;	
height:26px;	
margin:0;	
}
	
	
#menu li a:hover{
background: url("images/hover.jpg") no-repeat top right;	
}
	
		
.clear{
clear:both;
}


/* ......................................Content........................................................... */


#content{
	background-color:#FFFFFF;
	top:113px;
	margin-top:20px;
	padding:5px 20px 10px 20px;
	width: 770px;
	line-height:1.7em;
	left: 282px;
}

p{
	padding:0px 10px 0px 10px;
	font-size:12px;
	line-height:14px;
}


h1{
margin:5px 0px 5px 0px;
padding:0px 10px 0px 10px;
color:#FF0000;
font-family:Impact, Arial, Helvetica, sans=serif;
font-weight:bold;
font-size:45px;
line-height:50px;
}

.sub{
color:#FF0000;
font-family:Arial Black, Arial, Helvetica, sans=serif;
font-weight:bold;
font-size:30px;
line-height:32px;
}


h2{
padding:0px 15px 0px 15px;
color:#000000;
margin: 0px;
font-weight:bold;
font-size:29px;
line-height:33px;
}

.red{
color:#FF0000;

}


.testimonial{
margin:15px 10px 10px 10px;
padding:15px 15px 15px 15px;
background-color:#CCFFFF;
border:1px solid #999999;
font-weight:normal;
font-size:14px;
line-height:18px;
color:#0000CC;

}


.buynow{
margin:10px 10px 10px 10px;
padding:5px 15px 15px 10px;
border:5px dashed #FF0000;

}

.bonus{
margin:5px 10px 10px 10px;
padding:15px 15px 15px 15px;
border:5px dashed #ffd75f;

}



h3{
padding:0px 15px 0px 15px;
color:#000000;
font-weight:bold;
font-size:24px;
line-height:27px;
}

h4{
padding:0px 15px 0px 15px;
color:#000000;
font-weight:bold;
font-size:16px;
line-height:22px;
margin-top:0px;
}

h5{
padding:0px 15px 0px 15px;
color:#000000;
font-weight:bold;
font-size:16px;
line-height:19px;
margin-top:0px;
}


#content p{
font-weight:normal;
font-size:14px;
line-height:16px;
}


.line{
border-top:1px solid #999999;
margin-top:15px;
margin-bottom:18px;
}

.left_box1{
margin-top:5px;
margin-bottom:5px;
line-height:normal;
float:left;
width:182px;
margin-right:10px;
background-color:#CCCCCC;

}

#content .left_box1 p{
margin-bottom:0;
}


.imageleft{
padding: 1px;
margin: 0px 15px 0px 0px;
float: left;
}

.imageleft2{
padding: 5px;
margin: 0px 5px 5px 0px;
float: left;
}

.imageleft3{
padding: 5px;
background-color: #000000;
margin: 0px 5px 5px 0px;
}

.imageright{
margin: 0px 0px 5px 10px;
padding: 0px 0px 5px 10px;
float: right;
}



/* ......................................Content 2.......................................................... */

.thetext{
padding:10px;
margin:0;
}

.thetext span{
color:#666666;
font-size:16px;
margin:0;
}


/* ......................................Footer........................................................... */


#footer{
color:#333333;
margin-bottom:20px;
}


#footer span{
color:#da9206;
}


#footer a:link, #footer a:visited{
color:#999999;
text-decoration:none;
}


#footer a:hover{
color: #fb6030;
text-decoration:underline;
}