@charset "utf-8";
/* CSS Document */


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

html, body{
	height:100%;
	background:url(../images/bg_mid.jpg) repeat-y #281102 center top;
	min-width:920px;
}



#Bodytile{
	height:52px;
	background:url(../images/bg_top_tile.jpg) repeat-x;
	margin-bottom:-52px;
}


#BGwrapper{
	min-height:100%;
}



#contentWrap{
	width:920px;
	margin:0 auto;
}


#main{
	overflow:visible;
	padding-bottom:23px;
	
}  /* must be same height as the footer */

/*#slideWrap{
	height:197px;
	position:relative;
	top:22px;
	left:16px;
}*/

#slideContainer{
	margin:0px 0px 0px 78px;
}

#frame{
	width:371px;
	height:197px;
	background:url(../images/image_frame_v2.png);
	margin-top:-193px;
	margin-left:17px;
	position:relative;
	z-index:5;
}


#frame_shadow{
	width:371px;
	height:197px;
	background:url(../images/image_shadow_v3.png);
	margin-top:-196px;
	margin-left:16px;
	position:relative;
	z-index:3;
}






#footer{
	background:url(../images/bg_footer_tile.jpg) repeat-x;
	position:relative;
	margin-top:-23px; /* negative value of footer height */
	height:23px;
	clear:both;
	text-align:right;

} 

#footerHolder{
	width:920px;
	margin:0 auto;
	
}

.footertext{
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;	
	color:#b08f80;
	padding-top:-18px;
	display:inline;
}

#footerHolder img{
	padding:4px;
	border:none;
}

#footerThumbs{
	float:right;
	padding-top:2px;
}

#footerText{
	display:inline;
	float:right;
	padding-left:11px;
	padding-top:3px;
}








#slideWrap{
	margin:0 auto;
	width:1351px;
	height:215px;
	position:relative;
	z-index:10;

}








#nav{
	width:430px;
	height:85px;
	float:right;
	position:relative;
}

#nav li {
    list-style:none;
    display:inline;
	float:left;
	padding:12px 10px 30px 10px;

}


.nav p{
	font-family:Verdana, Geneva, sans-serif;
	font-variant:small-caps;
	font-size:16px;
	color:#b08f80;
}

.nav a{
	font-family:Verdana, Geneva, sans-serif;
	font-variant:small-caps;
	font-size:16px;
	color:#b08f80;
	text-decoration:none;
	padding:10px 20px 20px 20px;
}

.nav a:hover{
	color:#dfc7b3;	
}

.strong{
	font-family:Verdana, Geneva, sans-serif;
	font-variant:small-caps;
	font-size:16px;
	color:#dfc7b3;	
	padding:0px 20px 50px 20px;
}


.lavaLampWithImage {
	position: relative;
	width:430px;
	height:85px;
	overflow: hidden;
}
		.lavaLampWithImage li {
			float: left;
			list-style: none;
		}
			.lavaLampWithImage li.back {
				background:url("../images/nav_arrow.png") no-repeat top center; 
				height:85px;
				z-index:8;
				position:absolute;
				visibility:hidden;
			}
				.lavaLampWithImage li.back .left {
					background: url("../images/nav_arrow.png") no-repeat top center;
					margin-right: 31px; /* 7px is the width of the rounded shape */
					margin-left:11px;
					margin-top:34px;
					height:85px;
					visibility:visible;
					
				}
				.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
					border: none;
				}









br{
	margin-top:16px;	
}




#logo{
	width:220px;
	height:74px;
	clear:both;
}

#logo a img{
	border:none;
}


#line{
	border-bottom:1px solid #382219;  
	margin-top:-25px;
	margin-left:50px;
}


#content{
	margin-top:28px;
}

#contentL{
	float:left;
	width:370px;
	padding:34px 0 20px 60px;
}

#intro{
	width:270px;	
	padding-top:6px;
}

#section{
	text-align:right;
	float:right;
}

#section h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:24px;
	font-weight:normal;
	color:#dfc7b3;
	border-bottom:6px #392217 solid;
	padding-right:6px;
	padding-left:3px;
	padding-bottom:2px;
}


#contentR{
	float:right;
	width:460px;
	margin:50px 0px;
}


h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	font-weight:normal;
	color:#dfc7b3;
	line-height:21px;
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
	font-weight:normal;
	color:#b08f80;
	line-height:21px;		
}

.h2white{
	color:#dfc7b3;
}

h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:15px;
	font-weight:normal;
	color:#dfc7b3;
	line-height:55px;
	border-bottom:1px solid #392217;
}

h4{
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	font-size:13px;
	font-weight:bold;
	color:#dfc7b3;
	background:url(../images/bullet_arrow.gif) no-repeat 4px;
	padding-left:16px;
	margin-top:7px;
	margin-bottom:-6px;
}

h5{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:13px;
	font-weight:normal;
	color:#b08f80;
	background:url(../images/bullet_arrow.gif) no-repeat 4px;
	padding-left:16px;
	margin-left:3px;
	line-height:27px;
}

h6{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:12px;
	font-weight:normal;
	color:#b08f80;
	background:url(../images/bullet_arrow_small.gif) no-repeat 4px;
	padding-left:16px;
	margin-left:3px;
	line-height:27px;
}


.links a{
	color:  #b08f80;
	display: block;
	font-size: 11px;
	text-decoration: none;
	font-variant:small-caps;
	font-family:Verdana, Geneva, sans-serif;
	padding:8px 6px;
}

.links a:hover{
	color:#dfc7b3;
}


