html{
height:100%;
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
background:#ffffff;
font: 62.5% Georgia, "Times New Roman", Times, serif;
color:#572d0f;
}

#wrapper{
width:751px;
margin:0 auto;
padding-left:2px;
position:relative;
border-left:3px solid #809FFF;
background:#ffffff;
}

#header{
width:751px;
height:87px;
}

#logo{
width:204px;
height:87px;
background:url(images/logo.jpg) center center no-repeat;
float:left;
}

#quotes{
width:517px;
height:60px;
padding:27px 20px 0 10px;
background:#ffffff url(images/bg_quote.gif) left top no-repeat;
float:right;
margin:0;
}

#quotes h2{
text-align:center;
color:#809FFF;
line-height:1.5em;
font-size:1.2em;
font-style:italic;
font-weight:bold;
margin:0;
}

/* HEADER END */

/* TOP AREA STARTS */
#toparea{
width:751px;
height:169px;
margin:0;
padding:0;
}

#menu{
width:204px;
height:169px;
background:url(images/menu.jpg) left top no-repeat;
float:left;
padding: 0;
}

#memberarea{
width:547px;
height:169px;
background:url(images/bg_top.jpg) right top no-repeat;
float:right;
}

#login{
margin:0;
padding:0;
width:180px;
float:right;
padding-top:60px;
padding-right:30px;
text-align:right;
}

.logi{
background:#af5d21;
border-right:1px solid #af5d21;
border-bottom:1px solid #af5d21;
border-left:1px solid #89491a;
border-top:1px solid #89491a;
width:160px;
height:14px;
margin:0 0 5px 0;
padding:3px;
color:#df9d6d;
font-size:1.2em;
}

#hgfx{
margin:50px 0 0 30px;
padding:0;
background:url(images/header.gif) top center no-repeat;
width:280px;
height:50px;
display:block;
float:left;
}
/*
* html #hgfx{
margin-left:15px;
}*/

#hgfx img{
margin-top:45px;
margin-left:55px;
}

/* Menu Starts */
#menu ul{
width:185px;
margin-top:8px;
margin-bottom:8px;
margin-left:15px;
padding: 0;
list-style-type: none;
}

#menu ul li{
float:right;
}

#menu ul li a{
display:block;
height:23px;
margin-top:2px;
margin-bottom:2px;
background-position:top left;
float:left;
}

#menu ul li a:hover,
#menu ul li a.active{
background-position:bottom left;
}

#menu ul li a span{
display:none;
}

.b_home{
width: 185px;
background: url(images/b1_how-to.gif);
}

.b_products{
width: 185px;
background: url(images/b2_equipment.gif);
}

.b_about{
width: 185px;
background: url(images/b3_pictures.gif);
}

.b_support{
width: 185px;
background: url(images/b4_blog.gif);
}

.b_contact{
width: 185px;
background: url(images/b5_contact.gif);
}

/* Menu Ends */
/* TOP AREA ENDS */

/* CONTAINER START */
#container{
width:755px;
background:url(images/bg_overall.gif) left top repeat-y;
}

#sbleft{
width:204px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content{
width:339px;
background:#ffffff url(images/bg_main.gif) left top no-repeat;
float:left;
padding:10px;
}

#sbright{
width:190px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* CONTENT STYLING */
#content h1{
color:#00248F;
font-size:2em;
font-weight:normal;
margin:0;
padding:0;
text-indent:10px;
}

#content h2{
color:#809FFF;
font-size:1.4em;
margin:-5px 0 0 0;
padding:0;
text-indent:10px;
}

#content h2.spc{
text-indent:0;
margin-top:10px;
margin-bottom:10px;
}

#content p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
padding:0 10px;
margin:10px 0;
text-align:left;
}

#content hr, #sbright hr{
border:0;
color:#eeeeee;
background:#eeeeee;
height:1px;
}

#content img{
border:3px solid #e5e5e5;
margin:0 5px 10px 0;
}

#importantbox{
border:1px dotted #79573f;
padding:0;
margin:0 0 40px 0;
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#importantbox p{
margin:0;
padding:0 0 0 10px;
line-height:1.4em;
}

#importantbox h2{
color:#c06624;
font-size:1.1em;
line-height:2em;
text-indent:0;
}

#importantbox h2 a{
color:#c06624;
text-decoration:underline;
background:url(images/dots.gif) left center no-repeat;
padding-left:10px;
}

#importantbox h2 a:hover{
text-decoration:none;
}

#content_adbox{
border:1px dotted #79573f;
padding:0;
margin:0 0 40px 0;
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content_adbox .adicon{
color:#BFCFFF;
text-decoration:underline;
/*background:url(images/dots.gif) left top no-repeat;*/
padding-left:10px;
}

/* LEFT SIDEBAR */
#sbleft h2{
color:#572d0f;
font-size:1.3em;
text-indent:10px;
margin:0;
padding:10px 0 15px 0;
}

.mydate{
color:#c06624;
font-weight:bold;
font-size:1.2em;
padding-left:10px;
}

#sbleft p, sbright p{
padding:0 10px;
margin:5px 0 0 0;
}

.more{
float:right;
padding-right:20px;
}

.news{
margin:0 10px 5px 10px;
padding-bottom:20px;
border-bottom:1px solid #eeeeee;
}

.newest{
margin:0 10px 5px 10px;
padding-bottom:20px;
border-bottom:1px solid #eeeeee;
}
#sbleft .newest ul{
margin:0;
padding:0;
line-height:1.5em;
list-style:none;
}

#sbleft .newest li{
padding-bottom:20px;
}
#sbleft .newest li a{
background:url(images/dots.gif) left center no-repeat;
margin:20px 0 0 0;
padding-left:10px;
font-size:1.1em;
}

/* RIGHT SIDEBAR */
#rinside{
width:160px;
padding-left:10px;
}

#sbright h2{
color:#572d0f;
font-size:1.2em;
margin:0;
padding:0 0 5px 0;
}

#sbright ul{
margin:0;
padding:0;
line-height:1.5em;
list-style:none;
}

#sbright li a{
background:url(images/dots.gif) left center no-repeat;
padding-left:10px;
font-size:1.1em;
}

#searchform{
margin-top:20px;
}

.searchform{
background:#f0e9d7;
border:1px solid;
border-left-color:#d8cfb3;
border-top-color:#d8cfb3;
border-bottom:none;
border-right:none;
color:#572d0f;
padding:2px;
width:110px;
float:left;
}

.sbut{
margin-top:-13px;
float:right;
}

/* CONTAINER ENDS */


/* FOOTER STARTS */
#footer{
clear:both;
border-top:2px solid #5f4938;
margin:0;
padding:10px 0 0 0;
background:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.copy{
padding:0 10px 10px 10px;
float:left;
margin:0;
}

.topgo{
background:url(images/top.gif) right center no-repeat;
padding-right:20px;
text-align:right;
}
/* FOOTER ENDS */

/* RANDOM THINGS */
.leftalign{
float:left;
}

.rightalign{
float:right;
}

.importin{
margin:1px;
background:#BFCFFF;
padding:7px;
}

.darker{
color:#572d0f;
}

.lighter{
color:#c06624;
}

a{
color:#0033CC;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

a img{
border:none;
}

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */