/* ------ */
/* Layout */
/* ------ */
body {
	font-size: 10pt; 
	font-family:Arial,Verdana,San-Seriff; 
	background:url("8.png"/*tpa=http://stroiyspex.ru/i/8.png*/) 940px top no-repeat;
}

#layout {
	height:100%;
	width:100%;
	min-width: 999px;
	//width: expression((document.documentElement.clientWidth || document.body.clientWidth) <= 999 ? '999px' : (document.documentElement.clientWidth || document.body.clientWidth) > 1300 ? '100%' : '100%' );
}

#layout ---{
	border:1px dotted #666666
}

#topnavigation {
	float:left;
	top:0px;
	right:0px;
	text-align:right;
	height:25px;
	margin-left:50px;

}
#topnavigation UL {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#777;
}
#topnavigation li {
	font-weight:bold;
	font-size:110%;
	display:inline;
	padding-right:10px;
	margin-right:10px;
	background:url("pixel_black.gif"/*tpa=http://stroiyspex.ru/i/pixel_black.gif*/) right top repeat-y;}

#topnavigation li#last {background:none}
#topnavigation a {
	color:#0033CC;
	text-decoration:underline;
}
#topnavigation a:hover {
	text-decoration:none;
}

#topbar --- {
	border:1px dotted red;
}
#topbar {
	height:160px;
	width:100%;
	background: url("6.png"/*tpa=http://stroiyspex.ru/i/6.png*/) left top no-repeat;
	
}

#topbar h5{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666666;
	float:right;
	clear:right;
	margin-top:10px;
	text-align:right;
	width:100%;
}
#topbar h1 {
	font:bold 34px Arial, Helvetica, sans-serif;
	color:#C90035;
	float:right;
	clear:right;
	width:100%;
	margin-top:8px;
	letter-spacing:1pt;
	text-align:right;
}

#name {
	width:260px;
	float:left;
	padding-left:230px;
	padding-right:20px;
}
#builder {
	float:left;
	top:0px;
	left:0px;
	width:60px;
	height:90px;
	margin-top:65px;
	margin-left:280px;
	background:url("builder.gif"/*tpa=http://stroiyspex.ru/i/builder.gif*/) top left no-repeat;
}


#other{
	float:right;
	width:100px;
	background:#CCCCCC;
}

.divider30{
	height:30px;
	clear:left;
}

	
#menu {
	float:left;
	top:0px;
	left:0px;
	text-align:left;
}

#menu ul {
	list-style-position:outside;
}
#menu li {
	margin-bottom:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:20px;
	text-align:left;
	border-bottom:1px solid #EEE;
}

#menu a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#005900;
	text-decoration:none;
	padding-left:15px;
	background:url("m_0.gif"/*tpa=http://stroiyspex.ru/i/m_0.gif*/) left center no-repeat;
}
	
#menu a:hover {
	color:#CC0000;
	background:url("m_1.gif"/*tpa=http://stroiyspex.ru/i/m_1.gif*/) left center no-repeat;
}

#menu a.selected,
#menu a.selected:hover {
	color:#CC0000;
}




#top {
margin: 0px; 
height:137px;
border-bottom:1px solid black;
}

.width_fix {width: 100%}
.clear {clear:both}
#divider {height:30px}

.container {
width: 100%;
clear:both;
overflow:hidden;
z-index:10;
margin-top:10px;
}


.column-left {
	width: 210px;
}

.column-left-reducer {
	padding:0px;
}

.column-right {
	width: 215px;
}
.column-right-reducer {
padding:0px;
margin:0px;
}


.main {
	z-index:12;
	padding:5px 10px;
	
	
	
}

.main H1 {margin-bottom:10px}


#content {

padding:2px;
z-index:20;
}


.Main td {vertical-align:top}



#footer td{
 border-top:1px dotted gray;
	
}


#links {
	float:right;
}

#links a {
	display:inline;
}

#links img {
	float:left;
}



.btop{
	width:300px;
	position:absolute;
	left:630px;;
	height:150px;
	margin-top:0px;
	text-align:left;
	
}

#bpos0 {
	clear:left;
	width:300px;
	height:120px;
	overflow:hidden;
	float:left;
	margin-left:10px;
	text-align:center;
}
#bpos11,
#bpos12 {
	width:160px;
	height:120px;
	text-align:center;
}


#bpos2,
#bpos3,
#bpos4,
#bpos5,
#bpos6,
#bpos7,
#bpos8,
#bpos9
{
width:200px;
margin:0 auto;
padding-right:15px;
text-align:center;

}
#bpos4,
#bpos5,
#bpos6 {
padding-right:0px;
}



#bpos10 {
	width:500px;
	margin-top:20px;
}
