body{
	background:white url(../img/bg.jpg) center top no-repeat;
	margin:0;
	padding:0;
	font-family:Trebuchet MS,Arial;
	font-size:80%;
}

ul,li,dl,dt,dd{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul,li,dt{
	text-transform:uppercase;
}
img{
	border:none;
}
p{
	margin:0;
	padding:0;
}
h1{
	position:absolute;
	margin:0;
	padding:0;
	text-indent:-999em;
	display:none;
}
h2,h3,h4{
	margin:0;
	padding:0;
	color:#e53b95;
}
a{
	color:#e53b95;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:white;
	text-decoration:none;
	outline:none;
	border-bottom:1px dotted  white;
}

/*::::::::LOGO + MAIN CONTENT + PANEL LEFT + PANEL RIGHT:::::::*/

#main{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	
}
#logo{
	background:url(../img/logo.png) no-repeat!important;
	position:absolute;
	height:120px;
	width:102px;
	top:2px;
	left:50%;
	margin:0 0 0 -51px;
	z-index:1100;
}


.pan_lf{
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -1030px;
	width:1000px;
	background:url(../img/pan_lf_rt.png) right repeat-y;
	z-index:1000;
	height:100%;
}
.pan_rt{
	position:absolute;
	top:0;
	right:50%;
	margin:0 -1030px 0 0;
	width:1000px;
	background:url(../img/pan_lf_rt.png) left repeat-y;
	z-index:1001;
	height:100%;
}


/*::::::NAVIGATION:::::::*/

.nav{
	position:absolute;
	width:170px;
	top:20px;
	left:50%;
	margin-left:-221px;
	z-index:1004;
	text-align:center;
	font-size:14px;
}
.nav li {
	float:right;
	width:170px;
	margin:0 0 6px 0;
}
.nav li a{
	float:right;
	display:block;

	color:#ccc;
	background:#444;
	line-height:24px;
	padding:0 20px 0 20px;
	border:none;

}

.nav li a:hover{
	color:white;
	background:#222;
	border:none;
}
.nav li.active a{
	color:#fff;
	background:#333 url(../img/arr_act.png) center right no-repeat;

}
.nav li.active a:hover{
	color:#fff;
	background:#333 url(../img/arr_act.png) center right no-repeat;
	border:none;
}
.nav_rt li.active a{
	color:#fff;
	background:#333 url(../img/arr_act_rt.png) center left no-repeat;
}
.nav_rt li.active a:hover{
	color:#fff;
	background:#333 url(../img/arr_act_rt.png) center left no-repeat;
	border:none;
}
.cover{
	position:absolute;
	display:none;
	z-index:1300;
	width:170px;
	top:0;
	left:0;
	margin: 0;
	background:black;
	height:405px
}
.nav_rt{
	position:absolute;
	width:119px;
	top:20px;
	left:50%;
	margin-left:51px;
	z-index:1005;
	text-align:center;
	font-size:14px;
}
.nav_rt li {
	float:left;
	width:170px;
	margin:0 0 6px 0;
}
.nav_rt li a{
	float:left;
	display:block;
	color:#ccc;
	background:#444;
	line-height:24px;
	padding:0 20px 0 20px;

}

.nav_rt li a:hover{
	color:white;
	background:#222;
	border:none;
}

/*::::::::::::SUB MENU:::::::::::::*/

.sub_works{
	display:block;
	margin:0;
	color:#ccc;
	line-height:24px;
	border:none;
	padding:0;
	width:170px;
}

.nav_span{
	float:right;
	width:150px;
	cursor:pointer;
	background:#444 url(../img/sub_w.png) center right no-repeat;
	height:24px;
}

.sub_works_m{
	float:right;
	background:#333 url(../img/sub_w_m.png) center right no-repeat;
	display:block;
	width:150px;
	cursor:pointer;
	line-height:24px;
	width:150px;
	height:24px;
}

.sect_works{
	position:relative;
	z-index:1200;
	float:right;
	height:auto;
	margin:0;
	padding:0;
	width:170px;
}
.sect_works li{
	display:block;
	float:left;
	margin:2px 0 0 0;
	padding:0;
	font-size:11px;
	height:20px;
	text-transform:none;
	width:170px;
}
.sect_works li a{
	background: url(../img/arr.png) center right no-repeat;
	display:block;
	float:right;
	height:20px;
	line-height:20px;
	text-align:right;
	margin:0;
	padding:0 16px 0 5px;
	color:#666;
}
.sect_works li a:hover{
	background:#e3dfdf url(../img/arr_h.png) center right no-repeat;
	color:black;
	border:none;
}

