body { font-family: arial; font-size: 0.9em;  background: #000000 url('img/bg_body02.jpg') repeat;  color: #999; padding: 0; margin: 0;  }

* html img, div { behavior: url(iepngfix.htc); }

a { outline: none; }
a:link { text-decoration : none; color : #666666; border: 0px;} 
a:active { color : #666666; border: 0px;} 
a:visited { text-decoration : none; color : #666666; border: 0px;} 
a:hover { text-decoration : none; color : #999999; border: 0px;}


img { border: none; }

div { margin: 0; padding: 0; border: none; }

.spacer { clear: both; }
.main { margin: 0 auto 0 auto; padding: 0; width: 900px; }


#header { background: url('img/bg_header03.jpg') repeat-x 0% 100%; height: 155px; }

 
#header h1 { 
	
	padding: 0; 
	margin: 0;
	padding: 0 0 0 232px;
	
}


h3 { font-size: 2.5em; padding: 4px 0 0px 44px; margin: 0; letter-spacing:-2px; font-weight: normal; background: url(img/arrow01.jpg) no-repeat; text-transform: uppercase; }

.color01, .color01 a { color: #6948a1; }
.color02, .color02 a { color: #8b7917; }
.color03, .color03 a { color: #00636f; }
.color04, .color04 a { color: #278624; }

#content { background: #000000; padding: 15px 0 15px 0; }

#divLeft { float: left; width: 600px; }
#divRight { float: left; width: 300px; }

#divLeft .separator { border: none; border-bottom: 1px solid #222; margin: 0 0 10px 0; float: left; width: 568px; }
#divRight .separator { border: none; border-bottom: 1px solid #222; margin: 0 0 10px 0; }

.separatorFolio { border: none; border-bottom: 1px solid #222; margin: 10px 0 0 0; float: left; width: 568px; }

.bigTxt { font-size: 1.9em; line-height: 1.5em; margin: 0; padding: 10px 27px 15px 0; text-align: justify; }

#divWork ul { list-style: none; padding: 0; margin: 0; }
#divWork li { float: left; padding: 0; margin: 0 8px 8px 0; }
#divWork li a { float: left; width: 180px; height: 180px; padding: 0; margin: 0; text-indent: -10000px; background-position: 50% 50%; border: 2px solid #000; }
#divWork li a:hover { border: 2px solid #333; }

#divWork li.emptyFolio a { background: url('img/bg_empty_folio.jpg') repeat; }
#divWork li.emptyFolio a:hover { border: 2px solid #000; }

#urNews { margin: 0 0 10px 0; padding: 0; border: none; border-top: 1px solid #222; list-style: none; }
#urNews li { margin: 0; padding: 0; border: none; border-bottom: 1px solid #222; }
#urNews h5 { font-weight: normal; font-size: 1em; margin: 0; padding: 10px 0 0 0; color: #666; }
#urNews p { font-size: 0.9em;  color: #444; margin: 0; padding: 0 0 10px 0; }
#urNews p.posted { font-size: 0.7em;  color: #222; margin: 0; padding: 0 0 10px 0; }




.folioLeft {  float: left; }
.folioRight { float: left; padding: 0 0 0 8px; margin: 0; }

ul.domtabs { margin: 0; padding: 0; list-style: none; float: left; width: 40px; }
ul.domtabs li { float: left; }
ul.domtabs li a { float: left; width: 33px; height: 33px; padding: 0; margin: 0 0 8px 0; border: 2px solid #999; }
ul.domtabs li a:hover { border: 2px solid #CCC;  }
ul.domtabs li.active a { border: 2px solid #333; cursor: default;  }

#foliosList { margin: 0 0 10px 0; padding: 0; border: none; border-top: 1px solid #222; list-style: none; }
#foliosList li { margin: 0; padding: 10px 0 10px 0; border: none; border-bottom: 1px solid #222; }
#foliosList li a:visited { text-decoration: line-through; }


#contactDiv { float: left; }



#emailsDiv { float: left; }
.upLog { float: left; width: 300px; height: 30px; background: #000; margin: 10px 0 10px 0; padding: 0; }
#contactLog, #log { float: left; height: 18px;  padding: 10px 5px 5px 5px; margin: 0; width: 290px; color: #000;  }
#log { background: #00636f; }
#contactLog { background: #8b7917; }

#contactLog p, #log p {
	padding: 0;
	margin: 0 0 0 20px;
	font-size: 0.8em;
	color: #000;
	float: left;
}

 
#contactLog_res, #log_res {
	overflow: auto;
	padding: 0;
	margin: 0;
	
}
 
#contactLog_res.ajax-loading, #log_res.ajax-loading {
	padding: 0;
	margin: 0;
	background: url(img/spinner.gif) no-repeat 0 0;
}


form label { font-size: 0.8em;  }
form input.txtInput { display: block; border: 1px solid #333; border-bottom: 3px solid #333; width: 288px; background: #999; padding: 5px; font-size: 1.2em; font-family: Arial; }
form p.txtAreaInput textarea { display: block; border: 1px solid #333; border-bottom: 3px solid #333; width: 288px; background: #999; padding: 5px; font-size: 1.2em; font-family: Arial; }
form input.txtInput:hover, form p.txtAreaInput textarea:hover { background: #DFFAFF; border: 1px solid #555; border-bottom: 3px solid #555; }
form input.txtInput:focus, form p.txtAreaInput textarea:focus { background: #DFFAFF; border: 1px solid #555; border-bottom: 3px solid #555; }
.comment { font-size: 0.9em; color: #555; margin: 0 0 10px 0; padding: 0; }

#footer { color: #666; font-size: 0.9em; }
#footer ul { float: right; }
#footer ul li { float: left; margin: 0 0 0 20px; }


/* tips mootools.net */
.tool-tip {
	color: #CCC;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #6948a1;
	padding: 8px 8px 4px;
	background: #000;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #111111;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}