@import url(../css/reset.css);

html { font-size:0.875em; }
body { font:100% Arial, Helvetica, sans-serif; min-width:960px;}
a {}
a:hover {}

/*header*/
#header { height:272px; background:url(../images/header_topback.png) repeat-x; position:relative; border-bottom:1px solid #c2c2c2;}
#header h1 { position:absolute; left:38px; top:73px; overflow:hidden; width:202px; height:90px; line-height:1em; font-size:2.21em; text-transform:uppercase; z-index:2; }
#header h1 a { text-decoration:none; color:#5d5d5d; cursor:pointer; }
#header h1 span { color:#0676ff; font-size:1.25em; }
#header h1 small { text-transform:none; font-size:0.38em; font-weight:normal; color:#a1a1a1; padding-left:1em; position:absolute; bottom:-0.5em; z-index:2; left:0; }
#header h1 a:hover small { color:#5d5d5d; }
#header h1 .logo { display:block; position:absolute; top:0; left:0; width:198px; height:73px; background:url(../images/logo.png) no-repeat;}

#header .info { float:right; margin:68px 0 0 0; padding-right:8%; font-size:0.85em; font-weight:bold; position:relative; z-index:2; text-align:center; }
#header .info a { color:#81d208; text-decoration:none; margin:0 0.1em; }
#header .info a:hover { color:#0e7aff; text-decoration:underline; }
#header .phone { color:#000; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.9em; }

#header ul { height:78px; background:#f1f1f1 url(../images/header_bottback.png) repeat-x; position:absolute; top:194px; width:100%; left:0; }
#header ul li { float:left; font-size:1.7em; font-weight:bold; padding-top:22px; }
#header ul a { text-decoration:none; color:#ababab; position:relative; padding:2px 0 0 56px; margin:0 34px 0 48px; background-position:left bottom; background-repeat:no-repeat; float:left; height:36px; line-height:1.1; }
#header ul a:hover, #header ul .active a {color:#7fd008; background-position:0 0;}
#header ul a small { position:relative; font-size:0.5em; margin-left:0.14em; font-weight:normal; display:block; top:-0.3em;}
#header ul .questions a { background-image:url(../images/ic_head_questions.png); }
#header ul .portfolio a { background-image:url(../images/ic_head_portfolio.png); }
#header ul .price a { background-image:url(../images/ic_head_price.png); }

#header .back { display:block; position:absolute; background-repeat:no-repeat; z-index:1; }
#header .b_img1 { width:206px; height:108px; background-image:url(../images/header_backimg1.jpg); bottom:78px; left:34%;}
#header .b_img2 { width:117px; height:45px; background-image:url(../images/header_backimg2.png); top:0; margin-right:-17%; right:50%;}
#header .b_img3 { width:40px; height:39px; background-image:url(../images/header_backimg3.png); bottom:78px; right:0; }
#header .b_img4 { width:132px; height:65px; background-image:url(../images/header_backimg4.jpg); bottom:-1px; right:5%; z-index:3; }

/*menu*/

#nav { float:left; width:234px; margin-top:14px; }
#nav li { text-indent:1em;  position:relative; line-height:80px; }
#nav b { background:#7fce08; padding:0 0.5em;}
#nav a { color:#000; font-size:1.2em; font-weight:bold; text-decoration:none;}
#nav .li1 { width:178px; height:99px; margin-top:-14px; }
#nav .li1 span { width:178px; height:99px; }
#nav .li2 { width:162px; height:79px; }
#nav .li2 span { width:162px; height:79px; }
#nav .li3 { width:197px; height:95px; margin-top:-6px; }
#nav .li3 span { width:197px; height:95px; }
#nav .li4 { width:225px; height:78px; margin-top:-12px; }
#nav .li4 span { width:225px; height:78px; }
#nav .li5 { width:201px; height:86px; }
#nav .li5 span { width:201px; height:86px; }

 /* --------------------------------------------------------------------------------- */
 /**/ #nav .li-work span { background-image:url(../images/menu_work.png); }
 /**/ #nav .li-about span { background-image:url(../images/menu_about.png); }
 /**/ #nav .li-pics span { background-image:url(../images/menu_images.png); }
 /**/ #nav .li-pets span { background-image:url(../images/menu_mypets.png); }
 /**/ #nav .li-portfolio span { background-image:url(../images/menu_portfolio.png); }
	/**/ #nav .li-blablabla span { background-image:url(../images/menu_lol.png); }
 /* --------------------------------------------------------------------------------- */