.sub_works_rt{
	display:block;
	margin:0;
	color:#ccc;
	line-height:24px;
	border:none;
	padding:0;
	width:170px;
}
.nav_span_rt{
	float:left;
	display:block;
	width:90px;
	cursor:pointer;
	background:#444 url(../img/sub_w_rt.png) center left no-repeat;
	padding:0;
	margin:0;
	height:24px;
}
.sub_works_rt_m{
	float:left;
	display:block;
	width:90px;
	cursor:pointer;
	background:#333 url(../img/sub_w_rt_m.png) center left no-repeat;
	line-height:24px;
	width:90px;
	height:24px;
}

.sect_works_rt{
	position:relative;
	z-index:1200;
	float:left;
	height:auto;
	margin:0;
	padding:0;
	width:170px;
}
.sect_works_rt li{
	display:block;
	float:left;
	margin:2px 0 0 0;
	padding:0;
	font-size:11px;
	height:20px;
	text-transform:none;
	width:170px;
}
.sect_works_rt li a{
	background: url(../img/arr_rt.png) center left no-repeat;
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	text-align:left;
	margin:0;
	padding:0 5px 0 16px;
	color:#666;
}
.sect_works_rt li a:hover{
	background:#e3dfdf url(../img/arr_h_rt.png) center left no-repeat;
	color:black;
	border:none;
}

/*:::::::::::: END SUB MENU:::::::::::::*/

/*::::::::::::SUB MENU:::::::::::::*/

.sub_services{
	display:block;
	margin:0;
	color:#ccc;
	line-height:24px;
	border:none;
	padding:0;
	width:170px;
}

.nav_span1{
	float:right;
	width:150px;
	cursor:pointer;
	background:#444 url(../img/sub_w.png) center right no-repeat;
	height:24px;
}

.sub_services_m{
	float:right;
	background:#333 url(../img/sub_w_m.png) center right no-repeat;
	display:block;
	width:150px;
	cursor:pointer;
	line-height:24px;
	width:150px;
	height:24px;
}

.sect_services{
	position:relative;
	z-index:1200;
	float:right;
	height:auto;
	margin:0;
	padding:0;
	width:170px;
}
.sect_services li{
	display:block;
	float:left;
	margin:2px 0 0 0;
	padding:0;
	font-size:11px;
	height:20px;
	text-transform:none;
	width:170px;
}
.sect_services li a{
	background: url(../img/arr.png) center right no-repeat;
	display:block;
	float:right;
	height:20px;
	line-height:20px;
	text-align:right;
	margin:0;
	padding:0 16px 0 5px;
	color:#666;
}
.sect_services li a:hover{
	background:#e3dfdf url(../img/arr_h.png) center right no-repeat;
	color:black;
	border:none;
}

.sub_services_rt{
	display:block;
	margin:0;
	color:#ccc;
	line-height:24px;
	border:none;
	padding:0;
	width:170px;
}
.nav_span_rt{
	float:left;
	display:block;
	width:90px;
	cursor:pointer;
	background:#444 url(../img/sub_w_rt.png) center left no-repeat;
	padding:0;
	margin:0;
	height:24px;
}
.sub_services_rt_m{
	float:left;
	display:block;
	width:90px;
	cursor:pointer;
	background:#333 url(../img/sub_w_rt_m.png) center left no-repeat;
	line-height:24px;
	width:90px;
	height:24px;
}

.sect_services_rt{
	position:relative;
	z-index:1200;
	float:left;
	height:auto;
	margin:0;
	padding:0;
	width:170px;
}
.sect_services_rt li{
	display:block;
	float:left;
	margin:2px 0 0 0;
	padding:0;
	font-size:11px;
	height:20px;
	text-transform:none;
	width:170px;
}
.sect_services_rt li a{
	background: url(../img/arr_rt.png) center left no-repeat;
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	text-align:left;
	margin:0;
	padding:0 5px 0 16px;
	color:#666;
}
.sect_services_rt li a:hover{
	background:#e3dfdf url(../img/arr_h_rt.png) center left no-repeat;
	color:black;
	border:none;
}

/*:::::::::::: END SUB MENU:::::::::::::*/


/*::::::::CONTENT:::::::*/

