/* MAIN STYLER */

body { margin: 0px auto; text-align: center; background: #1a1c3a url(images/bg.jpg) repeat-x top; }

.clearme {clear: both; }
#page_tag { display: none; }

#wrapper { display: block; margin: 0px auto; width: 780px; background: #1a1c3a url(images/body.jpg) no-repeat top; min-height: 450px; text-align: left; }
#wrapper h1 { height: 150px; margin: 0px; display: block; clear: both; width: 780px; text-indent: -9999px; }

#wrapper #menu {width: 780px; clear: both; height: 30px; }
#wrapper #menu ul {	display: block; clear: both; width: 680px; list-style: none; margin: 0px 0px 0px 100px; height: 30px; padding: 0px;}
#wrapper #menu ul li {display: inline; width: 80px; margin: 0px 20px 0px 0px; float: left; height: 30px;}
#wrapper #menu ul li a,#wrapper #menu ul li span {	height: 30px; display: block; clear: both; font: normal normal normal 10px/200% Arial, Helvetica, Sans-serif; color: white; text-decoration: none; text-transform: uppercase; }
#wrapper #menu ul li a:hover, #wrapper #menu ul li span { background: url(images/menu_hover.gif) no-repeat bottom; color: #f36c21; }
 #wrapper #menu ul li span { background: url(images/span.gif) no-repeat bottom; color: #f36c21;}

 #wrapper #contents { display: block; clear: both;  }
 
#wrapper #contents.text { width: 580px; margin: 20px 100px 0px 100px; padding: 0px;  }
#wrapper #contents.text h2 { 	color: #f36c21; font: normal normal bold 24px/120% Georgia,"Times New Roman", Times, serif; margin: 0px; padding: 0px; }
#wrapper #contents.text h3 { 	color: #f36c21; font: normal normal bold 16px/120% Georgia,"Times New Roman", Times, serif; margin: 0px; padding: 0px; }
#wrapper #contents.text p { color: White; font: Normal normal normal 12px/120% Arial, Helvetica, Sans-serif; clear: both;}
#wrapper #contents.text p a { color: #f97c12; text-decoration: none; }
#wrapper #contents.text p a:hover { text-decoration: underline; }
#wrapper #contents.text p.sub-header { font-size: 10px; font-style: italic;}

#wrapper #contents.text form fieldset { border: none; padding: 10px; }
#wrapper #contents.text form fieldset legend { color: #f36c21; font: normal normal bold 24px/120% Georgia,"Times New Roman", Times, serif; padding: 10px; }
#wrapper #contents.text form label {  font: normal normal normal 12px/120% Arial, Helvetica, sans-serif; display: block; padding: 0px; float: left; clear: none; height: 16px; color: White; text-align: right; width: 220px; margin: 5px; }
#wrapper #contents.text form input, #wrapper #contents.text form textarea {  text-align: left; font: normal normal normal 12px/100% Arial, Helvetica, sans-serif; display: block; padding: 0px; float: left; clear: right; height: 16px; color: black; width: 220px; margin: 5px; border: 1px solid #1990b8;}
#wrapper #contents.text form textarea { height: 180px;}
#wrapper #contents.text form input.send {background:transparent url(images/send.png); border: none; text-indent: -9999px; width: 80px; }
#wrapper #contents.text form p { clear: both; width: 460px; margin: 10px; font-style: italic; }

.error { border: 2px solid red; padding: 10px; color: red; background-color: #ffc8c8;font: normal normal bold 12px/120% Arial, Helvetica, sans-serif;  }
.ok {border: 2px solid green; padding: 10px; color: green; background-color: #9dff9e; font: normal normal bold 12px/120% Arial, Helvetica, sans-serif;  }
.lab-img { float: right; margin: 0px 10px 0px 10px; }

#wrapper #contents.portfolio { width: 740px; margin: 20px 20px 0px 20px; padding: 0px;  }
#wrapper #contents.portfolio div.p_el { width: 340px; 	margin: 10px 10px; 	padding: 0px; 	display: block; float: left;}
#wrapper #contents.portfolio div.p_el h2 { color: white; margin: 0px; padding: 0px; font: normal normal bold 14px/120% Georgia,"Times New Roman", Times, serif; }
#wrapper #contents.portfolio div.p_el a { width: 340px; height: 140px; display: block; margin: 0px; float: left;}
#wrapper #contents.portfolio div.p_el a img{ border: none; }
#wrapper #contents.portfolio div.p_el div.desc { 	position: absolute; margin: 0px;  	padding: 5px;  z-index: 1000;  display: block;   width: 328px;  border: 1px solid #CCC;  background-color: #fcfcfc;  color: Black;  font: italic normal normal 10px/120% Verdana, Arial, Helvetica, Sans-serif;  }
#wrapper #contents.portfolio div.p_el a.comment-link {display: block; text-align: right; font: italic normal normal 10px/120% Verdana, Arial, Helvetica, Sans-serif; color: White; background: url(images/comment.gif) no-repeat left; padding: 0px 0px 0px 20px; width: auto; height: 16px; float: right; Clear: both; text-decoration: none;}

#footer {	height: 279px; background: url(images/footer_bg.jpg) repeat-x top; text-align: center; clear: both; margin: 0px; display: block; width: 100%; font: normal normal normal 12px/120% Arial, Helvetica, Sans-serif; }
#footer #inner_footer {	background: url(images/footer.jpg) no-repeat top; margin: 0px auto; width: 1020px; height: 279px; display: block; clear: both; }
#footer #inner_footer #footer_nav { padding: 90px 0px 10px 0px; margin: 0px auto; clear: both; display: block; width: 780px; height: 119px; }
#footer #inner_footer #footer_nav a { color: #f36c21; text-decoration: none; } 
#footer #inner_footer #footer_nav a:hover {  text-decoration: underline; } 
#footer #inner_footer #footer_nav div { width: 360px; padding: 0; margin: 0px 20px 10px 0px; display: block; list-style: none;  float: left; text-align: left; color: white;}

#footer #inner_footer #footer_nav ul { width: 360px; padding: 0; margin: 0px 20px 10px 0px; display: block; list-style: none;  float: left;}
#footer #inner_footer #footer_nav ul.last { margin: 0px 0px 10px 0px;}
#footer #inner_footer #footer_nav ul li{ width: 180px; padding: 0; margin: 5px 0px 0px 0px; display: block; list-style: none; text-align: left;clear: both; }
#footer #inner_footer #footer_nav ul li a { color: #feffa8; text-decoration: none; }
#footer #inner_footer #footer_nav ul li a:hover { color: #feff11; text-decoration: underline; }
#footer #inner_footer #footer_val { margin: 0px auto 0px auto; padding: 10px 10px 30px 10px; width: 760px; height: 20px; clear: both; display: block; color: #8b0000; font: normal normal normal 10px/120% Verdana, Arial, Helvetica, Sans-serif; text-transform: uppercase; }
#footer #inner_footer #footer_val a { color: #8B0000; text-decoration: none; }
#footer #inner_footer #footer_val a:hover { color: #8B0000; text-decoration: underline; }