@charset "utf-8";
/* CSS Document */
/***************************************************************************************************************************************PAGE*ELEMENTS*/
.coresLeft {
text-align: justify; width: 430px; float: left; padding: 0 20px 0 0;
}
.coresRight {
text-align: justify; width: 430px; float: right; padding: 0 0 0 20px;
}

body {
margin: 0px;
padding: 0px;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
background: #CCCCCC url(../images/grain.gif) repeat-x;
}

#container {
margin: 0px auto;
padding: 0px;
width: 1000px;
position: relative;
top: 0px;	
}

#likebox-frame{
 border:2px solid #FFFFFF;
 width:635px;
 z-index:10;
 height: 300px;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
}
#likebox-frame iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}



/*************************************************************************************************************************************HEADER*ELEMENTS*/

#header {
margin: 0px auto 0px;
padding: 0px;
height: 100px;
width: 1000px;
position: relative;
top: 0px;
background: #FFFFFF url(../images/head.gif);
z-index: 2;
}
	#header p {
	margin: 0px;
	padding: 0px;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: absolute;
	float: left;
	top: 25px;
	left: 210px;
	line-height: 14px;
	letter-spacing: 3px;
	}

#logo {
margin: 0px;
padding: 0px;
height: 61px;
width: 150px;
position: relative;
left: 30px;
top: 20px;
}
	
	#logo img{
	border: 0px;
	}

#banner {
margin: 0px auto;
padding: 0px;
height: 28px;
position: relative;
top: 0px;
width: 1000px;
z-index: 1;
background-color: #9D291C;
border-top: 1px solid #B55D53; /*bevel top*/
border-bottom: 1px solid #701D14; /*bevel bottom*/
}

/*************************************************************************************************************************************MAIN*NAVIGATION*/

#main_nav {
margin: auto;
padding: 0px;
width: 1000px;
position: relative;
top: 0px;
left: 0px;
z-index: 2;
text-align: left;
/*background-color: #9D291C;*/
}
	#main_nav a {
	z-index: 1;
	font-size: 12px;
	color: #FFFFFF;
	}

.input {
margin: 0px;
/*padding: 1px 0px 0px 0px;
height: 17px;*/
padding: 0px;
height: 18px;
width: 93px;
z-index:2;
font-size: 12px;
border-top: 1px solid #701D14; /*bevel top*/
border-bottom: 1px solid #B55D53; /*bevel bottom*/
border-left: 1px solid #B55D53; /*bevel left*/
border-right: 1px solid #701D14; /*bevel right*/
}

.submit {
background-color: #FFFFFF;	
margin: 0px;
/*padding: 2px 0px 16px 0px;
height: 18px;*/
padding: 0px;
height: 20px;
width: 37px;
z-index: 2;
font-size: 11px;
border-top: 1px solid #701D14; /*bevel top*/
border-bottom: 1px solid #B55D53; /*bevel bottom*/
border-left: 1px solid #B55D53; /*bevel left*/
border-right: 1px solid #701D14; /*bevel right*/
}

.hover {
background-color: #CCCCCC;
margin: 0px;
padding: 1px 0px 4px;
height: 20px;
width: 37px;
z-index: 2;
font-size: 11px;
border: 1px solid #FFFFFF;
}

.login {
margin: 0px;
padding: 5px 0 0;
height: 20px;
width: 235px;
position: absolute;
float: right;
top: 0px;
right: 50px;
z-index: 2;
font-size:12px;
color: #FFFFFF;	
}

.buttonimage {
margin:0px;
padding:0px;
position:relative;
float:right;
}

/***********************************************************************************************************************************************LOGIN*/

