/************* RESET ************************************/
body {	line-height: 1;	color: black;	background: white;}
ol, ul {	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
/*******************************************************/
.clear
{
clear:both;
}
/******************************************************/
html
{
font-size:100%;
}
body
{
background: url(../img/bg2.jpg) repeat;
font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
font-size:75%;
line-height:1.5em;
}
#main
{
width:960px;
height:600px;
background:#1E1E1E url(../img/bg1.jpg) center no-repeat;
margin:20px auto 20px auto;
border:2px solid #777;
-moz-border-radius: 8px;  
-webkit-border-radius: 8px;
}
#main #menu
{
border:0px solid red;
height:40px;
width:90px;
position:relative;
top:80px;
float:right;
margin-right:35px;
}
#main #menu a
{
display:block;
background:#00BCC6;
padding:2px 10px 2px 10px;
color:white;
font-weight:bold;
text-align:center;
text-decoration:none;
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;
}
#main #menu a:hover
{
background:#008D95;
text-decoration:none;
}
/************************************************/
#left
{
color:#80FFFF;
position:relative;
top:100px;
left:20px;
float:left;
border:1px solid #777;
width:180px;
background:url(../img/left.png) repeat;
-moz-border-radius: 3px;  
-webkit-border-radius: 3px;
padding: 0 10px 10px 10px;
}
#left ul
{
/*list-style-image: url(../img/ok.png);*/
list-style:none; padding: 0 0px 10px 5px;
margin:5px 0 5px 5px;
}
#left li
{
line-height:1.7em;
font-weight:normal;
}
#left hr
{
margin:0px 0px 10px 0px;
color:#999;
background-color:#999;
height: 1px;
border: 0;
}
/********************************************/
#bottom
{
position:relative;
top:80px;
border:0px solid silver;
padding:50px 0 0 40px;
color:#ddd;
}
#bottom h2
{
font-size:120%;
color:#DDD;
font-weight:normal;
margin:0 0 10px 0;
}
#bottom #nav
{
width:320px;
}
#bottom #nav a
{
text-decoration:none;
display:block;
color:silver;
padding:0 0 2px 25px;
margin-bottom:3px;
border-left:0px solid #252525;
font-size:90%;
background:url(../img/puce.gif) 5px 6px  no-repeat;
line-height:120%;
}
#bottom #nav a:hover
{
border-left:0px solid lime;
text-decoration:none;
background:#333 url(../img/puce.gif) 5px 6px  no-repeat;
color:#e5e5e5;
}

/********** CONTACTS ************************/
#contacts
{
			margin:80px auto 20px auto;
			border:0px solid silver;
			width:400px;
			background:url(../img/left.png) repeat;
			padding:20px;
			-moz-border-radius: 5px;  
			-webkit-border-radius: 5px;
			
}
#contacts form
{
width:300px;		
margin:auto;
padding:10px;
color:#FFF;	
font-weight:bold;
}
#contacts form input, textarea
{
		width:300px;
		display:block;
		padding:5px;
		margin:5px 0 5px 0;
		font-family:arial;		
		color:#345472;
		font-size:100%;
		border:1px solid #457198;
		-moz-border-radius: 2px;  
		-webkit-border-radius: 2px;
}
#contacts .submit
{
		cursor:pointer;
		width:150px;
		margin-top:10px;
		color:black;
		background:white;
		font-family:verdana;
}			
#contacts #info-right
{
 		float:right;
		border:0px solid silver;
		width:350px;
		padding:10px;
}
#contacts #info-right img
{
 		vertical-align:middle;
		margin:-5px 10px 0 25px
}
#contacts #info-right h2
{
 		font-size:140%;
		margin:10px 0 20px 0;
}
#contacts #info-right h4
{
 		color:#146FD1;
		display:inline;
		font-size:150%;
		font-family:arial;
		padding:10px 0 0 0;
		letter-spacing: 0.1em;
}