div#main{
	text-align:left;
	width:999px;
	margin:0 auto;
	line-height:150%;
	background:#030303 url(../images/main_inner_bg.jpg) scroll repeat-y 0 0;
	color:#E0DCC5;
}

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

div#main_content{
	min-height:649px;
	position:relative;
	z-index:0;
	padding:0px;
	background:transparent url(../images/main_content_inner_bg.jpg) scroll no-repeat 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 "Lucida Sans", "Lucida Grande", Lucida, Verdana, 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 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;
}

/* ---------------------- CONTACT ------------------------*/
div#contact{
	position:absolute;
	top:530px;
	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;
}



/************************************************************
*						MAIN CONTENT::CENTRAL CONTENT	
*************************************************************/
div#central_content{
	float:left;
	width:510px;
	margin:0 35px 0px 10px;
	padding:0px 0px 0 30px;
	color:#333;
	position:relative;
}

div#central_content a:link, div#central_content a:visited{
	color:#CC6600;
	text-decoration:underline;
}

div#central_content a:hover{
	color:#99815E;
	text-decoration:none;
}

h2{
	color:#302418;
	font-size:20px;
	font-weight:normal;
}

h3{
	color:#8F4911;
	font-size:17px;
	font-weight:normal;
}

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

div#central_content h1#about_me{	
	background:transparent url(../images/h1_about_bg.jpg) no-repeat scroll 0 0;
}

div#central_content h1#contact_me{	
	background:transparent url(../images/h1_contact_bg.jpg) no-repeat scroll 0 0;
}

div#central_content h1#project{	
	background:transparent url(../images/h1_project_bg.jpg) no-repeat scroll 0 0;
}

div#central_content h2#project_title{
	font:normal 20px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin:-66px 0px 45px 125px;
	height:25px;
	width:250px;
	color:#E1DCC6;
}


div#central_content ul li em{
	font-weight:bold;
	color:#281D13;
	font-style:normal;
	font-size:12px;
}

div#central_content ul li dl dt{
	font-weight:bold;
	color:#836946;
	font-style:normal;	
	font-size:13px;
}

div#central_content ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#central_content ul li ul{
	margin:0 0 0 35px;
}

div#central_content dl dd ul{
	margin:0px;
}

div#central_content dl dt{
	font-weight:bold;
	color:#836946;
	font-size:13px;
}



div#central_content p#expertise{
	font-size:14px;
	color:#000;
}

div#central_content p#view_demos{
	background-color:#F3F4EE;
	border:1px solid #B4AD93;
	color:#666666;
	display:block;
	font-size:14px;
	padding:7px 20px;
	font-style:italic;
}

div#central_content div#tag_list{
	background-color:#F3F4EE;
	border:1px solid #B4AD93;
	color:#666666;
	display:block;
	font-size:14px;
	padding:7px 20px;
	margin:20px 0 0 0;
}

.floatRight {
float:right;
}

div#tag_list h2{
	margin:0 0 15px 0;
	padding:0px;
}

div#central_content dl.specialties dt{
	font-weight:bold;
	color:#302418;
}

div#central_content dl.specialties dd{
	margin:0px;
	padding:0px;
}

div#central_content dl.specialties dd ul{
	list-style-type:disc;
	margin:0px;
	padding:0 0 0 20px;
}

div#central_content dl.specialties dd ul em.service{		
	color:#8F4911;
	font-weight:normal;
}

/* ---------------------- PROJECT MENU ------------------------*/
ul#projects_menu{
	float:left;
	width:350px;
	margin:-60px 0 0 145px;
	padding:0px;
	list-style-type:none;	
}

ul#projects_menu li{
	float:left;
	width:105px;
	margin-right:20px;
	font:normal 20px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul#projects_menu li a{
background:transparent url(../images/projects_menu_ul_a_bg.jpg) no-repeat scroll -350px 100%;
display:block;
width:105px;
padding-bottom:8px;	
}

ul#projects_menu li a:link, ul#projects_menu li a:visited{
	text-decoration:none;
	color:#C3BDA3
}

ul#projects_menu li a:hover,
ul#projects_menu li a.selected:link, ul#projects_menu li a.selected:visited{
	text-decoration:none;
	color:#DFDCC5;
}

ul#projects_menu li#commercial_projects a:hover, 
ul#projects_menu li#commercial_projects a.selected{
	background:transparent url(../images/projects_menu_ul_a_bg.jpg) no-repeat scroll 0 100%;
}

ul#projects_menu li#demo_projects, ul#projects_menu li#demo_projects a{
	width:52px;
}

ul#projects_menu li#demo_projects a:hover, 
ul#projects_menu li#demo_projects a.selected{
	background:transparent url(../images/projects_menu_ul_a_bg.jpg) no-repeat scroll -130px 100%;
}

ul#projects_menu li#personal_projects a:hover, 
ul#projects_menu li#personal_projects a.selected{
	background:transparent url(../images/projects_menu_ul_a_bg.jpg) no-repeat scroll -210px 100%;
	color:#DFDCC5;
}

p#pagination{
	padding:10px 0;
	text-align:center;
	color:#3F2D1F;
}

p#pagination span{
	margin:0 10px;
	color:#777;
}

ul.tagger{
	list-style-type:none;
	font-size:11px;	
}

ul.tagger li{
	display:inline;
	margin-right:10px;
}


