@import url(reset.css);
@import url(960.css);
@import url(text.css);
@import url(browsers.css);

/*
Theme Name: iMaxell
Author: Ivor Padilla
Theme URI: http://themeforest.net
Author URI: http://ivorpadilla.net
Version: 1.0
*/
/************************************************************************
TABLE OF CONTENT

1.- HOMEPAGE 
------------------------------------------------------------------------
1.1.- GENERAL STYLES & MAIN STRUCTURE
1.2.- NAVIGATION AND HEADER
1.3.- BANNER
1.4.- MAIN CONTENT
1.5.- TWITTER
1.6.- FOOTER RELATED
************************************************************************/
/* 1.1 General Styles & Main Structure */
body {
background:#fff;
font-family:Arial, sans-serif;
color:#5b5b5b;
}

#page {
background:transparent url(../images/bg.jpg) repeat-x;
}

#page-inner {
background:transparent url(../images/bg-inner.jpg) repeat-x;
}

small {
font-size:.9em;
}

.floatright {
float:right;
}

.floatleft {
float:left;
}

a:link {
color:#5b5b5b;
text-decoration:none;
}

a:visited {
color:#5b5b5b;
}

a:hover,a:focus {
color:#111;
text-decoration:underline;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.8em;
}

h3 {
font-size:1.5em;
}

h4 {
font-size:1em;
}

li {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
color:#212121;
}
#cu3er-container {width:920px; outline:0;}
/*1.2 Navigation and Header
-------------------------------------------------------------------------*/
#logo {
margin-top:9px;
}

#logo a {
display:block;
background:transparent url(../images/controlco_logo.png);
height:34px;
width:283px;
text-indent:-9999px;
float:left;
}

#logo small {
color:#fff;
margin:7px 0 0 7px;
float:left;
}

#buttons {
height:25px;
margin-top:15px;
padding-top:0;
margin-bottom:0;
}

ul#buttons li {
float:right;
margin-right:12px;
margin-left:4px;
}

a.sign-up {
background:url(../images/signup.png) no-repeat;
display:block;
text-indent:-9999px;
width:97px;
height:22px;
}

a.login {
background:url(../images/login.png) no-repeat;
display:block;
text-indent:-9999px;
width:97px;
height:22px;
}

a:hover.login {
background:url(../images/login.png) no-repeat 0 -22px;
}

a:hover.sign-up {
background:url(../images/signup.png) no-repeat 0 -22px;
}

#top-bar {
height:45px;
z-index: 1;
}

#top-bar a {
text-decoration:none;
}

#top-bar a:hover {
text-decoration:underline;
}

div#breadcrumb {
margin-top:21px;
margin-left:-19px;
}

#breadcrumb p {
color:#fff;
margin-left:21px;
margin-top:-3px;
}

#breadcrumb a {
color:#afafaf;
}

ul#nav {
float:left;
font-size:88%;
line-height:normal;
margin-right: 0;
margin-left:160px;
margin-top:17px;
padding:0 5px;
width:475px;				/* NOTE: If you change the width to add a new button on the main menu
							   you must also modify the "browsers.css" file property .webkit
							   for Safari or Chrome or the menu will drop the button down  - Scott Grant 11/28/09 */
}

#nav li {
float:left;
margin:2px 7px;
padding:0;
background:url(../images/navbr-trans.png) no-repeat right top;
}

#nav a {
display:block;
background:url(../images/navbl-trans.png) no-repeat left top;
padding:3px 8px;
margin-left:-1px;
color:#111;
text-shadow:1px 0 #fff;
}

#nav li:hover {
float:left;
margin:2px 7px;
padding:0;
background:url(../images/navgr-trans.png) no-repeat right top;
}

#nav a:hover {
display:block;
background:url(../images/navgl-trans.png) no-repeat left top;
padding:3px 8px;
margin-left:-1px;
color:#111;
text-shadow:1px 0 #fff;
}

#nav #current {
background:url(../images/navgr-trans.png) no-repeat right top;
}

#nav #current a {
background:url(../images/navgl-trans.png) no-repeat left top;
text-shadow:1px 0 #fff;
}

/*1.3 Banner
-------------------------------------------------------------------------*/
#banner-left {
margin-top:19px;
}

#banner-left h1 {
color:#111;
line-height:27pt;
text-transform:uppercase;
font-size:2.1em;
word-spacing:.2em;
margin-bottom:8px;
margin-top:11px;
}

