*{margin:0;padding:0}
img{border:0;}
body{font: 76% Tahoma, Verdana;
font-weight:normal; font-style:normal;
background: url(../img/back.png ) repeat scroll center top;
width:100%;
text-align: center;}
table,tr,td{border:0}
.clear{clear:both; text-align:center; font-weight:bold}
a:link {color:#bc1c03}

/* STYLE 
*/

div#header h1 {position:relative; display:block; top:148px; margin: 0 auto;
 width:660px; height:266px; overflow:hidden}
div#header h1 strong {display:none}


div#main{text-align:left;}

div#content p{line-height:1.2; text-indent:2em; color:#393939;font: normal normal normal 1em Tahoma;
 margin: 1.2em 65px 1.2em 4px; overflow: visible;text-align:justify;}
#content p img{float:left; margin: 2px 16px 10px 0}

#content h2{font: 18px "Trebuchet MS"; font-weight:bold; color:#bc1c03; text-align:left; letter-spacing:0;
 margin: 10px 0 10px;}
#content h3 {font: normal normal normal 12px Tahoma, Verdana; font-weight:bold; color:#fff; text-align:left; letter-spacing:0.1em;
 padding: 12px 20px 14px; overflow:hidden;z-index:1000;position:relative;white-space:pre;background: url(../img/h3_back.png) no-repeat left top}/*!*/
#content h3 a, #content h3 a:visited, #content h3 a:hover, #content h3 a:active, #content h3 a:focus{color:#fff; text-decoration:none;}
#content ul li{list-style-type:none; font-size:0.9em; color:#616161; margin:0 0 0 20px; padding:12px 0 12px 54px;background: url(../img/plus.png); width:385px;height:auto; text-align:justify;}/*!*/
#content table{position:relative; left:3px; top:-6px; font: 12px Tahoma, Verdana; font-weight:bold; text-align:center; width:460px; background:#eee2c3;}
#content table td {border-bottom: 1px #7c6e63 dotted; height:2.8em; padding: 0 2em;}
table#services td { font-weight:normal; padding:0.7em 0.5em; height:auto; }
#content a.button, input.button {display:block; width:142px; height:32px; font-size:10px; background:url(../img/button.png) no-repeat 0 0; color:#fff; margin:0 auto; padding: 5px 0 0 0; border:0; text-decoration:none;}
input.button {padding:0 0 10px; cursor:pointer}
#content a.button, #content a.button:hover, #content a.button:active, #content a.button:visited { width:150px; background-position:8px 0; color:#fff}

#content form, #content fieldset {padding: 0 10px; color:#616161; font: 13px Tahoma; border:0; width:440px;}
#content form label {margin:0; width: 100px;line-height: 0.7em; font-size:0.9em}
#content form label.email {background: url(../img/email.png) no-repeat 0 100%; width:58px; height:57px;display:block; float:left; margin:-10px 0 0 110px; position: absolute;}
#content form label.input {display:block; width:142px; height:53px; background: url(../img/input_back.png) no-repeat 0 100%; overflow:hidden; margin-top:10px;}
#content form label input{background-color:transparent; margin:14px 4px 10px 7px; width:120px; border:0; text-decoration:none; line-height: 1.7em}
#content form label.form {display:block; width:256px; height:236px; background: url(../img/form_back.png) no-repeat 0 100%; margin-top: -240px; float:right}
#content form label.form textarea {display:block; width:230px; height:196px; overflow:hidden; margin: 14px 7px 10px; background:transparent; border:0; clear:both}

#content form#vidguk label.form {display:block; width:256px; height:236px; background: url(../img/form_back.png) no-repeat 0 100%; margin-top: -118px; margin-bottom:10px; float:right; clear:right;}

ul#portfolio { margin:12px 0 0}
ul#portfolio_short { margin:-1px 0 0 }
ul#portfolio_short li, ul#portfolio li {width:150px; display:block; float:left; text-align:center; padding:2px 0 0; margin: 0px 8px 0 0; z-index:100;background: url(../img/paragraph.png) no-repeat 70px top}/*!*/
ul#portfolio_short li img, ul#portfolio li img{padding: 10px 10px 30px; width:130px; height:130px; display:block}
ul#portfolio_short li a, ul#portfolio li a{text-decoration:underline; color:#bc1c03; font: 12px Verdana, Tahoma; display:block; background: url(../img/portfolio_pick.png) no-repeat left top; overflow:hidden !important; height:220px}
ul#portfolio_short li { padding:20px 0 0; }

