/************* #body styles *************/

body {
	background-color: #dddddd;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}

/************* #layout styles *************/

#header{
border-bottom:1px solid #000000;
background-color:#fff8ff;
}
#content{
	width:850px;
	margin:auto;
	background-color:#000000;
	padding:0px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	
}
#left{
	

	padding:0px;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}
#left-home{
	padding:0px;
	margin:0px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
}
#bottom{
	background-color:#eeeeee;
	border-top:1px solid #000;
	padding:10px;
	margin:0px;
	width:708px;
}

#footer{
	border-top:1px solid #000000;
	background-color:#dddddd;
	font-size:x-small;
	color:#333333;
	padding-top:5px;
	margin-left:-1px;
	margin-right:-1px;
	width:852px;
	margin-bottom:-1px;
}

#main-content{

}

#middle{

	margin-left:0px;
	margin-right:0px;
	width:728px;
	margin-top:-0px;
	background-color:#ffffff;
	
	
}
#right{
	

	width:122px;
	background-color:#000000;
	margin-top:-5px;
	height:100%;
}
#nav{
	color:#333333;
	margin-bottom:5px;
	margin-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	float:right;
	line-height:150%;
	width:235px;
	background-color:#FFFFFF
}

#extra-nav{
	float:right;
	margin-right:5px;
	width:110px;
}


/************* #box styles ***************/

#boxes{
	margin-left:0px;
	margin:auto;	
	text-align:center;
	
}

.box-electrical{
	float:left;
	width:163px;
	height:163px;
	border:#000 solid 1px;
	margin:4px;
	padding:2px;
	background-image:url(../images/home.jpg);
	background-repeat:no-repeat;
}

.box-lighting{
	float:left;
	width:163px;
	height:163px;
	border:#000 solid 1px;
	margin:4px;
	padding:2px;
	background-image:url(../images/lighting-design.jpg);
	background-repeat:no-repeat;
}

.box-fire-alarms{
	float:left;
	width:163px;
	height:163px;
	border:#000 solid 1px;
	margin:4px;
	padding:2px;
	background-image:url(../images/fire-alarms.jpg);
	background-repeat:no-repeat;
}

.box-emergency{
	float:left;
	width:163px;
	height:163px;
	border:#000 solid 1px;
	margin:4px;
	padding:2px;
	background-image:url(../images/emergency-lighting.jpg);
	background-repeat:no-repeat;
}

.box-commercial{
	float:left;
	width:163px;
	height:163px;
	border:#000 solid 1px;
	margin:4px;
	padding:2px;
	background-image:url(../images/commercial.jpg);
	background-repeat:no-repeat;
}

.box-testing{
	float:left;
	width:163px;
	height:163px;
	border:#000 solid 1px;
	margin:4px;
	padding:2px;
	background-image:url(../images/electrical-testing.jpg);
	background-repeat:no-repeat;
}

.box-entertainment{
	float:left;
	width:163px;
	height:163px;
	border:#000 solid 1px;
	margin:4px;
	padding:2px;
	background-image:url(../images/home-entertainment.jpg);
	background-repeat:no-repeat;
}

.box-home{
	float:left;
	width:163px;
	height:163px;
	border:#000 solid 1px;
	margin:4px;
	padding:2px;
	background-image:url(../images/lighting-control.jpg);
	background-repeat:no-repeat;
}

.box-inner{
	text-align:center;
}

/************* #box subnav styles ***************/

#boxes-subnav{
	margin-top:8px;
	width:225px;
	margin-bottom:20px;
	margin-left:5px;
	text-align:right
}

#box-entertainment-subnav, #box-lighting-subnav, #box-home-subnav, #box-electrical-subnav, #box-fire-alarms-subnav, #box-emergency-subnav, #box-commercial-subnav, #box-testing-subnav{
	height:40px;
	width:225px;
	border:#ccc solid 1px;
	margin:2px;
	padding:0px;
	background-color:#eee;
	display:block;
	background-position:left;
	background-repeat:no-repeat;
}

#box-entertainment-subnav{
	background-image:url(../images/home-entertainment-sn.jpg);
}

#box-lighting-subnav{	
	background-image:url(../images/lighting-design-sn.jpg);
}

#box-home-subnav{
	background-image:url(../images/lighting-control-sn.jpg);
}

