/* CSS DOCUMENT */
html{font:11px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;}
body{padding:10px;margin:0 auto;background: url('../images/background.jpg') repeat-x;}
a{color:#cc0000;}
a:hover{text-decoration:none;}
#container{margin:0 auto;padding:0;width:828px; }
.topnav {color:#FFFFFF;}
.topnav a{color:#FFFFFF;text-decoration:none;}
.topnav a:hover{text-decoration:underline;}
.menu{width:197px;height:282px;background: url('../images/menu_bg.gif') no-repeat;}
.menu ul{list-style-type:none;padding:4px 0;margin:0;}
.menu ul li{padding:0;margin:0;}
.menu ul li img{padding-top:8px;}
.menu ul li a{ margin:5px 10px;}
.red{color:#cc0000;}
.header{width:604px;}
.welcome{width:604px;height:163px;background: url('../images/welcome_bg.jpg') no-repeat;color:#FFFFFF;padding:0;display:block;}
.welcome-content{padding-left:220px;padding-top:10px;}
.boxes{width:604px;height:215px;}
.box{float:left;width:194px;height:215px;}
.space{margin:8px 0;}
.visitus{width:197px;padding:0;margin:0;}
.visitus h3{padding:0;margin:0;background: url("../images/stores-h.jpg");height:37px; text-indent: -9999px;}
.content{background:#FFFFFF;padding-left:5px;}
.content ul{padding:0;margin:0;margin-left:5px;list-style-type:none;}
.content ul li{font-weight:bold;color:#CC0000;}
.footer{width:100%;text-align:right;color:#FFFFFF;height:50px;}
.f-nav{margin:10px 5px;}
.f-nav a{color:#FFFFFF;text-decoration:none;}
.f-nav a:hover{color:#FFCC00;}
.body-content{width:604px;background:#FFFFFF url('../images/top-content.jpg') no-repeat top;min-height:550px;}
.body-content h3{background:#FFFFFF;height:31px;display:block;width:100%;text-indent:-1000px;margin-left:5px;}
.b-feature{font-size:16px; font-weight:bold;color:#cc0000; float:right;position:relative;width:300px;margin-top:50px;}
h3.h3aboutus{background: url('../images/h3-aboutus.gif') no-repeat 0% 20%;}
h3.h3diybags{background: url('../images/h3-diy.gif') no-repeat 0% 20%;}
h3.h3colorbuddy{background: url('../images/h3-colorbuddy.gif') no-repeat 0% 20%;}
h3.h3sandmagic{background: url('../images/h3-sand.gif') no-repeat 0% 20%;}
h3.h3gallery{background: url('../images/h3-gallery.gif') no-repeat 0% 20%;}
h3.h3jigsaw{background: url('../images/h3-jigsaw.gif') no-repeat 0% 20%;}
h3.h3woodcraft{background: url('../images/h3-woodcraft.gif') no-repeat 0% 20%;}
h3.h3flash{background: url('../images/h3-flash.gif') no-repeat 0% 20%;}
h3.h3products{background: url('../images/h3-products.gif') no-repeat 0% 20%;}
h3.h3services{background: url('../images/h3-services.gif') no-repeat 0% 20%;}
h3.h3stores{background: url('../images/h3-stores.gif') no-repeat 0% 20%;}
h3.h3news{background: url('../images/h3-news.gif') no-repeat 0% 20%;}
h3.h3contactus{background: url('../images/h3-contactus.gif') no-repeat 0% 20%;}
.bcontent{background:#FFFFFF;color:#000000;font-weight:normal;padding:0 8px;}
.sfont{font-size:11px;color:#000000;font-weight:normal;}
.f-body-content{width:604px;height:9px;background: url('../images/bottom-content.jpg') no-repeat;padding:0;margin:0;clear:both;}
.sub-header{font-size:12px; font-weight:bold; color:#cc0000;padding:0;margin:0;}
.sub-header a{color:#cc0000;text-decoration:none;}
.frmcontact{padding:10px;margin:0;border:1px solid #cccccc;}
.frmcontact legend{border:1px solid #cccccc;font-weight:bold;color:#cc0000;}
.frmcontact .label{width:150px;text-align:right;float:left;padding-right:5px;}
.frmcontact .field{height:24px;display:block;}
.frmcontact input,textarea{font: bold 11px "Comic Sans Ms",Arial,Helvetical, Sans-serif;border:1px solid #505050;}