/* INDEX STYLE SHEET */

/*

Author: Aaron Druck
Site: www.whatthedruck.com
2010

*/

body {
	background: url("../images/bg.gif") repeat;
	text-align: center;
	min-width: 960px;
	margin: 0px;
	color: #747474;
	font: 12px/18px Arial, Helvetica, "Verdana";
	border-top: 5px solid black;
	border-bottom: 5px solid black;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* N A V I G A T I O N */

#navigation {
	background: #000000;
	padding-top: 5px;
	height: 40px;
	color: #ffffff;
	}
	
#navigation_wrapper {
	width: 960px;
	margin: 0 auto;
	}
	
#navigation_left {
	float: left;
	}
	
#navigation_right {
	padding-top: 5px;
	float: left;
	}
	
#navigation_right ul{
	list-style-type: square;
}

#navigation_right li{
	display: inline;
}

#navigation_right li a{
	color: #898989;
	font-size: 15px;
	font-family: "Helvetica", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
}

#navigation_right li a:hover{
	padding-top: 30px;
	color: #ffffff; 
	background: red;
}

	
/* ---------------------------------------------------------------------------------------------------------------- */	
/* M A I N */


#wrapper {
	width: 960px;
	text-align: left;
	background: #fff;
	padding: 1px 10px 10px 10px;
	margin: 0 auto;	
	height: 100%;
	}
	
/* ---------------------------------------------------------------------------------------------------------------- */	
/* H E A D E R */

#wrapper_top {
	width: 1009px;
	text-align: left;
	padding: 1px 0px 0px 0px;
	margin: 0 auto;	
	height: 100%;
	}

#header {
	background: #ffffff url("../images/header_bg.gif") no-repeat;
	text-align: left;
	height: 100%;
	width: 960px;
	margin: 0 auto;
	padding: 30px 10px 40px 10px;
}


#header h1{
	color: #000;
	font: 52px/18px Arial, Helvetica, "Verdana";	
}



	
/* ---------------------------------------------------------------------------------------------------------------- */
/* I M A G E  M O D U L E */

#image_module_container {
	background: url("../images/blackbow.png") no-repeat;
	width:1009px;
	height: 285px;
}

#image_module {
	padding-left:24px;
	padding-top: 8px;
	padding-bottom: 10px;
	margin: 0px 0px 0px 0px;
	width: 960px;
}
	
/* ---------------------------------------------------------------------------------------------------------------- */
/* C O N T E N T */
	
#content {
	background: #;
	width: 960px;
	height: 00%;
	padding: 0px 0px 0px 0px;
	margin: 0 0 60% 0;
}

#content h1{
	font: 25px/30px Arial, Verdana, "Helvetica";}
}

#content img {
	border-top: 1px solid #c4c4c4; 
	margin-top: 10px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* CONTENT Box Left*/
	
#contentBoxLeft {
	width: 300px;
	height: 300px;
	float: left;
}

#contentBoxLeft h1{
	color: #414141;
}

#contentBoxLeft ul{
	list-style-type: none;
	padding: 0px;
}

#contentBoxLeft li a{
	padding-bottom: 1px;;
	padding-top: 1px;
	color: #000000; 
	border-left: solid 5px #000000; 
	padding-left: 5px;
}

#contentBoxLeft li a:hover{
	padding-left: 5px;
	color: red; 
	background: #fff;
	border-left: solid 5px red; 
}

#contentBoxLeft a:hover {color: #fff; background: red; text-decoration: none}

/* ---------------------------------------------------------------------------------------------------------------- */
/* CONTENT Box Middle*/
	
#contentBoxMiddle {
	width: 375px;
	height: 300px;
	background: #;
	float: left;
	padding: 0px 10px 10px 5px;
	margin: 0px 10px 10px 5px;
}

#contentBoxMiddle h1{
	color: #414141;
}

#contentBoxMiddle a:hover{
	border: 0px;
	background: #fff;
}

#contentBoxMiddle b:hover{
	border: 0px;
	color: #fff;
	background: red;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* CONTENT Box Right*/
	
#contentBoxRight {
	width: 233px;
	height: 300px;
	background: #;
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#contentBoxRight h1{
	color: #414141;
}

#contentBoxRight ul{
	list-style-type: none;
	padding: 0px;
}

#contentBoxRight li a{
	padding-bottom: 1px;;
	padding-top: 1px;
	color: #000000; 
	border-left: solid 5px #000000; 
	padding-left: 5px;
}

#contentBoxRight li a:hover{
	padding-left: 5px;
	color: red; 
	background: #fff;
	border-left: solid 5px red; 
}

#contentBoxRight img{
	padding: 6px 5px 0px 0px;
	float: right;
	
	
}


/* ---------------------------------------------------------------------------------------------------------------- */
/* FOOTER */


#footer {
	/*border-top: 1px solid #c4c4c4;*/
	width:100%;
	font-size: 10px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	text-align: middle;
}


/*
#footer_top{
  width:100%;
  height:10px;
  }
*/

#footer_left {
	float: right;
	font-size: 10px;
	color: #a0a0a0;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* T W I T T E R */

/*
#twitter {
	left: 800px;
	top: 55px;
	height: 125px;
	width: 205px;
	position: absolute;
	color: #660000;
	font-family: "Courier New", Courier, monospace;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	text-align: left;
	font-size: small;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#twitter a {
	color: #000000;
	display: list-item;
}
#twitter a:hover {
	font-weight: bolder;
	text-decoration: underline;
}
*/


#twitter {
	color: #000000;
	list-style-type: none;
	text-align: center;
	width: 960px;
	padding-top: 10px;
}

#twitter ul {
	list-style-type: none;
	padding: 0px;
	font: 25px/30px Arial, Verdana, "Helvetica";
	}

#twitter a {
	
	color: #c4c4c4;
	display: inline;
	font: 25px/40px Arial, Verdana, "Helvetica";
}

#twitter a:hover {
	text-decoration: underline;
}




/* ---------------------------------------------------------------------------------------------------------------- */
/* VARIOUS */
	
p {color: #626262;}
h1{
	color: #e4e4e4;
	font: 20px/8px Arial, Verdana, "Helvetica";

}
h2{color: #6f4a02}
a {color: #ff0000; text-decoration: none}
a#red_link {
	padding-top: 30px;
	color: #ffffff; 
	background: red;
	} 



/* Rollover on homepage*/
/* image 1 */
a#rollover { background-image:url(../images/home/sm_popcorn.jpg); height: 102px; width:382px; display:block; }
a#rollover span { display:none; background: black; }
a#rollover:hover { background-image:url(../images/home/sm_popcorn_over.jpg); }

/* Rollover on homepage*/
/* image 2 */
a#rollover2 { background-image:url(../images/home/sm_osi.jpg); height: 102px; width:382px; display:block; }
a#rollover2 span { display:none; }
a#rollover2:hover { background-image:url(../images/home/sm_osi_over.jpg); }

/* Rollover on homepage*/
/* image 3 */
a#rollover3 { background-image:url(../images/home/sm_mta.jpg); height: 102px; width:382px; display:block; }
a#rollover3 span { display:none; }
a#rollover3:hover { background-image:url(../images/home/sm_mta_over.jpg); }