@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0;}

body{
margin:0;
background-color:#dbd6c7;
}

img{
border:none;
}

.clear{
clear:both;
height:0px;
}

#wrapper{
width:900px;
margin:0px auto;
}

#header{
width:900px;
height:100px;
clear:both;
padding:1px 0;
background-color:#e9e4da;
background-image:url(images/bg.gif);
background-position:top;
background-repeat:no-repeat;
}

.shadow{
background-color:#ccc7b9;
height:4px;
width:900px;
margin-bottom:9px;
}

#headerRight{
float:right;
width:557px;
height:100px;
text-align:right;
}

ul#headerNav{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#7c7a77;
list-style:none;
margin:0px 0px 0px 170px;
padding:0;
}

ul#headerNav li{
float:left;
display:inline;
}

ul#headerNav li a{
color:#7c7a77;
text-decoration:none;
margin-left:10px;
}
ul#headerNav li a:hover{
color:#8cc63f;
text-decoration:none;
}

ul#headerNav2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#7c7a77;
list-style:none;
margin:0px 0px 0px 120px;
padding:0;
width:500px;
}

ul#headerNav2 li{
float:left;
display:inline;
}

ul#headerNav2 li a{
color:#7c7a77;
text-decoration:none;
margin-left:10px;
}
ul#headerNav2 li a:hover{
color:#8cc63f;
text-decoration:none;
}

#dclogo{
width:246px;
height:87px;
margin:8px 0px 0px 30px;
float:left;
overflow:hidden;
background-image:url(images/DClogo.png);
background-repeat:no-repeat;
background-position:0 0;
display:block;
}
#dclogo a{
width:246px;
height:58px;
display:block;
}
#dclogo span {
margin-left: -5000px;
}

#dslogo{
width:246px;
height:58px;
margin:20px 0px 0px 30px;
float:left;
overflow:hidden;
background-image:url(images/DSlogo.png);
background-repeat:no-repeat;
background-position:0 0;
display:block;
}
#dslogo a{
width:246px;
height:58px;
display:block;
}
#dslogo span {
margin-left: -5000px;
}

#dalogo{
width:246px;
height:58px;
margin:20px 0px 0px 30px;
float:left;
overflow:hidden;
background-image:url(images/DAlogo.png);
background-repeat:no-repeat;
background-position:0 0;
display:block;
}
#dalogo a{
width:246px;
height:58px;
display:block;
}
#dalogo span {
margin-left: -5000px;
}

#dllogo{
width:246px;
height:58px;
margin:20px 0px 0px 30px;
float:left;
overflow:hidden;
background-image:url(images/DLlogo.png);
background-repeat:no-repeat;
background-position:0 0;
display:block;
}
#dllogo a{
width:246px;
height:58px;
display:block;
}
#dllogo span {
margin-left: -5000px;
}

#secure{
width:100px;
height:25px;
overflow:hidden;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:25px;
color:#7c7a77;
margin:0;
float:left;
}

#secure a{
width:100px;
height:25px;
background-image:url(images/lock.png);
background-repeat:no-repeat;
background-position:0px 0px;
color:#7c7a77;
text-decoration:none;
display:block;
}

#secure span{
margin-left:20px;
}

#secure a:hover{
background-position:0px -25px;
color:#8cc63f;
text-decoration:none;
}

#contact-us{
width:79px;
height:44px;
overflow:hidden;
display:block;
margin-top:0px;
float:right;
margin-left:6px;
margin-right:26px;
}

#contact-us a span{
margin-left:8000px;
display:block;
width:309px;
height:63px;
}

#contact-us a{
width:79px;
height:44px;
display:block;
background-image:url(images/contactBtn.png);
background-repeat:no-repeat;
background-position:0 0;
}

#contact-us a:hover{
background-position:0 -44px;
}

/*----------*/

#order-online {
width:79px;
height:44px;
overflow:hidden;
display:block;
margin-top:0px;
float:right;
}

#order-online a span{
margin-left:8000px;
display:block;
}

