body {
	font:12px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#3A2C1D;
	background:#18130D;
	text-align:center;
	margin:0px;
	padding:0px 0 0 0;
	line-height:100%;	
}

div#main{
	text-align:left;
	width:999px;
	margin:0 auto;
	line-height:150%;
	background:#030303;
	color:#E0DCC5;
}

a:link, a:visited{
	color:#CC6600;
	text-decoration:none;
}

a:hover{
	color:#99815E;
	text-decoration:underline;
}

p{
	line-height:150%;
}

address{
	font-style:normal;
}

acronym {
	border-bottom:1px dotted;
	cursor:help;
}

/************************************************************
*						MAIN::HEADER	
*************************************************************/ 
div#header{
	height:129px;
	background:transparent url(../images/header_bg.jpg) no-repeat scroll 0 0;
	position:relative;
	z-index:15;
}

div#logo{
	display:block;
	width:480px;
	height:70px;
	position:absolute;
	top:25px;
	left:45px;
	text-decoration:none;	
	text-indent:-4500px;
}

div#logo a{
	display:block;
	width:480px;
	height:70px;
}

div#logo h1{
	font:bold 18px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#ff8e32;
	margin:0px;
	padding:0px;
	line-height:100%;	
	text-align:left;
}



div#logo h2{
	font:11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#313246;
	margin:0 2px 0 0;
	padding:0px;
	text-align:left;	
	line-height:100%;
}

div#about{
	position:absolute;
	width:270px;
	top:120px;
	left:85px;	
	font:15px Arial, Helvetica, sans-serif;
	color:#333;
	z-index:100;
}

div#about h2{
	margin:15px 0 0 -15px;
	padding:0 0 9px 0;
	background:transparent url(../images/h2_hello_bg.jpg) no-repeat scroll 0 0;
}

div#about p{
	line-height:130%;
	padding:0px 0 0 0;
	margin:0px;
}

div#about h2{
	text-indent:-4500px;
}




div#about a#about_link{
	position:absolute;
	bottom:-20px;
	right:35px;
	height:30px;
	width:65px;
	display:block;
}


/* ------------------ HEADER::MAIN_NAV ----------------------- */
ul#main_nav{
	position:absolute;
	top:70px;
	right:62px;	
	margin:0px 0 0 0;
	padding:0px;
	list-style-type:none;	
}

ul#main_nav li{
	display:inline;
	font:normal 19px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#997f5A;
	background:transparent url(../images/main_nav_li_bg.jpg) scroll no-repeat 0 0;
}

ul#main_nav li:first-child{
	background-image:none;
}


ul#main_nav li a,ul#main_nav li a:link, ul#main_nav li a:visited{
	font:normal 19px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#997f5a;
	text-decoration:none;
	margin:0 10px;
}

ul#main_nav li a:link, ul#main_nav li a:visited{
	color:#997f5a;
	text-decoration:none;
}

ul#main_nav li a:hover{
	color:#ff9900;
	text-decoration:none;
}

ul#main_nav li a#selected_page{
	color:#ff9900;
	text-decoration:none;
}



/************************************************************
*						MAIN::MAIN CONTENT	
*************************************************************/

div#main_content{
	min-height:493px;
	position:relative;
	z-index:0;
	padding:0px;
	background:#030303 url(../images/main_content_bg.jpg) scroll repeat-x 0 0;
	color:#E0DCC5;
}



/************************************************************
*						MAIN CONTENT::SIDE CONTENT	
*************************************************************/
div#side_content{
	float:left;
	width:332px;
	padding:0 0 0px 43px;
	z-index:10;
	position:relative;
}

div#services{
	padding:145px 15px 0 27px;
	line-height:135%;
}

div#services h2{
	margin:0 0 10px 0;
	padding:0px;
	font:bold 16px Arial, Helvetica,sans-serif;
	color:#3A2C1D;
}

div#services dl{
	margin:0 0 0 15px;
	padding:0px;
}

div#services dl dt{
	margin:0px;
	padding:0px;
	font:bold 12px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#000;
}

div#services dl dt a.view_related_projects:link,
div#services dl dt a.view_related_projects:visited,
div#services dl dt a.view_related_projects:hover,
div#services dl dt a.view_related_projects:active{
	text-decoration:none;
}

div#services dl dt a.view_related_projects img{
	vertical-align:middle;
	border:none;
}

div#services dl dd{
	margin:0 0 10px 0;
	padding:0px;
	color:#3A2C1D;
}

div#services dl dd em{
	font-size:11px;
	color:#666;
}

div#services dl dd em a{
	font-weight:bold;
}

div#services dl dd ul{
	margin:0 0 0 15px;
	padding:0px;	
}

div#services a.more{
	font:bold 12px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing:1px;
	display:block;
	background:#D3D78B;
	padding:3px;
	margin-left:15px;
	width:85px;
}

div#services a.more:link, div#services a.more:visited{
	color:#000;
	text-decoration:none;
}

div#services a.more:hover{
	color:#69553C;
	text-decoration:none;
}


/************************************************************
*						MAIN CONTENT::CENTRAL CONTENT	
*************************************************************/
div#central_content{
	float:left;
	width:580px;
	margin:0 15px 0 10px;
	padding:0px 0 0 7px;
}