.white{
	color:#ffecd8;
	font-size:22px;
} 

.whiteCOLOR{
	color:#c09f8f;
}

.whiterCOLOR{
	color:#ffecd8;
}

.tan{
	color:#be8c72;	
}

.author{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	font-weight:normal;
	color:#c09f8f;
	line-height:17px;
	text-align:right;
	padding-right:16px;
}

.site{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:10px;
	font-weight:normal;
	color:#dfc7b3;
	line-height:17px;
	text-align:right;
	padding-right:16px;
}


.mainquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	font-weight:normal;
	color:#dfc7b3;
	line-height:21px;
	border-bottom:none;
	margin-left:40px;
}

a{
	color:#dfc7b3;
	text-decoration:none;
}

a:hover{
	color:#ffecd8;
	text-decoration:none;
}





.content{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:13px;
	color:#b08f80;
	padding:8px 5px 3px 5px;
	line-height:19px;
}

.small {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#b08f80;
	line-height:15px;
	padding-left:5px;
}

.small a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#dfc7b3;
	text-decoration:none;
}

.small a:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#dfc7b3;
	border-bottom:1px solid #dfc7b3;
}

.gap{
	margin:0px;
	padding:0px;
}



#ico_xhtml{
	background:url(../images/ico_xhtml.gif) no-repeat;
	width:34px;
	height:13px;
	float:left;
	margin:4px 3px 0px 6px;
}

#ico_css{
	background:url(../images/ico_css.gif) no-repeat;
	width:24px;
	height:13px;
	float:left;
	margin:4px 3px 0px 3px;
}
#ico_js{
	background:url(../images/ico_js.gif) no-repeat;
	width:16px;
	height:13px;
	float:left;
	margin:4px 3px 0px 3px;
}

#ico_php{
	background:url(../images/ico_php.gif) no-repeat;
	width:24px;
	height:13px;
	float:left;
	margin:4px 3px 0px 3px;
}

.ico_text{
	font-family:Tahoma, Geneva, sans-serif;
	font-variant:small-caps;
	letter-spacing:.03em;
	font-weight:bold;
	font-size:10px;
	color:#ffeadd;
	text-align:center;	
}





#contactlinks li{
	list-style-type:none;
}


#contactlinks .fblink a{
	width:16px;
	height:16px;	
	position:relative;	
	background:url(../images/contact_ico_fb.gif) no-repeat top left;
	display:block;
	margin:10px 0 0 6px;	
	padding-left:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
}

#contactlinks .fblink a:hover{
	display:block;
	background:url(../images/contact_ico_fb.gif) no-repeat bottom left;
}

#contactlinks .lilink a{
	position:relative;
	width:16px;
	height:16px; 
	background:url(../images/contact_ico_in.gif) no-repeat;
	display:block;
	margin:12px 0 24px 6px;
	padding-left:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
}

#contactlinks .lilink a:hover{
	display:block;
	background:url(../images/contact_ico_in.gif) no-repeat bottom left;
}






.contact{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:right;
	line-height:26px;
	color:#FFFFFF;
}

#formDiv{
	width:540px;
	padding-top:28px;
}



.formBox input.txt{
	padding:2px;
	width:200px;
}
.formBox textarea{
	padding:0 0 0 4px;
}

 
 
.formBox label{
	display:block;
	font:normal 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#dfc7b3;
	padding-bottom:2px;
}
.formBox span.noerror{
	display:none;
}
.formBox span.error{
	display:inline;
	margin: 0 0 0 5px;
	padding:3px 8px 3px 26px;
	background:url(../images/exclamation.gif) no-repeat 5px center;
	border-top:1px solid #5f1413;
	border-bottom:1px solid #5f1413;
	color:#dfc7b3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
}
.complete{
	display:block;
	margin: 10px 0 0 5px;
	padding:3px 8px 3px 26px;
	background:url(../images/tick.gif) no-repeat 5px center;
	border-top:1px solid #005400;
	border-bottom:1px solid #005400;
	color:#dfc7b3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
}

.error{
	display:inline;
	margin: 0 0 0 5px;
	padding:3px 8px 3px 26px;
	background:url(../images/exclamation.gif) no-repeat 5px center;
	border-top:1px solid #5f1413;
	border-bottom:1px solid #5f1413;
	color:#dfc7b3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
}















.date{
	text-align:right;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#dfc7b3;
	text-decoration:none;
}





			.workTitle{ 	
				color:#dfc7b3;
				display: block;
				line-height:normal;
				border-bottom:1px dashed #392217;
				text-decoration: none;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
				font-size:13px;
				background:url(../images/bullet_arrow.gif) no-repeat 8px 4px;
				padding-left:20px;
				padding-bottom:8px;
				margin-bottom:3px;
				margin-top:10px;

	}


			.boxgrid{ 
				width: 450px; 
				height: 134px; 
				margin:30px 3px 3px 3px; 
				float:left; 
				overflow: hidden; 
				position: relative;
				border-bottom:#392217 solid 5px;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				
			.boxcaption{ 
				position:absolute;
				margin-left:2px;
				background: #271103; 
				height: 100px; 
				width: 446px; 
				opacity: .87; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=87);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity= 87)";			
 			}

 				.caption .boxcaption {
 					top: 100;
 					left: 0;
 				}
				
				.bling{
					color:#ffecd8;

				}

				.work{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
				font-size:11px;
				color:#dfc7b3;
				margin-left:12px;
				line-height:22px;
				/* background:url(../images/external-small_16x16.png) no-repeat 6px ; */
				}