#order-online a{
width:79px;
height:44px;
display:block;
background-image:url(images/order_online.png);
background-repeat:no-repeat;
background-position:0 0;
}

#order-online a:hover{
background-position:0 -44px;
}

/*----------*/

#wob {
width:248px;
height:19px;
overflow:hidden;
display:block;
margin-top:0px;
float:right;
margin:6px 26px 6px 0;
}

#wob a span{
margin-left:8000px;
display:block;
}

#wob a{
width:248px;
height:19px;
display:block;
background-image:url(images/women_owned_Btn.png);
background-repeat:no-repeat;
background-position:0 0;
}

#wob a:hover{
background-position:0 -19px;
}

/*----------*/

#footer{
color:#7c7a77;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:900px;
margin:15px auto 0px auto;
}

#footer a{
color:#7c7a77;
text-decoration:none;
}

#footer a:hover{
color:#525252;
text-decoration:none;
}

#footer dl dt span{
margin-top:0px;
padding-top:0px;
}

#footer dl dd{
margin-left:0px;
margin-top:0px;
padding-top:0px;
}

#footer dl{
margin-top:0px;
padding-top:0px;
float:left;
margin-right:30px;
margin-bottom:0px;
}

#footer dt{
font-weight:bold;
}

#icons{
float:right;
text-align:right;
}

#copyright{
color:#7c7a77;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:900px;
margin:15px auto 0px auto;
}
#copyright a{
color:#7c7a77;
text-decoration:none;
}

#copyright a:hover{
color:#525252;
text-decoration:none;
}

#homeFlash{
width:900px;
height:500px;
}

#quickNav{
width:900px;
height:23px;
overflow:hidden;
}

#quickNav span{
margin-left:-5000px;
}

#signs_grey{
height:24px;
width:305px;
float:left;
display:block;
overflow:hidden;
}

#lighting_grey{
height:24px;
width:300px;
float:left;
display:block;
overflow:hidden;
}

#arch_grey{
height:24px;
width:295px;
float:left;
display:block;
overflow:hidden;
}

#signs_selected{
height:24px;
width:305px;
float:left;
display:block;
overflow:hidden;
}

#lighting_selected{
height:24px;
width:300px;
float:left;
display:block;
overflow:hidden;
}

#arch_selected{
height:24px;
width:295px;
float:left;
display:block;
overflow:hidden;
}

#homeTop{
width:900px;
}

#homeBottom{
width:900px;
height:250px;
}

#newsBanner{
width:480px;
height:250px;
float:left;
}

#mapBanner{
width:420px;
height:250px;
float:left;
}

#pageBG{
width:900px;
background-image:url(images/sidebarBG.gif);
background-repeat:repeat-y;
background-position:0 0;
}

#pageContainer{
width:900px;
background-image:url(images/bg.gif);
background-repeat:repeat-y;
background-position:0 0;
}

#portfolioFlash{
width:724px;
}

#portfolioNav dd{
margin-left:0px;
margin-top:0px;
padding-top:0px;
}

#portfolioNav dl{
margin-left:12px;
margin-top:5px;
padding-top:0px;
}

.selected{
color:#ded5c7;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
}

.selected span{
display:inline;
}

#portfolioNav .selected a{
color:#ded5c7;
text-decoration:none;
}
#portfolioNav .selected a:hover{
color:#8cc63f;
}

#portfolioNav dt{
font-weight:bold;
margin-top:0px;
padding-top:0px;
}

.deselected{
color:#ded5c7;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
}
.deselected span{
display:none;
}
#portfolioNav .deselected a{
color:#ded5c7;
text-decoration:none;
}
#portfolioNav .deselected a:hover{
color:#8cc63f;
}

#portfolioNav{
width:171px;
float:left;
margin-top:10px;
}

#rightColumn{
float:left;
margin-top:12px;
margin-left:5px;
width:724px;
}
#rightColumn h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#53534a;
font-weight:normal;
margin:0 0 12px 15px;
}

#bodyText{
width:684px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#53534a;
line-height:24px;
float:right;
padding:20px 20px 20px 0px;
}

