/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0;}

/* Normalizes font size for headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%;}

/* Removes list style from lists */
ol, ul
{ list-style: none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal;}

/* Removes list style from lists */
table
{ border-collapse: collapse; border-spacing: 0;}

/* Removes border from fieldset and img */
fieldset, img
{ border: 0;}

/* Left-aligns text in captions and th */
caption, th
{ text-align: left;}

/* Removes quotation marks from q */
q:before; q:after
{ content: '';}

/*  Basic layout styles begin*/
div#bgcontainer{
text-align: center;
background: url(images/bg_tile.gif) repeat;
}

div#headbg {
background: url(images/barbsbits_02.png) repeat;
height: 183px;
z-index:0;
}

div#container{
background:url(images/head_bg.png) no-repeat;
width: 706px;
margin: -183px auto 0;
text-align: left;
}

div#content {
background:transparent url(images/barbsbits_28.png) repeat-y scroll 0 0;
position:relative;
width:100%;
}

div#content_main {
left:0;
padding:1em 2em 15em 2em;
width:60%;
height: 400px;
}

div#content_sub {
background: url(images/recentbits_bg.png) no-repeat center;
left:63%;
padding:1em 0 ;
text-align:center;
width:35%;
margin-top:-625px;
position:absolute;
}

div#content_sub li{
padding-top: .5em;
padding-bottom: .25em;
}

li#more_link {
margin-top: -.5em;
margin-bottom: 1.25em;
}

div#branding, div#nav_main, div#head_img, div#site_info {
width: 100%;
}

div#shop_content {
width: 90%;
padding: 1em 2.5em;
}

div#img_gallery {
text-align: center;
padding-top: 1em;
}

div#img_gallery img{
padding: .75em .75em;
border: 1px #9f9997;
}

div#content_contact {
width: 90%;
padding: 1em 2.5em;
height: 400px;
}

/* Styles the branding info */

div#branding {
postion: relative;
z-index: 10;
}

h1 {
height: 164px;
background: transparent url(images/barbsbits_brand.png) no-repeat;
text-indent: -9999px;
z-index: 10;
}

div#branding blockquote {
position: absolute;
text-indent: -9999px;
}

div#head_img {
text-align: center;
}

/*Styles the nav */

div#nav_main {
text-align: right;
}

ul#nav_features {
margin: -125px 25px 53px 0;
}

ul#nav_features li{
display: inline;
}

li#nav_home {
padding-right: .5em;
}

li#nav_shop {
padding-right: .15em;
}

/* Styles the footer */

div#site_info {
background: transparent url(images/siteinfo_bg.png) no-repeat 0 0;
width: 100%;
height: 33px;
padding-bottom: 40px;
text-align: center;
}

/* Typography Styles */

h2 {
padding-bottom: .5em;
padding-top: 1em;
}

p {
font: 12px/160% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
padding: .5em 2em;
}

div#site_info p{
padding-top: 1em;
font-size: 9px;
color: #9f9997;
}

a {
color: #008b98;
}