html{
	background-color: #f7f7f7;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

li{
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 6px;
}

ul{
	margin-bottom: 15px;
}

.mainContainer{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#header{
	padding-top: 35px;	
	
	display: inline;
	float: left;
	margin: 0 10px;
	width: 780px;
	position: relative;
	left: 160px;
}

#header a{
	text-decoration: none;
}

#header h1{
	font-size: 36px;
}

#header h1 a{
	color: #333;
}

#header h1 a span{
	color: #9d9d9d;
}

#logo{
	width: 156px;
	height: 156px;
	float: left;
	margin-left: -168px;
	margin-top: -34px;
}

#logo a:link,
#logo a:visited{
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(../img/logo.png) center top no-repeat;
	/*opacity: 0.9;*/
}

#logo a:hover,
#logo a:active{
	opacity: 1.0;
}

#wordmark{
	width: 380px;
	float: left;
}

#wordmark a:hover,
#wordmark a:active{
	color: #bf4c18;
}

#wordmark a:hover span,
#wordmark a:active span{
	color: /*#ffaf7e*/ #000;
}

#nav{
	float: right;
	margin-top: 9px;
	margin-bottom: 0;
}

#nav li{
	display: inline;
	font-size: 24px;
	font-weight: bold;
	margin-left: 16px;
	text-align: right;
}

#nav a:link,
#nav a:visited{
	color: #000;
}

#nav a:hover,
#nav a:active{
	color: #bf4c18;
	border-bottom: 1px dotted #cd9074;
}

#nav li.current a{
	color: #bf4c18;
}

#preview{	
	display: inline;
	float: left;
	margin-left: 10px;

	margin-top: -82px;
	margin-right: -30px;
	padding-right: 30px;
	padding-top: 5px;
	background: transparent url('../img/preview-orange.gif') -50px 10px no-repeat;
}

#preview img{
	display: block;
	margin-left: 160px;
	box-shadow: 0px 0px 16px #888;
	-moz-box-shadow: 0px 0px 16px #888;	
	-webkit-box-shadow: 0px 0px 16px #888;
	width: 779px;
	height: 249px;
}

#contentWrapper,
#portfolioWrapper,
#footerWrapper{
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 100px;
}

#contentWrapper{
	border-top: 1px dotted #bf4c18;
	background: #333 url(../img/glow-gray.png) center top no-repeat;
}

#portfolioWrapper{
	border-top: 1px dotted #f7f7f7;
	background: #bf4c18 url(../img/glow.png) center top no-repeat;
}

#footerWrapper{
	border-top: 1px dotted #333;
	background: transparent url('../img/preview-orange.gif') -10px -950px no-repeat;
}

#content{
	color: #fff;
	
	width: 780px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	left: 160px;
}

#content a:link,
#content a:visited{
	color: #fff;
	background-color: #444;
	border-bottom: 1px dotted #999;
	padding: 0px /*2px*/;
	text-decoration: none;
}

#content a:hover,
#content a:active{
	background-color: #666;
	border-bottom: 1px dotted #fff;
}

#content p{
	margin-bottom: 15px;
	line-height: 1.2;
	text-shadow: 1px 1px 0px #000;
}

#content p::-moz-selection{
	background: #bf4c18;
}

#content p::selection{
	background: #bf4c18;
}

h2{
	margin: 30px -12px 10px -12px;
	padding: 10px 10px 9px 10px;
	font-size: 36px;
	position: relative;
	z-index: 5;
}

#content h2{
	background: #bf4c18;
	background: rgba(191, 76, 24, 0.9);
	color: #fff;
}

#content h2 span{
	color: #cd9074;
	color: rgba(255, 255, 255, 0.3);
}

#portfolio{	
	width: 780px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	left: 160px;
}

#portfolio h2{
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	color: #333;
}


#content h2:first-child,
#portfolio h2:first-child{
	margin: -30px -12px 10px -12px;
}

#content h3,
#portfolio h3{
	font-size: 14px;
	float: left;
	width: 145px;
	margin-left: -165px;
	text-align: right;
	text-transform: uppercase;
}

#content h3{
	color: #bf4c18;
}

#portfolio h3{
	color: #333;
	margin-top: 2px;
}

.details{
	width: 540px;
	margin-right: 20px;
}

#portfolio a:link,
#portfolio a:visited{
	color: #fff;
	/*padding: 2px 4px 0 4px;*/
	padding-top: 2px;
	border-bottom: 1px dotted #fe793c;
	text-decoration: none;
}

#portfolio a:hover,
#portfolio a:active{
	background-color: #fe793c;
	border-bottom: 1px dotted #fff;
}

#portfolio p::-moz-selection{
	background: #fff;
}

#portfolio p::selection{
	background: #fff;
}

#featured{
	width: 300px;
	float: right;
	clear: both;
	margin-right: 80px;
}

#featured img{
	display: block;
	width: 300px;
	height: 91px;
	background: #ccc;	
	box-shadow: 0px 0px 16px #f08452;
	-moz-box-shadow: 0px 0px 16px #f0c2ad;	
	-webkit-box-shadow: 0px 0px 16px #f08452;
}

#featured a:link img,
#featured a:visited img{
/*	border-width: 1px 1px 0 1px;
	border-style: dotted;
	border-color: #fe793c;*/
}

#featured a:hover img,
#featured a:active img{
/*	border-color: #fff;	*/
}

#featured a:link,
#featured a:visited{
	display: block;
	border-bottom: none;
	background-color: transparent;
	padding: 0;
}

#featured a:link h4,
#featured a:visited h4{
	font-size: 24px;
	color: #333;
	margin: /*-15px -10px*/ 0 -10px;
	padding: 5px 10px;
	background: #333;
	background: rgba(51, 51, 51, 0.9);
	color: #fe793c;
	position: relative;
	z-index: 1;
}

#featured a p{
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin-top: 0;
	color: #333;
	padding: 2px 5px;
	text-transform: uppercase;
	font-weight: bold;
}

#featured p{
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.2;
	color: #f7f7f7;
}

#featured p a:link,
#featured p a:visited{
	display: inline;
	border-bottom: 1px dotted #fe793c;
	text-decoration: none;
}

#featured p a:hover,
#featured p a:active{
	background-color: #fe793c;
	border-bottom: 1px dotted #fff;
}

#featured a:hover h4,
#featured a:active h4{
	color: #333;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
}

#footer{
	/*min-height: 200px;
	display: inline;
	clear: both;
	float: left;
	width: 780px;*/
	
	width: 780px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	left: 160px;
}

#footer a:link,
#footer a:visited{
	padding-top: 2px;
	border-bottom: 1px dotted #fe793c;
	text-decoration: none;
	color: #555;
}

#footer a:hover,
#footer a:active{
	background-color: #fe793c;
	color: #fff;
}

#content a.demoButton:link,
#content a.demoButton:visited{
	display: block; 
	width: 210px; 
	margin: 15px 0 0 10px; 
	padding: 5px 5px; 
	color: #bf4c18;
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	position: absolute; 
	right: 0;
	font-size: 18px;
}

#content a.demoButton:hover,
#content a.demoButton:active{
	color: #fff;
	background: #bf4c18;
}