body {


margin : 0;
padding : 0;
font : 73%  "lucida sans", helvetica, "Trebuchet MS", arial, sans-serif;
line-height : 1.8em;
background : #d7d8dd;
color : #333;
}
#container {
width: 760 px;
margin: 0 auto;
}
#header {
height : 234px;
margin-bottom : 0.5em;
border-top : 10px solid #d7d8dd;
background : #d7d8dd url(images/banner.jpg) no-repeat;
color : #000;
}
#content{
width:expression( /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину  */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 1200
?
"1200px"
:
"auto"
)
:
(
document.body.clientWidth < 1200
?
"1200px"
:
"auto"
)
);
min-width:1200px; 
}
#gutter {
float : left;
width : %;
height : 1px;
}

#col3 .roundcont {

background : #b0b0b0;
}
#col1 {
float : left;
width : 16;
margin-bottom : 1em;
border-right : 0px solid #eee;
padding-right : 2%;
}
#col2 {
float : left;
width : 51%;
margin-left : 1%;
margin-bottom : 1em;
border-right : 0px solid #eee;
padding-right : 1%;
}
#col3 {
float : left;
width : 21%;
margin-left : 2%;
margin-bottom : 1em;
}
#navcontainer ul {
margin-top : 5px;
list-style-type : none;
font-size : 85%;
background : #d7d8dd;
color : #666;
}
#navcontainer ul li a {
padding : 15px;
color : #d7d8dd;
background : transparent url(images/list-off.gif) no-repeat left center;
text-align : left;
text-decoration : none;
}
#navcontainer ul li a:hover {
color : #d7d8dd;
background : transparent url(images/list-on.gif) no-repeat left center;
}
#navcontainer ul li a#current {
background : transparent url(images/list-active.gif) no-repeat left center;
color : #000;
}
#footer {

clear : both;
height : 50px;
padding : 5px;
text-align : left;
border-top : 15px solid #000;
background : #000;
color : #fff;
}
#footer a {
text-decoration : none;
color : #fca404;
background-color : inherit;
}
#footer a:hover {
text-decoration : underline;
color : #999;
background-color : inherit;
}
h1 {
margin : 0;
padding : 3em 0 0 8em;
text-align : left;
text-transform : uppercase;
letter-spacing : 10px;
font-size : 150%;
color : #333;
background : inherit;
}
h2 {
margin-top : 0;
padding : 0.5em 0 0.5em 1em;
text-transform : uppercase;
letter-spacing : 5px;
font-size : 100%;
color : #682715;
background : inherit;
}
a {
text-decoration : none;
color : #006699;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #a03719;
background : inherit;
}
a img {
border : 0;
}
.box {
padding : 20px;
color : #682715;
background : inherit;
}
.roundcont {
margin : 10px;
width : 98%;
background : #d7d8dd;
color : #333;
}
.roundcont p {
margin : 0 15px;
}
.roundtop {
background : url(images/tr.gif) no-repeat top right;
}
.roundbottom {
background : url(images/br.gif) no-repeat top right;
}
img.corner {
width : 10px;
height : 10px;
border : none;
display : block !important;
}
.img {
float : left;
padding : 4px;
margin : 4px;
border : 1px solid #556b2f;
}
form { 
margin: 0; 
}
input.search { 
	width: 100px; 
	border: none;
	background: url(images/input.gif); 
	padding: 4px; 
}
input.login { 
	width: 100px;
	border: none; 
	background: url(images/logininput.gif); 
	padding: 4px; 
}
blockquote {
font-weight : bold;
font-style : italic;
color : #E05222;
}