#secureheader {
margin: 0px;
padding: 0px;
font-size:11px;
position: absolute;
top: 30px;
height: 22px
}
	#secureheader ul{
	margin: 0px;
	padding: 0px 60px 0 40px;
	font: bold;
	list-style-type: none;
	border-bottom: none;
	background: #333333;
	overflow: hidden;
	width: 900px;
	}
	#secureheader li{
	display: inline;
	margin: 0;
	}
	#secureheader li a{
	margin: 0px;
	color: #FFFFFF;
	padding: 2px 10px 2px 9px; /*padding inside each tab*/
	float: left;
	display: block;
	text-decoration: none;
	border-right: 1px #555555 solid; /*right divider between tabs*/
	background: #333333;
	}
	#secureheader li a:visited{
	color: #FFFFFF;
	}
	#secureheader li a:hover{
	background: #555555; /*background of tabs for hover state */
	}
	#secureheader a.selected{
	background: #555555; /*background of tab with "selected" class assigned to its LI */
	}

.loginfloat {
margin: 0px;
padding: 0px;
position: relative;
float: right;
top: 106px;
right: 40px;
z-index: 2;
font-size:12px;
color: #FFFFFF;
}
	.loginfloat a:visited {
	color: #FFFFFF;
	decoration: none;
	}
	.loginfloat a:active{
	color: #FFFFFF;
	decoration: none;
	}
	.loginfloat a:hover{
	color: #FFFFFF;
	decoration: underline;
	}

/*******************************************************************************************************************************************DASHBOARD*/

#dashboard_table {
padding: 5px 0px 20px;
margin: 0px;
border: 0px;
font-size: 11px;
width: 900px;
position: relative;
float: left;
border-collapse: collapse;
}
	#dashboard_table td {
	padding: 5px 3px;
	}
	#dashboard_table tr {
	padding: 0px;
	margin: 0px;
	}	
	#dashboard_table th {
	text-align: left;
	}	
	#dashboard_table img {
	border: none;	
	float: right;
	}
	
#dashboardDetails_table {
padding: 30px 0px 0px;
margin: 0px;
border: 0px;
font-size: 11px;
width: 300px;
position: relative;
float: left;
border-collapse: collapse;
}
	#dashboardDetails_table td {
	padding: 5px 3px;
	}
	#dashboardDetails_table tr {
	padding: 0px;
	margin: 0px;
	}	
	#dashboardDetails_table th {
	text-align: left;
	}	
	#dashboardDetails_table img {
	border: none;
	float: right;
	}	

#dashboardEdit_table {
padding: 5px 0px 20px;
margin: 0px;
border: 0;
font-size: 11px;
width: 500px;
position: relative;
float: left;
border-collapse: collapse;
}
	#dashboardEdit_table td {
	padding: 5px 0px;
	}
	#dashboardEdit_table tr {
	padding: 0px;
	margin: 0px;
	}	
	#dashboardEdit_table th {
	text-align: left;
	}	
	#dashboardEdit_table img {
	border: none;	
	float: right;
	}	
		#dashboardEdit_table input {
		margin: 0px;
		/*padding: 1px 0px 0px 0px;
		height: 17px;*/
		padding: 0px;
		height: 18px;
		width:346px;
		z-index:2;
		font-size: 12px;
		border: 1px solid LightGray;
		background-color: LightSlateBlue;
		}	

#dashboardDetailsOrder_table {
padding: 30px 0px 0px;
margin: 0px;
border: 0px;
font-size: 11px;
width: 550px;
position: relative;
float: right;
border-collapse: collapse;
}
	#dashboardDetailsOrder_table td {
	padding: 5px 3px;
	}
	#dashboardDetailsOrder_table tr {
	padding: 0px;
	margin: 0px;
	}	
	#dashboardDetailsOrder_table th {
	text-align: left;
	}		
/*******************************************************************************************************************************************SLIDESHOW*/

#infopane {
margin: 0px;
padding: 0px;
width: 375px;
height: 200px;
position: absolute;
float: left;
left: 0px;
z-index: 1;
}
	
#slideshowcontainer {
margin: 0px auto;
padding: 0px;
position: relative;
top: 0px;
z-index: 1;
}

#slideshowtoggler {
margin: 0px auto;
padding: 0px 0px;
width: 234px;
position: absolute;
float: left;
left: 715px;
z-index: 2;
}

