/*
	 coded by: Design Delux
	 email: mark@designdelux.com
	 phone: (201) 618-5992
	 http://designdelux.com
*/

html *	
		{ margin:0; padding: 0;}

html	
		{ background: #8B8C8E url(../images/main_bg.jpg) repeat-x 0 0;}

body	
		{ font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #4e4f4f;}

img		
		{ border: none;}

p		
		{ line-height: 21px; 
		padding-bottom: 15px;}
		
#main-content p
		{ padding-bottom: 30px;}
		
#main-content ul
		{ padding-bottom: 30px;}

#featured h1
		{font-size: 25px;
		display: block;
		width: 275px;
		padding: 0;
		margin: 0;
		letter-spacing: -2px;
		color: #8ba2c3;}
	
h2		
		{ font-size: 21px; 
		font-weight: normal; 
		letter-spacing: -1px; 
		color: #2063b3; 
		padding-bottom: 20px;}
		
.request-serviceH2 {
	margin: 0 0 0 30px;
}
		
h3		
		{ font-size: 21px; 
		font-weight: normal; 
		letter-spacing: -1px; 
		color: #fff; 
		padding-bottom: 5px;}
		
h4		
		{ font-size: 14px; 
		font-weight: bold; 
		color: #646565; 
		padding-bottom: 15px;}
		
h5		
		{ font-size: 12px; 
		font-weight: bold; 
		color: #646565; 
		padding-bottom: 5px;}
		
.scrollContainer div.panel h2
		{ color: #fff;}

/* Clearing floats without extra markup  */

.clearfloat 
		{ display: inline-block; }

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

* html .clearfloat 
		{ height: 1%; }

.clearfloat 
		{ display: block; }

/* End Clearing floats without extra markup  */

/*///////////////// LINKS ///////////////////////*/
a
		{outline: none;}
	
a:link, a:visited
		{ color: #00A; 
		text-decoration: none;}

a:hover 
		{ text-decoration: underline; }

a.readMore:link, a.readMore:visited
		{}

#free-quote a:link, #free-quote a:visited
		{ color: #fff; 
		text-decoration: none;}

#free-quote a:hover 
		{ text-decoration: underline; }

#main-content a.button1
		{ background: url(../images/button1.png) no-repeat 0 0 ;
		display: block; 
		width: 130px; 
		height: 23px; 
		padding-left: 30px; 
		padding-top: 2px; 
		color: #fff; 
		margin-left: 80px; }
		
#main-content a.button1:hover
		{ background: url(../images/button1.png) no-repeat 0 -25px; 
		text-decoration: none;}
/*///////////////// END LINKS ///////////////////////*/

/*///////////////// LISTS ///////////////////////*/
ul		
		{ margin-bottom: 20px; 
		margin-left: 20px; 
		list-style: none;}
		
ul li	
		{ padding: 5px 5px 5px 15px; 
		background: url(../images/li_icon.png) no-repeat center left;}
		
#main-content ul.buttons
		{width: 99%; margin: 15px 0;}
		
#main-content ul.buttons li
		{float: left; 
		margin-right: 5px; 
		background-image: none; 
		height: 25px; 
		padding: 0;}
		
#main-content ul.buttons li.order a 
		{background: url(../images/order.png) no-repeat 0 0 ; 
		display: block; 
		width: 103px; 
		height: 20px; 
		padding-left: 15px; 
		padding-top: 5px; 
		color: #fff;}
		
#main-content ul.buttons li.order a:hover 
		{background: url(../images/order.png) no-repeat 0 -25px ; 
		display: block; 
		width: 103px; 
		height: 20px; 
		padding-left: 15px; 
		padding-top: 5px; 
		color: #fff; 
		text-decoration: none;} 
		
#main-content ul.buttons li.enlarge a 
		{background: url(../images/enlarge.png) no-repeat 0 0 ; 
		display: block; 
		width: 103px; 
		height: 20px; 
		padding-left: 12px; 
		padding-top: 5px; 
		color: #fff;}
		
#main-content ul.buttons li.enlarge a:hover 
		{background: url(../images/enlarge.png) no-repeat 0 -25px ; 
		display: block; 
		width: 103px;
		height: 20px; 
		padding-left: 12px; 
		padding-top: 5px; 
		color: #fff; 
		text-decoration: none;} 
/*///////////////// END LISTS ///////////////////////*/

/*///////////////// LAYOUT  ///////////////////////*/
* html div#wrapper 
		{ padding-top: 48px; }

#wrapper
		{ width: 957px; 
		margin: 48px auto 0 auto;}
		
#header
		{ position: relative;
		width: 957px; 
		height: 40px; 
		margin-bottom: 20px;}
		
#slider-container
		{ width: 920px; 
		padding: 10px;
		margin: 0px 0px 0px 9px;
		background: #0b3572;}
					
#featured
		{ float: left;
		padding-left: 20px; 
		padding-top: 68px; 
		padding-bottom: 80px;
		padding-right: 15px;
		margin: 0px 0px 0px 0px; 
		width: 310px; 
		background: url(../images/featured_bgd.png) no-repeat;}
		
#dashboard_wrap
		{ width: 500px; 
		margin: 0px 0px 50px 26px;}
		
#dashboard_wrap h2
		{text-align:center;
		padding: 0 0 50px 0;
		color:#444;
		font-size:20px;}
						
#slider-top
		{ width: 957px; 
		height: 19px; 
		background: url(../images/slider_bg_top.png) no-repeat top left; 
		margin: -20px 0px 0px -19px;}
		
#slider-bottom
		{ width: 957px; 
		height: 23px; 
		background: url(../images/slider_bg_bottom.png) no-repeat top left; 
		margin-bottom: 10px;}
		
#content
		{ width: 957px;}
		
#contact-form
		{ width: 530px;
		margin: 0 0 0 30px }
		
#sidebar
		{float: left; 
		width: 305px; 
		margin-right: 0px; 
		display: inline;}
		
.sidebar-element
		{ background: url(../images/sidebar_bg.png) top left repeat-y; 
		padding: 9px 22px 0;
		margin-top: 0px;}
		
.sidebar-topelement
		{ background: url(../images/rounded_top.png) no-repeat top left; 
		width: 305px; 
		height: 53px; 
		margin-top: -10px;}
		
.sidebar-bottomelement
		{ background: url(../images/rounded_bottom.png) no-repeat top left; 
		width: 305px; 
		height: 38px; 
		margin-bottom: 10px;}
		
.sidebar-element h3	
		{ font-size: 21px; 
		font-weight: normal; 
		letter-spacing: -1px; 
		color: #eeeded; 
		padding-left: 10px;}
			
#main-content-wrapper
		{ float: left; 
		width: 652px;
		margin-top: -10px;}
		
#main-content
		{ width: 592px; 
		padding: 30px; 
		background: url(../images/main_content_bg.png) repeat-y top left;}
		
#main-content-top
		{ width: 652px; 
		height:17px; 
		background: url(../images/main_content_top.png) no-repeat top left;
		padding: 0px 0px 5px 0px;}
		
#main-content-bottom
		{ width: 652px; 
		height:39px; 
		background: url(../images/main_content_bottom.png) no-repeat top left;}
			
#footer
		{ margin-top: 7px;}
		
#footer p
		{ text-align: center; 
		color: #fff;}
		
.spacer-line
		{ width: 99%; 
		margin: 20px 0; 
		border-bottom: 3px solid #e8ecee;}
		
.spacer-line2
		{ width: 99%; 
		margin-bottom: 20px; 
		border-bottom: 1px solid #e8ecee;}
		
.service
		{ width: 99%; 
		padding-top:5px;}
		
.service-description
		{ float: left; 
		width: 80%;}
		
.product-description
		{ float: left; 
		width: 42%;
		padding: 0px 0px 20px 0px;}
		
.product-description_2
		{  
		width: 49%;}
		
.product-description_3
		{  
		width: 100%;}
/*/////////////////END LAYOUT ///////////////////////*/

/*///////////////// IMAGES  ///////////////////////*/
.icon-left
		{ float: left; 
		margin-right: 25px; 
		display: inline;} /* icon floated left */
	
.icon-right
		{ float: right; 
		margin-left: 25px; 
		display: inline;} /* icon floated right */

.image-left
		{ float: left; 
		margin: 0 25px 20px 0 ; 
		display: inline; 
		border: 2px solid #2063b3;} /* image floated left */
		
.image-left-no-border
		{ float: left; 
		margin: 0 25px 20px 0 ; 
		display: inline; 
		border: 2px solid #FFF;} /* image floated left with no border */

.image-right
		{ float: right; 
		margin: 0 0 20px 25px ; 
		display: inline; 
		border: 2px solid #2063b3;} /* image floated right */
		
.image-product
		{margin: 10px 15px 25px 0px;} /* images for product page */
/*///////////////// END IMAGES  ///////////////////////*/

/*///////////////// SUBMENU ///////////////////////*/
ul#submenu
		{ width: 99%; 
		margin: 0; 
		margin-top: 5px; 
		padding-top: 2px; 
		background: url(../images/news_divider.png) top left repeat-x;}
		
ul#submenu li
		{ height: 30px; 
		background: url(../images/news_divider.png) bottom left repeat-x; 
		padding:0;}
		
ul#submenu li a
		{ display: block; 
		height: 21px; 
		padding-left: 15px; 
		padding-top: 7px; 
		background: #2c373a url(../images/submenu_icon.png) 1% 50% no-repeat; 
		color: #fff;}
		
ul#submenu li a:hover
		{ color: #8c8b8b; 
		background-color: #192428; 
		text-decoration: none;}
/*///////////////// END SUBMENU ///////////////////////*/

/*///////////////// FREE QUOTE/CONTACT ///////////////////////*/
#free-quote
		{ background: url(../images/free_quote_box.png) no-repeat top left;
		position:relative;
		height: 143px;
		width: 305px;
		padding: 9px 22px 0;
		margin-top: 0px;}		
		
#free-quote h3	
		{ font-size: 21px; 
		font-weight: normal; 
		letter-spacing: -1px; 
		color: #eeeded; 
		padding-left: 10px;
		padding-top: 30px;}
		
#free-quote p
		{ color: #c6c6c6; 
		width: 80%;
		padding: 0px 20px 0px 10px;}
		
#free-quote .contact p
		{ float: right; 
		width:103px;}
		
#free-quote p.contact a
		{ background: url(../images/button2.png) no-repeat 0 0 ; 
		position:absolute;
		top: 95px;
		left: 205px;
		display: block; 
		width: 103px; 
		height: 23px; 
		padding-left: 20px; 
		padding-top: 2px; 
		color: #fff; 
		margin-left: -30px;}
		
#free-quote p.contact a:hover
		{ background: url(../images/button2.png) no-repeat 0 -25px; 
		text-decoration: none;}
/*///////////////// END FREE QUOTE/CONTACT ///////////////////////*/

/*///////////////// HEADER ///////////////////////*/
#logo-container
		{ float: left; 
		width: 216px; 
		margin-left: 33px;
		margin-top: -25px;
		display: inline;}
		
#logo-container small
		{ padding: 0; 
		margin: 0;}
		
h1#logo 
		{ width: 506px; 
		height: 76px; 
		text-indent:-9000px; 
		background: url(../images/logo.png) no-repeat;}
		
h1 a 
		{ height:76px; width: 506px; 
		display:block; 
		text-decoration:none;}
		
h1 a:hover 
		{ text-decoration:none; 
		background:transparent;}
		
.header-phone {
	float: right;
	margin: 30px 40px 0 0;
	font-weight: bold;
	font-size: 14px;
	color: #666;
}

.phone-img {
	position: absolute;
	top: 23px;
	left: 782px;
}

/*///////////////// END HEADER ///////////////////////*/

/*///////////////// NAVIGATION ///////////////////////*/
#navigation
		{ background:url(../images/menu_bg.png) no-repeat 0 0; 
		width: 957px; 
		height: 53px; 
		line-height: 42px;
		padding-top: 3px;
		margin-bottom: 8px;}
		
#navigation ul
		{ list-style: none;}
		
#navigation ul li
		{ display: inline; 
		height: 42px; 
		text-transform: uppercase;
		background: transparent; 
		padding: 0;}
		
#navigation ul li a
		{ float: left; 
		display: block; 
		padding: 0 20px; 
		color: #fff; 
		text-decoration: none; 
		background: url(../images/menu_divider.gif) top right no-repeat;}
		
#navigation ul li a:hover, #navigation ul li a.current
		{ color: #8c8b8b;}
		
		
/* current nav item selected begin */
#home #navigation ul li a.home{color: #8c8b8b;}
#about-us #navigation ul li a.about-us{color: #8c8b8b;}
#services #navigation ul li a.services{color: #8c8b8b;}
#products #navigation ul li a.products{color: #8c8b8b;}
#news #navigation ul li a.news{color: #8c8b8b;}
#contact-us #navigation ul li a.contact-us{color: #8c8b8b;}
#service-request #navigation ul li a.service-request{color: #8c8b8b;}
/* current nav item selected finish */


/* current sub-nav item selected begin */
#consulting-and-engineering .sidebar-element #submenu li a.consulting-and-engineering {color: #8c8b8b;}
#installation-services .sidebar-element #submenu li a.installation-services {color: #8c8b8b;}
#component-and-system-sales .sidebar-element #submenu li a.component-and-system-sales {color: #8c8b8b;}
#maintenance-services .sidebar-element #submenu li a.maintenance-services {color: #8c8b8b;}
/* current sub-nav item selected finish */

/*///////////////// END NAVIGATION ///////////////////////*/

/*///////////////// SLIDER ///////////////////////*/

#slider 
		{ float: left; 
		width: 540px;
		margin: 0 auto;
		background: #0b3572;  
		padding-top: 10px;
		position: relative;}
		
.scroll 
		{ height: 182px; 
		width: 560px; 
		overflow: hidden; 
		position: relative; /* fix for IE to respect overflow */ 
		clear: left;}
		
.scrollContainer div.panel 
		{ height: 182px; 
		width: 540px;} /* change to 560px if not using JS to remove rh.scroll */
		
.scrollContainer ul {
		padding: 0;
		margin: 0 0 0 20px;}
	
.scrollContainer ul li {
		padding: 0;
		margin:0;}
		
.scrollContainer div.panel img {
	    float: left;
		margin-right: 15px; 
		margin-left: 0px;}
		
.scrollContainer div.panel h2 {
		
		}
		
.scrollContainer div.panel div.panel-text 
		{ width: 560px;
		height: 182px;
		color: #8598a0;
		margin: 0 0 0 -40px;}
		
.scrollContainer div.panel div.panel-text p.more
		{ float: right; 
		width:103px;}
		
.scrollContainer div.panel div.panel-text p.more a
		{ background: url(../images/button2.png) no-repeat 0 0 ; 
		display: block; 
		width: 103px; 
		height: 23px; 
		padding-left: 20px; 
		padding-top: 2px; 
		color: #fff; 
		margin-left: -30px; }
		
.scrollContainer div.panel div.panel-text p.more a:hover
		{ background: url(../images/button2.png) no-repeat 0 -25px; 
		text-decoration: none;}
		
.scrollButtons 
		{ position: absolute; 
		top: 75px; 
		cursor: pointer;} 
		
.scrollButtons.left 
		{ left: -33px;}
		
.scrollButtons.right 
		{ left: 520px;}

/*///////////////// END SLIDER ///////////////////////*/

/*///////////////// MISC ITEMS ///////////////////////*/

.map {
	float:right;
	width: 300px;
	height: 300px;
	margin: 10px;
	border: 2px solid #8b8b8b;}
	
#contact-info {
	height: 322px;
	width: 530px;
	margin: 0 0 0 30px;
	background-color:#f2f1f2;
}

.contact-h2 {
	margin: 0 0 0 30px;
}

p.address {
	float: left;
	margin: 20px 0 0 20px;
}
	
	
#about-us .service.clearfloat .product-description_3 p a
		{ color: #4e4f4f; 
		text-decoration: none;
		font-weight: bold;}

#about-us .service.clearfloat .product-description_3 p a:hover 
		{ text-decoration: underline;}
		

.product-description_1 img {
	float: left;
	margin: 7px 20px 20px 0;
	border: 1px solid #999;
}

a.learnMore {
	margin: 0 0 0 10px;
}

/*///////////////// END MISC ITEMS ///////////////////////*/

/*///////////////// FOOTER ///////////////////////*/
#footer {
	position:relative;
	background-color: #1d1e1e;
	border-top: 1px solid #555;
	height:114px}

#footerNav {
	width: 510px;
	margin:20px auto 0px auto;}
		
#footerNav li {
	background:none;
	display:inline;
	margin-left:0;
	padding-left:0}
	
#footerNav li a {
	text-decoration:none;
	font-size:10px;
	color:#999999;
	padding:4px 18px;
	border:none;}
	
#footerNav li a:hover {
	background-color: #222;
	color:#DDD;
	border:none;}
	
#copyright {
	padding: 20px 0 0 0;
	width:957px;
	margin:0px auto;}

p.copyright {
	margin: 0 auto;
	font-size:11px;}
	
p.copyright a {
	border-bottom:none;
	color: #444;}

p.copyright a.footerlink {
	padding-left: 50px;}

p.copyright a:hover {
	color: white;}

p.copyright span{
	color: #444;}
	
/*///////////////// END FOOTER ///////////////////////*/