#banner-left p {
color:#555;
font-size:1.5em;
line-height:29px;
padding-bottom:19px;
width:400px;
}

#banner {
background:transparent url(../images/banner-bg.png) no-repeat scroll left top;
margin-top:-2px;
padding-top:25px;
position:relative;
padding-bottom:21px;
position:relative;
zoom:1;
}

#banner-inner {
background:url(../images/lights-inner.png) no-repeat left top;
height:118px;
position:relative;
zoom:1;
margin-top:-2px;
}

#banner-inner h1 {
font-size:2.6em;
margin-top:22px;
border-right:1px solid #a6a6a6;
width:200px;
padding-right:20px;
float:left;
}

#banner-inner p {
border-left:1px solid #fafafa;
float:left;
font-size:1.2em;
height:15px;
margin-top:22px;
padding-left:20px;
text-shadow:none;
width:268px;
padding-top:3px;
}

#slider-container {
position:relative;
z-index:50;
background:url(../images/browser.png) no-repeat bottom center;
height:281px;
margin-top:19px;
zoom:1;
}

#slider-container div.image-slider img {
position:relative;
zoom:1;
top:29px;
left:13px;
}

/*Remove this _width and put it on the ie.css*/
#slider-container div.image-slider h2 {
position:absolute;
top:167px;
left:12px;
width:100%;
}

#slider-container div.image-slider h2 span {
color:#FFF;
font:bold 22px/45px Myriad Pro, Arial Sans-Serif;
letter-spacing:-1px;
background:#000;
/* fallback color */
background:rgba(0, 0, 0, 0.7);
padding:10px;
letter-spacing:1px;
}

#slider-container div.image-slider h2 span.spacer {
padding:0 5px;
}

#banner img#phone {
position:absolute;
z-index:1;
right:352px;
top:100px;
}

#sliderfade li {
margin:0;
}

/*this will fix the extra margin on the slider*/
a.pricing {
display:block;
background:url(../images/pricing-btn.png) no-repeat;
height:53px;
text-indent:-9999px;
width:283px;
}

a:hover.pricing {
display:block;
background:url(../images/pricing-btn.png) no-repeat 0 -53px;
text-indent:-9999px;
}

/*1.4 Main Content
-------------------------------------------------------------------------*/
.push40 {
padding-top:40px;
}

/* just remember this, is needed that negative margin? */
#mainContent #leftContent a {
text-decoration:underline;
}

#mainContent .thumb-img {
float:left;
margin:0 10px 0 0;
}

#mainContent .cols p {
width:273px;
margin-top:18px;
margin-left:2px;
}

/* No shortcode here */
#mainContent h2 {
font-size:1.5em;
line-height:26px;
text-transform:uppercase;
margin-bottom:0;
}

#col2 {
margin-left:8px;
margin-right:-25px;
}

.products,.visits {
padding-bottom:20px;
}

#leftContent {
margin-left:-10px;
}

.col3 {
border-left:1px dashed #ccc;
padding-left:24px;
margin-left:22px;
}

.about-text {
margin-right:-10px;
margin-bottom:50px;
}

.about-text h1 {
border-bottom:1px dotted #ccc;
padding-bottom:5px;
text-transform:uppercase;
}

.about-text p.intro {
font-size:1.2em;
margin-top:20px;
}

#mainContent .about-text h2 {
font-size:1.5em;
line-height:26px;
text-transform:uppercase;
margin-bottom:15px;
border-bottom:1px dotted #ccc;
padding-bottom:5px;
}

#mainContent .about-text h3 {
line-height:26px;
margin-bottom:0;
}

#product-page {
margin-right:-10px;
}

#product-page h1 {
border-bottom:1px dotted #ccc;
padding-bottom:5px;
text-transform:uppercase;
}

#product-page p.intro {
font-size:1.1em;
margin-top:20px;
border-top:1px solid #e6e5e5;
border-bottom:1px solid #e6e5e5;
padding:15px 0;
}

#mainContent #product-page h2 {
font-size:1.8em;
line-height:26px;
text-transform:uppercase;
border-bottom:1px solid #ccc;
padding-bottom:5px;
}

#mainContent #product-page h3 {
line-height:26px;
margin-bottom:0;
margin-top:-15px;
}

#product-page {
margin-bottom:50px;
}

#product-page div.title {
width:290px;
margin-bottom:20px;
}

