/* generic elements */

html { background: #1f4851; }
body { color: #333; font: .75em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff url(/images/bg_html.png) repeat-x top; margin: 0; padding: 0; }

a { color: #2b6471; text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }
a img { border: 0; }
.more a, h2 a { background: url(/images/bg_more.png) no-repeat right; padding: 2px 27px 2px 0; }


h1 { margin: 0 0 42px; color: #2b6471; font-weight: 500; font-size: 2.67em; text-shadow: 0 1px 1px #fff; }
h2 { margin: 0 0 14px; color: #2b6471; font-weight: bold; font-size: 1.5em; }
h3 { margin: 0; color: #2b6471; font-weight: bold; font-size: 1em; }

p { margin: 0 0 18px; }
#body_news  h2.single_article { color: #2b6471; font-weight: 200; font-size: 2em; margin-bottom: 12px; }
#body_news .single_article p.intro { margin-bottom: 22px; margin-top:10px;}

p.date { margin: 0; }

.hr { border-top: 1px solid #E1E1E1; margin: 0 0 31px; clear: both; }
.hr hr { position: absolute; left: -9999px; }

address { font-style: normal; margin: 0 0 18px; }

.formbox { background: #fbfafb url(/images/bg_formbox_top.png) no-repeat top; margin: 0 0 21px; width: 580px; }
.formbox h2 {padding-top: 20px; margin: 0 0 10px 20px;}
.formbox form { background: url(/images/bg_formbox.png) no-repeat bottom; margin: 0; padding: 0 20px 20px;}
fieldset { margin: 0; padding: 0; border: 0; }
fieldset div { margin: 0 0 21px; }
label { color: #000; margin: 0 0 7px; display: block; }
input.text, textarea { border: 1px solid #c6c6c6; background: #fff; font-size: 1em; font-family: Helvetica, Arial, sans-serif; width: 370px; padding: 6px 4px; margin: 0; }
textarea { height: 139px; }
#additional_fields{display: none;}
.errors{ margin-left: 20px;}
.errors h4{margin-bottom: 5px;}
.errors ul{padding: 0;}
.errors ul li{color: #A40000; list-style: none;}
.flash{margin-left: 20px; padding-bottom: 20px;}

.thumb { border: 1px solid #d6d6d6; padding: 7px; margin: 0 0 21px; }
.thumb.right { float: right; margin-left: 80px; }
.thumb div { background: #000; }
.thumb img { display: block; margin: 0 auto; }
.content_sub .thumb { margin-left: -8px; }

.thumb_main, .thumb_list { width: 287px; float: right; position: relative; margin: 0 0 20px; background: url(/images/bg_thumb_top.png) no-repeat top; }
.thumb_main div, .thumb_list .thumb_images { padding: 8px; margin: 0; background: url(/images/bg_thumb.png) no-repeat bottom; }
.thumb_list .thumb_images { height: 196px; position: relative; }
.thumb_images li { margin: 0; list-style: none; position: absolute; top: 8px; left: 8px; z-index: 50; }
.thumb_list .gallery_nav { bottom: 15px; right: 15px; }
.thumb_main img, .thumb_list img { display: block; margin: 0 auto; width: 271px; }
* html .thumb_main, * html .thumb_list { background-image: url(/images/bg_thumb_top.gif); }
* html .thumb_main div, * html .thumb_list .thumb_images { background-image: url(/images/bg_thumb.gif); }

.gallery_nav { position: absolute; bottom: 12px; right: 12px; z-index: 100; margin: 0; }
.gallery_nav li { float: left; list-style: none; margin: 0 0 0 5px; padding: 0; }
.gallery_nav a { width: 20px; height: 20px; display: block; background: url(/images/button_gallery.png) no-repeat 0 0; }
* html .gallery_nav a { background-image: url(/images/button_gallery.gif); }
.gallery_nav span { position: absolute; left: -9999px; }
.gallery_nav .on a { background-position: bottom; }


.ad { border: 1px solid #e1e1e1; padding: 7px; float: left; margin: 0 21px 0 0; }
.ad div { background: #C0E6EE no-repeat 0 0; text-align: right; position: relative; color: #fff; width: 135px; height: 146px; padding: 20px 16px 0 122px; }
.ad .more { position: absolute; top: 124px; right: 25px; white-space: nowrap; }
.ad .more a { color: #fff; background: none; padding-right: 20px; font-size: .92em; text-shadow: 0 1px 3px rgba(0,0,0,.6); }

.content_sub .ad { margin-bottom: 20px; }

#ad_portfolio div { background-color: #863a4e; background-image: url(/images/ad_portfolio.jpg); }
#ad_about div { background-color: #363636; background-image: url(/images/ad_about.jpg); }
#ad_showroom div { background-color: #205b69; background-image: url(/images/ad_showroom.jpg); }

.text_ad { background: #f5ecca; padding: 8px; width: 274px; float: left; }
.text_ad div { border: 1px solid #fff; padding: 16px 16px 0; height: 148px; }
.text_ad p { margin: 0 0 10px; }
.text_ad p.contact_details { margin: 0; }
.text_ad a { font-weight: bold; color: #2b6471; }

dt { clear:left; float:left; width:100px; font-size:1.08em;}
dd { font-size:1.08em; }

/* layout */

#wrapper { background: url(/images/bg_wrapper.png) repeat-x bottom; }
#wrapper_sleeve { background: url(/images/bg_wrapper_sleeve.jpg) no-repeat top; }
#container { width: 960px; margin: 0 auto; position: relative; }

#header { height: 197px; position: relative; }

#logo { position: absolute; left: 0; top: 0; height: 140px; width: 140px; }
#logo * { display: block; }
#logo img { visibility: hidden; }

#tel_no { position: absolute; right: 23px; top: 57px; font-weight: 200; font-size: 1.667em; line-height: 1; color: #91a1a5; }

#nav { position: absolute; right: 12px; top: 84px; font-size: 1.25em; font-weight: bold; text-transform: capitalize; }
#nav ul { margin: 0; padding: 0; list-style: none; overflow: hidden; padding-top: 9px; }
#nav li { float: left; margin: 0 0 0 7px; _display:inline; /* :hack: IE6 double margin fix */ }
#nav a { display: block; padding: 6px 11px; margin: 0; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.3); }

#body_lighting #nav_lighting a, #body_automation #nav_automation a, #body_supply #nav_supply a,
#body_portfolio #nav_portfolio a, #body_showroom #nav_showroom a { background: #0f3742; }

#top_nav { position: absolute; right: 23px; top: 11px; line-height: 1; }
#top_nav ul { margin: 0; padding: 0; list-style: none; }
#top_nav li { float: left; border-left: 1px solid #5e757a; padding: 0 0 0 11px; margin: 0 0 0 11px; }
li#nav_home { border: 0; }
#top_nav a { color: #fff; }
#body_home #nav_home a, #body_about #nav_about a, #body_news #nav_news a, #body_contact #nav_contact a { color: #149ca8; }


#content { padding: 0 25px 50px; zoom: 1; }
#content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.content_main { width: 580px; margin: 0 0 31px; float: left;min-height: 400px; }
.content_main p { font-size: 13px; }
.content_sub { width: 287px; margin: 0 0 0 35px; float: left; _display: inline; }

.content_main_second { width: 580px; margin: 0 0 31px; float: left;min-height: 400px; }
.content_sub_second { width: 287px; margin: 0 0 0 35px; float: left; _display: inline; }

#extra { border-top: 1px solid #e1e1e1; padding: 33px 0 0; clear: both; }

.sub_nav { margin: 0 0 36px; padding: 0; list-style: none; }
.sub_nav li { margin: 0 0 10px; }


#footer { color: #fff; padding: 40px 25px 0; height: 141px; }
#footer:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#footer a { color: #fff; }
#footer address { float: right; text-align: right; }
#footer .address { margin: 10px 0 0; display: block; }
#partners { padding-top: 5px; }
#partners img { vertical-align: top; margin-right: 20px; }
#footer_nav { font-size: .92em; list-style: none; padding: 12px 0 0; margin: 0; }
#footer_nav li { float: left; margin-right: 5px; border-right: 1px solid #fff; padding-right: 5px; }
#footer_nav #nav_kyan { border-right: 0; }



/* homepage */

#body_home h1 { font-weight: 200; font-size: 2em; color: #fff; text-shadow: none; margin: 0 0 20px; width: 240px; position: absolute; left: 20px; top: 28px; z-index: 100; }

#gallery { background: url(/images/bg_gallery.png) no-repeat 0 0; padding: 8px; margin: 0 0 27px; }
#gallery div { background: #000; height: 308px; position: relative; }
#gallery .more { position: absolute; z-index: 100; margin: 0; }
#gallery .more a { color: #fff; font-size: 1.17em; font-weight: bold; background-image: url(/images/bg_more_gallery.png); }
#gallery_images { margin: 0; padding: 0; list-style: none; }
#gallery_images li { position: absolute; top: 0; left: 0; z-index: 50; }

#services ul { margin: 0; padding: 0; list-style: none; }
#services li { float: left; margin: 0 0 35px 24px; width: 271px; padding: 0 8px; }
#services li.row_leader { margin-left: 0; }
#services .thumb { margin-left: -8px; margin-right: -8px; }

#latest_news { width: 592px; padding: 0 0 0 8px; margin: 0 21px 0 0; float: left; }
#latest_news ul { margin: 0; padding: 0; list-style: none; }
#latest_news .title { font-weight: 200; font-size: 2em; }
#ad_showroom { margin-right: 0; }


/*showroom */

#body_showroom .content_main { width: 425px; }
#body_showroom .content_sub { width: 442px; }
#body_showroom .thumb_list { width: 442px; background-image: url(/images/bg_thumb_top_automation.png); }
#body_showroom .thumb_list .thumb_images { background-image: url(/images/bg_thumb_automation.png); }
#body_showroom .thumb_list img { width: 426px; }

#showroom_open {
	position: absolute; right: -10px; top: 158px;
	z-index: 100;
}

#showroom_open a {
	display: block;
	text-indent: -9999px;
	width: 121px;
	height: 122px;
	background: transparent url(/images/banner_showroom_open.png) no-repeat top;
}

/* about us page */

#team ul { margin: 0; padding: 0; list-style: none; width: 100%; clear: left; }
#team li { float: left; width: 184px; margin: 0 0 0 35px; padding: 8px; }
#team li.row_leader { margin-left: 0; clear: left; }
#team li.row_finisher { margin-left: 35px; clear: none; }
#team .thumb { margin-left: -8px; margin-right: -8px; width: 115px; }


/* automation page */

#body_automation .content_main_second { width: 425px; }
#body_automation .content_sub_second { width: 442px; }
#body_automation .thumb_list { width: 442px; background-image: url(/images/bg_thumb_top_automation.png); }
#body_automation .thumb_list .thumb_images { background-image: url(/images/bg_thumb_automation.png); }
#body_automation .thumb_list img { width: 426px; }
* html #body_automation .thumb_list { background-image: url(/images/bg_thumb_top_automation.gif); }
* html #body_automation .thumb_list .thumb_images { background-image: url(/images/bg_thumb_automation.gif); }

/* news pages */

.news_item {  margin: 0 0 36px; zoom: 1; }
.news_item:after { content: ""; clear: both; display: block; }
.news_item h2 a { padding: 0; background: none; }


/* automation page */

.sub_bullet{ list-style: none; padding-left: 15px; }

/* new portfolio w/galleryview.js */

#portfolio {
	padding-bottom: 50px;
	padding-left: 105px;
}

/* supply page */

#wendelighting {
	margin: 0px;
	min-height: auto;
}

#wendelighting img {
	padding-bottom:20px;
}

#installation {
	min-height: 10px;
}

.touchscreen img {
	padding-bottom:20px;
}

.side_nav {
	float: left;
	margin-bottom:30px;
}


.side_nav_inpage {
	float: right;
	margin-right: 15px;
	margin-left: 40px;
}

.side_nav ul,
.side_nav_inpage ul {
	padding: 0;
	margin: 0;
}

.side_nav ul li,
.side_nav_inpage ul li {
	list-style: none;
	width: 281px;
}

.side_nav ul li span,
.side_nav_inpage ul li span {
	background: #224f59;
	color: white;
	display: block;
	margin: 0px;
	padding: 6px 11px;
	text-shadow: rgba(0, 0, 0, 0.296875)
	list-style: none;
}


.side_nav ul li a,
.side_nav_inpage ul li a {
	border-bottom: 1px solid #6e9ba6;
	display: block;
	margin: 0px;
	padding: 6px 11px;
	text-shadow: rgba(0, 0, 0, 0.296875)
	list-style: none;
}

ul li ul {
	padding-top: 10px;
}


/* Copy styling */

.content_main p.pullquote {
	font-size:16px;
	font-weight: bold;
	width: 230px;
	float: right;
	color: #2B6471;
	padding-left: 20px;
}

#tech_services {
	padding: 0;
	overflow: hidden;
}

#tech_services li {
	list-style: none;
	float: left;
	padding-top:10px;
}

/* Comparison page */

.product_comparison {
	padding-right: 15px;
	margin-bottom: 20px;
	overflow: hidden;
}

#body_supply_comparison .intro {
	max-width: 700px;
}

.product_comparison p {
	max-width: 650px;
}

.product_comparison .product_img {
	margin-top: -30px;
	padding: 7px;
	border: 1px solid #E1E1E1;
	margin-left: 40px;
	float: right;
}

.alt_product {
	clear: both;
	overflow: hidden;
}

.alt_product .warning {
	font-size: 14px;
	margin-bottom:10px;
}

.alt_product .alt_product_img {
	margin-top: -10px;
	padding: 7px;
	margin-left: 30px;
	margin-right: 40px;
	float: right;
}

/* galleryview.js CSS file */

#photos { visibility: hidden;}

/* GALLERY CONTAINER */
.loader { background: url(/images/loader.gif) center center no-repeat #ddd; }
.panel .panel-overlay,
.panel .overlay-background { height: 80px; padding: 0 1em;  }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
.filmstrip { margin: 5px; }
.frame .img_wrap { border: none; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }
.frame .caption { font-size: 11px; text-align: center; color: #888; }
.frame.current .caption { color: #000; }
.pointer {	border-color: #fff; }

/* TRANSPARENT BORDER FIX FOR IE6 */
*html .pointer {
	filter: chroma(color=pink);
}