html { height:100%;}
body { height:100%;
	text-align:center;
	padding:0; margin:0;
	background-color:#FFFFFF;
	color:#000000; font-size:12px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}

div{ margin: 0; padding:0;}
a img {border: 0;}

table{border-collapse:collapse;}
td { text-align: left; vertical-align: top;	padding: 0;}

form, fieldset {margin:0; padding:0; border:none;}

p {margin:0; padding: 0;}

a { color:#0682C5; text-decoration:underline;}
a:hover { text-decoration:none; }

.ta_justify {text-align: justify;}
.ta_left {text-align: left;}
.ta_right {text-align: right;}
.ta_center {text-align: center;}

.fl_left { float:left;}
.fl_right { float:right;}

.w100 {width: 100%;}
.h100 {height: 100%;}

div.clear {
    border: 0;
    clear: both;
    display: block;
    float: none;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
	font-size:0px;
     }

.fotol {float:left;}
.fotol img {display:block; margin: 0 10px 5px 0;}

.fotor {float:right; text-align:center;}
.fotor img {display:block; margin: 0 0 20px 145px;}

#site {
	margin: 0 auto;
	padding:0;
	text-align:left;
	width:964px;
	position:relative;
	}

#tooltip { font: 11px tahoma; color: #333333; border: #dfdfdf 1px solid; padding: 2px 4px  2px 4px; margin: 0px; background: #FFFDEF; visibility: hidden; width: auto; position: absolute; z-index:800; }
	
/*=============================== Header ========================================*/

.header { height:129px; position:relative; padding:0; margin:0; z-index:1;}

.logo { position:absolute; top:26px; left:9px; padding:0; margin:0;}

.but_fast_contact { position:absolute; top:26px; left:335px;}

/*=============================== End Header ========================================*/


/*=============================== Login ========================================*/

.login { text-align:center; margin:100px 0 100px 0;}

.login h1 { padding:0; margin:0;}

.block_login { width:429px; height:355px; padding:0; margin:0 auto;
	background-image:url(../img/bg_block_login.gif); background-repeat:no-repeat; background-position:left top;}
.block_login_pad { padding:36px 0 0 0;}

.login_form { padding:0 0 0 25px; margin:0; text-align:left;}

.login_form label { color:#000000; font-size:14px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}

.login_form input { display:block; width:367px; height:27px; margin:2px 0 15px 0; padding:8px 4px 0 4px; 
	border:1px solid #B3B9C3; background-color:#FFFFFF;
	color:#000000; font-size:16px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}
.login_form input.chk { width:15px; height:15px; float:left; margin:2px 5px 0 0; padding:0; border:none; background:none;}

.login_form .but_login { display:block; float:right; width:74px; height:29px; padding:0; margin:0 45px 0 80px;
	border:none; cursor:pointer; 
	color:#FFFFFF; font-size:18px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(../img/bg_but_login.gif); background-repeat:no-repeat; background-position:left top;}

/*=============================== End Login ========================================*/


/*=============================== Block Online Internal ========================================*/

#block_online { position:absolute; top:100px; left:328px; width:382px; height:382px;
	background-image:url(../img/bg_block_online.png); background-repeat:no-repeat; background-position:left top;}
#block_online .pad { padding:30px 15px 5px 15px;}
#block_online a { text-decoration:none;}
#block_online a:hover { text-decoration:underline;}
#block_online .title { font-size:14px;}

#block_online .online_form .send_marg { margin:20px 0 0 80px;}

/*=============================== End Block Online Internal ========================================*/



/*=============================== Main Menu ========================================*/

.nav_container { position:absolute; top:49px; left:459px;}

#nav { width:477px; height:50px; margin:0; padding:0; list-style:none;}
#nav li { float:left; margin:0; padding:0;}
#nav li a { display:block; height:50px; text-align:center; text-decoration:none;
	color:#000000; font-size:16px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}
#nav li a span { line-height:35px;}
#nav li a:hover { text-decoration:underline;}

#nav .nav1 { width:180px; background-image:url(../img/nav_1.gif); background-repeat:no-repeat; background-position:left top;}	
#nav .nav1:hover, #nav .nav1_act { width:180px; color:#FFFFFF;
	background-image:url(../img/nav_1.gif); background-repeat:no-repeat; background-position:left bottom;}

#nav .nav2 { width:130px; background-image:url(../img/nav_2.gif); background-repeat:no-repeat; background-position:left top;}	
#nav .nav2:hover, #nav .nav2_act { width:130px; color:#FFFFFF;
	background-image:url(../img/nav_2.gif); background-repeat:no-repeat; background-position:left bottom;}

#nav .nav3 { width:167px; color:#EA0159; 
	background-image:url(../img/nav_3.gif); background-repeat:no-repeat; background-position:left top;}	
#nav .nav3:hover, #nav .nav3_act { width:167px; color:#FFFFFF;
	background-image:url(../img/nav_3.gif); background-repeat:no-repeat; background-position:left bottom;}
	
/*=============================== End Main Menu ========================================*/
	

/*=============================== Content ========================================*/

