/* CSS Document */
html { overflow: -moz-scrollbars-vertical;}
a {outline: none;}
body{
	background:url(img/background.gif) #1f1f1f; color:#333227; background-position:top center;
	font:11px Verdana, Helvetica, sans-serif;
	padding:0; margin:0;
}
div, p, ul, h1, h2, h3, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.bank{
	line-height:0; font-size:0; clear:both;
	}


/*------------------------main body-------------------------*/
#main_body{
	width:778px;  margin:0 auto 0 auto;  background-color:#030303;
	}
#left_pan{
	width:518px;  padding:20px 10px 20px 20px; color:#666; float:left;
}
#left_pan img{
	margin:10px 0; display:block;border:1px solid #080808;
	}
#left_pan h1{
	margin:0 0 0 0px;display:block;
	font:13px Arial, Helvetica, sans-serif; padding:0px; text-transform:uppercase; color:#CCC
    }
#left_pan h1 span{
		font:13px Arial, Helvetica, sans-serif; padding:0px; text-transform:uppercase; color:#999999
    }
#left_pan h2 {
	margin:0px; display:block;
	font:11px Arial, Helvetica, sans-serif; padding:0px; text-transform:uppercase; color:#999;
	}
#left_pan h3 {
	margin:0px; display:block;
	font:10px Verdana, Arial, Helvetica, sans-serif ; padding:10px 0; color:#ccc; font-weight:bold
	}
#left_pan h4{
	margin:0px; display:block;  color:#DDDDDD;
	font:11px Arial, Helvetica, sans-serif; padding:20px 0px 0px 0px; text-transform:uppercase;  font-weight:bold;; color:#CCCCCC
    }
#left_pan h4 span{	color:#999999; margin:0px; padding:0px; font-weight:normal }
#left_pan .pod_photo {margin:0px 0px 20px 0px;}
#left_pan  a {font:10px Verdana, Arial, Helvetica, sans-serif ;text-transform:uppercase; font-weight:bold; margin-right:20px; color:#006666; text-decoration:none}
#left_pan  a:hover { text-decoration:underline; color:#009999;}
#left_pan  .top a{background-image:url(img/top.gif); background-repeat:no-repeat; background-position: right;  padding-right:11px}
#left_pan  .top a:hover{background-image:url(img/top_ani.gif);}
#left_pan p{
	font:11px Verdana, Arial, Helvetica, sans-serif ; padding:0; text-align:justify; line-height:1.5em;
}
#left_pan .data{
	float:right;
}
#left_pan table.bio td.a_r{ text-align:right}
#left_pan table.bio td{vertical-align:top; padding-right:5px; padding-bottom:3px; padding-top:3px;  border-top:1px dotted #121212}
#left_pan table.bio th{vertical-align:top; text-align:left; font-weight:normal; color:#999;  padding-right:5px; padding-bottom:3px; padding-top:3px;  border-top:1px dotted #121212}
#left_pan table.bio td.n_b, #left_pan table.bio th.n_b{border-top:none}

#list_of_works {margin-top:10px}
#list_of_works img{float:left; margin:0 10px 10px 0}

/*#list_of_works2{margin-top:10px;}
#list_of_works2 .item{float:left;text-align:center; width:160px; height:140px; margin-bottom:5px; }
#list_of_works2 a{ font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:9px;}
#list_of_works2 img{ margin:0 10px 2px 0}*/


#latest_work img{float:left; margin:0 10px 10px 0}
/*-------------------------------right side--------------------*/
#blank_height {display:block; height:200px;}
.right_align {text-align:right}
.adress {margin-top:30px}

#rightPan{
	width:210px; float:left; margin:0; min-height:100px; padding:20px 20px 20px 0; color:#CCCCCC
	}
	#rightPan .menu {padding-top:26px}
#rightPan .menu a{
	font:10px Verdana, Arial, Helvetica, sans-serif ; font-weight:bold; color:#006666; text-decoration:none; display:block; padding:5px; width:200px; margin-bottom:1px; background-color:#111111
	}
