@charset "UTF-8";
/* CSS Document */
body{
padding:0;
margin:0;
background-color:#1B1B1B;
background-repeat:repeat-x;
font-family:Helvetica, Tahoma, Arial, sans-serif;
font-size:12px;
color:#FFF;
}
#header{
padding:0 5px 0 5px;
background-image: url(../img/hdr_bg.jpg);
background-repeat: repeat-x;
background-position-y: bottom;
font:11px Tahoma, Geneva, sans-serif;
}
#wrapper{
width:930px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
/*border:1px solid #111;*/
}
#bdy{
width:930px; height: 450px;
background-color: #CCC;
padding:10px;
}
#bdy.inner{
background-color: #999;
}
#bdy.inner2{
background-color: #FFF;
}
#bdy .inner .col{
width:910px; height: 430px;
background-color: #FFF;
color:#333;
padding:10px;
}
#bdy .inner .col1{
width:610px;
float: left;
}
#bdy .inner .col2{
width:315px;
float:right;
margin-right: 5px;
}
.inner .col2 . leftBdy{
width:610px;
}
.leftBdy .top{
padding-left: 5px;
margin: 5px;
height:275px;
background-color: #898989;
}
.leftBdy .btm{
height:175px;
background-color: #FFF;
}
.lnkColor{
color:#FFF; font-size: 16px;
text-decoration: none;	
}
.col .galleryMenu{
/*height: 30px;*/
padding-bottom:30px;
}
.col .galleryMenu a.home{
font-size: 16px; color:#000;
padding-left:5px; text-decoration: none;
}
.col .galleryMenu a{
font-size: 16px; color:#91B9DF;
padding-left: 20px; text-decoration: none;
}
.col .galleryMenu a:hover{
text-decoration: underline;
}
.col .galleryHdr{
font:24px Tahoma, Geneva, sans-serif;
padding-bottom: 15px;
}
.col .galleryHdr br{
padding:0; margin: 0;
}
.col .galleryHdr span{
font:12px Tahoma, Geneva, sans-serif;
padding:0; margin: 0;
}
.col .galleryImg{
padding-left:10px;
}
.col .galleryImg img{
padding-right:15px;
padding-bottom: 5px;
}


/*------------Rotator Ends--------------------*/

/*-------------Form Styles---------------*/
#contact-form table td{
padding:5px;
}
label{
font-size: 18px;
color: #666666;
font-weight: bold;
}
.error{
color:#FF0000;
}
input, textarea{
font-size: 18px;
border:1px solid #999;
background-color:#666;
margin-top:0px;
}
.folioBox a img{
margin: 0; padding: 0;
}
/*--------------Form Styles Ends------------ */
div.col1 {
	position:relative;
}
/* rotator css */
div.col1 ul, div.col1 ul li {
	margin:0; padding: 0;
	position:absolute;
	list-style: none;
	
}
/* rotator image style */	
div.col1 ul li.show {
	z-index:500;
}
/*------------Rotator Ends--------------------*/

/*-------------Image with caption---------------*/
.boxgrid{  
    width: 610px;  
    height: 450px;  
    /*margin:10px;  */	
    float:left;  
    background:#161613;  
    /*border: solid 2px #8399AF; */ 
    overflow: hidden;  
    position: relative;  
}  
.boxgrid .img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
}  
.boxcaption, .boxcaption2{  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 150px;  
    width: 100%;  
    opacity: .9;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  
    }
    
.caption .boxcaption {  
    top: 350px;  
    left: 0;
    }
.caption .boxcaption2 {  
    top: 400px;  
    left: 0;
    }
.boxcaption h3, .boxcaption2 h3{
padding-left:5px; padding-right: 5px;
margin-bottom:0px;
}
.boxcaption .title, .boxcaption2 .title{
color: #ffab9c;
padding-left:5px; padding-right: 5px;

}
.boxcaption p, .boxcaption2 p{
padding-left:5px; padding-right: 5px;
color:#999;
}
.boxcaption p a, .boxcaption2 p a{
color:#FFF; font-weight: bold;
text-decoration: underline;
}
.socnetIcons td{
padding-left: 15px;
padding-right: 15px;
}
.clientList td{
color: #AAA;
padding:5px;
font-size: 14px;
}

.folioTopics{
padding-left: 5px; padding-right: 5px;
}
div.fancyboxHdr{
font:18px Tahoma, Geneva, sans-serif;
font-size: 60px; color: #AAA;
margin: 0;padding:10px;
/*background-image: url(../img/black_bg.gif);
background-repeat: repeat-x;
background-position-y: top;*/
background-color: #000;
border-bottom:1px solid #333;
}
/*-------------Image with Caption End---------------*/
.txtImg{
padding:5px;
}
/*Universal to all pages --------- Right Menu Section ---------------------*/
#menu {
	width: 320px; 
	height:232px;
	
	margin:0px;
	padding-left:0px;
	font:18px Tahoma, Geneva, sans-serif;
}

#menu li
{
	padding:0px;
	margin:0px;
	border-top:solid 1px #FFF;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}
#menu li a {
  	height: 73px;
  	_height: 60px;
	text-decoration: none;
	margin:0px;
	padding:0px;
	
}	
	
#menu li a:link, #menu li a:visited {
	color: #222;
	display:block;
	background-image: url(../img/up_menu_btn.jpg);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 20px;
	margin:0px;
}

#menu li a:hover
{
	color: #222;
	background-image: url(../img/hover_menu_btn.jpg);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 20px;
	margin:0px;
	
}
	
#home #menu li.home a,
#bio #menu li.bio a,
#contact #menu li.contact a,
#folio #menu li.folio a,
#contact #menu li.contact a,
#clients #menu li.clients a,
#socnet #menu li.socnet a
{
	color: #666;
	background-image: url(../img/on_menu_btn.jpg);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 20px;
	margin:0px;
	
}

#menu li a h1 {
	padding-top: 10px; margin: 0px;
	font:18px Tahoma, Geneva, sans-serif;	
}
#menu li a span {
	padding: 0px; margin: 0px;
	font:10px Tahoma, Geneva, sans-serif;
	color:#999;
}
#menu li a img {
	padding:11px 10px 0 0;
	border:0px;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/*Universal to all pages --------- Right Menu Section END ---------------------*/

#footer{
width:940px;
padding-top: 5px; padding-bottom: 10px;
font-size: 10px;
}
#footer a{
color: #FFF;
text-decoration: underline;
}