#header { 
	color: #1886c8; 
	padding-top:10px
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#header .line {
	float:right;
}
#header .line a {
	color:#1886c8;
	text-decoration:none;
	font-size:10px;
	display:block;
	float:left;
	margin-left:10px
}
#header .line img {
	border:none;
	float:left;
	margin-right:3px
}
#header .clearfloat {height:5px}

#topMenu, #bottomMenu {background-image:url(http://stroymart.com.ua/img/site2/bg-top.gif);height:31px; }
#topMenu div, #bottomMenu div {padding-top:7px; padding-left:5px}

#topMenu a, #bottomMenu a {
	color:#ffffff;
	background-image:url(http://stroymart.com.ua/img/site2/li-top.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	display:block;
	float:left;
	padding-left:13px;
	padding-right:10px;
	font-size:11px;
	font-weight:bold;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:underline
}

#subTopMenu, #subBottomMenu {
	padding: 5px 5px 10px 5px;
	color:#fcb414;
	font-size:11px;
	font-weight:bold;
}

#subTopMenu a, #subBottomMenu a {
	color:#fcb414;
	font-size:11px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:underline
}



#footer .block-menu
{
	height:50px;
	background-image:url(http://stroymart.com.ua/img/site/bottom-bg.gif);
	background-repeat:repeat-x;
	color:#ffffff;
	font-size:11px;
}

#footer .block-menu a 
{	
	text-decoration:none
}

#footer .block-menu a:hover
{
	text-decoration:underline
}

#footer .block-menu .left
{
	background-image:url(http://stroymart.com.ua/img/site/bottom-left.jpg);
	background-repeat:no-repeat;
	height:50px;
}

#footer .block-menu .right
{
	background-image:url(http://stroymart.com.ua/img/site/bottom-right.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:50px;
}

#bottomMenuLeft
{
	width:240px;
	float:left;
	position:relative
}

#bottomMenuLeft .regions
{
	padding-top:17px;
	text-align:center
}

#bottomMenuRight
{
	float:right;
	width:100%;
	margin-left:-240px
}

#bottomMenuRight .holder
{
	padding-left:241px
}	

#bottomMenuRight .regions
{
	padding:5px 15px 5px 15px;
}

#bottomMenuRight a
{
	color:#ffffff
}

#bottomMenuRight .regions a 
{
	background-image:url(http://stroymart.com.ua/img/site/arrow-trans.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:10px;
	padding-right:2px;
	
}


a.lightblue, #bottomMenuLeft a.lightblue
{
	color:#75b4e0;	
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;	
}
.fltlft { 
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}