/* CSS Document */

body {
	background:#000;
}

.floatRight {
    float:right;
}

.floatLeft {
    float:left;
}

/*layout*/
#wrapper {
	width:1013px;
	margin: 0 auto;
    padding: 0px 0 0 0;
}

/*Header*/
#header {
	width:981px;
	padding:30px 16px 20px 16px;
	height:auto; 
    height:106px;
}

#header ul {
    margin:0;
    padding:0;
    width:510px;
    float:left;
    margin:44px 0 0 54px;
    }
    
#header ul li
{
    margin:0;
    padding:0;
    float:left;
    width:180px;
}

#header ul li.shop {
    width:210px;
}

#header ul li a
{
    margin:0;
    padding:0;
    color:#fff;
}

#header ul li a:hover {
    padding-left:1px;
}


#header img.logo {
    float:right;
}

img.chiefStudio {
    margin-top:45px;
    float:left;
}

/*content*/

#content {
	width:981px;
	padding: 25px 16px 25px 16px;
	height:auto; /*set to auto once finished*/
	border-top: solid 1px #2a2a2a;
	border-bottom: solid 1px #2a2a2a;
    clear:both;
}

#mischiefContent, #contactContent {
	width:1013px;
	padding: 25px 0px 25px 0px;
	height:auto; /*set to auto once finished*/
	border-top: solid 1px #2a2a2a;
	border-bottom: solid 1px #2a2a2a;
}

#mischiefContent {
	padding: 0px 0px 0px 0px;

}

#contactContent 
{
    padding-bottom:0;
    }


/*what we doe page */
#whatContent {
	width:981px;
	padding: 25px 16px 25px 16px;
	height:auto; /*set to auto once finished*/
	border-top: solid 1px #2a2a2a;
	border-bottom: solid 1px #2a2a2a;
    clear:both;
}

#whatLeft {
    float:left;
    width:460px;
    margin-left:20px;
}

#whatRight {
    float:right;
    width:460px;
    margin-right:20px;
}




/*News Page*/

.newsContainer 
{
    padding:30px 16px 30px 16px;
    float:left;
    border-top:solid 1px #2a2a2a;
    width:981px;
}
    
.mischiefIntro {
    float:left;
    height:118px;
    width:490px;
	border-right: solid 1px #2a2a2a;
    padding: 15px 0 0 0;
}

#twitterContainer {
    padding:20px 0px 0px 170px;
	background: url(../images/latest_tweet.gif) no-repeat 0 13px;
    float:right;
    height:113px;
    width:340px;
}

/*Slideshow*/

.slideshow {
width:476px;
height:287px;
float:left;
margin-right:30px;
position:relative;
z-index:0;
margin-bottom:20px;
}

.slides, .slides1, .slides2, .slides3 {
position:absolute;
top:0;
left:0;
z-index:1;
}

a.prev1, a.prev2, a.prev3 {
display:block;
width:23px;
height:22px;
background:red;
position:absolute;
z-index:1000;
background: url(../images/next_prev.png) no-repeat 0 0;
top:133px;
left:-11px;
}

a.next1, a.next2, a.next3 {
display:block;
width:23px;
height:22px;
background:red;
position:absolute;
z-index:1000;
background: url(../images/next_prev.png) no-repeat -23px 0;
top:133px;
right:-11px;
}

.slides1 img, .slides2 img, .slides3 img { display: none }
.slides img.first { display: block }



/*Contact page*/

.formContainer 
{
    padding:30px 0 30px 0;
    width:1013px;
    margin:0 auto 0 auto;
	border-top:solid 1px #2a2a2a;
	border-bottom:solid 1px #2a2a2a;
	height:auto;
    }
    
#form 
{
    background: url(../images/formBG.gif) repeat-y 0 0;
    height:auto;
    margin: 35px 16px 0 16px;
    padding: 16px;
    min-height:200px
    }  

#formLeft 
{
    width:460px;
    float:left;
    height:auto;
    }      

#formRight 
{
    width:460px;
    float:right;
    height:auto;
    }      


#contactNo	 {
	width:997px;
	padding:20px 0 20px 16px;
	border-top:solid 1px #2a2a2a;
}

#address	 {
	width:997px;
	padding:20px 0 20px 16px;
}

    
/*Footer*/    
#footer {
	width:981px;
	padding:20px 16px 0 16px;
	height:130px; /*set to auto once finished*/
}

#footerContact {
    float:left;
    width:700px;
    height:auto;
}

#terms {
    width:700px;
    height:auto;
    }

#follow {
    float:right;
    width:200px;
    height:auto;
}
    
#follow img {
    vertical-align:middle;
    margin-left:10px;
}
    
.clear
{
    clear:both;
}

/*########################### Slideshow ############################################*/

#slideshow { position: relative; width: 980px; }

#controls { z-index: 1000; position: absolute; bottom:-25px; right: 0; display: none;
    margin: 0; padding: 6px 6px 6px 0; width: 90px;
}

ul#slides li img {
z-index:0;
}

ul#slides li {
display:block;
width: 980px;
height:584px;
display:none;
}


ul#slides li a {
position:absolute;
width:490px;
height:292px;
display:block;
z-index:10000;
}

ul#slides li.s2 a:hover {
background:url(../images/frame2col.jpg);
background-repeat: no-repeat;
cursor:default;
}

ul#slides li.s4 a:hover {
background:url(../images/frame4col.jpg);
background-repeat: no-repeat;
cursor:default;
}

ul#slides li a.two-tl {
top:0;
left:0;
}

ul#slides li a.two-tl:hover {
background-position: 0 0;
}
	
ul#slides li a.two-tr {
top:0;
right:0;
}
	
ul#slides li a.two-tr:hover {
background-position: right top;
}
	
ul#slides li a.two-bl {
bottom:0;
left:0;
}
	
ul#slides li a.two-bl:hover {
background-position: left bottom;
}
	
ul#slides li a.two-br {
bottom:0;
right:0;
}
	
ul#slides li a.two-br:hover {
background-position: right bottom;
}

#controls a.control {
background:url(../images/controls.gif) no-repeat 0 0;
display:block;
width:16px;
height:14px;
float:left;
margin-right:5px;
}

#controls a#prev { 
background-position: 0 0;
}

#controls a#next { 
background-position: -24px 0;
}

#controls a#pause { 
background-position: -48px 0;
}

#controls a#play { 
background-position: -68px 0;
}