/*********************************************************************************************************************************************GALLERY*/

#browse {
margin: 0px;
padding: 15px 0px 35px 0px;
width: 728px;
float: right;
}
	#browse ul {
	margin: 0px;	
	padding: 0px; 
	list-style: none;
	position: relative; 
	}
	#browse ul li {
	margin: 10px 0px 10px 70px;
	padding: 0px;
	width: 160px;
	display: inline; 
	height: 290px; 
	float: left; 
	}
	#browse ul li a {
	display: block; 
	height: 260px;
	width: 160px;  
	text-decoration: none; 
	border: none;
	}
	#browse a img {
	display: block; 
	height: 260px;
	width: 160px;
	border: none;
	}
	#browse ul li a:hover {
	height: 260px;  
	width: 160px;
	white-space: normal; 
	border: none;
	background-color: #f0f0f0;
	}
	#browse ul li a span {
	display:block; 
	font-size:11px;
	color:#666666;
	}

/**********************************************************************************************************************************************BROWSE*/

#photogallery {
margin: 0px;
padding: 34px 0px 0px;
width: 560px;
float: right;
}
	#photogallery ul {
	margin: 0px;	
	padding: 0px; 
	list-style: none;
	position: relative; 
	}
	#photogallery ul li {
	margin: 10px 8px;
	padding: 0px;
	width: 170px;
	display: inline; 
	height: 190px; 
	float: left; 
	}
	#photogallery ul li a {
	display: block; 
	height: 180px;
	width: 170px;  
	text-decoration: none; 
	border: none;
	}
	#photogallery a img {
	display: block; 
	height: 135px;
	width: 170px;
	border: none;
	}
	#photogallery ul li a:hover {
	height: 180px;  
	width: 170px;
	white-space: normal; 
	border: none;
	background-color: #f0f0f0;
	}
	#photogallery ul li a span {
	display:block; 
	font-size:11px;
	color:#666666;
	}

#mapgallery {
margin: 0px;
padding: 44px 0px;
width: 560px;
float: right;
}
	#mapgallery p {
	font-size: 12px;
	color: #000000;
	}

#browseTitle {
margin:0;
padding:0;
position:absolute;
width:500px;
height:30px;
top:30px;
left:50px;
}

#stainContainer {
margin:0;
padding:0;
position:absolute;
width:100px;
height:414px;
top:70px;
left:50px;
}
	#stainContainer img {
	margin:0;
	padding:0 0 5px;
	position:relative;
	width:100px;
	height:55px;
	}

#browseContainer p {
margin: 0px;
padding: 0 5px 10px;
font-size: 11px;
}

#browseContainer {
margin: 0;
padding: 0;
width: 700px;
height: 700px;
background:url('../images/cabinets/shadow.gif') top left no-repeat;
}
#browseContainer img {
position: absolute;
float: left;
padding: 0;
top:70px;
left:155px;
width:240;
height:415;
}
#browseDetails {
margin: 0;
padding: 0;
width: 280px;
min-height: 300px;
position: relative;
float: right;
top:64px;
right:10px;
}
	#browseDetails ul {
	margin: 0;
	padding: 0 10px;
	list-style: none;
	}
	#browseDetails ul li {
	margin: 0;
	padding: 5px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}
#browseSub {
margin:0;
padding:0;
width:700px;
height:215px;
position:absolute;
top:485px;
}
	#browseSubFeatures {
	margin:0 20px 0 25px;
	padding:0;
	width:260px;
	position:relative;
	float:right;
	}
	#browseSubAltFeatures {
	margin:32px 0 0 0;
	padding:0;
	width:240px;
	position:relative;
	float:right;
	}
	#browseSub img {
	margin:0;
	padding:0;
	width: 80px;
	height:118px;
	left:60px;
	top:40px;
	}
	#browseSub p {
	margin: 0px;
	padding: 5px 0 0;
	font-size: 11px;
	}
	
#browseContainer h1 {
margin: 0;
padding: 0 8px 8px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 24px;
}

