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

LAST UPDATED: October 22, 2009 4:50 pm (GMT +8)
*/


body {
   background: #BCBCBC url('images/bg.jpg') center repeat-y;
   color: #333333;
   font-family: Arial;
   font-size: 0.8em;
   line-height: 1.4em;
   margin: 0;
   padding: 0;
}

a {
   color: #00008B;
}

a:hover {
   color: #8B0000;
}

/* HEADINGS */

h2 {
   font-family: Arial, Sans-serif;
   font-size: 1.4em;
   margin-top: 0;
}

h3 {
   font-family: Arial, Sans-serif;
   font-size: 1.3em;
}

/* CONTAINER */

#container {
   background: #EAEAEA;
   width: 900px;
   margin: 0 auto;
   padding: 0;
}

#header {
   background: #000000 url('images/header.jpg') no-repeat top left;
   width: 860px;
   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: url('images/bg-menu.png') repeat-x top;
   list-style-type: none;
   list-style-image: none;
   margin: 0;
   padding: 0;
   }

#menu ul li {
   color: #FFFFFF;
   border-right: 1px solid #70BBE0;
   display: block;
   float: left;
   font-size: 1.1em;
   font-weight: bold;
   }
#menu ul li a {
   background: url('images/bg-menu.png') repeat-x top;
   color: #FFFFFF;
   display: block;
   margin: 0px;
   outline: none;
   padding: 8px 15px;
   text-decoration: none;
   }

#menu ul li a:hover {
   background: url('images/bg-menuhover.png') repeat-x top;
   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: 900px;
}

/* MAINCONTENT */

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

.maincontent .box {
   background: #F9F9F9 url('images/bg-gradient.jpg') repeat-x top;
   border: 1px solid #DDDDDD;
   padding: 20px;
   margin-bottom: 20px;
}

.maincontent .boxed {
   min-height: 175px;
   clear: both;
   border-bottom: 1px solid #DDDDDD;
}

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

.maincontent .image:hover {
   border: 1px solid #BFBFBF;
}

.maincontent h2 a, .maincontent h3 a {
   color: #333333;
   text-decoration: none;
}

a.more-info {
   background: #8B0000;
   padding: 5px 10px;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 1.2em;
   text-decoration: none;
   margin-right: 5px;
}

a.more-info:hover {
   background: #000080;
}


/* SIDEBAR */

.sidebar {
   float: right;
   padding: 20px 20px 20px 0;
   width: 260px;
}

.sidebar .box {
   background: #F9F9F9 url('images/bg-gradient.jpg') repeat-x top;
   border: 1px solid #DDDDDD;
   padding: 20px;
   margin-bottom: 20px;
}


/* FOOTER */

#footer {
   background: #DDDDDD;
   clear: both;
   padding: 10px;
   text-align: center;
   width: 880px;
}


/* 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;
}

table td {
   background: #F4F4F4;
   border: 1px solid #CCCCCC;
   padding: 5px;
   margin: 0;
}