@charset "utf-8";



*

{

	background-repeat:no-repeat;

	font-family:arial, helvetica, sans-serif;

	font-size:13px;

	line-height:24px;

	margin:0px;

	outline:none;

	padding:0px;

}



a

{

	color:#ff0000;

	text-decoration:none;

}



a:hover

{

	text-decoration:underline;

}



body

{

	background-image:url(../images/background.png);

	background-color:#1e1e1e;

	background-repeat: no-repeat;

	color:#ffffff;

}



#header

{

	height:44px;

	padding:24px 0px;

}



#header h1

{

	height:44px;

	width:284px;

}



#header h1 a

{

	background-image:url(../images/header-h1-a.png);

	display:block;

	height:44px;

	text-indent:-9999px;

	width:284px;

}



#content

{

	overflow:hidden;

	width:960px;

}



#main

{

	display:inline;

	float:right;

	width:444px;

	height:500px;

}

#main1

{

	display:inline;

	float:right;

	width:444px;

	height:850px;

}


#main h3

{

	color:#ff0000;

	margin:24px 0px -24px 24px;

	font-weight:normal;

}


#main1 h3

{

	color:#ff0000;

	margin:24px 0px -24px 24px;

	font-weight:normal;

}


#main p

{

	font-size:13px;

	margin:24px 0px 0px 24px;

}


#main1 p

{

	font-size:13px;

	margin:24px 0px 0px 24px;

}


#main p strong

{

	font-size:13px;

}







#sidebar

{

	display:inline;

	float:left;

	height:330px;

	position:relative;

	width:516px;

}



#sidebar h2

{

	/*font-size:60px;*/

	font-size:75px;

	line-height:43px;

	margin:24px;

}



#sidebar p

{

	height:48px;

	margin:24px;

}



#sidebar p big

{

	color:#6b6b6b;

	font-size:18px;

}



#sidebar p a

{

	background-image:url(../images/hire-me.gif);

	height:23px;

	left:24px;

	line-height:23px;

	position:absolute;

	text-indent:-9999px;

	top:320px;

	width:70px;

}



#sidebar ul

{

	display:inline;

	float:left;

	height:120px;

	margin:0px 0px 0px 24px;

	width:90px;

}



#sidebar ul li

{

	display:inline;

	float:left;

	width:90px;

}



#sidebar ul li a

{

	color:#ffffff;

}



#sidebar ul li.on a

{

	color:#ff0000;

}



#footer p

{

	font-size:10px;

	margin:24px;

}



#footer p a

{

	color:#ffffff;

	font-size:10px;

}





/* --- / index / --- */







	

	

#index #main ul



{



	list-style:none;



	/*margin:0px 0px 30px 0px;*/

	position:absolute;

	top:0px;

	left:570px;

	

	overflow:visible;



	/*width:auto;*/
	width:600px;
	

	display:inline;



}







#index #main ul li



{



	display:inline;



	float:left;

	

	/*text-align:center;*/

	

	padding: 2px 0px 0px 2px;

	

	/*width:286px;*/

	

	background-color:#242424;

	/*background-color:#00FF00;*/

	margin:0px 0px 0px 0px;

	

	border:#000000 solid 2px;

	

}



#index #main ul li a



{





}



#index #main ul li a.client



{



	border:none;

	

	font-size:11px;



	display:block;



	width:186px;

	

	margin:-10px 0px 0px 3px;

	

	text-align:left;

	

}







#index #main ul li work



{



	border:none;

	

	font-size:12px;

	

	display:block;

	

	width:186px;

	

	margin:-10px 0px 0px 4px;



	text-align:left;

	

}



#index #main ul li a img



{



	border:#242424 solid 1px;	



}



#index #main ul li a:hover img



{



	border:#FF0000 solid 1px;	



}





/* --- / awards / --- */



#awards #main ul

{

	list-style:none;

	margin:24px 0px 0px 24px;

}