ul#portfolio li {background-image:none;}
#content p.page_numbers{clear:both; text-align:center; font:bold 1.2em 'Trebuchet MS'; color:#f97704}

div#extra {font: normal normal normal 1.1em "Trebuchet MS";
color: #fff;}
div#extra a{text-decoration: none; color: #fff;}

div#navigation {list-style-position:inside;
font-weight: bold;
/*font-stretch: narrower;
font-effect:emboss;
font-smooth:always;*/
line-height:1.33em;
letter-spacing:0.1em}
div#navigation ol{margin:22px 0 0 30px;}
div#navigation a{white-space:pre;}

div#news {
font: normal normal normal 9px Tahoma;}
#news p, #contacts p {margin:10px 20px 10px 24px; text-align:justify;}
#news h4 {font: normal bold normal 10px Tahoma;font-weight:bold;
padding: 0 0 0 10px; margin: 4px 20px -6px 20px;  background: url(../img/list.png) no-repeat left top}
#news h2, #contacts h2, #articles h2 {font: normal bold normal 14px "Trebuchet MS";
font-weight:bold; letter-spacing:0.1em; text-align:right;margin: 20px 20px 10px}

div#slogan { width: 469px; height:124px; margin-top:10px; margin-bottom:-20px; padding:15px 0 }
div#slogan p { width:410px; margin:0 auto; color:white;}

div#articles ul{margin:0; padding:0; list-style-type:none;background: url(../img/sidebar2.png) repeat-y left top}
div#articles ul li{margin: 0 20px 0 20px; padding:0;font: normal bold normal 10px Tahoma;font-weight:bold;}
div#articles ul li a{padding:0 0 0 10px; text-decoration:underline; line-height:1.8em}
div#articles h2{height:44px; margin:0 0 -20px 0; padding: 20px 20px 0}

div#navigation a:hover, div#navigation a:active, div#navigation a:focus, {color:#f97704}

div#contacts p{
font: 12px Verdana;
text-align: left;
line-height: 2em;
margin-top: 18px;}
div#contacts a {text-decoration: underline}

div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px;}
div#footer a{display:none;padding:0;color: #C6D5FD}


/* LYAUOT */
div#header {width:988px;height:529px;margin:0 auto;
 background: url(../img/header_back.jpg) no-repeat scroll center top;
position:relative;}

div ul#menu {list-style-type:none; width:120px; float:right; text-align:left}
div ul#menu li a {height:100px; width:32px; display:block}
div ul#menu li a em{display: none}
div ul#menu li a#vacancy {background: url(../img/vacancy.png) no-repeat scroll center center; position:absolute; top:180px;}
div ul#menu li a#feedback {background: url(../img/feedback.png) no-repeat scroll center center; position:absolute; top:304px;}
div ul#menu li a#partners {background: url(../img/partners.png) no-repeat scroll center center; position:absolute; top:422px;}
div ul#menu li a#vacancy:hover, div ul#menu li a#vacancy:active, div ul#menu li a#vacancy:focus, div ul#menu li a#feedback:hover, div ul#menu li a#feedback:active, div ul#menu li a#feedback:focus, div ul#menu li a#partners:hover, div ul#menu li a#partners:active, div ul#menu li a#partners:focus {background-position: 70% center}

div#main{width:988px;margin:0 auto;
 background: url(../img/content_back.jpg) repeat-y scroll center top;
}
div#wrapper{width:750px;margin: 0 auto;
 position: relative; top:-105px;}

div#content{float:right;width:525px; margin-right:60px
 padding-bottom:60px;}
div#content {padding-bottom:40px;}

div#extra{float:left;width:200px;}

div#navigation{float:right;width:200px;height:184px}
div#news{float:right;clear:right;width:200px;height:272px}
div#contacts{float:right;clear:both;width:200px;height:242px; overflow:hidden;}
div#articles{float:right;clear:right;width:200px; padding-bottom:41px; margin: 6px 0}

div#footer{clear:both; margin:0 auto;
 width:988px; height:178px;
 background: url(../img/footer_back.jpg) no-repeat scroll center top;
 margin-top:-105px;}

a#headlink{
 display: block;
 position: absolute;
 top: 48px;
 left: 580px;
 width: 200px;
 height: 75px;
 background: none;}
a#headlink em {visibility:hidden}


/* RED STYLE */
body#red div#header h1 {background: url(../img/paint0.jpg) no-repeat scroll top center}

body#red #content h3 {background: url(../img/h3_back.png) no-repeat left top}

body#red div#content{background: url(../img/content_bar.png) no-repeat 0 100%}
body#red #content ul li{background: url(../img/plus.png) no-repeat 0 center}

