body {
font:9pt/17pt arial;
margin:0;
padding:0;
height: 100%;
background-image: url(img/bg.jpg);
background-attachment:fixed;
background-color: #eee;
background-position:top;
background-repeat:no-repeat;
}

#clear {
	clear: both;
}

p { font-size: 9pt; margin: 12px auto 0 auto; }
/*a { color: #000; text-decoration:none;}*/
a:link { color: #AA0000; text-decoration:none;}
a:visited { color: #aa0000; text-decoration:none;}
a:hover { color: #000000; text-decoration:none;}
a:active { color: #000000; text-decoration:none;}

#header_contain {
width: 894px;
height: 209px;
background: url(img/header.png);
background-position: bottom;
display: block;
margin:0 auto;
}

/* button */

#button_contain {
width: 700px;
height: 25px;
display: block;
margin: 0 auto 0 250px;
padding: 65px 0 0 0;
}

#button {
opacity: 1.0;
}

.button:hover {
opacity: 0.7;
}

/*.button {
   border-top: 1px solid #333333;
   background: #222222;
   background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#222222));
   background: -webkit-linear-gradient(top, #888888, #222222);
   background: -moz-linear-gradient(top, #888888, #222222);
   background: -ms-linear-gradient(top, #888888, #222222);
   background: -o-linear-gradient(top, #888888, #222222);
   padding: 5px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: juice, Verdana, Arial, sans-serif;
   text-decoration: none;
   vertical-align: middle;
   margin:0 auto;
   }
.button:hover {
   border-top-color: #595959;
   background: #595959;
   color: #ccc;
   }
.button:active {
   border-top-color: #969696;
   background: #969696;
   }
*/
/* content */

#container {
width: 820px;
float:left;
margin: 55px auto 0 auto;
}

#wrapper {
width: 820px;
margin: -7px 100px 0 0;
text-align: left;
background-image: url(img/body_mid1.png);
}

#container2 {
width: 750px;
margin: -20px 0 0 42px;
}

#tag_contain {
float:left;
width: 70px;
height: 187px;
margin: 80px auto 0 auto;
/*background-image: url(img/res_tag.png);*/
}

h1 { 
display: block;
clear: both; 
height: 50px;
font-family: juice_bold, Arial, sans-serif;
font-size: 22pt;
margin:auto;
padding-top: 40px;
background-image: url(img/h1_bg.png);
background-repeat:no-repeat;
background-position:center;
}

h2 { 
display: block;
clear: both; 
height: 18px;
font-family: juice_bold, Arial, sans-serif;
font-size: 12pt;
margin:auto;
padding-top: 0;
}

#footer {
display: block;
clear: both; 
height: 18px;
text-align: center;
font-family: Arial, sans-serif;
font-size: 10pt;
margin: 10px 80px 20px 0;
text-align:center;
}

ul#services {
margin: 10px auto 0 auto;
padding-bottom: 40px;
}

#contacts-form {clear:right;width:100%;overflow:hidden;padding:15px 0 0 0;color:#990010}
#contacts-form fieldset {border:none;float:left;}
#contacts-form .field {clear:both;}
#contacts-form label {float:left;width:97px;line-height:18px;padding-bottom:6px;font-weight:bold;color:#000000}
#contacts-form input {width:231px;padding:1px 0 1px 3px;border:1px solid #000000;color:#000000;outline:none}
#contacts-form textarea {width:567px;height:227px;padding:1px 0 1px 3px;border:1px solid #000000;color:#70635b;margin-bottom:50px;overflow:auto;outline:none}
.inputstyle {font-family: Arial, sans-serif;border:ridge;border-color:#999999;border-radius:7px;background-color:#dcdcdc;}

/*patterns images*/
ul#pattern {

width: 750px;
height: 131px;
list-style-type:none;
font-family: Arial, sans-serif;
}

ul#pattern li {
width:150px;
float: left;
padding:10px;
margin:0
}
ul#pattern li p {
text-align: center;
}
/*end patterns images*/
/*
.shadow {
display:block;
-moz-box-shadow: 3px 3px 10px #888;
-webkit-box-shadow: 3px 3px 10px #888;
box-shadow: 3px 3px 10px #888;
	/* For IE 8 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
	/* For IE 5.5 - 7 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
}

.depth {
    display: block;
    padding-top: 40px;
    color: #990020;
	font-size: 22pt;
    font-family: juice_bold, Arial, sans-serif;
    position: relative;
}

.depth:before, .depth:after {
    content: attr(title);
    padding-top: 40px;
    color: rgba(255,255,255,.2);
    position: absolute;
}

.depth:before { top: .5px; left: .5px }
.depth:after  { top: 1px; left: 1px }
*/
.s6 {font-size:24px; color: #aa0000; font-weight: bold; text-shadow: .9px .9px white, -.9px -.9px #444}
.s7 {font-size:19px; color: #aa0000; font-weight: bold; text-shadow: .9px .9px white, -.9px -.9px #444}

a, img {
    border:none;
}

textarea { overflow: auto; }








