@charset "utf-8";
/* CSS Document */

.titleh1 {
font-size:16px; 
color:#353535;
}


html {
 padding:0; 
 margin:0; 
 height:100%;}
 
 
body { 
color:#000000; 
margin:0; 
padding:0; 
height:100%; 
font-size:0.75em; 
background:url(images/background.jpg) repeat-x #0188b1; 
font-family:Arial, Helvetica, sans-serif;
}


#site_container {
margin:auto; 
width:802px; 
background:url(images/main-back.gif); 
padding: 0 0 5px 0;
}


#top {
 background: url(images/header.gif); 
 width:802px; 
 height:170px; 
 float:left;
 }


#navbar {
 height:39px; 
 width:740px; 
 float:left;
 margin: 10px 0 0 0;
 }


#nav4 {
text-align: center;
padding: 0 0 0 50px;
margin: auto;
}

html>body #nav4 {
text-align: center;
padding: 0 0 0 45px;
}


#nav4 ul {
list-style: none; 
padding: 1px 0 0 0px; 
margin: 0px auto 0; 
width:740px;
}


#nav4 li {
float: left; 
margin: 0 0em;
}


#nav4 a {
display: block; 
width: 145px;
height: 38px; 
line-height: 38px;
color: #00b4e4; 
text-decoration: none; 
text-align: center; 
font-weight: bold; 
float: left;
}

/* IE5 Mac hack \*/
#nav4 a {
float: none;
}
/* End hack */


.home a{
background-image: url(images/homebg.jpg);
background-repeat: no-repeat;
}

.home a:hover{
background-image: url(images/homebghover.jpg);
background-repeat: no-repeat;
}

.about a{
background-image: url(images/aboutbg.jpg);
background-repeat: no-repeat;
}

.about a:hover{
background-image: url(images/aboutbghover.jpg);
background-repeat: no-repeat;
}

.vansales a{
background-image: url(images/vansalesbg.jpg);
background-repeat: no-repeat;
}

.vansales a:hover{
background-image: url(images/vansalesbghover.jpg);
background-repeat: no-repeat;
}

.finance a{
background-image: url(images/financebg.jpg);
background-repeat: no-repeat;
}

.finance a:hover{
background-image: url(images/financebghover.jpg);
background-repeat: no-repeat;
}

.contact a{
background-image: url(images/contactbg.jpg);
background-repeat: no-repeat;
}

.contact a:hover{
background-image: url(images/contactbghover.jpg);
background-repeat: no-repeat;
}

.seal a{
background-image: url(images/sealbg.jpg);
background-repeat: no-repeat;
}

.seal a:hover{
background-image: url(images/sealbghover.jpg);
background-repeat: no-repeat;
}




#animation {  
height:175px; 
width:802px; 
float: left;
}


#content_container { 
width:802px; 
float:left ;
}


#left { 
width:570px; 
padding:0 0px 0 25px; 
float:left;
margin:0;}

#left a{
color: #003399;
text-decoration: none;
}

#left a:hover{
color: #003399;
text-decoration: underline;
}

#right { 
width: 200px; 
float:right; 
padding:0; 
margin:0;}


#footer { 
margin:auto; 
width:802px; 
height:50px; 
background:url(images/main-back.gif); 
 margin-top:10px; 
 text-align:center; 
 font-size: 0.8em
 padding: 10px 0 0 0;
 }
 
 
#footer a { 
color:#003399; 
text-decoration:none; 
font-weight:bold;
}


#footer a:hover { 
color: #00b4e4;
text-decoration: none;
}


.header_title { 
color: #353535; 
line-height:2em; 
font-size:1.3em; 
font-weight:bold; 
}


p { 
padding:0; 
margin:0;
}


#content { 
text-align:justify; 
padding: 0 10px 0 0;
}


#content a {
color:#000000; 
text-decoration:none; 
font-weight:bold;
}


#content a:hover { 
text-decoration:none;
}


#float_left { 
float:left;
}


#box { 
float:left; 
width:190px; 
background:url(images/right-back.gif) no-repeat;
border: #999999 solid 1px;  
position:relative; 
top:10px; 
left:5px;
margin:0px; 
}


#right_box_name { 
width:190px; 
height:25px; 
border-bottom:#999999 solid 1px; 
text-align:center; 
font-weight:bold; 
font-size:1.1em; 
line-height:25px;
}


#right_content { 
 position:relative; 
 top: 10px; 
 left:10px;
 padding: 0 5px 15px 0;
 }


#right_content a { 
color:#000000;
font-weight:bold; 
text-decoration:none;
}


#right_content a:hover { 
text-decoration:underline;
}


#feat { 
float:left; 
width:190px; 
background:url(images/right-back.gif) no-repeat  ;
 border: #999999 solid 1px; 
 position:relative; 
 top: 10px; 
 left:5px;
 margin:0 0 5px 0;
 }
 
 
#box_name { 
width:190px; 
height:25px; 
border-bottom:#999999 solid 1px; 
text-align:center; 
font-weight:bold; 
font-size:1.1em; 
line-height:25px;
}


#feature_content {  
padding:10px 5px 5px 10px;
}


img{
border: none;
}

#marquee {
float: left;
height:50px;
width:450px;
margin: 0 0 20px 0;
}