#product-page div.title small {
font-size:.88em;
}

#product-page .title {
margin-left:28px;
}

/*Contact Form*/
#print-work p {margin-bottom:5px}
#print-work a {text-decoration: underline}
#print-work span {font-weight:bold; padding-left:22px}
.details1 {margin-left:30px;}
.address {background:url(../images/address-book.png) no-repeat center left}
.mail {background:url(../images/mail.png) no-repeat center left}
.fax {background:url(../images/fax.png) no-repeat center left}
.phone {background:url(../images/mobile-phone.png) no-repeat center left}
.skype {background:url(../images/skype.png) no-repeat center left}
.twitter {background:url(../images/twitter.png) no-repeat center left}
.gwave {background:url(../images/gwave.png) no-repeat center left}
.facebook {background:url(../images/facebook.png) no-repeat center left}
.linkedin {background:url(../images/linkedin.png) no-repeat center left}
label {
display:none;
}

.qform {
background:url(../images/corner-trans.png) no-repeat 0 0;
padding:23px 86px;
}

.qform input,.qform textarea {
background:#FFF none repeat scroll 0 0;
border:1px solid #D2D2D2;
color:#525861;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
max-width:400px;
padding:7px 5px;
width:383px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.qform textarea:focus,.qform input:focus {
border:1px solid #929292;
}

.qform button,#contactForm button {
border:medium none;
cursor:pointer;
height:37px;
text-indent:-9999px;
width:112px;
margin-left:286px;
}

.qform button#submit1 {
background:url(../images/button-sprite.jpg) no-repeat scroll 0 0;
}

.qform button:hover#submit1 {
background:url(../images/button-sprite.jpg) no-repeat scroll 0 -38px;
}

/*********************************************************************************************************
1.4.1 Showcase
**********************************************************************************************************/
#showcase {
position:relative;
zoom:1;
}

.scroll {
/* height:652px; */
height: 770px;
width:650px;
overflow:auto;
overflow-x:hidden;
position:relative;
zoom:1;
clear:left;
}

#showcase .scrollContainer div.panel {
/* height:670px; */
height: 782px;
}

.img-container {
padding-bottom:17px;
background:url(../images/thumb-container.jpg) no-repeat center bottom;
}

#websites {
margin-top:80px;
}

/*********************************************************************************************************
1.5. Sidebar area
**********************************************************************************************************/
#sidebar {
position:relative;
zoom:1;
float:right;
width:270px;
margin-right:10px;
padding-left:36px;
background:url(../images/separator.jpg) no-repeat top left;
height:auto!important;
height:599px;
}

#sidebar-inner {
background:transparent url(../images/sep-sidebar-trans.png) no-repeat scroll right top;
float:left;
margin-right:10px;
min-height:599px;
height:auto!important;
height:599px;
padding-right:10px;
position:relative;
zoom:1;
width:250px;
}

#interview {
width:270px;
padding-top:20px;
}

#interview h3 {
padding:0;
margin:0 0 0 3px;
}

#interview img {
padding:5px;
background-color:#e2e1e1;
border:1px solid #ccc;
}

#sidebar-inner .sidebar-h2 {
text-transform:none;
background:url(../images/rss-trans.png) no-repeat center right;
width:265px;
margin-top:10px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar-inner a {
color:#818181;
font-weight:700;
}

#sidebar-inner span.meta {
font-weight:400;
padding-left:10px;
}

#sidebar .sidebar-h2 {
text-transform:none;
background:url(../images/rss-trans.png) no-repeat center right;
width:265px;
margin-top:10px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar .casestudies-h2 {
text-transform:none;
background:url(../images/pencil-ruler-trans.png) no-repeat center right;
width:265px;
margin-top:30px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar a {
color:#818181;
font-weight:700;
}

span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 4px;
padding-left:14px;
}

#sidebar span.meta {
font-weight:400;
padding-left:10px;
}

/*News Sidebar Begins*/
.news {
width:286px;
float:left;
clear:both;
padding-bottom:30px;
}

.news ul {
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
}

.news li {
border-bottom:1px solid #ccc;
}

.news li a:hover {
background:#f9f9f9;
}

.selected {
background:#ececec;
}

.meta_sub {
padding:0 4px;
border-right:1px solid #DDD;
}

.meta {
display:block;
font-size:11px;
line-height:14px;
position:relative;
zoom:1;
top:3px;
}