#rightPan .menu a:hover{background:url(img/background_h_ani.gif); background-position:left; background-color:#333333; color:#FFFFFF}
#rightPan .menu a.sel{background:url(img/background.gif); background-position:left; background-color:#333333; color:#FFFFFF	}
#rightPan h1 {font:19px Arial, Helvetica, sans-serif; padding:0px; color:#CCCCCC; margin-bottom:15px;}
#rightPan p{	line-height:1.5em;}
#rightPan  a {color:#006666; text-decoration:none; font-weight:bold}
#rightPan  a:hover { text-decoration:underline; color:#009999;}
/*-------------------------------form--------------------*/
#verticalForm {margin:10px 0px;}
#verticalForm {scrollbar-face-color: #1f1f1f; scrollbar-highlight-color:#2a2a2a; scrollbar-shadow-color: #020202; scrollbar-3dlight-color: #1f1f1f; scrollbar-arrow-color: #999999; scrollbar-track-color: #1f1f1f; scrollbar-darkshadow-color: #1f1f1f;}

#verticalForm th {background:url(img/background.gif); background-position:left; }
#verticalForm td {background:url(img/background.gif); background-position:left; }

#verticalForm input
{

	width: 95%;
	border-top:1px solid #020202;
	border-right:1px solid #2a2a2a;
	border-bottom:1px solid #2a2a2a;
	border-left:1px solid #020202;
	background-color:#0d0d0d;
	background-image:url(img/input_gradient.gif); background-position:top; background-repeat:repeat-x;
	font:11px Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;
	padding:5px;
	
}

#verticalForm textarea
{
	display: block;
	width: 95%;
	border-top:1px solid #020202;
	border-right:1px solid #2a2a2a;
	border-bottom:1px solid #2a2a2a;
	border-left:1px solid #020202;
	background-color:#0d0d0d;
	background-image:url(img/input_gradient.gif); background-position:top; background-repeat:repeat-x;
	font:11px Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;
	padding:5px;
}


#verticalForm input.submit 
{
	display: block;
	width:70px;
	border:0px;
	padding:5px;
	margin:0px;
	background:none;
	background-color:#055a66;
	border-top:1px solid #0f7082;
	border-right:1px solid #012a31;
	border-bottom:1px solid #012a31;
	border-left:1px solid #0f7082;
	color:#ccffff;
	font-weight:bold;
}
#verticalForm input.submit_to_designer
{
	display: block;
	width:100%;
	border:0px;
	padding:5px;
	margin:0px;
	background:none;
	background-color:#055a66;
	border-top:1px solid #0f7082;
	border-right:1px solid #012a31;
	border-bottom:1px solid #012a31;
	border-left:1px solid #0f7082;
	color:#ccffff;
	font-weight:bold;
}
#verticalForm  .alert {font-size:9px; background:none; background-color:none; vertical-align:top}
/*---------------------------footer-------------------*/

#footer{
	width:738px; margin:0px auto 20px auto;  font:10px Verdana, Arial, Helvetica, sans-serif; color:#999999; text-align:center; padding-bottom:10px}
#footer .copyright {float:left; padding-top:10px}
#footer .design {float:right;padding-top:10px}
#footer .design a {color:#2a2a2a;  text-decoration:none}
#footer .design a:hover { color:#666; text-decoration:underline}
#footer .footer_menu {padding:10px}
#footer .footer_menu a{ padding:10px 10px; color:#FFFFFF; font-weight:bold; text-decoration:none }
#footer .footer_menu a:hover{ background:url(img/footer_m.gif) repeat-x 0px -5px} 
#footer .footer_menu a.sel{ background:url(img/footer_m_sel.gif) repeat-x 0px -5px;  padding:10px 10px; color:#FFFFFF; font-weight:bold; text-decoration:none }
#footer .footer_menu a:hover.sel{ background:url(img/footer_m.gif) repeat-x 0px -5px} 
/*border-top:10px solid #FFF  background:url(img/footer_m.gif) repeat-x 20px 40px; */

#top {width:750px; margin:0px auto 0px auto; padding:10px 0 0 0 }
#top .wu{float:left}
#top .top_menu{float:right}
#top .top_menu a{padding-left:10px; display:block; float:left}
#top .top_menu span{padding-left:10px; display:block; float:left}

.video {margin:10px 0;}
.alert {color:#cc9933; font-weight:bold;}