/* ---------------------- PROJECT  ------------------------*/
div.project{
	background:transparent url(../images/project_div_bg.jpg) no-repeat scroll -35px 100%;
	padding:10px 20px 10px 0;
	margin-bottom:15px;
}



div.project div.project_pics{
	float:left;
	width:340px;
	height:237px;
	background:transparent url(../images/project_img_border_bg.jpg) no-repeat scroll 0 0;
	margin:0 10px 20px -14px;	
	position:relative;
}

div.project div.project_pics a{
	text-transform:uppercase;
	position:absolute;
	bottom:5px;
	right:25px;
}

div.project div.project_pics img{
	position:absolute;
	top:20px;
	left:16px;
}

div.project h2{
	margin:0px;
	padding:0px;
	font:normal 20px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#3F2D1F;
}

div.project p.project_short_description{
	font-size:11px;
	color:#666;
	font-weight:normal;
	margin:0 0 5px 0;
	padding:0px;
}

div.project div.project_details{
	float:right;
	width:190px;
}

dl.tags{
	margin:0 0 15px 0;
	padding:8px 0 0 0px;
	line-height:125%;
}

dl.tags dt{	
	margin:0 0 3px 0;
	padding:0px;
	font:bold 12px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#281D13;
}

dl.tags dd{	
	margin:0px;
	padding:0px;
	font:normal 11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
}

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.services_provided{
	margin:0px;
	padding:8px 0 0 0px;
	line-height:125%;
}

dl.services_provided dt{	
	margin:0 0 3px 0;
	padding:0px;
	font:bold 13px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#281D13;
}

dl.services_provided dd{
	margin:0px;
	padding:0px;
}

div#central_content dl.services_provided ul{
	margin:0 0 0 15px;
	padding:0;
	list-style-type:disc;
}

dl.services_provided ul li{	
	font:normal 12px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#271D13;
	padding:0 0 3px 0px;
	margin:0px;
}


div.project_pics_large{
	width:506px;
	height:291px;	
	margin:15px 0px 45px 0px;	
	border:4px solid #DCD7C1;
	background:#fff;
	clear:both;
}

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

a.view_demo{
	display:block;
	width:75px;
	height:25px;
	text-indent:-4500px;
	background:transparent url(../images/view_demo_btn_bg.jpg) no-repeat scroll 0 0;
	margin:10px -25px 10px 0;
	float:right;
	clear:both;
}


a.view_source_code{
	display:block;
	width:75px;
	height:25px;
	text-indent:-4500px;
	background:transparent url(../images/view_code_btn_bg.jpg) no-repeat scroll 0 0;
	margin:-20px 0 10px 0;
	margin:10px -25px 10px 0;
	float:right;
	clear:both;
}




/* ---------------------- FORM ------------------------*/
div#form_wrapper{
	background-color:#F3F4EE;
	border:1px solid #B4AD93;
	color:#666666;
	display:block;
	font-size:14px;
	padding:7px 20px;
	margin:15px 0 15px 0;
	font-style:italic;
}

form label{
	font-style:normal;
	font-weight:bold;
	display:block;
	font-size:12px;
}

form input, form select, form textarea{
	text-align:left;
	width:225px;
	margin:0 0px 5px 0;
	border:1px solid #CDCFC2;	
}

form textarea{	
	width:350px;		
}

form input.submit_btn{
	width:80px;
	float:left;
	margin-left:273px;
	text-align:center;
	clear:both;
	background:#4C3725;
	color:#FF9900;	
	margin-top:7px;
}



p#error_msg{
	display:none;
	padding:5px;
	color:#fafafa;
	font-weight:bold;
	font-style:normal;
	background:#AF0A0A;
	width:340px;
	font-size:12px;
}

/* ----------------------- SLIDE SHOW --------------------- */
div.slideshow { 
		position: relative;
		}
		
		.slideshow img { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		z-index: 10; 
		background: #fff; 
		}
		
		.slideshow img.loading-img{
			top:100px;
			left:225px;
			display:none;
		}
		
		dl.imgBrowse{
			position: absolute; 
			bottom: -45px; 
			left:5px;
			list-style: none; 
			z-index: 20; 
			font:bold 11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
			color:#281D13;
			width:100%;
		}
		
		div#central_content dl.imgBrowse dt{
			float:left;
			width:35%;
			margin:0px;
			padding:0px;
			font:bold 11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
			color:#281D13;
			display:block;
			height:25px;
		}
		
		dl.imgBrowse dd{
			float:right;
			margin:0px;
			padding:0px;
		}
		
		dl.imgBrowse ul { 			
			list-style: none; 
			margin:0px;
			padding:0px;
		}
		
		dl.imgBrowse ul li { display: inline; }
		
		div#central_content dl.imgBrowse ul li a, div#central_content dl.imgBrowse ul li a:visited { 
			display: block; 
			float: left; 
			background: #DCD7C1; 
			padding: 3px 6px; 
			margin-right: 2px; 
			color:#CC6600;
			text-decoration:none; 
			cursor: pointer; 
			font-size:10px;
		}
		
		div#central_content dl.imgBrowse ul li a:hover, div#central_content dl.imgBrowse ul li a:visited:hover { 
			background: #3A2C1D; color:#99815E; 
		}
		
		div#central_content dl.imgBrowse ul li a.current { 
			background: #3A2C1D; 
			color:#99815E; 
		}



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

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




/* ---------------------- 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 */