@charset "utf-8";
/* CSS Document */
/*===============Color Palette===================

Lefty
	light brown #44413d
	dark brown #29241f

Rollovers
	Burgandy #840b11
	Yellow #F7941D
Footer	#292821;
Menu	
	Railings #7d7b80
	Architecture #63564D
	Fountains #988366
	Statuary #90745e
	Outdoor #7f725f
	Fireplaces #a19986
	Columns #8f9593
	Gazebos #b89052
	Commerical #b7a884
	Contact #a69f8f
	Home #9d9781
===============================================*/
body{background:url(../i/concrete-texture.jpg);}
a {outline: none;}
#darthtator{
	width: 787px;/*860px; - with commercial category | 932px; - with columns category | 1003px; - with archetectural category*/
	margin:auto;
	background:url(../i/repeat.png) repeat-y left;
	border-left:3px #fff solid;
	border-right:3px #fff solid;
}
*{margin:0;padding:0;}
#skip {
	font-size: .65em;
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	position: absolute;
	top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:67px;
}
#skip a {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}
#helmet{
	position:absolute;
	background:url(../i/soldierboi.png);
	z-index:1;
}
#lefty{
	float:left;
	width:210px;
	margin:0;
	padding:0;overflow:hidden;
}
#lefty img{
	border:1px #fff solid;
}
#lefty ul{
	text-align:center;
	text-decoration:none;
	list-style-type:none;
	padding: 25px 0 0 0;
}
#lefty li{
	padding-bottom: 20px;
}
#soldierboi{
	height:288px;
	background-image: url(../i/lefty.png); 
	background-position: bottom; 
	background-repeat: repeat-x;
	border-style:none;
}
#soldierboi img{
	margin: 30px 49px;
	text-align:center;
	border-style:none;
	/*border:#fff solid 2px;*/
}
#righty{
	float:left;
	width: 575px;/*648px; - with commercial category | 720px; - with columns category | 791px; - with archetectural category*/
	border-left:2px #fff solid;
	height:100%;
}
.rightspacer{width:791px; clear:both;}
#content{
	color: #fff;
	padding: 30px 47px;
}
#content h1{
	font-family:"Times New Roman", Times, serif;
	font-size: 2.2em;
	border-bottom:2px solid #2d2924;
	margin: 0 0 20px 0;
	padding-bottom:5px;
}
#content h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	padding:10px 0;
}
#content h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	padding:5px 0;
}
#content h5, #content h5 a, #content h5 a:link, #content h5 a:visited{
	color:#fff;
	text-decoration:none;
	padding-top:2px;
	text-align:center;
	padding-bottom:5px;
	font-size: .9em;
}
#content h5 a:hover{
	text-decoration:none;
	color: #F7941D;
}
#content a:link img , #content a:visited img{
	border: solid #fff 1px;
}
#content a:hover img {
	border: solid #F7941D 1px;
}
#content h5 strong{
	font-weight:normal;
	font-size: .8em;
}
#content h6, #content h6 a, #content h6 a:link, #content h6 a:visited{
	color:#fff;
	text-decoration:none;
	padding-top:4px;
	text-align:center;
	padding-bottom:5px;
	font-size: 1.2em;
}
#content h6 a:hover{
	text-decoration:none;
	color: #F7941D;
}
/*#content img.big{margin-bottom: 4px;}*/
#content p{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 10px 0;
	line-height: 1.7em;
}
#content a, #content a:link, #content a:hover{
	color: #840b11;
}
#content a:hover{
	color: #F7941D;
}
#content a.t, #content a.t:link, #content a.t:hover{
	color: #fff;
	font-size:.6em;
	text-align:center;
}
#content a.t:hover{
	color: #F7941D;
}
#content ul{
	padding-left:15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#content ol{
	padding-left:20px;
	font-weight:normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#content li{
	padding-bottom: 5px;
}
#content img{border:3px solid #29241f;}
.spacer{
	clear:both;
}
#footer{	
	height:30px;
	border-top:5px #fff solid;
	background: #292821;
}
#footer p{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	padding: 8px 10px 0 0;
	text-align:right;
}
#footer a, #footer a:link, #footer a:visited{
	color: #fff;
}
#footer a:hover{
	color: #F7941D;
}
/*==================================
			Thumbnail
==================================*/

