/* INTERIOR 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;
	border-left: solid 0px red; 
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* WRAPPER */

#wrapper {
	width: 960px;
	text-align: left;
	background: #fff;
	padding: 1px 10px 10px 10px;
	margin: 0 auto;	
	height: 100%;
	}
	
#bg_image {
	background: url("../images/portfolio_side.png") no-repeat;
	height: 519px;
	display:none;
}


/* ---------------------------------------------------------------------------------------------------------------- */
/* H E A D E R MODULE */

#header {
	text-align: left;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px 10px 0px;
	display:none;
}

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

	
/* ---------------------------------------------------------------------------------------------------------------- */
/* NAVIGATION MODULE */

#nav_module {
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	display:none;
}

#nav_module ul{
	font-size: 12px;
	padding: 0;
	margin-left: 1px;
}

#nav_module li{
	display: inline;
}

#nav_module li a{
	color: #fff; 
}

#nav_module li a:hover{
}
	

/* ---------------------------------------------------------------------------------------------------------------- */
/* CIRCLE */	

.circle {
display: block;
display: block;
width: 80px;
height: 80px;
background: #333;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
}


/* ---------------------------------------------------------------------------------------------------------------- */
/* CONTENT */

.schoolTitle {
	color: #c4c4c4;
	text-transform: uppercase;
}
	
#content {
	padding: 0px 0px 100px 0px;
	margin: 10px 0px 50px 0px;
}

#content h1{
	color: black; 
	font: 20px/20px Arial, Verdana, "Helvetica";
	}
	
#content h2{
	color: #999999; 
	font: 16px/10px Arial, Verdana, "Helvetica";
	padding-top: 10px;
	}

#content ul {
	
}

#content ul li{
	list-style-type: none;
	border-bottom: 1px solid #e0e0e0;
}

/*#content ul li:hover{
	background:#e9e9e9;
}*/


#content li a{
	display: inline;
	list-style-type: none;
	padding-bottom: 1px;
	padding-top: 1px;
	color: #000000; 
}

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



table {
	border-collapse: collapse;
	border-spacing: 50px;
	width: 100%;
/*	border-bottom: 2px solid #ff0000;*/
	table-layout: fixed;
	padding: 0px 0px 0px 0px;
}

th {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}


td {
	vertical-align: top; 
	padding: 0px 0px 0px 0px;
}


#bootcamp {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_bootcamp.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#bootcamp:hover{
	background-position:0px -250px;
}


#nycmostwanted {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_nycmostwanted.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#nycmostwanted:hover{
	background-position:0px -250px;
}


#osi {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_osi.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#osi:hover{
	background-position:0px -250px;
}


#fashion {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_fashion.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#fashion:hover{
	background-position:0px -250px;
}

#popcornpolitics {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_popcornpolitics.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#popcornpolitics:hover{
	background-position:0px -250px;
}


#lafftrak {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_lafftrak.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#lafftrak:hover{
	background-position:0px -250px;
}


#mtaadvisory {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_mtaapp.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#mtaadvisory:hover{
	background-position:0px -250px;
}


#critteur {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_critteur.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#critteur:hover{
	background-position:0px -250px;
}

#espnrise {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_espnrise.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#espnrise:hover{
	background-position:0px -250px;
}

#risemag {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_rise.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#risemag:hover{
	background-position:0px -250px;
}


#transdesign {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_transdesign.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#transdesign:hover{
	background-position:0px -250px;
}

#sce {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_sce.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#sce:hover{
	background-position:0px -250px;
}


#animalmatch {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_animalmatch.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#animalmatch:hover{
	background-position:0px -250px;
}

#triplist {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_triplist.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#triplist:hover{
	background-position:0px -250px;
}

#mozilla {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_mozilla.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#mozilla:hover{
	background-position:0px -250px;
}

#nytimes_real {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_nytimes_real.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#nytimes_real:hover{
	background-position:0px -250px;
}

#sportsnation {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_sn.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#sportsnation:hover{
	background-position:0px -250px;
}

#spellingbee {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_spellingbee.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#spellingbee:hover{
	background-position:0px -250px;
}

#espnindex {
	cursor:pointer;
	width:960px;
	height:250px;
	background:url(../images/main_image_espnindex.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:none;
}

#espnindex:hover{
	background-position:0px -250px;
}

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

#footer {
	width:100%;
	font-size: 10px;
	margin-bottom: 0px
}


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

#footer_left {
	padding-top:5px;
	float: right;
	text-align: right;
	font-size: 10px;
	color: #a0a0a0;
}


/* ---------------------------------------------------------------------------------------------------------------- */
/* VARIOUS */
	
p {color: #626262;}
h2{color: #999999; font-weight: normal;}
a {color: #ff0000; text-decoration: none}
a#red_link {
	padding-top: 30px;
	color: #ffffff; 
	background: red;
	}