#artists #main ul.grid li a:hover



{



	border:#ff0000 solid 1px;	



}







/* --- / awards / --- */



#awards #main ul

{

	list-style:none;

	margin:24px 0px 0px 24px;

}



/* --- / portfolio / --- */



#portfolio #main ul

{

	display:inline;

	float:left;

	list-style:none;

	margin:24px 0px 0px 24px;

}



#portfolio #main ul li a

{

	color:#ffffff;

}



#portfolio #main ul li a:hover

{

	color:#ff0000;

}





/* --- / testimonials / --- */



#testimonials #main p

{

	margin:24px 0px -24px 24px;

}



#testimonials #main client

{

	color:#b2b2b2;

	font-size:13px;

	font-weight:bold;

}



/* --- / contact / --- */



#contact #main h3

{

	color:#ff0000;

	margin:24px 0px 0px 24px;

	font-weight:normal;

}








/* --- / credits / --- */



#credits #main h3

{

	color:#ff0000;

	margin:24px 0px 0px 24px;

	font-weight:normal;

}



#credits #main p

{

	margin:24px 0px 0px 24px;

}



#credits #main a



{

	color:#ffffff;

	text-decoration:none;

	border:none;

}



#credits #main a:hover

{

	text-decoration:underline;

}



#credits #main img



{

	border:none;

}





/* --- / media / --- */







#media #main p.image



{



	border:none;



	display:inline;



	float:right;



}







#media #main ul.grid



{



	list-style:none;



	overflow:hidden;



	width:130px;

	

	margin:24px 0px 0px 24px;

	

	

}







#media #main ul.grid li



{



	display:inline;



	float:left;



	/*height:103px;*/



	margin:0px 0px 27px 0px;



	overflow:visible;



	/*width:130px;*/



}







#media #main ul.grid li a



{



	border:none;



	display:block;



	/*height:97px;*/



	/*padding:2px;*/



	/*width:130px;*/



}





#media #main ul.grid li a:hover



{



	border:#none;	



}



#media #main img



{

	border:none;

}

.hidden{display:none;}





/* --- / contact-form / --- */





#contact-form #main table

{

	font-size:13px;

	margin:24px 0px 0px 24px;

	position:absolute;

}

#contact-form #main table td

{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	line-height:13px;

	}







#contact-form #main textarea

{

	border:none;

	display:inline;

	float:left;

	font-size:14px;

	color:#000000;

	padding:6px;

	width:312px;

	height:90px;

	margin:5px 0px 10px 0px;

}



#contact-form #main input

{

	border:none;

	color:#000000;

	padding:2px 0px 0px 2px;

	width:155px;

	height:22px;

	margin:5px 10px 10px 0px;

	vertical-align:middle;

}



#contact-form #main select

{

	border:none;

	color:#000000;

	padding:2px;

	width:157px;

	height:24px;

	margin:5px 10px 10px 0px;

}



#contact-form #main button

{

	background:none;

	background-image:url(/images/send-button.png);

	border:none;

	cursor:pointer;

	display:block;

	height:25px;

	width:74px;

	margin:0px 0px 0px 254px;

	overflow:hidden;

	text-indent:-9999px;

}


/* --- / services / --- */



#services #main ul

{

	display:inline;

	float:left;

	list-style:none;

	margin:24px 0px 0px 24px;

}



#services #main ul li a

{

	color:#ffffff;

}



#services #main ul li a:hover

{

	color:#ff0000;

}

/* --- / video / --- */


#video #main

{

	position:absolute; /*I made it so that the position is independent of other elements on the page.*/

	display:inline;

	float:right;

	width:640px; /*I made it so it is 640px wide as opposed to 444*/

	height:500px;
	
	/*left:196px;*/

}


#video  #footer

{


	position:absolute; /*I made it so that the position is independent of other elements on the page.*/
	
	top:592px; /*I positioned it 592 px from the top so it would match the position of the footer on the other pages.*/


}