#top .news a {
padding:6px 3px;
width:286px;
}

#top #latest_news .post_name {
font-size:13px;
display:block;
}

#top #latest_news a,.news a {
display:block;
padding:5px 3px 10px;
text-decoration:none;
}

#sidebar-inner #latest_news a,#sidebar-inner .news a {
display:block;
padding:8px 3px;
text-decoration:none;
}

#sidebar-inner span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 6px;
padding-left:14px;
}

ul.latest_news {
left:86px;
margin-right:27px;
margin-left:-28px;
}

/*News Sidebar Ends*/
/*Inner Sidebar Begins*/
.menu {
width:250px;
float:left;
clear:both;
padding-bottom:30px;
}

.menu ul {
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
}

.menu li {
border-bottom:1px solid #ccc;
}

.menu li a:hover {
background:#f9f9f9;
}

.selected {
background:#ececec;
}

.meta_sub {
padding:0 4px;
border-right:1px solid #DDD;
}

.meta {
display:block;
font-size:11px;
line-height:14px;
position:relative;
zoom:1;
top:3px;
}

#top .menu a {
padding:6px 3px;
width:286px;
}

#top #inner_menu .post_name {
font-size:13px;
display:block;
}

#top #inner_menu a,.menu a {
display:block;
padding:5px 3px 10px;
text-decoration:none;
}

#sidebar-inner #inner_menu a,#sidebar-inner .menu a {
display:block;
padding:8px 3px;
text-decoration:none;
}

#sidebar-inner span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 6px;
padding-left:14px;
}

ul#inner_menu {
left:86px;
margin-right:27px;
margin-left:-28px;
}

/*News Sidebar Ends*/
.box1,.box4,.box3,.box2 {
background:url(../images/corner.png) no-repeat top left;
padding:20px 0 0 20px;
}

#mainContent .box3,#mainContent .box4 {
margin-top:54px;
}

/*1.5 Twitter (we all know, no many people use twitter but this could be useful for
ads, or another content, I've name it twitter to make it easy for you to recognize it.)
-------------------------------------------------------------------------*/
#twitter {
padding:10px 10px 0;
background:#f9f9f9;
margin:30px auto 25px;
border:1px solid #d8d8d8;
-webkit-border-radius:4px;
-moz-border-radius:4px;
width:877px;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

#twitter .twitter-bird {
float:left;
margin-right:15px;
}

.tweet {
color:#707070;
font-size:1.5em;
font-family:georgia;
}

.tweet .tweet_list {
list-style-type:none;
margin:0;
padding:0;
}

.tweet .tweet_list li {
overflow:auto;
padding:5px 0 24px;
margin:0 0 0 17px;
}

.tweet .tweet_list li a {
color:#393939;
}

.tweet .tweet_list .tweet_avatar {
float:left;
padding-right:20px;
margin-top:6px;
}

.tweet .tweet_list .tweet_avatar img {
vertical-align:middle;
padding:2px;
background:#ddd;
border:1px solid #aaa;
}

/*1.6 Footer
-------------------------------------------------------------------------*/
#footer {
margin:0 auto;
padding:10px;
width:960px;
}

#footer ul {
margin:0 53px 27px 0;
}

#footerbg {
background:url(../images/footer-bg.jpg) repeat-x;
clear:both;
overflow:hidden;
}

#footer h4 {
font-size:1.1em;
margin:16px 0 8px;
padding:0;
text-decoration:underline;
color:#4b4b4b;
}

#footer div.footer-col {
padding-left:0;
}

#footer ul li {
margin:0;
padding:0;
list-style-image:url(../images/bullet.jpg);
list-style-position:inside;
}

#footer a {
color:#5b5b5b;
text-decoration:none;
}

#footer a:hover {
color:#111;
text-decoration:underline;
}

#newsletter {
width:300px;
margin:17px 0 0 5px;
}

#newsletter h3 {
margin:0;
text-transform:uppercase;
font-size:15px;
padding-bottom:3px;
}

#newsletter p {
margin:0;
}

#newsletter input.input {
color:#6d6d6d;
width:100px;
background:url(../images/input-bg.jpg) repeat-x top left;
border:1px solid #cecece;
height:14px;
float:left;
padding:4px 0 6px 7px;
margin:6px 5px 0 0;
}