.top_box{
	position:absolute;
	top:-55px;
	width:759px;
	height:55px;
	background:url(../img/top_box.png) no-repeat;
	z-index:997;
}
.bottom_box{
	position:relative;
	float:left;
	bottom:-23px;
	width:759px;
	height:23px;
	background:url(../img/bottom_box.png) center bottom no-repeat;
	z-index:998;
}	
.box_content{
	width:759px;
	position:absolute;
	background:url(../img/cen_box.png) repeat-y;
	top:-1000px;
	left:50%;
	margin-left:-380px;
	z-index:999;
	color:white;
}
.high{
	font-weight:700;
	color:#fff;
	font-style:italic;

}
.box_content h3{
	margin:5px 13px 5px 13px;
	padding:2px 0 2px 4px;
	font-weight:normal;
	letter-spacing:2px;
	color:#e53b95;
	font-size:14px;
	text-transform:uppercase;
	border-bottom:1px dotted white;
}
.box_content h4{
	margin:15px 13px 5px 13px;
	padding:2px 0 2px 4px;
	font-weight:normal;
	letter-spacing:2px;
	font-size:13px;
	text-transform:uppercase;
	color:#e53b95;
	border-bottom:1px dotted white;
	border-top:1px dotted white;
}
.box_content h5{
	float:left;
	margin:15px 13px 5px 13px;
	padding:2px 0 2px 4px;
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	color:white;
	width:730px;
	border-bottom:1px dotted white;
	border-top:1px dotted white;
}
.box_content p{
	padding:5px 20px 2px 20px;
}

.box_content  img{
	padding:0;
	border:none;
}
.box_content p  img{
	float:left;
	border:none;
	padding:0 10px 0 0;
}

.loader_page{
	position:absolute;
	height:100px;
	width:100px;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
	background: url(../img/loader.gif)center center no-repeat;
	z-index:1350;
}

.intro_home{
	float:left;
	width:700px;
	margin:0 0 0 20px;
}
.intro_home li {
	float:left;
	position:relative;
	margin:20px -44px 0 0;
}
.intro_home li a{
	border:none;

}
.intro_home li a:hover{
	border:none;
}
.intro_home_rt{
	float:left;
	width:740px;
	margin:0 0 0 20px;
}
.intro_home_rt li {
	float:left;
	position:relative;
	margin:20px -44px 0 0;
}
.intro_home_rt li a{
	border:none;

}
.intro_home_rt li a:hover{
	border:none;
}

.content_skills{
	position:relative;
	float:left;
	width:750px;
	margin:0 0 0 1px;
}
.skills{
	float:left;
	display:block;
	margin:0 5px 0 18px;
	width:225px;
}
.skills dt{
	float:left;
	width:220px;
	display:inline;
	color:#cc0505;
	font-weight:700;
	border-bottom:1px solid black;
	background:url(../img/img_bg.png);
	padding:2px 0 2px 5px;
}
.skills  dd{
	float:left;
	width:220px;
	display:inline;
	margin:0px 0 0 0px;
	padding:2px 0 2px 5px;
	border-top:1px solid #444;
	border-bottom:1px solid black;
	background:url(../img/d_bg.png);
}
.skills  dd:hover{
	background:url(../img/img_bg.png);
}
.skills_sm{
	font-size:10px;
	color:#cc0505;
}
.descr_web{
	float:left;
	display:block;
	margin:10px 5px 0 0px;
	width:235px;
}
.descr_web dt{
	float:left;
	width:230px;
	display:inline;
	color:#cc0505;
	font-weight:700;
	border-bottom:1px solid black;
	background:url(../img/img_bg.png);
	padding:2px 0 2px 5px;
}
.descr_web  dd{
	float:left;
	width:230px;
	display:inline;
	margin:0px 0 0 0px;
	padding:2px 0 2px 5px;
	border-top:1px solid #444;
	border-bottom:1px solid black;
	background:url(../img/d_bg.png);
}
.descr_web  dd a{
	display:block;
	background:url(../img/arr.png) center left no-repeat;
	padding:0 0 0 12px;
}
.descr_web  dd a:hover{
	display:block;
	border:none;
	background:url(../img/arr_act.png) center left no-repeat;
}
.descr_web  dd:hover{
	background:url(../img/img_bg.png);
}
.descr_web_sm{
	font-size:10px;
	color:#cc0505;
}
.intro{
	font-size:14px;
	font-style:italic;
	font-weight:normal;
}

.img{
	float:left;
	margin:5px 5px 0px 0px;
	border:2px solid white;
}
.top_box h2{
	padding:20px 0 5px 20px;
	font-weight:normal;
	letter-spacing:2px;
	font-size:20px;
	text-transform:uppercase;
	color:black;
}