.thumbnail{
	background-color: #222;
	float: left;
	margin: 0 0 30px 25px;
	width:126px;
	}
.thumbnaillarge{
	background-color: #222;
	float: left;
	margin: 0 0 20px 6px; /*40px;*/
	width:230px;
	}
/*MENU*/
#menu{
	height:288px;
	width: 575px;
	margin: 0;
	padding: 0;
}
#menu ul {
	border: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#menu ul li {
	display: block;
	float: right;
	text-align: center;
	padding: 0;
	margin: 0;
}
#menu ul li a {
	display: block;
	width: 71px;
	padding: 263px 0 6px 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font: normal 10px/18px verdana, arial, helvetica, sans-serif;
}
#menu ul li.home a:link, #menu ul li.home a:visited {
	color: #fff;
	background:url(../i/menu/10.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.home a:hover {
	color: #fff;
	background:url(../i/menu/10.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.contact a:link, #menu ul li.contact a:visited {
	color: #fff;
	background:url(../i/menu/9.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.contact a:hover {
	color: #fff;
	background:url(../i/menu/9.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.commercial a:link, #menu ul li.commercial a:visited {
	color: #fff;
	background:url(../i/menu/8.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.commercial a:hover {
	color: #fff;
	background:url(../i/menu/8.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.gazebos a:link, #menu ul li.gazebos a:visited {
	color: #fff;
	background:url(../i/menu/7.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.gazebos a:hover {
	color: #fff;
	background:url(../i/menu/7.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.columns a:link, #menu ul li.columns a:visited {
	color: #fff;
	background:url(../i/menu/5.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.columns a:hover {
	color: #fff;
	background:url(../i/menu/5.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.fireplaces a:link, #menu ul li.fireplaces a:visited {
	color: #fff;
	background:url(../i/menu/4.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.fireplaces a:hover {
	color: #fff;
	background:url(../i/menu/4.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.outdoor a:link, #menu ul li.outdoor a:visited {
	color: #fff;
	background:url(../i/menu/3.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.outdoor a:hover {
	color: #fff;
	background:url(../i/menu/3.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.statuary a:link, #menu ul li.statuary a:visited {
	color: #fff;
	background:url(../i/menu/2.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.statuary a:hover {
	color: #fff;
	background:url(../i/menu/2.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.fountains a:link, #menu ul li.fountains a:visited {
	color: #fff;
	background:url(../i/menu/1.jpg) left;	
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.fountains a:hover {
	color: #fff;
	background:url(../i/menu/1.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.railings a:link, #menu ul li.railings a:visited {
	color: #fff;
	background:url(../i/menu/6.jpg) left;
	border-bottom:1px solid #fff;
}
#menu ul li.railings a:hover {
	color: #fff;
	background:url(../i/menu/6.jpg) right;
	border-bottom:1px solid #fff;
}
#menu ul li.architecture a:link, #menu ul li.architecture a:visited {
	color: #fff;
	background:url(../i/menu/11.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.architecture a:hover {
	color: #fff;
	background:url(../i/menu/11.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}

/*===========US MENU==============*/
#menu ul li.ushome a:link, #menu ul li.ushome a:visited {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/7.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.ushome a:hover {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/7.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.uscontact a:link, #menu ul li.uscontact a:visited {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/6.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.uscontact a:hover {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/6.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.usabout a:link, #menu ul li.usabout a:visited {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/5.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.usabout a:hover {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/5.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.usgallery a:link, #menu ul li.usgallery a:visited {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/4.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.usgallery a:hover {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/4.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.uscalculator a:link, #menu ul li.uscalculator a:visited {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/3.jpg) left;	
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.uscalculator a:hover {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/3.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.usproduct a:link, #menu ul li.usproduct a:visited {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/1.jpg) left;
	border-bottom:1px solid #fff;
}
#menu ul li.usproduct a:hover {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/1.jpg) right;
	border-bottom:1px solid #fff;
}
#menu ul li.usinstall a:link, #menu ul li.usinstall a:visited {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/2.jpg) left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#menu ul li.usinstall a:hover {
	color: #fff;
	background:url(../bernardiprecast.com/i/menu/2.jpg) right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}

menu a:active {
	background: #c60;
	color: #fff;
}
#menu li#active a {
	background: #c60;
	border: 1px solid #c60;
	color: #fff;
}