/* Styles Un-Khained Productions, by The Studio 23, thestudio23@gmail.com */

img, div, h1{
behavior:url(http://un-khained.com/iepngfix.htc);
}

body{
background:url(../images/structure_images/body_bg.jpg) repeat-x;
background-color:#595959;
margin:0px;
}

h1, h2, h3, h4, ul, li, p{
padding:0px;
margin:0px;}

h1, h2{
font:"Times New Roman", Times, serif;
}

p, li, td, h3, h4, h5{
font-family:Arial, Helvetica, sans-serif;
}

h1{
font-size:28px;
color:#999999;
font-weight:normal;
}

h2{
font-size:24px;
margin-bottom:10px;
}

h3{
font-size:16px;
color:#FFFF66;
margin-bottom:10px;
}

h4{
font-size:14px;
color:#999999;
margin-bottom:10px;
}

h5{
font-size:10px;
color:#CCCCCC;
line-height:14px;
font-weight:normal;
}

p, li, td{
line-height:22px;
font-size:12px;
}

p, ul, table{
margin-bottom:10px;
}

li{
list-style:none;
}

a{
color:#FFCC00;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

#bannerContainer, #homeContainer, #homeMusicContainer, #homeContentContainer, #contentContainer{
width:1000px;
float:left;
}

#allContainer{
width:1000px;
height:auto;
margin:auto;
}

#bannerContainer{
height:160px;
background:url(../images/structure_images/bannerContainer_bg.jpg) no-repeat;
position:relative;
}

#homeContainer{
height:390px;
background:url(../images/structure_images/homeContainer_bg.jpg) no-repeat;
}

#homeNav, #nav{
width:600px;
float:left;
height:28px;
}

#homeNav{
margin:42px 0 0 85px;
_margin-left:45px;
}

:first-child+html #nav{
margin:22px 0 18px 90px;
}

#nav{
width:600px;
float:left;
margin:42px 0 18px 90px;
_margin:23px 0 18px 45px;
}

#homeNav li, #nav li{
display:inline;
border-right:1px solid #9F9F9F;
line-height:28px;
padding:0 12px 0 12px;
}

#homeNav li a, #nav li a{
color:#333333;}

#homeMusicContainer{
height:26px;
background:url(../images/structure_images/musicContainer_bg.jpg) no-repeat;
}

#musicContainer{
float:left;
height:26px;
margin-left:500px;
}

/*:first-child+html #mp3Player {
margin:-15px;
padding-left:15px;
}*/

#mp32Player, #homeMp3Player{
width:301px;
height:16px;
}

:first-child+html #homeMp3Player{
margin:-15px 0 0 110px;
}

#homeMp3Player{
margin:-20px 0 0 110px;
_margin:-15px 0 0 95px;
}

:first-child+html #mp3Player{
top:190px;
}

#mp3Player{
right:98px;
top:185px;
_top:193px;
position:absolute;
}

#homeContentContainer{
height:auto;
background:url(../images/structure_images/homeContentContainer_bg.jpg) no-repeat;
}

#homeContentBox{
width:400px;
height:auto;
float:left;
margin: 20px 0 0 100px;
_margin-left:50px;
}

#homeContentBox h2{
padding:10px 0 0 60px;
color:#333333;
background:url(../images/structure_images/homeContentBoxH1_bg.jpg) no-repeat;
}

#homeContentBox p{
color:#666666;}

#contentContainer{
height:auto;
background:url(../images/structure_images/contentContainer_bg.jpg) no-repeat;
}

/* Content Left */
#contentLeft{
width:510px;
height:auto;
margin-left:100px;
_margin-left:50px;
float:left;
}

#contentLeft h1{
margin-bottom:10px;
}

#contentLeft h2, #contentFullSpan h2{
padding:10px 0 0 0;
color:#FFCC00;
font-weight:normal;
background:url(../images/structure_images/contentLeftH1_bg.jpg) no-repeat;
}

#contentLeft h2 a, #contentFullSpan h2 a{
text-decoration:none;
}

#contentLeft p, #contentLeft li, #contentLeft td, #contentFullSpan{
color:#CCCCCC;
}

#contentLeft li, #contentFullSpan li{
margin-left:15px;
list-style:outside;
}

.greyBoxTop, .greyBoxBottom{
width:510px;
height:4px;
float:left;
}

.greyBoxTop{
background:url(../images/structure_images/greyBoxTop_bg.gif) no-repeat;
float:left;
_margin-bottom:-15px;
}