#newsletter input.button {
background:url(../images/submit.png) no-repeat 0 0;
height:21px;
width:56px;
border:transparent;
font-size:0;
display:block;
line-height:0;
margin-top:7px;
float:left;
text-indent:-9999px;
cursor:pointer;
}

#newsletter input:hover.button {
background:url(../images/submit.png) no-repeat 0 -22px;
}

#footer .valid {
font-size:1.1em;
font-family:Georgia;
font-style:italic;
color:#767675;
background:#eaeaea;
text-align:center;
border:1px solid #ccc;
width:284px;
}

#footer .valid a {
color:#668b11;
}

#footer-2 {
background:#b7b7b7;
border-top:1px solid #949494;
width:100%;
margin:0;
height:40px;
}

.copyright {
margin:0 auto;
padding:10px 0;
width:960px;
color:#444;
text-shadow:1px 1px #ddd;
}

/*Internet Explorer 6*/
.ie6 #banner p {
font-size:1.7em;
}

.ie6 #sidebar {
padding-left:20px;
}

.ie6 #mainContent {
margin-bottom:0;
padding-bottom:0;
}

.ie6 #sidebar {
height:0;
}

.ie6 #mainContent {
margin:0;
}

.ie6 #footerbg {
margin:0;
float:left;
margin-top:0;
}

.ie6 #banner-inner {
background:url(../images/lights-inner.jpg) no-repeat left top;
margin-top:-18px;
}

.ie6 #banner-inner p {
margin:22px 0 0;
padding:10px 0 11px 15px;
line-height:18px;
height:18px;
}

.ie6 .qform button,.ie6 #contactForm button {
font-size:0;
display:block;
line-height:0;
}

.ie6 ul#nav {
float:left;
font-size:88%;
line-height:normal;
margin-left:109px;
margin-top:17px;
padding:0 5px;
width:369px;
}

.ie6 #footer-2 {
margin-top:-16px;
height:10px;
}

.ie6 #footer #newsletter input.button {
background:url(../images/submit.png) no-repeat 0 0;
height:21px;
width:56px;
border:transparent;
font-size:0;
display:block;
line-height:0;
margin-top:7px;
float:left;
text-indent:-9999px;
cursor:pointer;
border:medium none;
}
.ie6  #banner {margin-top:-20px;}
.chrome #banner { margin-left:13px; }

#shadow {background: transparent url(../images/shadow.png) no-repeat 0px 150px; height:300px}

/* Controlco specific styles */
#niagaraAd {
	display: block;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 5px;
}

#usgbcAd {
	display: block; 
	float: left;
	margin: 5px;
	margin-left: 50px;
}

#cgnaAd {
	display: block;
	float: left;
	margin-top: 20px;
	margin-left: 50px;
}


.ad-block {
margin-top: 20px;
margin-left: 0;
border-top:2px solid #e6e5e5;
padding: 0;
}

#introText {
	margin: 17px 0 0 0;
}

#introText h2 {
	margin-bottom: 7px;
}

#cpac-text {
	margin-top: 20px;
	margin-left: 25px;
}

#cpac-text a {
	font-weight: bold;
}

#commercial-text {
	margin-left: 25px;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearboth {
	clear: both;
}

.expandable {
}

#subMenu {
	 margin-bottom: 7px;
}

#subMenu .last-item {
	border-bottom: none;
}

/* Drop Menu */
#dropMenu {
	position: absolute;
	top: 42px;
	left: 260px;
	width: 660px;
	height: 40px;
	border: none;
	background:url(../images/drop-menu.png) top center no-repeat;
	z-index: 9999;
	visibility: hidden;
}

#dropMenuList li {
	margin: 0;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
	display: inline;
	float: left;
	padding-top: 9px;
}

/*#dropMenuList li a span {
	color:black;
}

#dropMenuList li a:hover span {
	color: white;
}*/

#dropMenuList span {
	margin: 0;
	padding: 0;
	background-image: none;
}

/* Commercial and Industrial styles */
#banner-inner h1.industrial {
font-size:2.3em;
margin-top:5px;
border-right:1px solid #a6a6a6;
width:200px;
padding-right:30px;
float:left;
}

#banner-inner p.industrial {
border-left: none;
float:left;
font-size:1em;
line-height: 125%;
height:200px;
margin-top: 5px;
padding-left:20px;
text-shadow:none;
width:670px;
padding-top:3px;
}