#nav li span { position:absolute; top:0; left:0; background-repeat:no-repeat; display:block; cursor:pointer;}

/*content*/
#main { padding-top:50px; overflow:hidden;}
#content { margin:0 28px 0 245px;}
#content .col { width:50%; float:left;}
#content h3 { color:#0e7aff; font-size:1.28em; font-weight:normal; margin:.3em 0; }
#content h3:first-child { margin-top:0;}
#content a { color:#0e7aff; text-decoration:underline;}
#content a:hover { color:#66cc00; text-decoration:none;}
#content ul { padding-left:1ex; }
#content li { background:url(../images/li.png) no-repeat 0 0; padding-left:28px; min-height:22px; height:auto !important; height:22px;}
#content button { background:url(../images/button.png) no-repeat; width:121px; height:34px; text-align:center; overflow:hidden; color:#fff; border:0; font-weight:bold; font-size:.9em;}

.block { padding:7px 0 0; background:url(../images/block_topshadow.png) repeat-x; position:relative; color:#909090; margin-bottom:4px; clear:both }
.block div { padding:0 0 0 7px; background:url(../images/block_leftshadow.png) repeat-y; }
.block div div { padding:0 7px 0 0; background:url(../images/block_rightshadow.png) repeat-y right;}
.block div div div { padding:0 0 7px 0; background:url(../images/block_bottshadow.png) repeat-x bottom;}
.block b { height:16px; width:16px; position:absolute; background-repeat:no-repeat; display:block; }
.block .c1 { background:url(../images/block_c1.png); top:0; left:0;}
.block .c2 { background:url(../images/block_c2.png); top:0; right:0;}
.block .c3 { background:url(../images/block_c3.png); bottom:0; left:0;}
.block .c4 { background:url(../images/block_c4.png); bottom:0; right:0;}

.block h2 { height:41px; color:#000; line-height:41px; font-size:1.28em; padding-left:24px; font-weight:normal; background:url(../images/blockhead.png) left bottom repeat-x;}
.blue h2 { background-color:#6cd0f6; color:#fff;}
.red h2 { background-color:#f55c5c; color:#fff;}


.block div div div div,.block .text b { padding:0; background:0; height:auto; width:auto; position:static;}
.block .text b { display:inline;}
.block .text { padding:24px; line-height:1.4em;}

#content .text-input { border:1px solid #d4d4d4; background:url(../images/input_back.png) repeat-x; position:relative; margin:0.5em 0 1em; }
#content .text-input input,#content .text-input textarea { background:none; border:none; width:96%; padding:4px 0; margin:0 2%; color:#838383;}
#content .text-input textarea { height:4em; overflow:auto; font-family:arial, Helvetica, sans-serif;}
#content .text-input b { position:absolute; display:block; width:8px; height:8px; overflow:hidden; background:no-repeat;}
#content .text-input b.c1 { top:-1px; left:-1px; background-image:url(../images/input_c1.png);}
#content .text-input b.c2 { top:-1px; right:-1px; background-image:url(../images/input_c2.png);}
#content .text-input b.c3 { bottom:-1px; left:-1px; background-image:url(../images/input_c3.png);}
#content .text-input b.c4 { bottom:-1px; right:-1px; background-image:url(../images/input_c4.png);}
#content .text-input div { position:relative; z-index:10; overflow:hidden;}



.block dl { position:relative; overflow:hidden; margin:-20px 0 -20px;}
.block dt { padding-top:21px; border-top:1px dotted #000; color:#000; margin:-1px 0 1px; }
.block dd { margin-bottom:22px; }


/*mini-portfolio*/
#mp ul.tabs { margin-left:250px; height:42px;}
#mp .tabs li { height:41px; line-height:43px; font-size:1.7em; color:#e8e8e8; border-top:1px solid #808080; background:#656565 url(../images/tabback.png) right bottom repeat-x; float:left; margin-right:1px;}
#mp .tabs a { display:block; float:left; padding-left:32px; height:42px; position:relative; top:-1px; background:url(../images/mp_tab_c1.gif) no-repeat;}
#mp .tabs a span {display:block; float:left; padding-right:32px; cursor:pointer; height:42px; background:url(../images/mp_tab_c2.png) no-repeat right top;}
#mp .tabs .active { background:#484848 none; border-color:#6d6d6d;}
#mp .tabs .active a { background-image:url(../images/mp_taba_c1.gif); color:#e8e8e8;}
#mp .tabs .active span { background-image:url(../images/mp_taba_c2.png);}
#mp .container { background:#484848; padding:26px 46px 18px 46px; overflow:hidden; }
#mp a { text-decoration:none; color:#ababab;}
#mp a:hover { color:#7fd008;}

#mp .container .nav { float:left; width:204px; }
#mp .container .nav li { font-size:1.7em; font-weight:bold; padding-top:22px; float:left; }
#mp .container .nav a { text-decoration:none; color:#ababab; position:relative; padding:2px 0 0 56px; margin:0; background-position:left bottom; background-repeat:no-repeat; float:left; height:36px; line-height:1.1; }
#mp .container .nav a:hover, #header ul .active a {color:#7fd008; background-position:0 0;}
#mp .container .nav a small { position:relative; font-size:0.5em; margin-left:0.14em; font-weight:normal; display:block; top:-0.3em;}
#mp .container .nav .questions a { background-image:url(../images/ic_mp_questions.png); }
#mp .container .nav .portfolio a { background-image:url(../images/ic_mp_portfolio.png); }
#mp .container .nav .price a { background-image:url(../images/ic_mp_price.png); }

#mp .container .previews { margin:0 100px 0 224px; font-size:0.86em; }
#mp .container .previews li { float:left; margin-right:46px;}
#mp .container .previews li div {background:url(../images/mp_c.gif) no-repeat left top #656565;}
#mp .container .previews li div div {background:url(../images/mp_c-22.gif) no-repeat right top ;}
#mp .container .previews li div div div {background:url(../images/mp_c-29.gif) no-repeat left bottom; }
#mp .container .previews li div div div div { background:url(../images/mp_c-30.gif) no-repeat right bottom; padding:10px;}
#mp .container .previews li img { display:block; border:10px #fff solid; }
#mp .container .previews li p { margin:6px 0 0 20px;}

#mp .more { text-decoration:none; color:#ababab; position:relative; padding:2px 0 0 46px; top:88px; margin:0; background-position:left bottom; background-repeat:no-repeat; background-image:url(../images/ic_mp_more.png); float:right; height:36px; line-height:1.4; font-size:1.7em;}
#mp .more:hover { color:#7fd008; background-position:0 0;}


/*footer*/
#footer { height:112px; color:#484848;}
#footer .copyright { padding:26px 0 0 21px;}
#footer .contacts { display:block; font-size:1.28em; line-height:42px; margin-right:108px; height:47px; background:url(../images/foot_tabback.png) repeat-x; float:right; text-decoration:none; color:#707070;}
#footer .contacts span { display:block; height:47px; background:url(../images/footer_tabl.png) no-repeat; padding-left:28px;cursor:pointer; float:left;}
#footer .contacts span span { background:url(../images/footer_tabr.png) right top no-repeat; padding:0 24px 0 0; cursor:pointer;}