.greyBoxBody{
width:490px;
height:auto;
padding:0 10px;
background:url(../images/structure_images/greyBoxBody_bg.gif) repeat-y;
float:left;}

.contentLeftSep{
width:490px;
height:2px;
margin-bottom:10px;
_margin-bottom:0px;
background:url(../images/structure_images/contentLeftSep.jpg) repeat-x;
}

.greyBoxBottom{
height:4px;
background:url(../images/structure_images/greyBoxBottom_bg.gif) no-repeat;
float:left;
}


.sectionAlign{
width:100%;
float:left;
margin-bottom:10px;
}

/* Content Right */
#contentRight{
width:260px;
height:auto;
float:left;
margin-left:20px;
padding-left:10px;
border-left:1px dashed #333333;
}

#contentRight h1{
background:url(../images/structure_images/contentRightH1_bg.png) no-repeat;
height:40px;
padding:13px 0 0 50px;
color:#333333;
font-weight:600;
font-size:22px;
margin-bottom:10px;
}

#contentRight h2{
font-size:18px;
color:#FFFF66;
margin-bottom:10px;
}

#contentRight p{
font-size:12px;
color:#CCCCCC;
line-height:18px;
}

#contentRight ul{
margin-bottom:0px;
}

#contentRight li{
text-align:center;
border-bottom:1px solid #4f4f4f;
}

#contentRight li:hover{
background-color:#4f4f4f;
}

#contentRight li a{
display:block;
}

#contentRight li a:hover{
text-decoration:none;
_text-decoration:underline;
}

.promotionLink{
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:12px;
width:100%;
height:auto;
margin-bottom:10px;
text-align:right;
}
/* Content Full Span */
#contentFullSpan{
width:820px;
height:auot;
margin-left:90px;
_margin-left:45px;
float:left;
}

.greyBoxFullSpanTop, .greyBoxFullSpanBottom{
width:820px;
height:4px;
float:left;
}
.greyBoxFullSpanTop{
background:url(../images/structure_images/greyBoxFullSpanTop_bg.gif) no-repeat;
_margin-bottom:-15px;
}

.greyBoxFullSpanBody{
width:800px;
background:url(../images/structure_images/greyBoxFullSpanBody_bg.gif) repeat-y;
padding:5px 10px;
float:left;
}

.greyBoxFullSpanBottom{
background:url(../images/structure_images/greyBoxFullSpanBottom_bg.gif) no-repeat;
}

.fullSpanSep{
width:800px;
height:2px;
margin-bottom:10px;
background:url(../images/structure_images/sep_bg.jpg) repeat-x;
}

.greyBoxFullSpanSep{
width:800px;
height:2px;
margin-bottom:10px;
background:url(../images/structure_images/contentLeftSep.jpg) repeat-x;
}

/* product Promo */
.productBox{
width:250px;
height:250px;
float:left;
margin:0 16px 10px 0;
border-bottom:1px solid #2f2f2f;
}

.productBox:hover{
background:#2f2f2f;}
.productBox p{
line-height:16px;
font-size:11px;
}


/* product description */
.productDescriptionBox{
width:400px;
height:auto;
float:left;
}

.productDescriptionBoxSep{
width:400px;
height:2px;
margin-bottom:10px;
background:url(../images/structure_images/contentLeftSep.jpg) repeat-x;}

/* footerContainer */
#footerContainer{
width:800px;
height:100px;
float:left;
padding:0 100px 0 100px;
position:relative;
color:#333333;
background:url(../images/structure_images/footerContainer_bg.jpg) no-repeat;
}

#footerNav, #footerTag{
height:18px;
float:left;
line-height:18px;
}

#footerNav{
width:auto;
}

#footerNav li{
width:auto;
display:inline;
border-right:1px solid #333333;
padding:0 10px 0 10px;
font-size:11px;
}

#footerNav li a{
color:#333333;
}

#footerNav li a:hover{
text-decoration:underline;
}

#footerTag{
margin-left:10px;
width:350px;
}

#footerTag p{
font-size:11px;}

#23Tag{}

/* Images */
.productPromo{
padding:15px 19px 15px 20px;
width:210px;
height:130px;
background:url(../images/structure_images/tShirtPromo_bg.png) 0 0 no-repeat;
}

.imageProductDetail{
margin:0 20px 0 0;
float:left;
}

#form{
width:400px;
height:auto;
float:left;
margin-top:20px;
}

.imagePad{
margin:0 10px 0 0;
float:left;
}

.imagePadHero{
margin:10px 0;
}