#banner-inner h1.products {
font-size:2.6em;
margin-top:22px;
border-right:1px solid #a6a6a6;
width:200px;
padding-right:30px;
float:left;
}

#banner-inner p.products {
border-left: none;
width:450px;
}


#banner-inner h1.commercial {
font-size:2.3em;
margin-top:5px;
border-right:1px solid #a6a6a6;
width:225px;
padding-top: 20px;
padding-bottom: 20px;
padding-right:20px;
float:left;
}

#banner-inner p.commercial {
border-left: none;
float:left;
font-size:1em;
line-height: 125%;
height:200px;
margin-top: 0;
padding-left:25px;
margin-left: 5px;
text-shadow:none;
width:650px;
padding-top:3px;
}

#banner-inner h1.automation {
font-size:2.3em;
width: 245px;
margin-top: 0;
padding-right: 0;
padding-top: 20px;
padding-bottom: 25px;
}

#banner-inner p.automation {
font-size:1em;
width: 650px;
line-height: 125%;
height: 65px;
margin-top: 0;
padding-top: 0;
padding-bottom: 15px;
margin-bottom: 0;
}


#industBottomContentImg {
	padding-top: 15px;
	margin-left: 25px;
	margin-right: 0;
	margin-bottom: 0;
}

#industBottomContent {
	font-size:1em;
	margin-top:20px;
	border-top:1px solid #e6e5e5;
	border-bottom:1px solid #e6e5e5;
	padding:15px 0;
	padding-bottom: 0;
	margin-bottom: 20px;
}

#industBottomContent h3 {
	padding-top: 40px;
	margin-left: 200px;
}

#industBottomContent p {
	padding-top: 10px;
	margin-right: 15px;
	margin-left: 200px;
}

#commBottomContent {
	font-size:1em;
	margin-top:20px;
	border-top:1px solid #e6e5e5;
	border-bottom:1px solid #e6e5e5;
	padding:15px 0;
	padding-bottom: 0;
	margin-bottom: 20px;
}

#commBottomContent h3 {
	padding-top: 10px;
	margin-left: 200px;
}

#commBottomContent p {
	padding-top: 5px;
	margin-left: 200px;
	margin-right: 15px;
}


.productHighlight {
	padding: 0;
	padding-top: 7px;
	margin: 0;
/*	margin-left: 26px;
	margin-bottom: 20px; */
	height: 317px;
	width: 500px;
	background: url(../images/thumb-container-lg.jpg) bottom center no-repeat;
}

div.productHighlight {
	margin-left: 80px;
}

/* s3slider customization */
#s3slider {
	margin: 0;
	margin-left: -31px;
	padding: 0;
}

#s3sliderContent li.s3sliderImage h3 {
	color: #FFF;
	padding-top: 7px;
}

#s3sliderContent li.s3sliderImage a {
	color:#FFF;
	text-decoration: underline;
	font-weight: bold;
}

/* RSS Feeds */
#rss h3.industrial {
	margin-top: 5px;
	margin-left: 53px;
	margin-bottom: 0;
	padding: 0;
}

#rss h3.commercial {
	margin-top: 5px;
	margin-left: 45px;
	margin-bottom: 0;
	padding: 0;
}

#rss h1 {
	margin-top: 5px;
	margin-left: -5px;
	margin-bottom: 0;
	padding: 0;
}


#rss #newsfeed div.description {
	padding: 3px;
}

#rss #newsfeed a {
	padding: 3px;
}

#rss #newsfeed {
	margin-left: -7px;
}

.targetblank {
	padding: 3px;
	display: block;
	margin-top: 7px;
}

#sidebar #rss {
	width: 250px!important;
	margin-top:0;
	margin-left: 10px;
	padding: 0;
	margin-bottom: 10px;
	background-color: #FFF;
}

#sidebar #rss #newsfeed {
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}

#sidebar #rss #newsfeed a {
	display: block;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sidebar #rss #newsfeed a.targetblank {
	border-top: 1px solid #e6e5e5;
}

#sidebar #rss #newsfeed a.first-item {
	border-top: none;
}

#sidebar #rss #newsfeed a.last-item {
	border-bottom:1px solid #e6e5e5;
}

#sidebar #rss #newsfeed a.read-more {
	display: block;
	margin-bottom: -15px;
}

/* About page styles */

#banner-left h1.about {
	width: 240px;
	margin-top: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#banner-left p.about {
	width: 550px;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 21px;
}