body#red ul#portfolio_short li{background: url(../img/paragraph.png) no-repeat 70px 0}
body#red ul#portfolio li{background: url(../img/paragraph.png) no-repeat 70px 27px}

body#red div#news{background: url(../img/sidebar_back.png) no-repeat 0 -500px}
body#red div#contacts{background: url(../img/sidebar_back.png) no-repeat left -1000px}
body#red div#articles{background: url(../img/sidebar1.png) no-repeat left bottom}

body#red div#navigation{background: url(../img/sidebar_back.png) no-repeat left top}
body#red div#articles h2{background: url(../img/sidebar1.png) no-repeat left top}
body#red div#articles ul{background: url(../img/sidebar2.png) repeat-y left top}
body#red div#articles ul li a{ background: url(../img/list.png) no-repeat left top}

body#red div#slogan {background: url(../img/slogan.png) no-repeat left top}

/* YELLOW STYLE */
body#yellow div#header h1 {background: url(../img/paint.jpg) no-repeat scroll top center}

body#yellow #content h3 {background: url(../img/h3_back.png) no-repeat -800px top;}

body#yellow div#content{background: url(../img/content_bar.png) no-repeat -800px 100%;}
body#yellow #content ul li{background: url(../img/plus.png) no-repeat -800px center;}
body#yellow #content p.page_numbers{color:#aa4e30}

body#yellow ul#portfolio_short li{background: url(../img/paragraph.png) no-repeat -733px top}
body#yellow ul#portfolio li{background: url(../img/paragraph.png) no-repeat -733px 27px}

body#yellow div#news{background: url(../img/sidebar_back.png) no-repeat -400px -500px}
body#yellow div#contacts{background: url(../img/sidebar_back.png) no-repeat -400px -1000px}
body#yellow div#articles{background: url(../img/sidebar1.png) no-repeat -400px bottom}

body#yellow div#navigation{background: url(../img/sidebar_back.png) no-repeat -400px top}
body#yellow div#articles h2{background: url(../img/sidebar1.png) no-repeat -400px top}
body#yellow div#articles ul{background: url(../img/sidebar2.png) repeat-y -400px top}
body#yellow div#articles ul li a{ background: url(../img/list.png) no-repeat -400px top}

body#yellow div#articles ul li a:hover, body#yellow div#articles ul li a:active, body#yellow div#articles ul li a:focus{background-position:-1200px top;color:#bc1c03}
body#yellow div#navigation a:hover, body#yellow div#navigation a:active, body#yellow div#navigation a:focus, body#yellow a:hover, body#blue a:active, body#blue a:focus{color:#bc1c03}

body#yellow div#slogan {background: url(../img/slogan.png) no-repeat -700px top}

/* BLUE STYLE */
body#blue div#header h1 {background: url(../img/paint.jpg) no-repeat scroll bottom center}

body#blue #content h3 {background: url(../img/h3_back.png) no-repeat -1600px top;}

body#blue div#content{background: url(../img/content_bar.png) no-repeat -1600px 100%;}
body#blue #content h2{color:#517066}
body#blue #content ul li{background: url(../img/plus.png) no-repeat -1600px center;}

body#blue ul#portfolio_short li{background: url(../img/paragraph.png) no-repeat -1533px top}
body#blue ul#portfolio li{background: url(../img/paragraph.png) no-repeat -1533px 27px}

body#blue div#news{background: url(../img/sidebar_back.png) no-repeat -800px -500px}
body#blue div#contacts{background: url(../img/sidebar_back.png) no-repeat -800px -1000px}
body#blue div#articles{background: url(../img/sidebar1.png) no-repeat -800px bottom}

body#blue div#navigation{background: url(../img/sidebar_back.png) no-repeat -800px top}
body#blue div#articles h2{background: url(../img/sidebar1.png) no-repeat -800px top}
body#blue div#articles ul{background: url(../img/sidebar2.png) repeat-y -800px top}
body#blue div#articles ul li a{ background: url(../img/list.png) no-repeat -800px top}

body#blue div#articles ul li a:hover, body#blue div#articles ul li a:active, body#blue div#articles ul li a:focus{background-position:0 top;color:#f5b328}
body#blue div#navigation a:hover, body#blue div#navigation a:active, body#blue div#navigation a:focus, body#blue a:hover, body#blue a:active, body#blue a:focus{color:#f5b328}

body#blue #content p.page_numbers{color:#95aba4}

body#blue div#slogan {background: url(../img/slogan.png) no-repeat -1400px top}