/*
Fire Inspire
Designed by Fire Studios
http://firestudios.vlexo.com
*/


/* General Elements */
body {background-color: #ffffff;  margin: 0px; color: #555555; font-family: Trebuchet MS; font-size: 13px;}

a {text-decoration: none; color: #21a2d6;}
a:hover {text-decoration: none; color: #ffa242;}

p {font-family: Verdana; font-size: 11px; line-height: 17px; text-align: justify;}

h2 {font-size: 1.4em; color: #ffa242; display: block; border-bottom: 4px solid #eeeeee; padding-left: 6px; padding-bottom: 0px; font-family: Trebuchet MS;}

h3 {font-size: 1.3em; margin-top: 30px;}

ul {list-style: none; margin: 0; padding: 0;}

img {border: none;}

img.floatLeft { 
    float: left; 
    padding-right: 8px;
	padding-top: 4px;
}
img.floatRight { 
    float: right; 
    padding-left: 8px;
	padding-top: 4px;
}

/* Layout */
#wrapper {margin: 0px auto; width: 850px; background-color: #fff;}

#header {background-color: #f4f4f4; height: 80px; border: 3px solid #eeeeee; background-image: url(http://www.valueyachts.info/images/headerbg.gif); background-repeat: repeat-x;}

#leftside {float: left; width: 180px; min-height: 300px; padding: 10px;}

#main {width: 600px; min-height: 300px; margin: 0px auto; padding: 10px;}

#footer {height: 110px; background-color: #f4f4f4; font-weight: bold; font-size: 12px;}


/* Other Id's */

#header #logo {font-size: 3.5em; letter-spacing: -2px; font-weight: bolder; float: left; padding-left: 25px;}
#header #search {float: right; position: relative; top: 30px; margin-right: 20px;}
	    
#leftside li {padding: 2px 0px 4px 20px; border-bottom: 4px solid #eeeeee; background-image: url(http://www.valueyachts.info/images/page_white.png); background-position: left center; background-repeat: no-repeat;}
#leftside li a {display: block; font-weight: bold;}

#searchbox {background-color: #ff9; border: 1px solid #cccccc; color: #666666;}

#button {background-color: #ffa242; color: #555555; border: 2px solid #cccccc;}

#inputbox {background-color: #ffffff; color: #555555; border: 1px solid #cccccc;}

#bar {background-color: #f4f4f4; height: 22px; font-size: 10px; font-family: Verdana; padding: 6px 0px 0px 8px; text-align: center;}
#bar span {padding-right: 20px; padding-left: 20px;}
#bar #comments {background: url(http://www.valueyachts.info/images/comment.gif) left center no-repeat;}
#bar #date {background: url(http://www.valueyachts.info/images/date.gif) left center no-repeat;}
#bar #read {background: url(http://www.valueyachts.info/images/reads.png) left center no-repeat;}

#clear {clear: both;}

#footer div.footer {padding: 10px 0px 0px 0px; text-align: center;}
#footer div.footer span {padding-right: 90px;}


/* Classes */

.menu1, .menu2, .menu3, .menu4 {
      width: 100%;
      margin: 1em 0;
      padding: 0px 0.5em;
      background: #eee none;
    }
    .menu1 ul, .menu2 ul, .menu3 ul, .menu4 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .menu1 li, .menu2 li, .menu3 li, .menu4 li {
      margin: 0;
      padding: 0;
      float: left;
    }
    .menu1 li {
      padding-right: 1em;
    }
    .menu2 li {
      width: 24%;
      text-align: center;
    }
    .menu3, .menu4 {
      padding: 0;
      background: #fff none;
    }
    .menu3 li, .menu4 li {
      width: 7em;
      margin-right: 1em;
      background: #eee none;
      text-align: center;
    }
    .menu4 a {
      display: block;
      width: 100%;
      text-decoration: none;
    }
    .menu4 a:hover {
      background: #ff9 none;
    }


.orangeText {color: #ffa242 }
.blueText {color: #21a2d6 }
.bold {font-weight: bold;}
.left-align {float: left;}
.right-align {float: right;}
.small {font-size: 10px; color: #000000;}
.big {font-size: 17px; color: #ffa242; font-weight: bold;}