.about-text {
	margin-left: 28px;
}

#mainContent .about-text h3 {
padding-top: 15px;
margin-left: 62px;
}

#s3slider li.s3sliderImage a {
	color:#007FFF;
}

#productMain {
position: relative;
top: -20px;
left: 15px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
width: 650px;
height: 500px;
}

/*#aboutTxt {
	font-size: .90em;
}

#aboutOurMembers div.box1, #aboutOurMembers div.box2, #aboutOurMembers div.box3, #aboutOurMembers div.box4 {
	margin: 0;
	margin-top: -5px;
}*/

/* Services page styles - there are some genericl <ul> and <li> styles mixed in */
#banner-left h1.services {
	width: 240px;
	margin-top: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#banner-left p.services {
	width: 400px;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 21px;
}

.service-list {
	float: left;
	margin: 10px;
	font-weight: bold;
	line-height: 125%;
}

.single-list {
	float: none;
	margin-left: auto;
	margin-right: auto;
}


#contractorSupportList 
{
	width: 350px;
	font-size: 1.2em;
}

#enduserSupportList {
	width: 290px;
	font-size: 1.1em;
}

.service-list li {
	margin-left: 10px;
	list-style:outside;
	list-style-type:disc;
}

#energyMgmtList {
	width: 500px;
	font-size: 1.2em;
}

#MSIList {
	width: 500px;
	font-size: 1.1em;
}

#MSIList h4 {
	font-size: 1.2em;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

#MSIServicesList h4 {
	margin-bottom: 10px;
	font-size: 1em;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

a.more {
	font-size: 1.1em;
	font-weight: bold;
}

#MSIServicesList a:hover {
	text-decoration: underline;
}

#MSIServicesList {
	width: 600;
}

#MSIServicesList li {
	font-size: .90em;
	font-weight: bold;
	list-style:outside;
	list-style-type:disc;
}

#msiServiceList {
	margin-left: 25px;
}

#MSIServicesList .right-list, #MSIServicesList .left-list {
	width: 300px;
}


#automationList {
	margin-left: 60px;
	margin-right: auto;
	width: 600px;
	font-size: 1.2em;
}

#automationList .right-list, #automationList .left-list {
	width: 290px;
}


ul.sub-menu li {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: .85em;
}

ul.sub-menu li.sub-last {
	border-bottom: none;	
}

.interview {
	margin-top: 0;
	padding-top: 0;
}

#enduserServicesList h4 {
	font-size: 1.2em;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

#enduserServicesList {
	clear: both;
	width: 600px;
}

.left-list {
	float: left;
	width: 290px;
	font-size: 1.1em;
}

.right-list {
	float: right;
	width: 290px;
	font-size: 1.1em;
}

#vykonSecurityImg {
	float: left;
	margin-right: 10px;
}

#accessControlServices h4 {
	margin-left: 10px;
}

#accessControlServices a {
	color: #000;
}

#niagaraImg, #sedonaImg {
	float: left;
	margin-top: 30px;
	margin-right: 10px;
}

#niagaraFramework h3 {
	margin: 0;
	padding: 0;
	display: block;
	margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#sedonaList {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#marathonList {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#thureonImg {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

/* Contact page styles */
#banner-left h1.contact {
	width: 240px;
	margin-top: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#banner-left p.contact {
	width: 400px;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 21px;
}

.locationInfo p {
	font-size: .85em;
}

.locationInfo span {
	font-size: .85em;
	padding-top: 4px;
	padding-bottom: 4px;
}

.location-header {
	padding-top: 20px;
	margin-left: 0;
	padding-bottom: 0;
	padding-bottom: 7px;
	margin-bottom: 0;
	text-decoration: underline;
}

.sales-title {
	margin-top: 20px;
	margin-bottom: 7px;
	text-decoration: underline;
}

#oakland {
	margin-top: -25px;
	padding-top: 0;
}

#purchasing.details2 {
	padding: 0;
	margin: 0;
	width: 190px!important;
	margin-top: 123px;
	margin-left: -25px;
}

#bakersfield.details3 {
	margin-top: 0;
	margin-left: 20px;
	width: 190px!important;
}

.office-title {
	padding-bottom: 0;
	margin-bottom: 7px;
	text-decoration: underline;
}

#californiaLocations p {margin-bottom:5px}
#californiaLocations a {text-decoration: underline}
#californiaLocations span {font-weight:bold; padding-left:22px}

