* { margin:0; padding:0;}
html, body { height:100%;}
html { background:url(images/tail-top.gif) left top repeat-x #eaff71;}
body { background:url(images/body-bg.jpg) center top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.125em; color:#000000;}

input, select, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:.91em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:18px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top;}

#contacts-form label { display:block; height:26px;} 
#contacts-form label input { width:233px; padding:2px 0 2px 3px; color:#8c8c8d; border:1px solid #bfbfbf; background:none;}
#contacts-form textarea {width:233px; height:245px; padding:2px 0 2px 3px; margin-bottom:21px; color:#8c8c8d; overflow:auto; border:1px solid #bfbfbf; background:none;}

/*==================list====================*/
ul { list-style:none;}

.list1 li { color:#ff30b1; padding-bottom:10px; }
.list1 li a {padding-left:4px;}

.contacts-list li { float:left; width:206px; margin-right:28px;}
.contacts-list li.last { margin-right:0;}
.contacts-list li a { color:#727272;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left; border:4px solid #ececec;}
.img-box { width:100%; overflow:hidden; padding-bottom:25px;}
.img-box img { float:left; margin:0 20px 0 0; border:4px solid #ececec;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:18px;}

.img-wrap { display:block; border:4px solid #ececec; margin-bottom:14px;}

/*==================txt, links, lines, titles====================*/
a {color:#ff30b1;}
a:hover{text-decoration:none;}

h2 { font-size:18px; color:#000000; line-height:1.15em; margin-bottom:18px;}
h4 { font-size:1em; font-weight:normal; margin-bottom:18px;}
h5 { font-size:1em; font-weight:normal;}

.link1 { font-size:1.5em; color:#727272; line-height:1em;}

.button { float:right; display:block; font-size:23px; color:#fff; font-weight:bold; background:#ff30b1; padding:3px 6px 6px 6px; text-decoration:none;}
.button:hover { background:#fff; color:#ff30b1;}

.line-hor { background:url(images/bg-line.gif) left top repeat-x; height:3px; overflow:hidden; font-size:0; line-height:0; margin:35px 0 25px 0;}
.line-ver { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}

/*==================boxes====================*/
.cont-box {margin:0;}
.cont-box span { float:left; width:79px;}

/*header*/
#header .logo { position:absolute; top:78px; left:-1px;}

/*---navigation--*/
.nav { position:absolute; top:227px;}
.nav li { display:inline;}
.nav li a { display:block; float:left; background:url(images/nav.gif) no-repeat left top; width:121px; font-size:17px; text-align:center; color:#3f3138; text-decoration:none; padding:36px 0 48px 0;}
.nav li a:hover { background:url(images/nav-active.gif) no-repeat left top; color:#fff; padding:65px 0 20px 0;}
.nav li a.current { background:url(images/nav-active.gif) no-repeat left top; color:#fff; padding:65px 0 20px 0;}

/*content*/
#content { background:#fff; padding:40px 90px 53px 80px;}

.cust-box { font-size:2.33em; line-height:1.14em; color:#a19d83; background:url(images/bg-cust.gif) no-repeat left top;  margin:-22px 0 0 -21px; padding:24px 0 30px 64px;}
.cust-box a { display:inline-block; font-size:23px; color:#fff; background:#f2caff; text-decoration:none; font-weight:bold; padding:0 10px 3px 10px; line-height:24px;}
.cust-box a:hover { color:#f2caff; background:#fff;}

.works { width:100%; overflow:hidden;}
.works li { float:left; width:325px; margin-right:26px; padding-bottom:25px;}
.works li.alt { margin-right:0;}
.works li a.img-wrap { display:block; border:4px solid #ececec; margin-bottom:14px;}
.works li a.img-wrap:hover { border:4px solid #e8ff6a;}
.works li span { float:left; width:248px;}

.works2 { width:100%; overflow:hidden;}
.works2 li { float:left; width:325px; margin-right:26px; padding-bottom:25px;}
.works2 li.alt { margin-right:0;}
.works2 li a.img-wrap { display:block; border:4px solid #ececec; margin-bottom:14px;}

/*footer*/
#footer {color:#000;}
#footer a { color:#000; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer span { color:#ff30b1;}


/*==========================================*/