@charset "utf-8";
/* ========== BD Matboard.com Main CSS Styles ========== */

/*	
	1.Defaults
	2.Header
		a.Logo
	    b.Header Contact
		c.Social 
		d.Header Links
	3.Navigation
	4.Submenu
	5.Footer
		a.Left Column
		b.Right Column
	6.Copyright
*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body {background:#E5E5E5; font:12px Arial, Helvetica, sans-serif; color:#666;}

h1 {font-size:2em;}

h2 {font-size:1.6em;}

h1, h2 {font-weight:normal; color:#000;}

a, a:hover, a:active, a:focus {text-decoration:underline; outline:none;}

a {color:#fff000; text-decoration:underline;}
	
a:hover {color:#666; text-decoration:none;}

img {border:none;}
	
ul {list-style:none;}

blockquote {margin-left:12px;}
	
.clear {clear:both; font-size:0px;}
	
.err {color: #F00; font-weight: bold;}

.img-clear {clear:both; display:block; padding-top: 12px;}

.img-left {float:left; margin-right:10px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-top:5px; padding:3px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:15px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:15px; margin-top:5px; padding:3px; border:#CCC 1px solid;}
	
#wrapper {width:958px; margin:20px auto 0px auto; background:#FFF; border:1px solid #CCC;}

#content-container {float:left; width:928px; padding:15px; height:auto; min-height:450px;}

* html #content-container {height:450px;}

#content-container a {color:#06F; text-decoration:underline;}
	
#content-container a:hover {color:#F00; text-decoration:none;}

/* ==================== 2.Header ==================== */

#header {width:928px; height:70px; float:left; padding:15px; color:#666;}

#header a {color:#06F; text-decoration:none;}
	
#header a:hover {color:#F00;}

/* ---- a.Logo --- */

#logo {width:290px; height:66px; float:left; background:url(/images/logo.jpg) no-repeat left; margin-right:20px; display:block;}

#logo p {display:none;}

/* ---- b.Header Contact ---- */
	
#header-contact {float:left; background:url(/images/icon-headset.jpg) no-repeat left bottom; padding-left:40px; padding-top:25px; margin-right: 15px;}

#header-contact p {font-weight:bold; color:#000;}

#header-contact p span {font-size:1.9em; color:#F00;}

/* ---- c.Social ---- */
	
#header-social {float:left; padding-top:30px; margin-right:2px; display:block;}

#header-social img {float:left; margin-left:15px;}

/* ---- d.Chat ---- */
	
#header-chat {float:left; padding-top:30px; margin-right:10px; display:block;}

#header-chat {float:left; margin-left:15px;}


/* ---- e.Header Links ---- */

#header-links {width:150px; padding-top:25px; float:right; text-align:right;}

#header-links p {padding-bottom:4px;}

/* Cart */

#header-links span a {color:#F00; font-size:1.3em; background:url(/images/icon-cart.gif) no-repeat left 0px; padding-left:25px; height:20px; font-weight:bold;}

#header-links span a:hover {color:#F00; text-decoration:none;}

/* ==================== 3.Navigation ==================== */

#navigation {width:958px; height:40px; float:left; background:url(/images/bg-navigation.jpg) repeat-x top left; font-weight:bold;}
	
#navigation li {display:inline;}

#navigation a, #navigation a:hover {float:left; display:block; text-decoration:none;}

#navigation a {color:#FFF; height:33px; padding:5px 19px 2px 18px; border-right:1px solid #D1494D;}

#navigation a:hover {background:url(/images/btn-hover.jpg) no-repeat top right;}

#navigation a.last-btn {border-right:0px;}

/* ==================== 4.Submenu ==================== */

#submenu {width:958px; height:40px; float:left; font-weight:bold; background:url(/images/bg-submenu.jpg) repeat-x; color:#000;}

#search-container, #search-container input, #email-container input {float:left;}

#search-container, #email-container {padding:9px 10px 0px 10px;}

#email-container {float:right; text-align:right;}
	
#email-container p {display:block; float:left; font-weight:bold; color:#FC3; margin-right:12px; padding-top:3px;}

#email-container em {color:#FFF;}

#email-container input, #search-container input {width:225px; border:1px solid #FFF; padding:2px; color:#666;}

#submenu input.btn {width:75px; height:23px; padding:0px;  border:0px; margin-left:10px;}

/* ==================== 5.Footer ==================== */

#footer {float:left; width:928px; padding:15px; background:#900 url(/images/bg-footer.jpg) repeat-x center top;}

#footer dl, #footer ul {float:left; padding-right:30px; display:block;}

#footer dt, #footer p {color:#FFF; font-weight:bold; padding-bottom:6px;}

#footer dd, #footer li {line-height:160%;}

#footer a {color:#CCC; text-decoration:none;}

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

/* ---- a.Left Column ---- */

#footer-left-column {float:left; width:450px;}

#footer-left-column div {float:right;}

#footer-left-column div p {padding-bottom:8px;}

#footer-left-column div img {display:block; margin-bottom:10px;}

#footer-left-column div img.social {float:left; margin-right:15px;}

#footer-left-column div ul {width:130px;}



/* ---- b.Right Column ---- */

#footer-right-column {float:right; width:355px;}

#footer dl {width:170px;}

#footer #footer-right-column dl {padding-right:15px;}

#footer dl#faq {padding-right:0px;}

/* ==================== 6.Copyright ==================== */

#copyright {width:928px; padding:20px 15px 10px 15px; clear:both; margin: 0px auto; text-align:center;}

#copyright p {padding-bottom:15px;}

#copyright p span {color:#333;}

#copyright a {color:#666; text-decoration:none;}