/***************************************************
				ANDREA FULTZ
***************************************************/
html {
background: 		url("files/bg_dark.jpg") 0 0 repeat-x;
}

body,html {
	scrollbar-face-color:#A92E30;
	scrollbar-arrow-color:#A92E30;
	scrollbar-track-color:#730303;
	scrollbar-shadow-color:#000000;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#647A19;
	scrollbar-darkshadow-Color:#647A19;
	
	
	padding:			0;
	margin:				0;
	font-size:			10px;
	font-family: 		Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
	line-height:		16px;
	text-align: 	justify;
	color: 			#FFFFFF;
}


h1
{
	font-family: Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	/*left-padding:5px;*/
	}
.style1 {font-size:13px}
.style2 {color: #FCF1C3}
.style4 {color: #CCCCCC}
.date { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px }
.text { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px }

	
.container {
	overflow: hidden;
	border: 0px solid #FFFFFF;
	position: relative;
	margin: 60px auto 0 auto;
	padding: 0px;
	width: 898px;
	height:inherit;
}

#header {
	width: 890px;
	height: 110px;
	border:2px solid white;
	}
#title {
	width: 890px;
	height: 180px;
	border:2px solid white;
	}


.display{
vertical-align: top;
align: center;
background:  #f4f4f5 url("files/bg_red.jpg") 0 0 repeat-x;
float: left;
margin-top: 4px;
width: 893px;
border:2px solid #ffffff;

}

.photo {
position:static;
	width: 266px;
	height: 355px;
	float: left;
	overflow-y:auto;
	overflow-x:hidden;
	vertical-align: top;
}
.maincontent {
	/*background-color: #730303;
	/*filter:chroma(color=#730303);*/
	
	text-align: left;
	font-size: 13px;
	line-height:18px;
	position: static;
	float: left;
	text-align:left;
	vertical-align: top;
	margin-top:0px;
	width: 627px;
	height:355px;
	border:0px solid white;
	overflow-y:auto;
	overflow-x: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: 0px;
height: 11px;
vertical-align: baseline;
font-size: 10px;
text-align: justify;
width:				759px;
padding:			0px 0 10px 0;
}

p {
padding: 5px;
vertical-align: baseline;
font-size: 13px;
text-align:left;
}

table {
/*background:	#730303	url("files/border_inside.gif") 0 0 repeat-y;*/
background-color: #730303;
text-align:left;
border:0px;
border-color:#dc501e;
min-height:355px;
float:left;

}

.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: #FFFFFF;
}
a:hover
{
	text-decoration: underline;
}
a:active
{
	text-decoration: underline;
}

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

#modernbricksmenu{
padding: 0px;
margin-top: 8px;

width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font:   11px Tahoma, sans-serif;
margin:0;
margin-left: 10px; /*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: #FFFFFF;
	margin: 0 3px 0 0; /*Margin between each menu item*/
	padding: 2px 8px;
	text-decoration: none;
	letter-spacing: 2px;
	background-color: transparent;
	/*background-color: #730303; /*Default menu color*/
	border-bottom: 1px #FFFFFF;
}

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

#modernbricksmenu #current a{ /*currently selected tab*/
	 
	background-color: #9F2228;
	color: #FFFFFF;
	border-color: #FFFFFF; /
}

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

 /* #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;
}