/****************************************************************************************************************************************MAIN*CONTENT*/

#content {
margin:0;
padding:20px 50px;

width:900px;	
background:#FFFFFF none repeat scroll 0 0;
}

#float725 {
margin: 0px;
padding: 0px;
font-size: 12px;
text-align: justify;
width: 635px;
min-height: 400px;
position: relative;
float: left;
}
	#float725 img {
	float: right;
	}

#float275 {
margin: 0px;
padding: 0px;
font-size: 12px;
text-align: justify;
width: 234px;
min-height: 400px;
position: relative;
float: right;
border-left: 1px solid #e1e1e1;
}
	.colorGreen {
	width: 224px;
	height: 40px;
	padding: 7px 0 3px 10px;
	position: relative;
	background: url(../images/heading_decogreen.gif) #73c985 top left no-repeat;
	}
	.colorOrange {
	width: 224px;
	height: 30px;
	padding: 7px 0 3px 10px;
	background: url(../images/heading_decoorange.gif) #eb8541 top left no-repeat;
	}	
	.colorRed {
	width: 224px;
	min-height: 30px;
	padding: 10px 0 5px 10px;
	background: url(../images/heading_red.gif) #be584c top left repeat-x;
	}	
	.colorBrown {
	width: 224px;
	min-height: 30px;
	padding: 10px 0 5px 10px;
	background: url(../images/heading_brown.gif) #64574f top left repeat-x;
	}
	.colorFlag {
	width: 224px;
	height: 60px;
	padding: 10px 0 5px 10px;
	background: url(../images/heading_flag.gif) top left no-repeat;
	}	
	.colorEnvelope {
	width: 224px;
	height: 120px;
	padding: 50px 0 5px 10px;
	background: url(../images/heading_envelope.jpg) top left no-repeat;
	}	
/*******************************************************************************************************************************LOCATE*REPRESENTATIVE*/

#usmap {
margin: 0px;
padding: 25px 50px;
border: none;
width: 800px;
}
	#usmap ul {
	margin: 4px;
	padding: 40px 23px;
	list-style-type: none;	
	}

#maplist {
margin: 0px;
padding: 0px 50px;
border: none;
width: 800px;
}
	#maplist ul {
	margin: 0px;
	padding: 10px 17px 30px 17px;
	list-style-type: none;
	width: 125px;
	}

.list {
margin: 0px;
padding: 0px;
float: left;
}

/****************************************************************************************************************************************FAQFAQFAQFAQ*/

#faq {
margin: 0px;
padding: 20px 0px 0 0;
float: left;
width: 900px;
font-size: 12px;
color: #000000;
line-height: 24px;
}
	#faq p {
	margin: 0px 0px 0px 16px;
	padding: 0px 24px 15px 0px;
	text-indent: 10px;
	}
	#faq li {
	padding: 0px 24px 0px 0px;
	font-size: 12px;
	}
	#content a {
	font-size: 12px;
	text-decoration: underline;
	color: #9D291C;
	}
	#content a:link, #content a:visited {
	text-decoration: none;
	}
	#content a:active, #content a:hover {
	text-decoration: underline;
	color: #222222;
	}

.question { 
cursor: hand;
cursor: pointer;
margin: 10px 0 0;
background: url(../images/faq_gradient.jpg) bottom right no-repeat;
}

.openanswer{ 
color: #9D291C;
font-weight: bold;
border: 1px solid #888888;
border-bottom: none;
}

.closedanswer{ 
color: #555555;
}

#faq table {
margin: 0px 15px;
padding: 0 0 0 15px;
border: none;
text-align: left;
border-collapse: collapse;
}

#faq table td, #faq table tr td ol {
vertical-align: top;
font-size: 12px;
margin: 0px;
padding: 0 24px 5px 0;
}

#faq table td {
border-bottom: 1px solid #000000;
}

.faqcontainer img {
margin: 0px;
padding: 20px 10px 30px 100px;
}

