/*
Theme for BoholRentACar.com
Designer: Luis Reginaldo Medilo a.k.a. Loy
Designer URL: http://loymeetsworld.com

IMPORTANT! You may study the CSS elements of this stylesheet for your own personal knowledge and projects, but you are not allowed to copy the designs and layouts (colors, dimensions, images, positioning, typography, etc.). The designs and layouts of this theme are the intellectual property rights of Luis Reginaldo Medilo and are subject to international copyright laws. Copy and mimic at your own risk!

LAST UPDATED: May 20, 2009 1:35 pm (GMT +8)
*/


body {
   background: #000000 url('images/pattern.gif');
   font-family: Arial;
   font-size: 0.8em;
   line-height: 1.4em;
   margin: 0;
   padding: 0;
}

/* HEADINGS */

h2 {
   font-family: Georgia, Times New Roman, Serif;
   font-size: 1.4em;
   margin: 20px 0 0 0;
}

h2.first {
   margin: 0;
}

h3 {
   font-family: Georgia, Times New Roman, Serif;
   font-size: 1.2em;
   margin: 0;
}

/* CONTAINER */

#container {
   background: #F5F5DC;
   width: 770px;
   margin: 20px auto;
   padding: 0;
}

#header {
   background: #A0522D url('images/boholrentacar.jpg') no-repeat left top;
   width: 730px;
   height: 160px;
   margin: 0;
   padding: 20px;
}

#header h1 {
   font-size: 0;
   color: #FFFFFF;
   margin: 0;
   text-indent: -10000px;
}

/* MENU */

#menu {
   clear: both;
   }

#menu ul {
   background: #A52A2A;
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #FFFFFF;
   list-style-type: none;
   list-style-image: none;
   margin: 0;
   padding: 0;
   }

#menu ul li {
   color: #FFFFFF;
   border-right: 1px solid #FFFFFF;
   display: block;
   float: left;
   font-size: 1.1em;

   }
#menu ul li a {
   background: #A52A2A;
   color: #FFFFFF;
   display: block;
   margin: 0px;
   outline: none;
   padding: 5px 15px;
   text-decoration: none;
   }

#menu ul li a:hover {
   background: #8B0000;
   color: #FFFFFF;
   }

* html #menu ul li a:hover{
   background: #8B0000;
   color: #FFFFFF;
   }

#menu ul li a.current /* Dynamic menu highlight */ {
   background: #8B0000;
   cursor: default;
}

/* FLOAT PROPERTIES */

.clearfloat:after {
   display:block;
   visibility:hidden;
   clear:both;
   height:0;
   content:".";
   }

.clearfloat {
   display:inline-block
   }

.clearfloat {
   display:block
   }
.fix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.fix {
   display: inline-block;
}

* html .fix{
   height: 1%;
}

.fix{
   display:
   block;
}

/* CONTENT */

#content {
   margin: 0;
   padding: 0;
   width: 770px;
}

/* TOP */

.top {
   background: #EEE8AA;
   border-bottom: 1px solid #FFFFFF;
   color: #8B4513;
   clear: both;
   padding: 20px 20px 30px 20px;
   width: 730px;
}

.top a {
   color: #8B0000;
}

.top a:hover {
   color: #D2691E;
}

/* MAINCONTENT */

.maincontent {
   color: #4B5660;
   margin: 0px;
   padding: 0;
   width: 770px;
}

.maincontent .text {
   padding: 20px 20px 0 20px;
}

.maincontent .box {
   float: left;
   padding: 20px;
   width: 345px;
}

.maincontent .box2 {
   border: 1px dashed #4B5660;
   float: left;
   margin: 0 20px 20px 0;
   padding: 20px;
   width: 180px;
}

.maincontent .box2 img {
   background: none !important;
   border: none !important;
   float: right;
   margin: 0;
}

.maincontent .bigbox {
   border: 1px dashed #4B5660;
   margin-bottom: 20px;
   padding: 10px 20px;
}

.maincontent .column {
   float: left;
   margin: 5px 15px 5px 0;
   padding: 10px;
   width: 330px;
}

.maincontent a {
   color: #191970;
}

.maincontent a:hover {
   color: #708090;
}

.maincontent a:visited {
   color: #708090;
}

.maincontent img {
   background: #FFFFFF;
   float: left;
   border: 1px solid #708090;
   margin: 5px 10px 5px 0;
   padding: 5px;
}

.maincontent img.right {
   float: right;
   margin: 5px 0 5px 10px;
}

.maincontent h2 a {
   color: #4B5660;
   text-decoration: none;
}

/* FOOTER */

#footer {
   background: #EEE8AA;
   border-top: 1px solid #FFFFFF;
   color: #8B4513;
   clear: both;
   padding: 10px;
   text-align: center;
   width: 750px;
}

#footer a {
   color: #8B0000;
}

#footer a:hover {
   color: #B22222;
}

#footer a:visited {
   color: #D2691E;
}

/* ICONS CLASSES */

.read {
   background: url('images/file.png') no-repeat left center;
   margin-right: 20px;
   padding: 5px 0 5px 26px;
}

.contact {
   background: url('images/mail.png') no-repeat left center;
   margin-right: 20px;
   padding: 5px 0 5px 26px;
}

.comment {
   background: url('images/comment.png') no-repeat left center;
   margin-right: 20px;
   padding: 5px 0 5px 26px;
}

.bookings {
   background: url('images/users.png') no-repeat left center;
   padding: 5px 0 5px 26px;
}

.info {
   background: url('images/info.png') no-repeat left center;
   margin-right: 20px;
   padding: 5px 0 5px 26px;
}

.rates {
   background: url('images/money.png') no-repeat left center;
   padding: 5px 0 5px 26px;
}

.showemail {
   background: url('images/email-address.jpg') no-repeat left 1px;
   padding: 0 150px 0 0;
}