#bodyText a:Link {
color:#53534a;
font-weight:bold;
text-decoration:none;
}

#bodyText a:visited {
color:#53534a;
font-weight:bold;
text-decoration:none;
}

#bodyText a:Hover {
color:#53534a;
font-weight:bold;
text-decoration:underline;
}

/*------------------------------------------------------------------Nav*/
#navigation{
	clear:both;
	padding:0 0 24px 0;
	margin:0;
}

#navBar {
	list-style: none;
	position:relative;
  	z-index:500;
	display:block;
	clear:both;
	width:900px;
}

#navBar ul {
		position:absolute;
		top:0px;
		clear:both;
		padding:0;
	}

#navBar li {
	float: left;
	list-style:none;
	position:relative;
	z-index:9999;
	height:24px;
}

#navBar li a span {
  margin-left: -5000px;
}

#navBar li a {
  display: block;
  background-image:url(images/quickNav.gif);
  background-repeat: no-repeat;
  height:24px;
  overflow:hidden;
  }
  

#navBar li.sign a {
background-position: 0px -0px; 
width:306px;}
#navBar li.sign a:hover, #navBar li.sign.sfHover a, #navBar li.sign a.hover {
background-position: 0px -24px;}

#navBar li.lighting a {
background-position: -306px -0px; 
width:300px;}
#navBar li.lighting a:hover, #navBar li.lighting.sfHover a, #navBar li.lighting a.hover {
background-position: -306px -24px;}

#navBar li.architectural a {
background-position: -606px -0px; 
width:294px;}
#navBar li.architectural a:hover, #navBar li.architectural.sfHover a, #navBar li.architectural a.hover {
background-position: -606px -24px;}
/*----------------------------------------------------------drop down settings*/

				.sign ul {
				width:295px;
				
				}

				.lighting ul {
				width:291px;
				}
				
				.architectural ul {
				width:294px;
				}

		
				
			/*----------------------------------------------------------drop down settings*/
			
	#navBar .sf-sub-indicator {
		display:none;	
	}

	#navBar li ul {
		border-top:0px;
		border-bottom:0px;
		display:none;
		position:absolute;
		top:24px;
		left:0px;
		z-index:10;
	}


		#navBar li ul li {
			border-left:0px;
			border-right:0px;
			float:none;
			padding:0;
			position:static;
			height:auto;
		}
		
		#navBar li ul li a {
			background-color:#78ae13;
			background-image:none !important;
			border-bottom:1px;
			display:block;
			color:#FFF;
			height:auto;
			_height:20px;
			float:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			margin:0 !important;
			padding:7px 10px 7px 15px;
			text-indent:0;
			width:auto !important;
			text-decoration:none;
		}
		#navBar li ul li a:hover {
			background-color:#51770b;
			color:#FFF;
		}
		
		#cat_links a {
			color:#333;
			text-decoration:none;
		}


.contentArea{
width:900px;
background-color:#f6f2eb;
}

#navigation2{
	clear:both;
	padding:0;
	margin:0;
}

/*------------------------------------------------------------------Nav*/

#navBar2 {
	list-style: none;
	position:relative;
  	z-index:500;
	display:block;
	clear:both;
	width:900px;
	height:29px;
}

#navBar2 ul {
		position:absolute;
		top:0px;
		clear:both;
		padding:0;
	}

#navBar2 li {
	float: left;
	list-style:none;
	position:relative;
	z-index:9999;
	height:30px;
}

#navBar2 li a span {
  margin-left: -5000px;
}

#navBar2 li a {
  display: block;
  background-image:url(images/quick_nav.png);
  background-repeat: no-repeat;
  height:29px;
  overflow:hidden;
  }
  

#navBar2 li.sign a {
background-position: 0px -0px; 
width:306px;}
#navBar2 li.sign a:hover, #navBar2 li.sign.sfHover a, #navBar2 li.sign a.hover {
background-position: 0px -29px;}