.construction_left, .construction_right {
margin:0;
padding:0 0 0 18px;
width:431px;
}

.construction_left img, .construction_right img {
margin:0;
padding:0;
border:none;
width:50px;
height:50px;
}

.construction_left {
float:left;
}

.construction_right {
float:right;
}

/****************************************************************************************************************************************construction*/

#construction {
margin: 0px;
padding: 20px 0 25px 0;
float: left;
width: 900px;
font-size: 12px;
color: #000000;
line-height: 24px;
}
	#construction p {
	margin:0 10px 0 10px;
	padding:0px;
	text-indent:0px;
	vertical-align:top;
	}

.type { 
cursor: hand;
cursor: pointer;
margin: 10px 0 0;
background: url(../images/faq_gradient.jpg) bottom right no-repeat;
}

.opendetails{ 
color: #9D291C;
font-weight: bold;
border: 1px solid #888888;
border-bottom: none;
}

.closeddetails{ 
color: #555555;
}

.details {
border-bottom:1px solid #888888;
border-left:1px solid #888888;
border-right:1px solid #888888;
}
	.details img {
	margin:8px 0;
	padding:0;
	border:1px solid #888888;
	width:75px;
	height:75px;
	float:left;
	}
	.details table tr td {
	vertical-align:top;	
	}



/****************************************************************************************************************************************CERTIFICATES*/

#cert {
margin: 0px;
padding: 20px 0 0 0;
float: left;
width: 900px;
font-size: 12px;
color: #000000;
line-height: 22px;
}
	.cert p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	text-indent: 10px;	
	text-align: justify;
	}
	.cert img {
	float: left;	
	border: none;
	padding: 0 20px 0 0;
	width: 100px;
	height: 100%;
	}
	.cert ul {
	margin: 0px;
	padding: 0px 0px 25px 30px;
	text-align: justify;
	}
	.cert ol {
	margin: 0px;
	padding: 0px 0px 25px 30px;
	text-align: justify;
	}	

.cert_image {
float: right;
position: relative;
padding: 0 0 0 50px;
}
	.cert_image a {
	float: right;
	}

/*************************************************************************************************************************************FOOTER*ELEMENTS*/

#footerBLBR {
margin: 0 auto;
padding: 0px;
height: 40px;
width: 1000px;
background: #9D291C url(../images/footer_BL.gif) bottom left no-repeat;
}
	#footer {	
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 1000px;
	background: url(../images/footer_BR.gif) bottom right no-repeat;
	}
		#footer_nav {
		position: relative;
		margin: 0px;
		padding: 10px 230px;
		width: 540px;
		}
			#footer_nav a {
			font-size: 12px;
			color: #FFFFFF;
			}
			#footer_nav ul {
			margin: 0px;
			padding: 0px;
			}
			#footer_nav li {
			display: inline;
			list-style-type: none;
			padding: 0 10px 0 8px;
			}
			#footer_nav a:link, #footer_nav a:visited {
			text-decoration: none;
			}
			#footer_nav a:active, #footer_nav a:hover {
			text-decoration: underline;
			color: #E5E5E5;
			}

.subfooter {
margin: 0px auto;
padding: 0px;
text-align: center;
position: relative;
height: 135px;
width: 1000px;
font-size: 12px;
color: #444444;
background: #CCCCCC url('../images/shade.jpg') no-repeat top left;
}

/*********************************************************************************************************************************************CLASSES*/

h1 {
font-size: 24px;
line-height: 24px;
margin: 0px;
padding: 0px 0px 0px 0px;
color: #000000;
}
h2 {
font-size: 22px;
line-height: 22px;
margin: 0px;
padding: 16px 0px 0px 0px;
color: #222222;
}
h3 {
font-size: 20px;
line-height: 20px;
margin: 0px;
padding: 12px 0px 0px 0px;
color: #444444;
}
h4 {
font-size: 18px;
line-height: 22px;
margin: 0px;
padding: 8px 0px 8px 0px;
color: #9D291C;
}
h5 {
font-size: 16px;
line-height: 5px;
margin: 0px;
padding: 8px 0px 8px 0px;
color: #777777;
}
h6 {
font-size: 14px;
line-height: 14px;
margin: 0px;
padding: 8px 0px 12px 0px;
color: #888888;
text-align: justify;
}
h7 {
font-size: 12px;
line-height: 12px;
margin: 0px;
padding: 4px 0px 0px 0px;
color: #888888;
text-align: left;
}