.close_btn{
	position:absolute;
	top:-57px;
	right:-1px;
	height:35px;
	width:35px;
	background:url(../img/close_btn3.png) no-repeat;
	cursor:pointer;
	z-index:1003;
}

/*::::::END CONTENT:::::::*/

#loading{
	visibility:hidden;
}

/*::::::FOOTER:::::::*/

.footer_lf{
	position:absolute;
	bottom:0;
	margin:0 0 0 5px;
	padding:0 0 0 5px;
	color:#ccc;
	left:0;
	font-size:11px;
	height:20px;
	z-index:1210;
}
.footer_rt{
	position:absolute;
	bottom:0;
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	color:#ccc;
	right:0;
	font-size:11px;
	height:20px;
	z-index:1210;
	
}

/*::::::IE6 SUCKS:::::::*/

.ie6{
	position:absolute;
	width:100%;
	background:black;
	z-index:2000;
}
.ie6 h3{
	color:#e53b95;
	font-size:20px;
	text-align:center;
	margin:30px 0 0 0;
}

.restyled{
	position:absolute;
	top:0;
	left:0;
	height:11px;
	width:100px;
	margin: 5px 0 0 5px;
	display:block;
	z-index:1600;
	color:#ccc;
	font-size:10px;
	text-transform:uppercase;
}


/*::::::CONTACT FORM:::*/

#wrapper {
	width:730px; 
	float:left; 
	margin:20px 0 0 30px;
}
.contact {
	text-align:left;
	width:350px; 
	float:left;
}
.contact ul {
	width:350px; 
}
.contact li {
	margin:0; 
	padding:0; 
	text-transform:none;
}
.contact li.special {
	display:none;
}
.contact legend {
	border:none; 
	text-transform:uppercase;
	color:white;
}
.contact fieldset {
	border:1px solid black; 
	margin:0; 
	padding:8px;
}
.input { 
	padding:3px 0 3px 3px; 
	width:320px; 
	background:url(../img/d_bg.png); 
	border:none;
	border-top:1px solid #444; 
	border-bottom:1px solid black; 
	color:white; 
	font-family:Trebuchet MS,Arial; 
	font-size:12px;
}
.textarea {
	padding:3px 0 3px 3px; 
	width:320px; 
	margin:0px 0 0px 0; 
	height:100px; 
	background:url(../img/d_bg.png); 
	border:none;
	border-top:1px solid #444; 
	border-bottom:1px solid black; 
	color:white;
	font-family:Trebuchet MS,Arial; 
	font-size:12px;
}
#load_img {
	display: none;
	line-height: 26px;
}

.error {
	border:1px solid red; 
}
#result{
	float:left;
	margin:0 0 0 10px;
}
.fail {
	color: red;

}

.success {
	color: #fff;

}
.contact_rt {
	text-align:left;
	width:350px; 
	float:left;
}
.contact_rt ul { 
	margin:10px 0 0 30px; 
	width:300px;
}
.contact_rt li { 
	margin:0; 
	padding:2px;
	background:url(../img/d_bg.png); 
	border:none;border-top:1px solid #444; 
	border-bottom:1px solid black;
	text-transform:none;
}
.contact_rt li:hover { 
	background:url(img_bg.png);
}
.contact_rt span{ 
	text-transform:uppercase;
}
.submit { 
	padding:3px 0 3px 3px; 
	width:360px; 
	background:url(../img/d_bg.png); 
	border:none;
	border-top:1px solid #444; 
	border-bottom:1px solid black; 
	color:white; 
	font-family:Trebuchet MS,Arial; 
	font-size:12px;
}
.reset { 
	background:url(../img/img_bg.png); 
	border:none;
	border-bottom:1px solid black;
	font-family:Trebuchet MS,Arial; 
}
.clear{clear:both;}

.recognition{

	text-align:right;
}
.recognition span{
	background:#333;
	color:white;
	position:absolute;
	top:-3px;
	padding:3px 4px 1px 4px;
	font-size:11px;
	right:5px;
	z-index:2001;
	cursor:pointer;
}
.recognition span:hover{
	background:#222;
	color:#cc0505;
}
.recognition ul{
	display:block;
	position:absolute;
	z-index:2000;
	top:20px;
	right:10px;
	display:none;
}
.recognition li{
	text-transform:none;
	font-size:11px;
		margin:4px 0 4px 0;
}
.recognition li a{
	color:#666;
	background:white;
	padding:1px 4px 1px 4px;


}
.recognition li a:hover{
	color:#333;
	background:#e3dfdf;
}