/**************************************************
1. Style Reset
**************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

/* Unordered Lists */

ul{
list-style: none;
}

/* Blockquote / Quote */
blockquote, q{
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* Focus styles */

:focus{
outline: 0;
}

/* remember to highlight inserts somehow! */

ins{
text-decoration: none;
}

del{
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table{
border-collapse: collapse;
border-spacing: 0;
}

p{
margin: 0;
margin-bottom:8px;
line-height: 1.6em;
}	

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

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */

/* Layout */

html {
height: 102%;
}

body {
background:url(../img/bg.jpg);
background-repeat:repeat-x;
background-position:top center;
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
background-attachment:fixed;
color:#FFF;
}

#wrapper{
margin:auto;
width:850px;
background-color:#000;
padding-bottom:20px;
}

#nav{
float:left;
width:667px;
height:26;
margin-top:10px;
margin-bottom:10px;
margin-left:8px;
}

#nav li{
float:left;
text-align:center;}

#nav li a{color:#FFF; text-decoration:none; display:block; padding-top:4px;}

#nav li#nnews a { background: url('../img/nav.gif') 0px 0px; width: 48px; height:22px;}
#nav li#nnews a:hover { background: url('../img/nav.gif') 0px -27px;}

#nav li#nbiography a { background: url('../img/nav.gif') -48px 0px; width: 77px; height:22px;}
#nav li#nbiography a:hover { background: url('../img/nav.gif') -48px -27px;}

#nav li#ndiscography a { background: url('../img/nav.gif') -125px 0px; width: 91px; height:22px;}
#nav li#ndiscography a:hover { background: url('../img/nav.gif') -125px -27px;}

#nav li#ntour a { background: url('../img/nav.gif') -216px 0px; width: 81px; height:22px;}
#nav li#ntour a:hover { background: url('../img/nav.gif') -216px -27px;}

#nav li#nmedia a { background: url('../img/nav.gif') -297px 0px; width: 54px; height:22px;}
#nav li#nmedia a:hover { background: url('../img/nav.gif') -297px -27px;}

#nav li#ngallery a { background: url('../img/nav.gif') -351px 0px; width: 60px; height:22px;}
#nav li#ngallery a:hover { background: url('../img/nav.gif') -351px -27px;}

#nav li#npress a { background: url('../img/nav.gif') -411px 0px; width: 53px; height:22px;}
#nav li#npress a:hover { background: url('../img/nav.gif') -411px -27px;}

#nav li#nmerchandise a { background: url('../img/nav.gif') -464px 0px; width: 93px; height:22px;}
#nav li#nmerchandise a:hover { background: url('../img/nav.gif') -464px -27px;}

#nav li#ncontact a { background: url('../img/nav.gif') -557px 0px; width: 64px; height:22px;}
#nav li#ncontact a:hover { background: url('../img/nav.gif') -557px -27px;}

#nav li#nlinks a { background: url('../img/nav.gif') -621px 0px; width: 46px; height:22px;}
#nav li#nlinks a:hover { background: url('../img/nav.gif') -621px -27px;}

#slider{
float:left;
width:850px;
height:266px;

}

#content{
margin-top:25px;
float:left;
width:850px;
}

#left{
margin-left:40px;
float:left;
width:626px;
padding-right:155px;
background-image:url(../img/sirocco_celt.gif);
background-repeat:repeat-y;
background-position:top right;
padding-bottom:25px;
min-height:700px;
margin-bottom:15px;
}


h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#8E6444;
margin-bottom:15px;
text-transform:uppercase;
}

h2 a:link, h2 a:visited{color:#8E6444; font-size:16px;}
h2 a:hover{color:#A3724F; font-size:16px;}

p{
line-height:150%;
margin-bottom:15px;
font-size:11px;
}

.article{border-bottom:1px dotted #8E6444; padding-bottom:20px; margin-bottom:20px; line-height:150%;
margin-bottom:15px;
font-size:11px;}

a:link, a:visited{color:#8E6444; text-decoration:none; font-size:12px;}
a:hover{text-decoration:underline; color:#A3724F;}
#promo2012_r img{margin-bottom:6px;}
#promo2012_r a#hlink{padding:2px; background-color:#FFF; clear:both;}
#promo2012_r a:hover{text-decoration:underline;}

#footer{
margin:auto;
width:800px;
margin-top:15px!important;
padding:5px;
color:#FFF;
clear:both;
border:1px solid #FFF;
text-align:right;
display:block;
margin-bottom:10px;
}

.gallery{
width:300px;
height:315px;
float:left;
margin-right:10px;
margin-bottom:25px;
}

form{
	border:1px solid #8E6444;
	padding:15px;
	width:350px;
}

form li{margin-bottom:8px;}
form input{width:130px;}
form textarea{width:180px; height:45px;}
form label{width:80px; display:block; float:left;}