.gallerytext {
margin: 0px;
padding: 0px 20px 0 0;
float: left;	
width: 320px;
font-size: 12px;
color: #000000;	
line-height: 24px;
}
	.cc {
	float: left;
	margin: 10px 10px 0 0;
	position: relative;
	width: 435px;
	background: url("../images/bg_gradient.jpg") repeat-x scroll left bottom #FFFFFF;
	border: 1px solid #888888;
	}
	.cc img {
	padding: 10px 10px 2px;
	position: relative;
	float: left;
	}
	.cc p {
	width: 190px;
	padding: 0px 10px;
	position: relative;
	float: left;
	height: 200px;
	}

.heading {
margin: 0px;
padding: 0px 20px 0 0;
float: left;	
width: 700px;
font-size: 12px;
color: #000000;	
line-height: 24px;
}

.contact {
margin: 20px 0 23px 0;
padding: 0 0 0 10px;
background: url(../images/bg_gradient.jpg) #FFFFFF bottom left repeat-x;
border: 1px solid #888888;
border-top: none;
}
	.contact a:link, .contact a:visited {
	text-decoration: underline;
	color: #000000;
	}
	.contact a:active, .contact a:hover {
	text-decoration: underline;
	color: #999999;
	}

.faqcontainer {
text-align: justify;
margin: 0px;
padding: 0px 16xp, 0px, 0px;
background: url(../images/bg_gradient.jpg) #FFFFFF bottom left repeat-x;
border: 1px solid #888888;
border-top: none;
}

.index {
padding: 0 10px 0 10px;	
text-align: 24px;
}
	.index a:visited, .index a:link, .index a:active, .index a:hover {
	text-decoration: underline;
	color: #000000;
	}

/**********************************************************************************************************************************************FLOATS*/

#onethird {
margin: 0px;
padding: 0px;
float: left;
position: relative;
width: 900px;
}
	#onethird ul {
	margin: 0px;	
	padding: 0px; 
	list-style: none;
	position: relative; 
	}
	#onethird ul li {
	margin: 10px 25px;
	padding: 0px;
	width: 250px;
	display: inline; 
	height: auto; 
	float: left; 
	}
	#onethird ul li a {
	display: block; 
	height: auto;
	width: 250px;  
	text-decoration: none; 
	border: none;
	}
	#onethird a img {
	display: block; 
	height: 339px;
	width: 250px;
	border: none;
	}
	#onethird ul li a:hover { 
	text-decoration: none;
	border: none;
	background-color: #f0f0f0;
	}
	#onethird ul li a span {
	display:block; 
	font-size:12px;
	color:#000000;
	text-indent: 10;
	padding: 5px 10px 20px;
	text-align: justify;
	}


/******************************************************************************************************************************************PAGE FIXES*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



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

/**************************************************************************************************************************************SMART*MENU*TOP*/

#ddtopmenubar {
position: absolute;
top: 0px;
z-index: 1;
}

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font-size: 12px;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: clear;
border: none;
border-bottom-width: 0;
visibility: hidden;
z-index: 1;
}
	.ddsubmenustyle li a{
	display: block;
	width: 160px; /*width of menu (not including side paddings)*/
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
	padding: 4px 5px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	}
	* html .ddsubmenustyle li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 170px; /*width of menu (include side paddings of LI A*/
	}
	.ddsubmenustyle li a:hover{
	background-color: #333333;
	color: #FFFFFF;
	}

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 1;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
margin: 0px;
padding: 0px;
}

/**************************************************************************************************************************************SMART*MENU*SUB*/

