/* CSS Document */

/* ---- Design Notes ---- */
/*
legal notice: please leave this part Intact!
=================================================================================================================================
 Created by Moonmess
 E-Mail: craftscene@gmail.com : info@craft-scene.com  :
 Cell: +254 722 137 377
 www.craft-scene.com
 First designed 02/02/2008 10.58 am:
 Updated:25/03/09
 end of legal notice
=================================================================================================================================   
We Design Websites:
We Optimize For Search Engine:
We Provide Website Hosting and Domain Registration:
We Develop Softwares and Programs:
We charge Very Cheap Rates:
You can have a website online in 5 days starting from USD 299:
GUARANTEED DELIVERY OR 100% MONEY BACK
-->
*/
body{
padding:0px; 
margin:0px; 
background:url(../images/tile.jpg) top center repeat-y;
color:#515136; 
font-family:arial;
font-size:14px;
line-height:20px;
text-align:center;
}
.clear{
clear:both;
}
.redline{
width:640px;
background:url(../images/dot-line.gif) repeat-x;
height:20px;
float:left;
margin:10px 0px 10px 10px;
}
#carhire{
margin:0 auto;
width:920px;
background:#fff;
text-align:center;
}
#carrental{
width:900px;
margin:10px;
padding:0px;
text-align:justify;
}
#topnav{
width:900px;
height:40px;
margin:0px 0px 0px 0px;
padding:0px;
float:left;
background:url(../images/top.jpg) top left no-repeat;
}
.topnavt{
width:250px;
height:40px;
margin:0px;
padding:0px;
float:left;
}
.topnave{
width:280px;
height:40px;
margin:0px;
padding:0px;
float:left;
background: url(../images/emailbg.jpg) top left no-repeat;
}
.topnavp{
width:280px;
padding-left:80px;
height:40px;
margin:0px;
float:left;
}
#header{
width:900px;
margin:0 auto;
padding:0;
float:left;
background:url(../images/car_hire.jpg) top center no-repeat;
height:150px;
}
#newsticker{
width:540px;
height:50px;
margin-top:88px;
margin-bottom:10px;
margin-left:20px;
margin-right:10px;
float:left;
color:#33706B;
}
#alton{
width:330px;
height:150px;
margin:0px;
padding:0px;
float:left;
}
.nav {
width:900px;
background:url(../images/hover.jpg) left repeat-x;
float:left;
}
ul#menu{
margin:0;	
padding:0;	
list-style-type:none;	
height:40px;	
font-size:14px;	
font-weight:normal;
color:#fff;
float:left;
}
#menu li{
display:block;
float:left;	
margin:0;	
padding:0;
color:#fff;
background:url(../images/divider.jpg) center right no-repeat;	
}
#menu li a{
display:block;	
float:left;
color:#003333;	
text-decoration:none;	
font-weight:normal;	
padding:14px 25px 0 25px;	
height:26px;	
margin:0;
color:#ffcc00;	
}
#menu li a:hover{
background: url(../images/bg_nav.png) top left repeat-x;
color:#fff;
}
#menu li a.active{
background: url(../images/bg_nav2.png) top left repeat-x;
color:#fff;
}
#mainrow1{
width:900px;
float:left;
margin:20px 0px 0px 0px;
padding:0px 0px 10px 0px;
}
.leftcol{ 
margin:5px;
width:160px;
float:left;
background:url(../images/wild_treasures_car.gif) top no-repeat;
border-right:1px dotted #A9822A;
padding-right:20px;
}
.leftcol img {
border:0px;
padding-right:10px;
}

