/* Lets keep this gangster */

* {margin:0px; padding:0px; border:none; }

html, body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #ADADAD;
	background:#000 url(../images/bg.jpg) top center no-repeat fixed;
	margin:0px;
	padding:0px;
	height:100%;
}

/*****************************************
**** Headings and links and Text ********/


#header_container h1		{ font-size:12px; font-weight:100; margin:57px 40px 0 65px; letter-spacing:.2px; }
p							{ margin:5px; padding:5px; }

a:link 				{ color: #6CF; text-decoration:none; }
a:visited 			{ color: #6CF; text-decoration:none; }
a:hover 			{ color: #FF0; text-decoration:none; }
a:active 			{ text-decoration:none; }


#header_container .light_gray_text	{ color:#FFF; }
#header_container .blog_light_gray 	{ color:#FFF; }
#header_container .underline 		{ text-decoration:underline; }

td 					{ color:#FFF; }


/********  Navigation  *************/
#header_container ul				{ width: 450px; height:155px; float:right; text-transform: uppercase; letter-spacing: .3px; margin:0 15px 0 0;font-weight:bold; }
#header_container ul li				{ height:155px; margin:0 0 0 5px; list-style:none; float:right; text-align:center; background: url(../images/btn.png) repeat-x; }
#header_container ul li a			{ padding:85px 10px 10px 10px; display:block; color:#ADADAD; }
#header_container ul li.on_page		{ background: url(../images/btn-on-page.png) repeat-x; color: #666; }
#header_container ul li:hover		{ background: url(../images/btn-on-page.png) repeat-x; }

/********  Divs and Stuff  *************/

#container 			{ width:980px; min-height: 100%; height: auto !important; height: 100%; margin:0 auto; }
#header_container 	{ width:980px; min-height:155px; }
#about				{ width:480px; height:155px; float:left; margin:0 10px 10px 0; background:url(../images/logo.png); }
.hr					{ width:980px; height:1px; background:url(../images/hr.jpg); }
.bottom_hr			{ width:980px; height:110px; float:left; margin:0 10px 10px 0; background:url(../images/hr.jpg) top no-repeat; }
.featured_content	{ width:980px; height:345px; }
.content			{ width:980px; min-height:345px; height:100%; float:left; }
.work_thumb			{ width:235px; height:175px; float:left; margin:0 10px 10px 0; }
.work_thumb img 	{ border:none; }
#twitter_btn 		{ width:260px; height:45px; float:right; margin: 5px 0 0 0; padding-right:50px; text-align:right; }
#twitter_btn img 	{ float:right; }
#twitter_btn p 		{ clear:none; color:#333; }

#form_container 	{ width:245px; height:334px; float:left; margin:10px 0; background:url(../images/contact-bg.jpg) no-repeat; }
#form_content	 	{ width:180px; height:244px; padding:50px 0 0 35px; }
#services		 	{ width:640px; height:300px; margin:20px 0 0 20px; background:url(../images/getintouch.jpg) no-repeat; float:left; }
#services p		 	{ line-height:18px; }
#services h2	 	{ padding:10px 0 5px 10px; color: #FFF; }
.accents			{ color:#FFF; font-weight:600; }
.accents-2			{ color:#FFF; }

#j-up			 	{ width:270px; height:300px; margin:0 10px 0 30px; float:left; }
#j-up h3	 		{ font-size:35px; padding:22px 0 0px 10px; color: #FFF; }
#j-up h4	 		{ font-size:30px; padding:22px 0 0px 10px; color: #FFF; }
#j-up p			 	{ padding-left:10px; line-height:18px; }
.pink				{ color:#F09; }

.footer				{ width:100%; height:120px; background:url(../images/footer-bg.png) center no-repeat; position:fixed; bottom:0; left:0; }
.footer p 			{ width:980px; font-size:9px; text-align:left; margin:100px auto 0 auto; }


/* Easy Slider */

	#slider{ float:left; margin:-9px 0 0 0; }	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	 #slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:980px;
		height:345px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:33px;
		position:absolute;
		left:0px;
		top:150px;
		}	
	#nextBtn, #nextBtn2{ 
		left:950px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:33px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}												

/* // Easy Slider */