#nevadaLocations p {margin-bottom:5px}
#nevadaLocations a {text-decoration: underline}
#nevadaLocations span {font-weight:bold; padding-left:22px}

.locations {
	display: block;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 3px;
	color:#818181;
}

.push-phone {
	margin-top: 60px;
}

#fresno {
	clear: left;
	float: left;
	margin-top: -10px;
	width: 170px !important;
}

#irvine {
	float: left;
	margin-top: -10px;
	width: 170px !important;
}

#modesto {
	float: left;
	margin-top: -10px;
	width: 175px!important;
}

#sacramento {
	clear: left;
	float: left;
	margin-top: -10px;
	width: 190px!important;
}

#sf {
	float: left;
	margin-top: -10px;
	margin-left: 10px;
	width: 180px!important;
}

#sd {
	float: left;
	margin-top: -10px;
	margin-left: 17px;
	width: 180px!important;
}

#lasVegas {
	margin-top: -10px;
	width: 180px;
}

#reno {
	margin-top: -10px;
	width: 265px;
}

#loading {
	position: absolute;
	top: -275px;
	left: -275px;
}

table#recaptcha {
	position: relative;
	left: 45px;
	display: block;
}


/* Some older RSS feed reader styles we're keeping */
#rss {
	background-color: #FFF;
}

#rss #newsfeed {
	background-color: #FFF;
}

/* Lighting page styles */
#banner-left h1.lighting {
	width: 240px;
	margin-top: 10px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 15px;
}

#banner-left p.lighting {
	font-size: 1em;
	height: 35px;
	line-height: 125%;
	width: 650px;
	margin-top: 10px;
	padding-top: 7px;
	padding-bottom: 20px;
}



/* Access & Video page styles */
#banner-left h1.access-video {
	font-size: 2em;
	width: 240px;
	line-height: 90%;
	margin-top: 0;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
}

#banner-left p.access-video {
	margin-left: 0;
	width: 650px;
	font-size: 1em;
	height: 50px;
	line-height: 125%;
	margin-top: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Software & IT page styles */
#banner-left h1.software-it {
	width: 245px;
	font-size: 2.2em;
	margin-top: 5px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#banner-left p.software-it {
	width: 650px;
	font-size: 1em;
	height: 50px;
	line-height: 125%;
	margin-top: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#CSICubedList {
	float: right;
	margin-top: 70px;
	margin-left: 20px;
	width: 180px;
	height: 250px;
	font-size: .90em;
}

#CSICubedList h4 {
	margin: 0;
	margin-top: 5px;
}

#CSICubedList ul {
	margin: 0;
	margin-top: 5px;
	margin-bottom: 10px;
}

#CSICubedList li {
	margin: 0;
	margin-top: 3px;
}

#CSICubedDesc {
	float: left;
	width: 400px;
}

#CSICubedTxt {
	margin-top: 20px;
}

#CSICubedImg {
	float: left;
	margin-right: 30px;
}

/* Energy page styles */
#banner-left h1.energy {
	width: 245px;
	margin-top: 5px;
	padding-right: 0;
	padding-top: 15px;
	padding-bottom: 18px;
}

#banner-left p.energy {
	width: 650px;
	font-size: 1em;
	height: 53px;
	line-height: 125%;
	margin-top: 6px;
	padding-top: 2px;
	padding-bottom: 15px;
	padding-left: 20px;
}

/* Blog page styles */
#banner-left h1.blog {
	padding: 0;
	margin-top: 0;
	width: 245px;
	padding-right: 0;
}

#banner-left p.blog {
	margin-left: 0;
	margin-top: 0;
	width: 550px;
	padding-top: 25px;
	padding-bottom: 35px;
}

#news {
	height: auto;
	margin-left: 10px;
}

#news a.gf-title, #rss #feeds a.gf-title {
	color: #E4911D;
}

.award {
	margin-bottom: 10px;
}

.award h4 {
	font-size: 17px;
	font-weight: bold;
	text-transform: capitalize;
	display: inline;
}

.award a {
	margin-top: 4px;
	display: block;
	text-decoration: none;
}

.award a:hover {
	color: #000;
}

.award a:visited {
	text-decoration: none;
}

.award img {
	margin-top: 10px;
	margin-bottom: 20px;
}

#honeywellAward h4 {
	color: #A00;
}

#frostAward h4 {
	font-style:normal;
}