#navBar2 li.lighting a {
background-position: -306px -0px; 
width:300px;}
#navBar2 li.lighting a:hover, #navBar2 li.lighting.sfHover a, #navBar2 li.lighting a.hover {
background-position: -306px -29px;}

#navBar2 li.architectural a {
background-position: -606px -0px; 
width:294px;}
#navBar2 li.architectural a:hover, #navBar2 li.architectural.sfHover a, #navBar2 li.architectural a.hover {
background-position: -606px -29px;}
/*----------------------------------------------------------drop down settings*/



		
				
			/*----------------------------------------------------------drop down settings*/
			
	#navBar2 .sf-sub-indicator {
		display:none;	
	}

	#navBar2 li ul {
		border-top:0px;
		border-bottom:0px;
		display:none;
		position:absolute;
		top:29px;
		left:0px;
		z-index:10;
	}


		#navBar2 li ul li {
			border-left:0px;
			border-right:0px;
			float:none;
			padding:0;
			position:static;
			height:auto;

		}
		
		#navBar2 li ul li a {
			background-color:#635f59;
			background-image:none !important;
			border-bottom:1px;
			display:block;
			color:#FFF;
			height:auto;
			_height:20px;
			float:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			margin:0 !important;
			padding:7px 10px 7px 15px;
			text-indent:0;
			width:auto !important;
			text-decoration:none;
		}
		#navBar2 li ul li a:hover {
			background-color:#7c776e;
			color:#FFF;
		}
		
		#navBar2 .sign ul {
			width:294px;
			left:0px;
		}

		#navBar2 .lighting ul {
			width:291px;
			left:-1px;
		}
				
		#navBar2 .architectural ul {
			width:294px;
			left:0px;
		}
		
#homeSplashBox{
	width:850px;
	margin:auto;
}
#homeServBox{
	width:900px;
	margin:auto;
}
#homeServBox div#services{
	width:377px;
	float:left;
	background-color:#a39c92;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	margin-bottom:25px;
}
#homeServBox div#services h2{
	background:url(images/new_home/sign-services.jpg) no-repeat;
	height:36px;
	width:252px;
	overflow:hidden;
	margin:25px 0 0 25px;
}
#homeServBox div#services h2 span{
	margin-left:-5000px;
}
#homeServBox div#services ul{
	padding:0 0 25px 40px;
	float:left;
}
#homeServBox div#services ul.col2{
	padding:0 0 25px 60px;
}
#homeServBox div#services li{
	padding-bottom:5px;
}


#homeServBox div#homeText{
	width:460px;
	float:left;
	margin: 0 0 0 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3d3d3d;
}
#homeServBox div#homeText p{
	margin-bottom:20px;
}

#homeServBox div#homeText #more, #homeServBox div#homeText #less{
	color:#78a22f;
	cursor:pointer;
	width:100px;
}

h3.news{
	background:url(images/new_home/latest-news.jpg) no-repeat;
	width:248px;
	height:51px;
	overflow:hidden;
	margin-bottom:15px;
}
h3.news span{
	margin-left:-5000px;
}

#newsBox{
	width:900px;
	margin:auto;
}

.newsItem{
	width:270px;
	float:left;
	margin-left:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3d3d3d;
}
div.attachment-post-thumbnail{
	width:270px;
	height:110px;
	overflow:hidden;
}
.newsItem h4{
	font-size:18px;
	margin:10px 0;
}
.newsItem h4 a{
	text-decoration:none;
	color:#3d3d3d;
}
.newsItem h4 a:hover{
	color:#78a22f;
}
.newsItem p{
	font-size:12px;
}
.newsItem p a{
	text-decoration:none;
	color:#78a22f;
}
.newsItem p a{
	text-decoration:underline;
}
.readmore{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#78a22f;
	padding:25px 0 25px 25px;
}
.readmore a{
	text-decoration:none;
	color:#78a22f;
}
.readmore a:hover{
	text-decoration:underline;
}

.theme-default #slider {
    margin:0px auto 0 auto;
    width:850px; /* Make sure your images are the same size */
    height:443px; /* Make sure your images are the same size */
}