.content { overflow:hidden; zoom:1; padding:0; margin:0;}

.blue { color:#0682C5;}
.pink { color:#EA0159;}

.content p { padding:0 0 15px 0; line-height:18px;}
.content h2 { padding:10px 0 10px 0; margin:0; font-weight:normal;
	color:#0682C5; font-size:18px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}
.content h3 { padding:10px 0 10px 0; margin:0; font-weight:normal;
	color:#EA0159; font-size:18px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}

.content .marg { margin:0 0 0 17px;}


.block_top { width:964px; height:374px; position:relative;
	background-image:url(../img/bg_top_block.gif); background-repeat:no-repeat; background-position:left top;}
.block_top_pad { padding:17px 0 0 17px; overflow:hidden; zoom:1;}
.block_video { float:left; margin:0 27px 0 0;}
.block_video img { display:block;}

.fast_contact { display:block; position:absolute; top:53px; left:640px;}

/*=============================== Block Online Index ========================================*/

.block_manager_contact { float:left; width:349px; height:340px; background-color:#FFFFFF;}
.block_manager_contact .pad { padding:10px 5px 5px 10px;}
.block_manager_contact p { padding:0;}
.block_manager_contact a { text-decoration:none;}
.block_manager_contact a:hover { text-decoration:underline;}
.block_manager_contact .title { font-size:14px;}


.container_contact { overflow:hidden; zoom:1; margin:10px 0 0 0;}

div.avatar { float:left; width:110px; height:110px; margin:0 7px 0 0;
	background-image:url(../img/bg_avatar.gif); background-repeat:no-repeat; background-position:left top;}
div.avatar img { display:block; margin:5px 0 0 5px;}
	
p.icq { line-height:22px; padding:0 0 0 24px; 
	background-image:url(../img/icon_icq.gif); background-repeat:no-repeat; background-position:left center;}
p.skype { line-height:22px; padding:0 0 0 24px; 
	background-image:url(../img/icon_skype.gif); background-repeat:no-repeat; background-position:left center;}
p.jabber { line-height:22px; padding:0 0 0 24px; 
	background-image:url(../img/icon_jabber.gif); background-repeat:no-repeat; background-position:left center;}
p.google { line-height:22px; padding:0 0 0 24px; 
	background-image:url(../img/icon_google.gif); background-repeat:no-repeat; background-position:left center;}
p.phone { line-height:22px; padding:0 0 0 24px; 
	background-image:url(../img/icon_phone.gif); background-repeat:no-repeat; background-position:left center;}
p.email { line-height:22px; padding:0 0 0 24px; 
	background-image:url(../img/icon_email.gif); background-repeat:no-repeat; background-position:left center;}

.online_form { padding:0; margin:0;}

.online_form input { display:block; width:320px; height:23px; margin:2px 0 5px 0; padding:4px 4px 0 4px; border:none; background:none;
	 color:#000000; font-size:12px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}
.online_form input.name { background-image:url(../img/bg_input_name.gif); background-repeat:no-repeat; background-position:left top;}
.online_form input.name_act { background-image:url(../img/bg_input_name.gif); background-repeat:no-repeat; background-position:left bottom;}

.online_form textarea { display:block; width:320px; height:70px; margin:0 0 8px 0; padding:4px 4px 0 4px; 
	border:none; background:none;
	color:#000000; font-size:12px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}
.online_form textarea.message { background-image:url(../img/bg_textarea_message.gif); background-repeat:no-repeat; background-position:left top;}
.online_form textarea.message_act { background-image:url(../img/bg_textarea_message.gif); background-repeat:no-repeat; background-position:left bottom;!important}

.online_form .send { display:block; width:170px; height:25px; padding:0; margin:0 0 0 80px;
	border:none; cursor:pointer; 
	color:#FFFFFF; font-size:12px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(../img/bg_send.gif); background-repeat:no-repeat; background-position:left top;}

/*=============================== Block Online Index ========================================*/


.left_site { width:570px; float:left;}
.left_site_pad { padding:0 0 0 17px;}

p.cost { padding:0 0 5px 0;}
p.cost span { display:block; width:150px; float:left; }


.right_site { width:370px; float:right;}

.block_interesting { width:358px; background-color:#F2F2F2;
	background-image:url(../img/bg_block_interesting.gif); background-repeat:no-repeat; background-position:left top;}
.block_interesting_bottom { padding:15px 20px 15px 20px;
	background-image:url(../img/bg_block_interesting_bottom.gif); background-repeat:no-repeat; background-position:left bottom;}
.block_interesting ul { list-style:none; padding:0; margin:0;}
.block_interesting ul li { padding:4px 0 4px 0; margin:0;}
.block_interesting ul li a { color:#0682C5; font-size:14px;}

.block_pay a { display:block; float:left; padding:0 0 0 21px;}


.container_random_work { width:964px; margin:15px 0 0 0;}
.random_work { padding:0; margin:0;
	background-image:url(../img/bg_random_work.gif); background-repeat:no-repeat; background-position:left top;}
.random_work_bottom { padding:8px 0 23px 32px; margin:0; overflow:hidden; zoom:1; text-align:center;
	background-image:url(../img/bg_random_work_bottom.gif); background-repeat:no-repeat; background-position:left bottom;}
.random_work_bottom img { display:block; float:left; margin:17px 26px 0 0;}

/*=============================== End Content ========================================*/


/*=============================== Footer ========================================*/

.footer { height:100px; margin:0; padding:0;}

.copyright  { float:left; padding:40px 0 0 605px;}

.design { float:left; padding:40px 0 0 35px;}

.logo_design { float:left; padding:27px 0 0 7px;}

/*=============================== End Footer ========================================*/



/*=============================== Portfolio ========================================*/

.container_banner { display:block; float:left; width:426px; height:168px; margin:26px 20px 26px 20px; text-decoration:none;
	background-image:url(../img/bg_container_banner.gif); background-repeat:no-repeat; background-position:left top;}
.container_banner:hover { background-image:url(../img/bg_container_banner.gif); background-repeat:no-repeat; background-position:left bottom;}

.container_banner span { display:block;}
.container_banner img { display:block; margin:9px 21px 0 12px;}
.container_banner span.text { color:#000000; font-size:14px; line-height:18px; padding:9px 20px 10px 0;}


.container_banner_view { display:block; width:907px; height:83px; margin:26px 0 0 23px; text-decoration:none; overflow:hidden; zoom:1;
	 background-image:url(../img/bg_container_banner_view.gif); background-repeat:no-repeat; background-position:left top;}
.container_banner_view:hover { background-image:url(../img/bg_container_banner_view.gif); background-repeat:no-repeat; background-position:left bottom;}

.container_banner_view span { display:block; width:345px; float:left; color:#000000; font-size:14px; margin:13px 0 0 13px; padding:0 13px 0 0;}
.container_banner_view span.size { width:345px; float:right; color:#0682C5; text-align:right;}

/*=============================== End Portfolio ========================================*/


/*=============================== Order Maket Ready ========================================*/

.int_content { text-align:center;}

a.order_maket { font-size:16px;}

.same_form { width:865px; padding:0; margin:20px auto 0 auto; text-align:left;}

.same_form fieldset { padding:0; margin:0;}

.same_form div.container_block { overflow:hidden; zoom:1; padding:0; margin:0;}
.same_form div.container_block div { float:left; width:287px;}

.same_form span { width:33px; float:left; text-align:center; padding:5px 0 0 0;}
.same_form p { padding:0 0 8px 0;}
.same_form p.title { font-size:14px; padding:25px 0 8px 0; font-weight:bold;}

.same_form label { display:block; padding:0; margin:0 0 3px 0;
	color:#000000; font-size:14px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}
.same_form label span { color:#EA0159; padding:0; margin:0;}

.same_form label a { color:#000000; font-size:14px; text-decoration:underline;}
.same_form label.small_text a { color:#000000; font-size:9px; text-decoration:none;}
	
.same_form input { display:block; width:259px; height:22px; margin:0 0 25px 0; padding:5px 4px 0 4px; 
	border:1px solid #AAD4EB; background-color:#F0F9FF;
	color:#000000; font-size:12px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}
.same_form input.inp_long { width:833px;}

.same_form textarea { display:block; width:833px; height:112px; margin:0 0 5px 0; padding:4px 4px 0 4px; 
	border:none; background:none;
	color:#000000; font-size:12px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}

.same_form textarea.format { background-image:url(../img/bg_textarea_format.gif); background-repeat:no-repeat; background-position:left top;}
.same_form textarea.format_act { background-image:url(../img/bg_textarea_format.gif); background-repeat:no-repeat; background-position:left bottom;}

.same_form textarea.descr { height:222px; background-image:url(../img/bg_textarea_descr.gif); background-repeat:no-repeat; background-position:left top;}
.same_form textarea.descr_act { height:222px; background-image:url(../img/bg_textarea_descr.gif); background-repeat:no-repeat; background-position:left bottom;!important}

.but_marg { padding:10px 0 0 315px;}
.but_bg { float:left; margin:0; padding:0 16px 0 0;
	background-image:url(../img/bg_but_right.gif); background-repeat:no-repeat; background-position:right top;}
input.but { display:block; height:30px; width:auto !important; padding:0 0 0 16px; margin:0;
	border:none; cursor:pointer; background:none; 
	color:#FFFFFF; font-size:18px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(../img/bg_but.gif); background-repeat:no-repeat; background-position:left top;}


/*
.same_form .send_order { display:block; width:158px; height:25px; padding:0; margin:30px auto 0 auto; float:none;
	border:none; cursor:pointer; background:none; 
	color:#FFFFFF; font-size:16px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	background-image:url(../img/bg_send_order.gif); background-repeat:no-repeat; background-position:left top;}
*/
	
/*=============================== End Order Maket Ready ========================================*/
/*.ExtraLink{font-size: 75%; color: #eee; }*/
.ExtraLink{left: -3500px; margin-bottom: -2000px; position: absolute;}