@import url("reset.css");
@import url("text.css");

html {
	
}
body{
	text-align:left;
	height:100%;
}

div#main{
	width:960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
	
}

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

/* HEADER */

div#header{
	height:100px;
}
div#logo{
	padding: 20px 0 0;
	width: 60%;
	font-size: 0.8em;
}
div#logo a{
	display: block;
	height: 70px;
	background: url("../images/logo.gif") no-repeat top left;
	padding-left: 90px;
	text-transform: uppercase;
	color: #5b5b5b;
	text-decoration: none;
}
div#logo a:hover{
	text-decoration: none;
}
/**/
div#navigate{
	background: url("../images/navi.jpg") no-repeat top left;
	width: 960px;
	height: 340px;
	overflow: hidden;
}
ul#toptabs{
	color: #fff;
	float: right;
	text-align: center;
	margin-right: 1px;
}
li#price,li#contacts, li#info{
	float: left;
	width: 115px;
	height: 340px;
}
li#price a, li#contacts a, li#info a{
	display: block;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	text-transform: uppercase;
}
li#about{
	float: left;
	width: 140px;
	height: 340px;
	font-size: 1.2em;
	text-transform: uppercase;
	background:#7ab9d1 url("../images/blue.png") no-repeat top left;
}
li#price{
	background:#9bc553 url("../images/green.png") repeat-x top left;
}
li#price a:hover{
	background: url("../images/agreen.png") repeat-x top left;
}
li#contacts{
	background:#a57674 url("../images/pink.png") repeat-x top left;
}
li#contacts a:hover{
	background: url("../images/apink.png") repeat-x top left;
}
li#info{
	text-align: left;
	background:#7f87a2 url("../images/viol.png") repeat-x top left;
}
li#info p{
	padding: 10px;
}
/**/
ul.aboutmenu{
	padding: 160px 10px 0 10px;
	text-align: left;
	font-size: 0.7em;
}
ul.aboutmenu li{
	border-bottom: 1px dotted #bde6f4;
}
ul.aboutmenu a{
	color: #fff;
	padding: 4px 0;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	/*font-size: 0.8em;*/
}
ul.aboutmenu a:hover{
	background: #579ab5;
	text-decoration: none;
}

/* CONTENT*/ 
div.infobar{
	background: #eef1f6;
	border: 1px solid #c1cad7;
	border-top: none;
	padding: 5px 0 15px;
	overflow: hidden;
}
.lwrap{

	padding: 5px 20px 0 20px;
}
.wrapper{
	padding: 10px 20px;
	position: relative;
}
.wrapper ol li{
	list-style: decimal  inside;
	padding-left: 30px;
}
.wrapper ol li ul li{
	padding-left: 50px;
}
.wrapper ul li{
	list-style: disc inside;
	padding-left: 30px;
}
/******************/

/*  TABLE  */
 
table td{
 	padding: 5px 0;
 	color: inherit;
 }
 
/* FOOTER */

div#footer {
	position: relative;
	text-align: center;
	height: 40px;
	clear: both;
	padding: 10px;
	color: #666;
	margin: 30px auto 0;
	background: #eef1f6;
	border: 1px solid #c1cad7;
	border-bottom: none;
}
#footer a{
	color: #58849d;
}
/* Round border */		
 .t,  .b {
		position:relative;
		height:10px;
		font-size: 1px;
	}
 .t div,  .b div {
		position:absolute;
		width:10px; height:10px;
		padding:0; margin:0;
	}
 .t .l {
		top:0; left:0;
		background: url("../images/angle.gif") no-repeat bottom right;
	}
 .t .r {
		top:0; right:0;
		background:url("../images/angle.gif") no-repeat  bottom left;
	}
 .b .l {
		background: url("../images/angle.gif") no-repeat top right;
		 left:0;
	}
 .b .r {
		background: url("../images/angle.gif") no-repeat top left;
		bottom:0; right:0;
	}
			
/**/