.leftcol ul { 
list-style:none; 
margin:0px; 
padding:0px; 
} 
.leftcol li a:link, .leftcol li a:visited { 
font-size:14px; 
display:block; 
padding:5px 5px 5px 10px; 
background-color:#FFF; 
color:#33706B; 
text-decoration:none;
font-weight:normal;
border-bottom:1px solid #999; 
}
.leftcol li a:hover { 
font-size:14px;
background:url(../images/one.jpg) center right no-repeat;
color:#600;
border-bottom:1px solid #600; 
}
.leftcol li a.active{
font-size:14px;
background:url(../images/one.jpg) center right no-repeat;
color:#600;
border-bottom:1px solid #600;
border-bottom:1px solid #600;
}
/*...........hack for IE 6.0 and Below.........*/
* html #leftcolumn li a { width: 100%; }
/*...........end hack for IE 6.0 and Below.........*/
.inleftcol{ 
margin:5px;
width:155px;
height:230px;
float:left;
background:url(../images/browse_cars.jpg) top no-repeat;
}
.midcol{
width:660px;
margin:5px 5px 5px 20px;
float:left;
}
.midcolpanel1{
width:200px; 
height:350px;
margin:10px;
padding:0px; 
background: url(../images/panelimg1.jpg) no-repeat; 
float:left;
color:#515136;
}
.midcolpanel1 h2{
display:block;
color:#33706B;
padding:10px;
margin:20px;
font:18px;
}
.midcolpanel1 p{
display:block; 
font:14px; 
font-weight:normal;
padding:0; 
margin:120px 5px 0 8px;
}
.midcolpanel1 a{
color:#515136;
text-decoration:none;
}
.midcolpanel1 a:hover{
color:#33706B;
text-decoration:none;
}
.midcolpanel1 span{
text-decoration:blink;
color:#33706B;
font-size:18px;
display:block;
margin:5px;
font-weight:bold;
text-align:center;
}
.midcolpanel1 img{
padding:0px;
margin:10px 0px 0px 40px;
text-align:center;
display:block;
border:none;
}
.midcolpanel2{
width:200px; 
height:350px;
margin:10px;
padding:0px; 
background: url(../images/panelimg2.jpg) no-repeat; 
float:left;
}
.midcolpanel2 h2{
display:block;
color:#33706B;
padding:10px;
margin:20px;
font:18px;
}
.midcolpanel2 p{
display:block; 
font:14px; 
font-weight:normal;
padding:0; 
margin:120px 5px 0 8px;
}
.midcolpanel2 a{
color:#515136;
text-decoration:none;
}
.midcolpanel2 a:hover{
color:#600;
text-decoration:none;
}
.midcolpanel2 span{
text-decoration:blink;
color:#600;
font-size:18px;
display:block;
margin:5px;
font-weight:bold;
text-align:center;
}
.midcolpanel2 img{
padding:0px;
margin:10px 0px 0px 40px;
text-align:center;
display:block;
border:none;
}
.midcolpanel3{
width:200px; 
height:350px;
margin:10px;
padding:0px; 
background: url(../images/panelimg3.jpg) no-repeat; 
float:left;
}
.midcolpanel3 h2{
display:block;
color:#33706B;
padding:10px;
margin:20px;
font:18px;
}
.midcolpanel3 p{
display:block; 
font:14px; 
font-weight:normal;
padding:0; 
margin:120px 5px 0 8px;
}
.midcolpanel3 a{
color:#515136;
text-decoration:none;
}
.midcolpanel3 a:hover{
color:#A98229;
text-decoration:none;
}
.midcolpanel3 span{
text-decoration:blink;
color:#A98229;
font-size:18px;
display:block;
margin:5px;
font-weight:bold;
text-align:center;
}
.midcolpanel3 img{
padding:0px;
margin:10px 0px 0px 40px;
text-align:center;
display:block;
border:none;
}
.whatsnew{
width:630px;
height:200px;
margin:20px 0px 0px 10px;
float:left;
}
.whatsnew img{
display:block;
float:left;
padding-right:30px;
margin:0px;
}
.panel{
width:200px;
height:50px;
margin:10px;
padding:0px;
float:left;
}
.mainrow2{
width:900px;
height:385px;
float:left;
border-top:1px dotted #600;
margin:20px 0px 0px 0px;
padding:0px 0px 10px 0px;
}
.details1{
width:200px;
height:360px;
float:left;
margin:10px;
padding:0px;
border:1px solid #33706B;
}
.details2{
width:200px;
height:360px;
float:left;
margin:10px;
padding:0px;
border:1px solid #600;
}
.details3{
width:200px;
height:360px;
float:left;
margin:10px;
padding:0px;
border:1px solid #525236;
}
.details4{
width:200px;
height:360px;
float:left;
margin:10px;
padding:0px;
border:1px solid #AB842B;
}
.mainrow3{
width:900px;
height:100px;
float:left;
border-top:1px dotted #600;
border-bottom:1px dotted #600;
margin:20px 0px 0px 0px;
padding:0px;
}
.ads{
width:74px;
height:100px;
margin:0px 10px 0px 0px;
padding:0px;
float:left;
}
.ads2{
width:290px;
height:100px;
margin:0px 10px 0px 0px;
padding:0px;
float:left;
}
.ads3{
width:458px;
height:100px;
margin:0px 10px 0px 0px;
padding:0px;
float:left;
}
.mainrow4{
width:900px;
height:130px;
float:left;
margin:10px 0px 0px 0px;
padding:0px;
}
.container{
width:100px;
height:130px;
float:left;
padding:0px;
margin:0px 10px 0px 0px;
}
.container img{
padding:0px;
margin0px;
display:block;
float:left;
}
.somemainrow{
width:900px;
float:left;
margin:20px 0px 0px 0px;
padding:0px;
}
.container a{
text-decoration:none;
color:#515136;
}
.container a:hover{
text-decoration:none;
color:#600;
}
.container a img{
border:none;
}
.logo{
width:100px;
height:100px;
float:left;
margin:0px 0px 0px 20px;
padding:0px;
}
#footer{
width:900px;
height:200px;
margin:20px 0px 0px 0px;
padding:0;
float:left;
background:url(../images/bottom.jpg) bottom left no-repeat;
}
a img{
border:none;
}