/*
Roche Productions
www.rochellegrace.com
Cascading Style Sheet Biatches!! BOOM!
*/

/*= GENERAL STYLING
--------------------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	width: 100%;
	position:relative
}

h1 { 
    font-family:Arial;
	font-weight:normal;
	font-size: 55px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
}

h2 {
   font-family:Arial;
   font-weight: normal;
   font-size: 40px;
   text-align: center;
   color: #fff;
   margin: 0;
	padding: 0;
}

h3 {
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   text-align: center;
   margin: 5px 0;
	padding: 0;
	z-index: 1;
}

h4 {
   font-family: Arial;
   font-weight: normal;
   font-size: 24px;
   text-align: left;
   color: #fff;
   margin: 5px 0;
	padding: 0;

}

h5 {
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   text-align: left;
   color: #fff;
   margin: 5px 0;
	padding: 0;

}

a.white:link {color: #fff; text-decoration: none}
a.white:visited {color: #fff; text-decoration: none}
a.white:hover {color: #fff; text-decoration: none}
a.white:active {color: #fff; text-decoration: none}

.center { margin: 0 auto; }
.content{ 
	margin: 0 
	auto; 
	width: 960px;
}
.textbox{ margin: 0 auto; width: 960px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5); }
.clear { clear: both; }


/*= HEADER & NAVIGATION
--------------------------------------------------------*/

#header { 
	width: 960px; 
	background: url('../img/width.png');  
	height: 100px; 	
	position: fixed; 
	top:10%;
	left:50%;
 	margin-top:-50px;  
 	margin-left:-480px; 
}


#header a { 
	color: #b2b2b2; 
	opacity:1; 
	font-size: 16px; 
	text-decoration: none; 
	font-family: Arial; 
	
}

#header a.active { 
	color: #b2b2b2; 
	opacity:1;  

}

#header a:hover { 
	color: #b2b2b2; 
	opacity:1;  
	
}

.spreadem > div {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline; /* For IE7 */
	zoom: 1; /* Trigger hasLayout */
    width: 19%;
    text-align: center;
	/* position: relative;  */
}


/*= SLIDES STYLING
--------------------------------------------------------*/

#slide1, #slide2{ width: 100%; }
#slide1{
	background-color: #000000;
	height: 600px;
	margin: 0;
	padding: 200px 0 260px 0;

}

#slide2{
	background-color: #ffffff;
	height: 600px;
	margin: 0 auto;
	padding: 300px 0 260px 0;
}

#slide3{
	background-color: #4b4b4b;
	height: 600px;
	margin: 0;
	padding: 300px 0 260px 0;
}

#slide4{
	background-color: #000000;
	height: 600px;
	margin: 0;
	padding: 300px 0 260px 0;
}