.smartmenu ul{
margin: 0px;
padding: 0px 40px;
font: bold;
list-style-type: none;
border-bottom: none;
/*background: #9D291C;*/
overflow: hidden;
width: 920px;
}
	.smartmenu li{
	display: inline;
	margin: 0;
	padding: 0;
	}
	.smartmenu li a{
	margin: 0px;
	padding: 6px 30px 6px 8px; /*padding inside each tab*/
	float: left;
	display: block;
	text-decoration: none;
	border-right: none; /*right divider between tabs*/
	/*background: #9D291C; */
	}
	.smartmenu li a:visited{
	color: white;
	}
	.smartmenu li a:hover{
	background: #640000; /*background of tabs for hover state */
	}
	.smartmenu a.selected{
	background: #640000; /*background of tab with "selected" class assigned to its LI */
	}

/********************************************************************************************************************************************LIGHTBOX*/

			#lightbox{
			position: absolute;
			left: 0;
			width: 100%;
			z-index: 100;
			text-align: center;
			line-height: 0;
			}
				#lightbox a img{ 
				border: none; 
				}
			
			#outerImageContainer{
			position: relative;
			top: -60px;
			background-color: #F0F0F0;
			width: 250px;
			height: 250px;
			margin: 0 auto;
			}
			
			#imageContainer{
			padding: 10px;
			}
			
			#loading{
			position: absolute;
			top: 40%;
			left: 0%;
			height: 25%;
			width: 100%;
			text-align: center;
			line-height: 0;
			}
			#hoverNav{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 10;
			}
			#imageContainer>#hoverNav{ left: 0;}
			#hoverNav a{ outline: none;}
			
			#prevLink, #nextLink{
			width: 49%;
			height: 100%;
			background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
			display: block;
			}
			#prevLink { left: 0; float: left;}
			#nextLink { right: 0; float: right;}
			#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
			#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
			
			
			#imageDataContainer{
			font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
			background-color: clear;
			margin: 0 auto;
			line-height: 20px;
			position: relative;
			top: -60px;
			}
			
			#closeContainer{
			font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
			position: relative;
			float: right;
			margin: 0 -5px 0 0;
			padding: 0;
			cursor: pointer;
			width: 27px;
			}
			
			#imageData{	padding:0 10px; color: #FFFFBE; }
			#imageData #imageDetails{ width: 80%; float: left; text-align: left; position: relative; top: 0px; left: -10px;}	
			#imageData #caption{ font-style: normal;	}
			#imageData #numberDisplay{ padding: 0px; font-size: 9px;	}			
			#imageData #bottomNavClose{ width: 66px; float: right;  padding: 0px;	}	
				
			#overlay{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			width: 100%;
			height: 500px;
			background-color: #000;
			}
			
			
			/* Min-Width */
			.lbWidth { /* most browsers */
			position: absolute;
			top: 0px; left: 0px;
			width: 100%;
			min-width: 790px;
			}
			
			* html .lbContent { /* IE6 */
			margin-left: -790px;
			position:relative;
			}
			
			* html .lbMinWidth { /* IE6 */
			padding-left: 790px;
			}

/*****************************************************************************************************************************************LIGHTWINDOW*/

#lightwindow_overlay {
display: none;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 3;
}

#lightwindow {
/* Of Note - The height and width of this element are set to 0px */
display: none;
visibility: hidden;
position: absolute;
z-index: 4;
/*line-height: 0px;*/
}
	#lightwindow_container {
	display: none;
	visibility: hidden;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	* html #lightwindow_container {
	overflow: hidden;
	}
	#lightwindow_contents {
	overflow: hidden;
	z-index: 4;
	position: relative;
	border: 10px solid #ffffff;
	background-color: #ffffff;
	}		

