/***************************************************
				ALEXANDER SCHNOOR
***************************************************/

body,html
{
  font-family: Arial, Helvetica, sans-serif,verdana, tahoma;
 
  margin: 0px;
  padding: 0px;

}
body {
	background: 		#f4f4f5 url("../files/bg.gif") 0 0 repeat-x;
	padding:			0;
	margin:				0;
	font-size:			10px;
	color:				#666;
	line-height:		16px;
	
	/*part 1 of centering hack*/
	text-align: 		center;	
}



h1
{	
	font-family: Arial, Helvetica, sans-serif;
	color:#00000C;	
	}
	
.style1 {color: #dc501e}
.style2 {color: #FCF1C3}
	
.container {

overflow: hidden;
border: 0px solid #000000;
background: 		#f4f4f5 url("../files/bg.gif") 0 0 repeat-x;
position: relative;
margin: 80px auto 0 auto;
padding: 0px;
width: 759px;
}

.header {
	background: #000000;
	width: 743px;
	height: 111px;
	border:8px solid black;
	background-color: #000000;
}
#logo {		
	padding:			0 !important;
	margin:				0 !important;
	width:				163px;
	height:				77px;
	position:			relative;
	top:				16px;
	left:				17px;
}


.display{
background: #000000;
vertical-align: top;
float: left;
margin-top: 8px;
margin-left: 6px;
width: 743px;
border:2px solid #dc501e;

}


.maincontent {
position: relative;
background: #000000;
float: left;
vertical-align: top;
margin: 8px;
margin-left: 18px;
width: 706px;
border:0px solid red;
overflow:hidden;
}

.old_navigation {
background: #ffffff;
vertical-align: top;
float: left;
margin-top: 5px;
margin-left: 5px;

height: 450px;
width: 88px;
border:0px solid red;
}
.footer {
vertical-align: top;
float: left;
margin-top: 5px;
height: 20px;

border:0px solid red;
vertical-align: baseline;
font-size: 10px;
text-align: right;
	width:				759px;
	padding:			10px 0 10px 0;
}

p {
padding: 5px;
vertical-align: baseline;
font-size: 15px;
}

table {
border:solid;
border-color:#dc501e;
}

.textarea {
padding: 5px;
vertical-align: center;
text-align: left;

}
h2, button, select, {
vertical-align: baseline;
font-size: 12px;
text-align: left;
}

a
{
	text-decoration: none;
	color: #000000;
}
a:hover
{
	text-decoration: underline;
}
a:active
{
	text-decoration: underline;
}

 /* Main Nav Setup
--------------------------------*/

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font:  bold 11px Tahoma, sans-serif;
margin:0;
margin-left: 8px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
text-transform:uppercase
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
;
}

#modernbricksmenu a{
float: left;
display: block;
color: #FCF1C3;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px #FCF1C3;
}

#modernbricksmenu a:hover{
background-color: #853012; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #dc501e; /*Brown color theme*/ 
border-color: #dc501e; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #000000; 
}

 /* #INTRO
--------------------------------------------------------------------*/

#content #intro {	
	
	border:				8px solid #fff;
	height:				200px;
	background:			url("../files/intro_bg.png") 0 0 repeat-x;
}

#content .phone_order {

	position:			relative;
	right:				10px;
	top:				12px;
	overflow:			hidden;
}


#content p.hr {
	background:			#e1e1f4;
	height:				1px;
	display:			block;
	margin:				8px 0 0 0;
	overflow:			hidden;
}

#info_bar {
	background:			url("../files/info_bar_bg.png") 0 -1px repeat-x;
	_height:			1%;
	border-top:			1px solid #e1e1f4;
	font-size:			2px;
	overflow:			hidden;
}

#info_bar ol li {
	DISPLAY: 			block;
	float:				left;
	height:				101px;
	width:				168px;
	padding:			10px 0 0 10px;
	margin:				0;
	/*border: 			1px solid red;*/
}

#info_bar ol.txt_address li {
	height:				60px;
	padding:			10px 0 0 10px;
}

#info_bar ol.txt_address li.short {
	padding-left:		20px;
	width:				100px;
}

#info_bar ol li.divider {
	background:			url("../files/info_bar_divider.png"/) 0 0 no-repeat;
	width:				3px;		
	padding:			0;
}

/* clearfix (already applied on #body)
--------------------------------*/

.clearfix:after,#body:after {
    content:"."; 
    display:block; 
    height:0; 
	line-height: 0px; /* RB - Added */ 
    clear:both; 
    visibility:hidden;
}

.clearfix,#body {
	display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix, * html #body {height: 1%;}
.clearfix, #body {display: block;}
/* End hide from IE-mac */







#container #content OL#navigation LI A.selected {
	background-position: left 54px;
}
#content OL#navigation LI A:hover {
 	background-position: left 27px;
}

#content OL#navigation LI.tab A:hover {
 	background-position: 0;
}