#box-electrical-subnav{
	background-image:url(../images/home-sn.jpg);
}

#box-fire-alarms-subnav{
	background-image:url(../images/fire-alarms-sn.jpg);
}

#box-emergency-subnav{

	background-image:url(../images/emergency-lighting-sn.jpg);
}

#box-commercial-subnav{
	background-image:url(../images/commercial-sn.jpg);
}

#box-testing-subnav{
	background-image:url(../images/electrical-testing-sn.jpg);
}

#box-testing-subnav a:link, #box-testing-subnav a:visited, #box-commercial-subnav a:link, #box-commercial-subnav a:visited, #box-entertainment-subnav a:link, #box-entertainment-subnav a:visited, #box-lighting-subnav a:link, #box-lighting-subnav a:visited, #box-home-subnav a:link, #box-home-subnav a:visited, #box-electrical-subnav a:link, #box-electrical-subnav a:visited, #box-fire-alarms-subnav a:link, #box-fire-alarms-subnav a:visited, #box-emergency-subnav a:link, #box-emergency-subnav a:visited{
	display:block;
	padding-right:10px;
}

#box-entertainment-subnav a:hover, #box-lighting-subnav a:hover, #box-home-subnav a:hover, #box-electrical-subnav a:hover, #box-fire-alarms-subnav a:hover, #box-emergency-subnav a:hover, #box-commercial-subnav a:hover, #box-testing-subnav a:hover{
	background-position:left;
	background-repeat:no-repeat;
	display:block;
}

#box-entertainment-subnav a:hover{
	background-color:#66cc33;
	background-image:url(../images/home-entertainment-sn.jpg);
}

#box-lighting-subnav a:hover{
	background-color:#ffff00;	
	background-image:url(../images/lighting-design-sn.jpg);
}

#box-home-subnav a:hover{
	background-color:#9999ff;
	background-image:url(../images/lighting-control-sn.jpg);
}

#box-electrical-subnav a:hover{
	background-color:#cc9933;
	background-image:url(../images/home-sn.jpg);
}

#box-fire-alarms-subnav a:hover{
	background-color:#CC9999;
	background-image:url(../images/fire-alarms-sn.jpg);
}

#box-emergency-subnav a:hover{
	background-color:#6699CC;
	background-image:url(../images/emergency-lighting-sn.jpg);
}

#box-commercial-subnav a:hover{
	background-color:#66FF99;
	background-image:url(../images/commercial-sn.jpg);
}

#box-testing-subnav a:hover{
	background-color:#99CCCC;
	background-image:url(../images/electrical-testing-sn.jpg);
}

.box_text{
	position:relative;
	top:-2px;
}

/************* #header styles *************/

h1, h1.title{
	font-size:x-large;
	font-family:verdana;
	margin-top:15px;
	font-weight:normal;
	margin-bottom:0px
}
h1.title{
	margin-left:10px;
}
h2{
	font-size:large;
	font-family:verdana;
	margin-top:15px;
	font-weight:normal;
	margin-bottom:0px
}
h3{
	font-size:medium;
	font-family:verdana;
	font-weight:normal;
	font-style:italic;
}

/************* #link styles *************/

a:link, a:active, a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#000033;
	
}

a:hover{
	text-decoration:underline;
	color:#000033;
}
a.nav:link, a.nav:active, a.nav:visited{
	color:#dddddd;
}
a.nav:hover{
	color:#ffff00;
}

a.no-underline:link, a.no-underline:active, a.no-underline:visited{
	text-decoration:none;
	font-weight:bold;
	color:#000033;
	
}

a.no-underline:hover{
	text-decoration:none;
	color:#000033;
}

/************* #breadCrumb styles *************/

.breadCrumb{
	font-size: 90%;
	color:#999999;
	border-bottom:1px dashed #000000;
	margin-bottom:5px;
	margin-right:0px;
	padding-bottom:5px;
	padding-left:1px;
	margin-top:4px;
}

.breadcrumb-dark{
	color:#666666;
	font-weight:bold;
}

/******************** #misc styles ************/

.phone{
	font-weight:bold;
	color:#663300;
	font-size:medium;
}
#SlideShow{
	position:absolute;
	top:6px;
}
.skiplink{
	display:none;
}
.caption{
	color:#666666;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}