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

/*****Reset*****/ 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 


/*****Basic Elements*****/ 
body{
text-align:center;
}


h2{
font: small-caps 900 14px arial;
color:#FF6600;
text-align:left;
letter-spacing:1px;
padding: 10px 0;
}

p, li{
font: 10px arial;
float:left;
text-align:left;
letter-spacing:1px;
line-height:16px
}



.main{
width:225px;
height:250px;
float:left;
padding: 20px 20px 50px 20px;
}


#header, #nav, #content, #content2, #services, #footer, #aboutus{
margin:0 auto;
}

/*****Header*****/ 
#header{
width:800px;
height:71px;
text-align:left;
}

#border{
height:68px;
background:url(../images/nav_bg.jpg) repeat;
}


/*****Content*****/ 
#nav{
height:30px;
width:800px;
}

#nav li{
background-color:#FFFFFF;
list-style-type:none;
padding: 10px 30px 3px 30px;
float:left;
border:solid;
border-color:#000000;
border-width:thin;
background-color:#57574e;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}


#nav li:hover{
background-image:url(../images/nav_hover.jpg);
background-position:bottom;
background-repeat:repeat;
}

#nav a:visited, #nav a{
text-decoration:none;
color:#FFFFFF;
}

#nav img{
float:left;
height:27px;
}

#content{
width:800px;
height:250px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
text-align:left;
}

#content .mainimage{
width:800px;
height:250px;
float:left;
}



#content .main2{
width:350px;
height:250px;
float:left;
}

#content img{
float:left;
}

#content .right{
padding-top:10px;
width:180px;
height:200px;
float:left;
text-align:left;
}



#content span{
padding: 5px 0 5px 0;
}

#content ul{
padding:0px 0 0px 20px;
}
#content li{
padding:0px 0 10px 0px;
list-style-image:url(../images/li_pic.jpg);
}


#content2{
width:850px;
height:300px;
padding:10px;
}


#content2 img{
float:left;
padding: 10px 5px;}


#services, #aboutus{
width:800px;
height:445px;
text-align:left;
display:none;
}

#services ul{padding:3px;}
#services li{display:block; padding:1px;}
#services .main{height:100px;}

#services .title{
width:800px;
height:60px;
padding:5px 50px;
}

#services .title p, #services .title h2{
font-size:14px;
line-height:18px;
float:left;
padding-bottom:5px;
}

#services img{
float:left;
width:60px;
height:60px;
padding:5px 20px;
}

#services .content, #aboutus .content{
width:500px;
float:left;
}

#aboutus{
height:220px;
width:800px;
padding:0 0 5px 0px;
text-align:left;
}



.close{
color:#990000;
float:right;
padding-top:10px;
}



/*****Footer*****/ 

#footer{
height:20px;
width:820px;
background:url(../images/footer.jpg) repeat;
}
