

/* GENERAL ***************************************************************************************************** */

	html { margin: 0; padding: 0; height: 100%;}
	body { background:#000; font-size: 13px; font-family: Georgia; margin: 0; padding: 0;}
	
	a { color:#da6727; text-decoration: underline; }
	a:hover { text-decoration: none; }
	
	#container { background: #38130d url(../img/design/bg.jpg) no-repeat; background-attachment: fixed; margin: 0; padding: 0; width: 100%;}

	#shell { width: 870px; margin: 0 auto 0px auto; padding: 0 0 0 0; /*no-repeat; background-position: bottom;*/  }


/* HEADER ***************************************************************************************************** */

	#titlebarShell { height: 119px;}
	
		#logo { z-index: 99999; margin: 15px 0 0 20px; position: absolute; width: 155px; height: 128px; background: url(../img/design/logo.png);}
		
		#nav { position: absolute;  margin: 40px 0 0 230px; background:url(../img/design/bg_nav.png); width: 588px; height: 42px;}
		#nav ul { margin: 10px 0 0 0px; padding: 0; text-align: center; }
		#nav ul li { display: inline; margin: 0 18px; }
		#nav ul li a { color:#fff;  text-decoration: none; }
		#nav ul li a:hover { color:#da6727; }
		
		#home #nav ul li#nhome a, 
		#about #nav ul li#nabout a, 
		#portfolio #nav ul li#nportfolio a, 
		#blog #nav ul li#nblog a, 
		#contact #nav ul li#ncontact a 
		{ background:#da6727; padding: 0 5px; color:#fff;}
		
		#nav ul li ul { display: none;}
		#portfolio #nav ul li ul#subnav { display: block; position: absolute; top: 0; left: 0; margin: 50px 0 0 230px; padding: 0; }
		#portfolio #nav ul li ul li { margin: 0 4px;}
		#portfolio #nav ul li ul li#nwebsites a,
		#portfolio #nav ul li ul li#nlogos a 
		{ background: none; }
		#portfolio #nav ul li ul li#nwebsites a:hover,
		#portfolio #nav ul li ul li#nlogos a:hover 
		{ text-decoration: underline; }
	
	#home #header { display: block; height: 278px; background:#fff; margin: 0 0 20px 0;}
	#header { height: 1px; background:#000;margin: 0 0 00px 0; }
		
		#home #latestwork { display: block; margin: 13px 0 0 33px; width: 232px; height: 223px; background:url(../img/img/home/featured/featured.png); z-index: 999; position: absolute;}
		#latestwork { display: none; }

		#latestworktxt { display: none;}
		#home #latestworktxt { display: block; margin: 60px 0 0 270px; width: 200px; position: absolute; color:#fff; z-index: 99999;}
		#home #latestworktxt h2 { font-family: Arial; font-size: 16px; text-transform: uppercase; margin:0; padding:0; color:#fff; z-index: 99999;}
		#home #latestworktxt p { margin:7px 0 10px 0; padding:0; font-size: 12px; line-height: 180%;}
		#home #latestworktxt a { background:#da6727; padding: 1px 3px; text-decoration: none; color:#fff; font-size: 12px; font-family: Arial; font-size: 12px; font-weight: bold; }
		#home #latestworktxt a:hover { background:#454545; }
		
		#home #headerimg { display: block; position: absolute; margin: -24px 0 0 0px; background:url(../img/design/bg_header.png); width: 870px; height: 302px;}
		#headerimg { display: none;}
	
	#contentShell { padding: 0 0 35px 0; }
	
		#home #side { display: block; width: 254px; height: 200px; float: left;}
		#home #side h2 { font-family: Arial; color:#fff;}
		#home #side ul { margin: 0; padding:0; /*border-bottom: 3px solid #000;border-top: 1px solid #000;*/}
		#home #side ul li { color:#fff; list-style: none; border-bottom: 1px solid #000; padding: 9px 0;}
		#side { display: none;}
		
		#homeupdates { background:url(../img/design/bg_homeupdates.png); margin: 0 0 0 20px; padding: 55px 20px 0 23px; width: 209px; height: 117px;}
		#homeupdates span#btn_blog a { text-align: center; font-size: 11px; font-weight: bold; text-decoration: none; display: block; background: #000; color: #fff; position: absolute; width: 120px; height: 20px; padding: 5px 0 0 0; margin: 30px 0 0 0;}
		#homeupdates span#btn_blog a:hover { color:#da6727; }
		div.feedburnerFeedBlock ul { padding: 40px 20px 0 20px; border: none;}
		div.feedburnerFeedBlock ul li { border: none;}
		div.feedburnerFeedBlock ul li a { font-size: 11px; font-family: Arial; color: #fff;}
		div.feedburnerFeedBlock ul li a:hover { color:#da6727;}
		#creditfooter { display: none;}
		
		#home #content { color:#fff; margin: 0 0 0 275px; padding: 10px 30px 0 30px; width: 535px; height: 160px;}
		#home #content h1 { font-family: Arial; font-size: 43px; letter-spacing: -2px; margin: 0; padding: 0;  font-weight: normal;}
		#home span.black { color: #000;}
		#home #content p { line-height: 180%;}
		#home #content a:hover { background:#000; color:#fff;}

		#content { color:#fff; margin: 0; padding: 15px 0 0 0; width: 870px;}
		#content h1 {  font-family: Arial; font-size: 43px; letter-spacing: -2px; margin: 0 0 0 0; padding: 0;  font-weight: normal;}
		span.black { color: #000;}
		#content p { line-height: 180%;}
		#content a:hover { background:#000; color:#fff;}
		
			#portfolioList { background:#fff; padding: 0 0 0 0px;}
			
			ul#portfolioList_logos  { margin: 0; padding: 0; width: 102%; }
			#portfolioList_logos li { margin: 0 5px 5px 0; text-align: center; width: 286px; height: 200px; list-style: none; float: left; background:#fff; padding: 0 0 0 0px;}
			
			#flashcontent { margin: -10px 0 0 0;}
			
			#col {  width: 270px; margin: 20px 20px 0 0;}
			
			/* About Page */
			
			#aboutCol { float: left; background:#fff; width: 190px; height: 560px;}
			#aboutCol h1 { color:#000; text-align: center; font-size: 22px; letter-spacing: -1px; margin: 10px; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; }
			#aboutCol ul { margin:  10px; padding: 0;}
			#aboutCol ul li { list-style: none; margin: 0 0 10px 0;}
			#aboutCol ul li#twitter { background:url(../img/design/icon_twitter.jpg) 15px 8px no-repeat;}
			#aboutCol ul li#linkedin { background:url(../img/design/icon_linkedin.jpg) 15px 8px no-repeat;}
			#aboutCol ul li#facebook { background:url(../img/design/icon_facebook.jpg) 15px 8px no-repeat;}
			#aboutCol ul li#myblog { background:url(../img/design/icon_myblog.jpg) 15px 8px no-repeat;}
			#aboutCol ul li#mycompany { background:url(../img/design/icon_mycompany.jpg) 15px 8px no-repeat;}
			#aboutCol ul li#mybloglog { background:url(../img/design/icon_mybloglog.jpg) 15px 8px no-repeat;}
			#aboutCol ul li a { color:#000; border-bottom: 1px solid #eee;  width: 125px; display: block; margin: 0 0 5px 0; padding: 10px 0 10px 45px;}
			#aboutCol ul li a:hover {}
			
			#aboutMain { float: left; margin: 0 0 0 20px;  width: 655px; height: 261px; background:url(../img/design/about_main.png);}
			
			#home #twitter_div { width: 190px; height: 95px; position: absolute;  margin: 5px 0 0 2px; padding: 0 10px 0 0; overflow: auto;}
			#home #twitter_div ul { margin: 0; padding: 0; width: 150px; border: none;}
			#home #twitter_div ul li { margin: 0 0 5px 0; border: none;}
			
			#twitter_div { width: 175px; height: 150px;  margin: 90px 0 0 460px; padding: 0 10px 0 0; overflow: auto;}
			#twitter_div ul { margin: 0; padding: 0; width: 150px;}
			#twitter_div ul li { margin: 0 0 15px 0;}
			
			#aboutContent {margin: 10px 0 0 50px;float: left; width: 605px;}
			
		
		
		#contentLeft { width: 200px; float: left; margin: 50px 0 0 30px;}	
		
		#formShell { background:#fff url(../img/design/bg_contactheader.jpg) 10px 10px no-repeat; color:#000; margin: 20px 0px 0 0;  float: right; width: 540px; padding: 110px 0 0 20px;  }
			
		#contactform {}	
		#contactform dt {  padding: 0 15px 0 0; width: 150px; float: left; margin: 0 0 5px 0; }	
		#contactform dd {  margin: 0 0 5px 0;}	
		#frmbtn { background: url(../img/design/btn_form.gif); width: 205px; height: 40px; font-weight: bold; border: none; color:#fff;}

/* BODY ***************************************************************************************************** */




/* FOOTER ***************************************************************************************************** */

	#footerShell { background:url(../img/design/bg_footerlogo.png) top center no-repeat; margin: 30px auto; padding: 0 0 60px 0; width: 870px; height: 39px;}
	
		#tagline { background:url(../img/design/bg_tagline.png);  width: 599px; height: 33px; position: absolute; margin: -45px 0 0 140px; }