div#central_content h1{
	margin:7px 0 0 -8px;
	padding:0px;
	color:#E1DCC6;
	font:normal 20px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	background:transparent url(../images/h1_featured_bg.jpg) no-repeat scroll 0 0;
	text-indent:-4500px;
	height:29px;
}

div#central_content em#featured_project_title{
	font:normal 20px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin:-26px 0 0 225px;
	display:block;	
	font-style:normal;
	float:left;
	width:250px;
}

div#featured_project_pics a, div#featured_project_pics a:link, div#featured_project_pics a:visited, div#featured_project_pics a:hover{
	text-decoration:none;
}

div#featured_project_pics img#project_img{
	position:relative;
	top:21px;
	left:12px;
	border:none;
}

dl#tags{
	margin:0px;
	padding:6px 0 0 24px;
	line-height:125%;
}

dl#tags dt{
	float:left;
	width:90px;
	display:block;
	margin:0px;
	padding:0px;
	font:bold 12px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#281D13;
}

dl#tags dd{
	float:left;
	width:300px;
	margin:-1px 0 1px 0;
	padding:0px;
	color:#271D13;
}

dl#tags ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

dl#tags ul li{
	display:inline;
	font:normal 11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#271D13;
}

dl#tags dd a:link, dl#tags dd a:visited{
	font:normal 11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#271D13;
}

dl#tags dd a:hover{
	font:normal 11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#765D3F;
}



dl#services_provided{
	margin:50px 0 0 0;
	padding:8px 0 0 24px;
	line-height:125%;
}

dl#services_provided dt{
	float:left;
	width:250px;
	display:block;
	margin:0px;
	padding:0 27px 0 0;
	font:normal 15px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#FF9900;
}

dl#services_provided dd{
	float:left;
	width:275px;
	margin:0px;
	padding:0px;
}

dl#services_provided ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

dl#services_provided ul li{
	font:normal 11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#8D8371;
}







/************************************************************
*						MAIN::FOOTER	
*************************************************************/
div#footer{
	height:230px;
	padding:0px 0px 0 0;
	background:transparent url(../images/footer_bg.jpg) no-repeat scroll 0px 0;	
	color:#666;
	line-height:150%;
	position:relative;
}

div#footer p#copyright{
	margin:0px;
	padding:200px 0 0 0;
	color:#666;	
	text-align:center;
}

/* ---------------------- CONTACT ------------------------*/
div#contact{
	position:absolute;
	bottom:20px;
	left:75px;
	width:270px;
	height:180px;
	text-align:left;
}

div#contact h2{
	color:#ff9900;
	font:bold 18px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin:0 0 1px 0;
	padding:0px;
	background:transparent url(../images/h2_questions_bg.jpg) no-repeat scroll 0 0;
	text-indent:-4500px;
}

div#contact h3{
	color:#E0DCC5;
	font:normal 14px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin:0 0 5px 3px;
	padding:0px;
}

div#contact p{
	color:#99815E;
	font:normal 12px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	padding:0 0 0 20px;
	margin:0px;
}

/* ---------------------- PERSONAL PROJECTS ------------------------*/
div#personal_projects{
	position:absolute;
	bottom:25px;
	left:395px;
	width:270px;
	height:180px;
	text-align:left;
}

div#personal_projects h2{
	color:#ff9900;
	font:bold 18px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin:0 0 10px 0;
	padding:0px;
	background:transparent url(../images/h2_personal_projects_bg.jpg) no-repeat scroll -5px 0;
	text-indent:-4500px;
}

div#personal_projects dl{
	margin:0px;
	padding:0px;
}

div#personal_projects dl dt{
	color:#99805E;
	margin:0px;
	padding:0px;
	font:bold 13px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
}


div#personal_projects dl dd{
	color:#DFDCC5;
	margin:0px;
	padding:0px;
}

div#personal_projects dl dd p{
	margin:0px;
	padding:0px;
}

/* ---------------------- DEMO PROJECTS ------------------------*/
div#demo_projects{
	position:absolute;
	bottom:25px;
	right:35px;
	width:270px;
	height:180px;
	padding-left:5px;
	text-align:left;
}

div#demo_projects h2{
	color:#ff9900;
	font:bold 18px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin:0 0 10px 0;
	padding:0px;
	background:transparent url(../images/h2_demo_projects_bg.jpg) no-repeat scroll 0 0;
	text-indent:-4500px;
}

div#demo_projects dl{
	margin:0 0 0 0px;
	padding:0px;
}

div#demo_projects dl dt{
	color:#99805E;
	margin:0px;
	padding:0px;
	font:bold 13px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
}


div#demo_projects dl dd{
	color:#DFDCC5;
	margin:0px;
	padding:0px;
}

div#demo_projects dl dd p{
	margin:0px;
	padding:0px;
}

div#footer a.more{
	font:bold 12px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#footer a.more:link,div#footer a.more:visited{
	text-decoration:none;
	color:#D2D78B;
}

div#footer a.more:hover{
	text-decoration:none;
	color:#ff9900;
}



/* ---------------------- hack -------------------- */
.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 
.clearfix {display:inline-block;} 
* html .clearfix{height:1px}

/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */