﻿body {
	font-size: 62.5%; /* сбрасывает 1em до 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #ffffff;
	text-align: center; /* выравнивает по центру контейнер #page*/
	margin:0 auto;
	padding:20px 0 20px 0;
	width:1000px;
	line-height:1.8em;
	}

	
a img {border:0px;}

A:active, A:link, A:visited {COLOR: #3072C4;}
A:hover {color:#EB3D00;}

/********* МЕНЮ ***********/

#menu {margin:0;padding:0 0 0 20px;}
#menu li{
	list-style-type:none;
	width:125px;
}
#menu li a {
	display:block;
	padding:4px 1px 4px 15px;
}
.ul_text {margin:20px 0 30px 0;}
.ul_text li {
	margin-bottom:15px;
}

.notcurrent A:active ,
.notcurrent A:link ,
.notcurrent A:visited {	
	COLOR: #4E4B49; 
	TEXT-DECORATION: underline;
	background:transparent url(img/bullet_gray.gif) no-repeat scroll 6px 56%;}
	
.notcurrent A:hover,
.current A:active ,
.current A:link ,
.current A:visited{	
	COLOR: #EB3D00; 
	TEXT-DECORATION: underline;
	background:transparent url(img/bullet_orange.gif) no-repeat scroll 6px 56%;
}


h3, h4, h5 {font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;}
h3 {
	margin:0 0 15px 0;
	font-size:1.3em;
	font-weight:bold;
	color:#4E4B49;
}




/*********** PORTFOLIO ***************/

h5.port {
	font-size:1.3em;
	margin:5px 0 20px 0;
}

.box_site { 
	font-size:0.9em;
	float:left;
	padding:15px 10px 29px 30px;
	margin:0 35px 35px 0;
	width:305px;
	height:315px;
	background:#EAEAEA;
}

 .plink {
	display:block;
	padding:6px 0 8px 0;
}

.box_site img {
	margin-right:15px;
	border:1px solid #C3C3C3;
}


.box_des { 
	font-size:0.9em;
	float:left;
	padding:15px 10px 29px 20px;
	margin:0 35px 35px 0;
	width:315px;
	height:255px;
	background:#EAEAEA;
	}
	
.box_des img {
	margin-right:15px;
	border:1px solid #C3C3C3;
}


/*********/








#page {
	border: 0px solid #959596;
	text-align: left; /* прибивает к левому краю содержимое дива #page*/
	overflow:hidden;
	width:100%;
	font-size:1.4em;
	padding-bottom:30px;
	}
	
#header {
	height: 82px; 
	width:100%;
	}
	
#content {
	float: left; /* обтекает соседний элемент, в данном случае #sidebar, перемещаясь в правую сторону */
	padding: 0 2% 0 20%;
	width: 53%;
	}
	
#content2 {
	float: left; /* обтекает соседний элемент, в данном случае #sidebar, перемещаясь в правую сторону */
	padding: 0 0 0 20%;
	width: 76%;
	}
	
#sidebar{
	width: 20%;
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	float:left;
	margin-left:-74%;
	}
	
#sidebar2{
	width: 20%;
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	float:left;
	margin-left:-95%;
	}
	
#rsidebar{
	width: 20%;
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	float:right;
	background:#eeeeee;
	margin: 0 30px 0 0;
	padding: 10px;
	}
	
#footer {
	border: none;
	margin: 0 auto; /* для выравнивания по центру в нормальных браузерах (все кроме ИЕ) */
	width:100%;
	padding:18px 0 0 0;
	clear: both; /* игнорирует обтекание в предыщущих элементах; в данном случае float: right; в #content */
	background-image:url(img/footer.gif);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
	}
	