#lightwindow_loading {
height: 100%;
width: 100%;
top: 0px;
left: 0px;
z-index: 4;
position: absolute;
background-color: #f0f0f0;
padding: 10px;
}

	#lightwindow_loading_shim { 
	display: none;
	left: 0px; 
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
	}

	#lightwindow_loading span {
	font-size: 12px;
	line-height: 32px;
	color: #444444;
	float: left;
	padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
	color: #09F;
	text-decoration: none;
	cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
	text-decoration: underline;
	}


	#lightwindow_loading img {
	float: left;
	margin: 0 10px 0 0;
	}

#lightwindow_navigation {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
	#lightwindow_navigation_shim { 
	display: none;
	left: 0px; 
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
	}

	#lightwindow_navigation a, #lightwindow_navigation a:link, #lightwindow_navigation a:visited, 
	#lightwindow_navigation a:hover, #lightwindow_navigation a:active { 
	outline: none;
	}

	#lightwindow_previous, 
	#lightwindow_next {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
	#lightwindow_previous { 
	float: left;
	left: 0px;
	}

	#lightwindow_next { 
	float: right;
	right: 0px;
	}

	#lightwindow_previous:hover, #lightwindow_previous:active { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, #lightwindow_next:active { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title, #lightwindow_next_title {
	display: none;
	}
	 	
#lightwindow_galleries {
width: 100%;
position: absolute;
z-index: 4; 
display: none;
overflow: hidden;
margin: 0 0 0 10px;
bottom: 0px;
left: 0px;
}

	#lightwindow_galleries_tab_container {
	width: 100%;
	height: 0px;
	overflow: hidden;
	}

	a#lightwindow_galleries_tab, a:link#lightwindow_galleries_tab, a:visited#lightwindow_galleries_tab {
	display: block;
	height: 20px;
	width: 77px;
	float: right;
	line-height: 22px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-size: 11px;
	color: #ffffbe;
	background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,	* html a:link#lightwindow_galleries_tab, * html a:visited#lightwindow_galleries_tab {	
	background: none;
	background-color: #000000;
	opacity: .70;
	filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab, a:active#lightwindow_galleries_tab {
	color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
	display: block;
	height: 20px;
	width: 63px;
	padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
	background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
	background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
	background: url(../images/black-70.png) repeat 0 0 transparent;
	overflow: hidden;
	height: 0px;
	}

	* html #lightwindow_galleries_list {
	background: none;
	background-color: #000000;
	opacity: .70;
	filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
	width: 200px;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	}
		.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
		}
		.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
		}
		.lightwindow_galleries_list a, .lightwindow_galleries_list a:link, .lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
		}
		.lightwindow_galleries_list a:hover, .lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
		}
		
#lightwindow_data {
position: absolute;
}

	#lightwindow_data_slide {
	position: relative;
	}

	#lightwindow_data_slide_inner {
	background-color: #ffffff;
	padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
	padding: 10px 0 0 0;
	color: #666666;
	line-height: 25px;
	background-color: #ffffff;
	clear: both;
	}

	#lightwindow_data_details {
	background-color: #f0f0f0;
	padding: 0 10px 0 10px;
	height: 20px;
	}
	
	#lightwindow_data_author_container {
	width: 40%;
	text-align: right;
	color: #666666;
	font-style: italic;
	font-size: 10px;
	line-height: 20px;
	float: right;
	overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
	font-size: 10px;
	width: 40%;
	text-align: left;
	color: #666666;
	line-height: 20px;
	float: left;
	overflow: hidden;
	}
	
#lightwindow_title_bar {
height: 25px;
overflow: hidden;		
}

	#lightwindow_title_bar_title {
	color: #ffffbe;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
	float: left;
	}

	a#lightwindow_title_bar_close_link,	a:link#lightwindow_title_bar_close_link, a:visited#lightwindow_title_bar_close_link {
	float: right;
	text-align: right;		
	cursor: pointer;
	color: #ffffbe;
	line-height: 25px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	}
	
	a:hover#lightwindow_title_bar_close_link, a:active#lightwindow_title_bar_close_link {
	color: #ffffff;
	}

#lightwindow p {
color: #000000;
padding-right: 10px;
}

