/*
Theme Name: collinder
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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

@font-face {
    font-family: 'VAGRoundRegular';
    src: url('type/vag_round-webfont.eot');
    src: url('type/vag_round-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/vag_round-webfont.woff') format('woff'),
         url('type/vag_round-webfont.ttf') format('truetype'),
         url('type/vag_round-webfont.svg#VAGRoundRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------ Resets -------- */
html, body, div, span, applet, object, iframe,p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	/*vertical-align: baseline;*/
}
:focus {outline: 0;}

html {	-webkit-font-smoothing: antialiased;}

body { background: #00529B url(images/headers/bg.jpg) no-repeat top center; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #5F6A72;}

ol, ul {list-style: none;}

img { border: 0;}

/* General Structure and Styles
--------------------------------------------- */
#wrapper {
	width: 864px;
	margin: 0 auto;
	padding: 0 80px 40px 80px;
	z-index: 0;
	background: #ffffff url(images/headers/page-shadow.png) no-repeat bottom center;
}

#main {
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 25px 0;
	min-height: 700px;
}

#masthead { width: 100%; margin: 0 auto; clear: both;}

#content {
	margin:0;
	padding:0;
	float:left;
	font-size: 14px;
	width: 100%;
}
#footer {
	padding: 0;
	clear: both;
	font-size: 11px;
	color: #474747;
}

#left-main-cloumn { width: 720px; float: left; padding-left: 10px;}
#left-column { width: 210px; float: left;}
#right-column { width: 180px; float: right;}
#mid-column { margin-left: 230px;}


.aligncenter {
	margin:0 auto; 
	display:block; 
}
.alignleft {
	float:left; margin: 5px 25px 10px 0;
}
.alignright {
	float:right; margin: 5px 0 10px 25px;
}


.left { float: left;}
.right { float: right;}
.clear { clear:both;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clearfix { display:inline-block}
.clr { font-size:1px}/*\*/
* html .clearfix { height:1%; font-size:0; line-height:1;}
.clearfix { display:block}
.clear { clear:both}

.clear-5 { clear: both; height: 5px;}
.clear-10 { clear: both; height: 10px;}
.clear-15 { clear: both; height: 15px;}
.clear-20 { clear: both; height: 20px;}

.block { }
.block-5 { padding: 5px 0;}
.block-10 { padding: 10px 0;}
.block-15 { padding: 15px 0;}
.block-20 { padding: 20px 0;}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	margin: 0 0 10px 0;
}

h1 { font-size: 22px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}

.subheading { color: #5091CD; font-style: italic;}


hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 15px;
}
ul, ol {
	margin: 5px 0;
}
ul {
	/*list-style: square;*/
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}


/* =Menu
-------------------------------------------------------------- */
#access {
	background: #707A82; /* Show a solid color for older browsers */
	background: url(images/menu.png) no-repeat 0 0;
	background-image: -moz-linear-gradient(#919AA1, #6A747C);
	background-image: -o-linear-gradient(#919AA1, #6A747C);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#919AA1), to(#6A747C)); /* older webkit syntax */
	background-image: -webkit-linear-gradient(#919AA1, #6A747C);  
    /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#919AA1', endColorstr='#6A747C');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#919AA1', endColorstr='#6A747C')";*/
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;
	position:relative;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	z-index: 999;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 98%;
	padding: 0 1%;
}
#access ul {
    font-family: 'VAGRoundRegular';
	font-size: 16px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
	margin: 0;
	background: url(images/headers/menu-divider.png) no-repeat top right;
	width: 168px;
	text-align: center;
}
#access li:last-child, #access li.last-child { background-image: url(images/headers/blank.gif);}

#access a {
	color: #eee;
	display: block;
	line-height: 30px;
	padding: 0 5px;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 0;
	width: 168px;
	z-index: 999;
	zoom: 1;
	font-family: Arial, Helvetica, sans-serif !important;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;		
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #9DA4A8 url(images/headers/menu-sub-divider.png) no-repeat bottom center;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 13px 10px;
	width: 148px;
	text-align: center;
}

#access ul ul li:last-child a { background-image: url(images/headers/blank.gif);}
#access ul ul li a:hover { color: #364049;}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus { color: #ffffff;
}
#access li:hover > a,
#access a:focus {
	color: #ffffff;
}
#access ul li:hover > ul {
	display: block;
}

#access .current_page_ancestor, #access .current_page_item {
	font-weight: normal;
	color: #ffffff !important;
	background: #838B91;
	*background-image:  url(images/headers/bgNavSelect.png);
	*background-repeat: repeat;
	background-image: -moz-linear-gradient(#A6AAAD, #838B91) !important;
	background-image: -o-linear-gradient(#A6AAAD, #838B91) !important;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A6AAAD), to(#838B91)) !important; /* older webkit syntax */
	background-image: -webkit-linear-gradient(#A6AAAD, #838B91) !important;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6AAAD', endColorstr='#838B91');
} /*#access .current_page_item > a,*/

#access .current_page_ancestor > a  { 
	font-weight: normal;
	background: url(images/headers/menu-divider.png) no-repeat top right;
	}


/* ------------------------------------
        P A G E  S T Y L E S
   ------------------------------------ */
  
.top-section { margin: 0 auto; clear: both; overflow: hidden; padding: 38px 0 6px 0; border-bottom: 2px solid #919AA1;}
.logo { width: auto; float: left; margin:0; padding:0;}
.logo h1 { margin-bottom: 0;}
.logo h1 a { width: 360px; height: 60px; margin: 0; padding:0; display: block; text-decoration: none; text-indent: -9999px; font-size: 24px; background: url(images/headers/logo.png) no-repeat 0 0;}

.top-button { float: right; margin-top: 0px;}

.nav-wrap { margin:-4px auto 20px auto; clear: both;}

#branding { border: 1px solid #7C7D7F; border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; position: relative; display: block;}
#branding img { margin-bottom: -3px;}
#branding .top-rd-left { position: absolute; top:-1px; left:-1px; width: 22px; height: 22px; background: url(images/headers/top-rc.png) no-repeat 0 0; z-index: 500;}
#branding .top-rd-right { position: absolute; top:-1px; right:-1px; width: 22px; height: 22px; background: url(images/headers/top-rc2.png) no-repeat 0 0;z-index: 500;}

.content {}
.half-width { width: 48%;}
.half-width.left { float: left;}
.half-width.right { float: right;}
.half-width p { /*margin-bottom: 0px !important;*/}

.pagetitle { border-bottom: 2px solid #919AA1; padding-bottom: 8px; color: #5F6A72;}


/*-- Footer --*/
.footer { background: #CCD1D5 url(images/footer.gif) no-repeat 0 0; padding: 13px 15px; position: relative; /*background: #CCD1D5 url(images/headers/footer-gra.gif) repeat-x 0 0; border:1px solid #CCD1D5;  -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; behavior: url(border-radius.htc); */}
#menu-about-us{width:104px !important;}
#menu-electrical-consulting{width:104px !important;}
#menu-home-automation{width:100px !important;}
#menu-news{width:62px !important;}
#footer-widget-area #first ul li{ max-width: 150px; float: left; margin:0 2px 0 0; padding:0 34px 0 0;}
#footer-widget-area ul li h3 { text-transform: uppercase; font-size: 10px; margin-bottom: 3px; text-decoration: underline;}
#footer-widget-area ul li l ul { margin: 0; padding:0; overflow: hidden;}
#footer-widget-area ul li  ul li { margin: 2px 0 0 0 !important; padding:0; list-style: none; font-size: 10px; line-height: 13px; width:100%;}
#footer-widget-area ul li  ul li a { color: #474747; text-decoration: none;}
#footer-widget-area ul li  ul li a:hover { color: #FF7400; text-decoration: underline;}
.menu-news-container li{width:120px!important;}
.ft-col { max-width: 150px; float: left; margin:0 2px 0 0; padding:0 34px 0 0;}
.ft-col h4 { text-transform: uppercase; font-size: 10px; margin-bottom: 3px; text-decoration: underline;}
.ft-col ul { margin: 0; padding:0; overflow: hidden;}
.ft-col ul li { margin: 2px 0; padding:0; list-style: none; font-size: 10px; line-height: 13px;}
.ft-col ul li a { color: #474747; text-decoration: none;}
.ft-col ul li a:hover { color: #FF7400; text-decoration: underline;}

.site-design { position: absolute; z-index: 10; bottom: 13px; right: 15px;}

/*-- Button Classes --- */
.request-button { color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 6px 30px; text-align: center; font-family: 'VAGRoundRegular', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; display: inline-block;
   text-shadow: 0 0 3px rgba(0,0,0,0.2);
   
   background: url(images/req-app-btn.gif) no-repeat top center !important; height: 56px; line-height: 20px;

  /* border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(border-radius.htc);
   box-shadow: 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
   filter: progid:DXImageTransform.Microsoft.Shadow(color='#D2D2D2', Direction=-130, Strength=4);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9A662), to(#F68428));
   background-image: -webkit-linear-gradient(top, #F9A662, #F68428);
   background-image:    -moz-linear-gradient(top, #F9A662, #F68428);
   background-image:     -ms-linear-gradient(top, #F9A662, #F68428);
   background-image:      -o-linear-gradient(top, #F9A662, #F68428);   
   filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9A662', endColorstr='#F68428');
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9A662', endColorstr='#F68428')";*/
}



.readmore-btn {  color: #ffffff; text-shadow: 0 0 3px rgba(0,0,0,0.4); font-family: 'VAGRoundRegular', Arial, Helvetica, sans-serif; margin-top: 10px; font-size: 13px; font-weight: normal; text-decoration: none; padding: 3px 10px; display: inline-block;

    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;

    background: #707A82; Show a solid color for older browsers 
	background: -moz-linear-gradient(#919AA1, #6A747C);
	background: -o-linear-gradient(#919AA1, #6A747C);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#919AA1), to(#6A747C)); /* older webkit syntax 
	background: -webkit-linear-gradient(#919AA1, #6A747C);	 
    /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#919AA1', endColorstr='#6A747C');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#919AA1', endColorstr='#6A747C')"; */
	}
	
.readmore-btn:hover { color: #ffffff; text-decoration: none; 
    background: #6A747C; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#7C868D, #535D65);
	background: -o-linear-gradient(#7C868D, #535D65);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7C868D), to(#535D65)); /* older webkit syntax */
	background: -webkit-linear-gradient(#7C868D, #535D65);	 
    /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7C868D', endColorstr='#535D65');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7C868D', endColorstr='#535D65')"; */
	}
	
/* --- Contact Page --- */
.header-contactus { background: #0063BE; padding: 30px; min-height: 400px;}
.contact-left { width: 275px; float: left; margin:0; padding:0; color: #ffffff; font-size: 14px; line-height: 140%;}
.contact-left a { color: #ffffff; text-decoration: none;}
.contact-left a:hover { color: #EE820F; text-decoration: underline;}
.contact-map { width: 480px; float: right;}
.contact-left .entry-content h1 {color:#EE820F !important; }
.contact-left h2 { margin: 20px 0 10px 0;}
.contact-left p { margin-bottom: 20px;}
.contact-left h4 { margin: 0 !important; font-size: 18px; font-weight: normal;}

.w-day { width: 105px;float: left;}

/* --- About Us Page --- */
.header-aboutus { background: #ffffff;}
.about-left { width: 260px; float: left; margin: 30px 0 0 30px; display: inline; padding:0; color: #6D7880; font-size: 16px;}

/* --- FAQ page --- */
.header-faqs { background: #ffffff url(images/faq-bg.gif) repeat-x left bottom; min-height: 718px;}
.faqs-left { width: 260px; float: left; margin: 30px 0 0 30px; display: inline; padding:0; color: #6D7880; font-size: 16px;}
.faqs-left h1 { color: #0063BE;}
.faqs-right {width: 473px; float: right; margin: 30px 30px 20px 30px; padding-right:20px; height: 660px; overflow-y: scroll; }
.faqs-left a { color: #EE820F; text-decoration: underline;}
.faqs-left a:hover { color: #0063BE; text-decoration: underline;}

.faqs-right ul{ list-style:disc; margin-left:15px; color:#EE820F;}
.faqs-right ul li { margin-bottom:7px;}
.faqs-right ul li a { color: #EE820F; text-decoration: none;}
.faqs-right ul li a:hover { color: #EE820F; text-decoration: underline;}
.faqs-right p b { display: inline-block; line-height: 18px !important; margin-bottom:5px;}
.faqs-right p { margin-bottom:30px;  line-height: 150%;}


/* --- News Page --- */
.header-news { background: #ffffff;}
.news-left { padding:0; color: #6D7880; font-size: 16px;}
.news-container { border-top: 2px solid #919AA1; border-bottom: 2px solid #919AA1; padding: 15px 0; margin: 0;}
.news-inside { height: 620px; overflow-y: scroll; padding-right: 15px;}
.news-inside .news-item {margin-bottom:60px;}
.news-left .news-post { margin-bottom: 50px;}
.news-left h1{ color: #0063BE; text-transform: uppercase;}
.news-left .news-title-date { font-style:italic; font-size:80%;}
.news-left .wp-post-image { float:right; margin: 5px 10px 15px 25px;}
.news-left p { line-height: 20px; margin-bottom: 15px;}
.news-full .news-title {margin-bottom:18px;}


.close-btn-news { clear: both; margin-top: 17px; display: inline-block; font-size: 12px; font-weight: bold; line-height: 18px; height: 18px; padding: 0 8px 0 24px; background: url(images/close-new-btn.gif) no-repeat 0 0; text-decoration: none; color: #6d7880;}
.close-btn-news:hover { color: #EE820F; text-decoration: none; background-position: 0 -18px; background-color: #eee;}

.readmore-btn-news { font-size: 12px; font-weight: bold; color: #6d7880; text-decoration: none;}
.readmore-btn-news:hover { color: #EE820F; text-decoration: underline;}

.news-left p + .readmore-btn-news  { margin-top: -15px;}

/* --- Trade Page --- */
.header-trade { background: #ffffff url(images/trade-bg.jpg) no-repeat 0 0; min-height: 720px;}
.trade-left { width: 290px; float: left; padding: 20px 30px; margin:0; display: inline; color: #ffffff; font-size: 16px; background: url(images/alpha-b-70.png); min-height: 680px;}

.trade-left ul { margin: 20px 0; padding:0;}
.trade-left ul li { margin: 0px 0 0px; padding:0; list-style: none; display: block; clear: both; width: 100%; float: left;}
:root .trade-left ul li {line-height: 188% \0/IE9;}
.trade-left ul li h1 { margin-bottom: 0; text-transform: uppercase; letter-spacing: -1px; font-size: 24px; font-weight: bold; display: block;}
.trade-left ul li a { color: #ffffff; text-decoration: none; padding: 29px 0 28px 0; display: block;}
.trade-left ul li a:hover, .trade-left ul li a:active { color: #EE820F; text-decoration: none;}
.trade-left ul li a.active{color: #EE820F; text-decoration: none;}

.trade_show { position: absolute; left: 330px; background-image: url(images/arrow-orange.png); padding-left: 88px; background-repeat: no-repeat; display:none;}
.trade_show .inside { background:url(images/alpha-o-85.png); padding: 25px 30px; max-width: 320px; color: #ffffff; font-size: 16px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; behavior: url(border-radius.htc);/*min-height: 200px;*/ }
.trade_show .inside p { margin-bottom: 8px;}

/*.trade_show.collaboration { top: 33px; top: 35px \0/IE8; background-position: 0% 20%;}
	:root .trade_show.collaboration {top: 30px \0/IE9;}
.trade_show.consultation { top: 78px; background-position: 0% 50%;}
	:root .trade_show.consultation {top: 63px \0/IE9;}
.trade_show.environmental_impact { top: 156px; background-position: 0% 50%;}
html > body .trade_show.environmental_impact { *top: 159px;}
	:root .trade_show.environmental_impact {top: 141px \0/IE9;}
.trade_show.all_technology { top: 253px; background-position: 0% 50%;}
	:root .trade_show.all_technology {top: 246px \0/IE9;}
.trade_show.system_design { top: 348px; background-position: 0% 50%;}
	:root .trade_show.system_design {top: 342px \0/IE9;}
.trade_show.full_integration { top: 405px; background-position: 0% 50%;}
	:root .trade_show.full_integration {top: 394px \0/IE9;}
.trade_show.simple_control { top: 450px; background-position: 0% 85%;}
	:root .trade_show.simple_control {top: 442px \0/IE9;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.trade_show.collaboration { top: 33px;}
	.trade_show.consultation { top: 80px;}
	.trade_show.environmental_impact { top: 145px;}
	.trade_show.all_technology { top: 248px;}
	.trade_show.system_design { top: 341px;}
	.trade_show.full_integration { top: 401px;}
	.trade_show.simple_control { top: 444px;}
}
*/

/* --- Font Color & Sizes --- */
.orangetext { color: #EE820F;}
.bluetext { color: #0063BE;}
.entry-content h1 { color: #0063BE;}
.entry-content strong { font-size:15px;}

.size11 { font-size:11px;}
.size12 { font-size:12px;}
.size13 { font-size:13px;}
.size14 { font-size:14px;}
.size16 { font-size:16px;}
.size18 { font-size:18px;}
.size20 { font-size:20px;}
.size25 { font-size:25px;}
.size30 { font-size:30px;}

/* --- Studio --- */
.studio-left{width: 440px; float: left; margin:0; padding:0;}
.studio-right{width: 300px; float: right; margin:50px 0 20px 0; padding:0; text-align: right;}


/* --- Carousel Page --- */
.header-carousel{ width: 100%; height: 718px; height: 718px !important\0/; background:#000000 url(images/carousel-bg.jpg) no-repeat scroll 0% 0%; overflow: hidden; }

#homeautomation-carousel-load {top:400px; left:400px; position:absolute; color:#000; font-weight:bold; z-index:1000;}
#homeautomation-carousel{ position: relative; width: 100%; height: 100%; margin-top: 10px; display:none;}
#homeautomation-carousel img.cloudcarousel {cursor:pointer;}

#carousel-text { position: absolute; top: 409px; left: 50%; margin-left: -300px; width: 600px; height: auto; padding-top: 101px; *padding-top: 104px; background: url(images/carousel-info-top.png) no-repeat 0 0; z-index: 120;}
#carousel-text span { background: url(images/carousel-info-bottom.png) no-repeat left bottom; z-index: 120; min-height:120px; padding: 0 12px 18px 12px; display: block;}
/*#carousel-text { position: absolute; top: 409px; left: 50%; margin-left: -300px; width: 570px; height: auto; min-height:162px; padding: 100px 15px 10px 15px; background: url(images/carousel-info.png) no-repeat 0 0; z-index: 120;}*/
.top-text { position: absolute; top: 20px; left: 20px; width: 100px; font-size: 12px; color: #fff; z-index: 102;}

.carouselLeft { display:none; background:url(images/rotate-left.png); width:33px; height:68px; background-position: 0 0; cursor: pointer; position: absolute; bottom: 94px; left: 80px;}
.carouselLeft:hover { background-position: 0px 68px; }
.carouselRight { display:none; background:url(images/rotate-right.png); width:33px; height:68px; background-position: 0 0; cursor: pointer; position: absolute; bottom: 94px; right: 80px;}
.carouselRight:hover { background-position: 0px 68px;}

#carousel-title { display:none; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px; margin-top: 3px; text-align: center;}
#carousel-alt { display:none; color:#fff; margin: 0 10px; font-size:16px; font-weight: normal; text-align: center; line-height: 22px !important; }

/* -- Home Page Header -- */
.header-banner { position: relative; overflow: hidden; height: 484px; z-index:400; *zoom: 1;}
.header-slideshow { height: 484px; width: 862px; overflow: hidden; position: relative;}
.header-image-consulting { height: 484px; width: 862px; overflow: hidden; position: absolute; display:none; z-index:1000;}
.header-image-automation { height: 484px; width: 862px; overflow: hidden; position: absolute; display:none; z-index:1001;}
.orange-caption-box { width: 393px; padding: 8px 20px; background: url(images/orange-caption.png) no-repeat 0 0; position: absolute; top: 442px; left: 0; z-index: 1100; color: #ffffff; min-height: 440px;  font-size:13.6px;}
.orange-caption-box h1 { padding-bottom: 10px; border-bottom: 2px solid #F3B07B;}
.orange-caption-box p { margin-bottom: 10px;}

.blue-caption-box { width: 392px; padding: 8px 19px; background: url(images/blue-caption.png) no-repeat 0 0; position: absolute; top: 442px; right: 0; z-index: 1100; color: #ffffff; min-height: 440px; font-size:13.6px;}
.blue-caption-box h1 { padding-bottom: 10px; border-bottom: 2px solid #6594BF;}
.blue-caption-box p { margin-bottom: 10px;}

.small-btn { color: #ffffff; font-family: 'VAGRoundRegular', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; padding: 3px 10px; display: inline-block; cursor: pointer;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:0; outline: none; behavior: url(border-radius.htc);}
.small-btn:hover { opacity: 0.9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.small-btn.blue { background: #095295;
background: -moz-linear-gradient(#3F68A2, #035096);
background: -o-linear-gradient(#3F68A2, #035096);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3F68A2), to(#035096)); /* older webkit syntax */
background: -webkit-linear-gradient(#3F68A2, #035096); }

.small-btn.orange { background: #E27E2C;
background: -moz-linear-gradient(#E99653, #EC8029);
background: -o-linear-gradient(#E99653, #EC8029);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E99653), to(#EC8029)); /* older webkit syntax */
background: -webkit-linear-gradient(#E99653, #EC8029);
}

.small-btn.gray { background: #6A747C;
background: -moz-linear-gradient(#919AA1, #6A747C);
background: -o-linear-gradient(#919AA1, #6A747C);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#919AA1), to(#6A747C)); /* older webkit syntax */
background: -webkit-linear-gradient(#919AA1, #6A747C);
margin-right:5px;
}

.small-btn.blue.process { padding-left: 25px; background: #095295 url(images/preloader1.gif) no-repeat 8px 52% !important;margin-left: 8px !important;}

.attach-plan { background: url(images/paper-clip.gif) no-repeat 0 0; height: 20px; line-height: 20px; font-weight: bold; font-size: 12px; color: #6D7880; text-decoration: none; padding: 0 10px 0 24px; margin: 5px 10px 5px 0; display: inline-block;}
.attach-plan:hover { color: #EE820F; text-decoration: underline;}



/* Scroll Bar */
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;}
.vscrollerbase { width: 20px; background-color: #CDD0D2; }
.vscrollerbar { width: 20px; background:#A7ADB1 url(images/scroller-grip.gif) no-repeat scroll 50% 50%;}
.hscrollerbase { height: 10px; background-color: #CDD0D2; }
.hscrollerbar { height: 10px; background-color: #717B83;}

.scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px;}

/*.preview_div.y_1968 { top:-2px;}
.preview_div.y_1973 { top:38px;}
.preview_div.y_1985 { top:98px;}
.preview_div.y_1990 { top:157px;}
.preview_div.y_1995 { top:180px;}
.preview_div.y_1998 { top:278px;}
.preview_div.y_2001 { top: 282px;}
.preview_div.y_2003 { top: 389px;}
.preview_div.y_2008 { top: 420px; }
.preview_div.y_2010 { top: 471px;}
.preview_div.y_2011 { top: 333px;}
*/



/* -- Family page -- */
*+html #years li{*height:56px;}

.header-family { background: #ffffff url(images/faq-bg.gif) repeat-x left bottom; min-height: 672px; padding: 25px;}
.family-left { width: 250px; float: left; margin: 0 20px 0 0; display: inline; padding:0; color: #6D7880; font-size: 14px;}
.family-left h1 { color: #0063BE;}
.family-left p { margin-bottom:10px; line-height: 19px;}
.family-right {width: 250px; float: right; margin: 0; padding:0; }
.family-left a { color: #EE820F; text-decoration: underline;}
.family-left a:hover { color: #0063BE; text-decoration: underline;}

.mid-yearbar { width: 62px; background: #9DA4A8; display: block; position: relative; color: #ffffff; height: 664px; float: left; margin: 0 50px;}
.mid-yearbar ul { width: 62px; height: 100%; margin:0; padding:2px 0;position: relative; z-index: 100}
.mid-yearbar ul li { height: 60px; color: #fff; font-size: 16px; font-weight: bold; width: 100%; margin:0; padding:0; text-align: center; line-height: 60px;}
.mid-yearbar ul li a { color: #fff; text-decoration: none; display: block;}
.mid-yearbar ul li a:hover { color: #fff; text-decoration: none; background: #DADBDC; color: #9DA4A8;}
.mid-yearbar ul li a.active { color: #fff; text-decoration: none; background: #DADBDC; color: #9DA4A8;}

.preview_div { position: absolute; left: 55px; background-image: url(images/arrow-blue.png); padding-left: 33px; background-repeat: no-repeat; z-index: 1000; display:none;}
.preview_div .inside { background:#0063BE; padding: 25px 30px; width: 335px; color: #ffffff; font-size: 16px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; behavior: url(border-radius.htc); }
.preview_div .inside p { margin-bottom: 8px;}

/*.preview_div.y_1968 { top: -1px \0/IE8; background-position: 0% 15%;}

.preview_div.y_1973 { top: 40px \0/IE8; background-position: 0% 50%;}
*+html .preview_div.y_1973 { top: 40px; background-position: 0% 50%;}
:root .preview_div.y_1985 { top: 38px \0/IE9; background-position: 0% 50%;}


.preview_div.y_1985 { top: 100px \0/IE8; background-position: 0% 50%;}
*+html .preview_div.y_1985 { top: 100px; background-position: 0% 50%;}
:root .preview_div.y_1985 { top: 98px \0/IE9; background-position: 0% 50%;}

.preview_div.y_1990 { top: 160px \0/IE8; background-position: 0% 50%;}
*+html .preview_div.y_1990 { top: 160px; background-position: 0% 50%;}
:root .preview_div.y_1990 { top: 159px \0/IE9; background-position: 0% 50%;}

.preview_div.y_1995 { top: 184px \0/IE8; background-position: 0% 50%;}
*+html .preview_div.y_1995 { top: 184px; background-position: 0% 50%;}
:root .preview_div.y_1995 { top: 182px \0/IE9; background-position: 0% 50%;}

.preview_div.y_1998 { top: 280px \0/IE8; background-position: 0% 50%;}
*+html .preview_div.y_1998 { top: 280px; background-position: 0% 50%;}
:root .preview_div.y_1998 { top: 279px \0/IE9; background-position: 0% 50%;}

.preview_div.y_2001 { top: 286px  \0/IE8; background-position: 0% 50%;}
*+html .preview_div.y_2001 { top: 285px; background-position: 0% 50%;}
:root .preview_div.y_2001 { top: 274px \0/IE9; background-position: 0% 50%;}

.preview_div.y_2003 { top: 391px \0/IE8; background-position: 0% 50%;}
*+html .preview_div.y_2003 { top: 390px; background-position: 0% 50%;}
:root .preview_div.y_2003 { top:389px \0/IE9; background-position: 0% 50%;}

.preview_div.y_2008 { top: 424px \0/IE8; background-position: 0% 50%;}
*+html .preview_div.y_2008 { top: 423px; background-position: 0% 50%;}
:root .preview_div.y_2008 { top: 422px \0/IE9; background-position: 0% 50%;}

.preview_div.y_2010 { top: 475px \0/IE8; background-position: 0% 50%;}
*+html .preview_div.y_2010 { top: 475px; background-position: 0% 50%;}
:root .preview_div.y_2010 { top: 471px \0/IE9; background-position: 0% 50%;}

.preview_div.y_2011 { top: 347px \0/IE8; background-position: 0% 95%;}
*+html .preview_div.y_2011 { top: 390px; background-position: 0% 79%;}
:root .preview_div.y_2011 {  top: 340px \0/IE8; background-position: 0% 95%;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{	
	.preview_div.y_1973 { top:36px;}
	.preview_div.y_1995 { top: 178px; background-position: 0% 50%;}
	.preview_div y_1968 { top: -3px;}
	.preview_div.y_1995 { top: 179px; }
	.preview_div.y_1990 { top: 157px; }
	.preview_div.y_1998 { top: 277px}
	.preview_div.y_2001 { top: 280px; background-position: 0% 50%;}
	.preview_div.y_2003 { top: 387px; background-position: 0% 50%;}
	.preview_div.y_2008 { top: 418px; background-position: 0% 50%;}
	.preview_div.y_2010 { top: 469px; background-position: 0% 50%;}
	.preview_div.y_2011 { top: 332px; background-position: 0% 95%;}
	
	.trade_show.environmental_impact {top: 155px;}
	.trade_show.consultation {top: 76px;}
	.trade_show.all_technology { top: 251px;}
	.trade_show.system_design { top: 348px;}
	.trade_show.full_integration { top: 406px;}
	.trade_show.simple_control { top: 450px;}
}
*/
/*--- Overlay Popup ----*/
.black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #00203E; z-index:5005; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
.white_content { display: none; position: absolute; top: 105px; left: 50%; margin-left: -300px; width: 540px; height: auto; padding: 25px 30px; border: 1px solid #D0D5DB; background-color: #fff; z-index:5010; overflow: auto; box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); color: #7C8387; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.popup-header { clear: both; display: block; width: 100%; padding: 5px 0 17px 0; border-bottom: 2px solid #919AA1; position: relative;}
.popup-header h1 { margin: 0;}
.popup-header .logo-popup { width: auto; float: left;}
.popup-header .logo-popup h1 { text-indent: -9999px; font: Arial, Helvetica, sans-serif; font-size: 24px; background: url(images/collinder.png) no-repeat 0 0; width: 230px; height: 56px; display: block;}

.right-title { margin-top: 30px; float: right;}
.right-title h1 { font-size: 24px; font-weight: normal; letter-spacing: -2px; color: #737A7E; text-align: right; margin-bottom: 0;}

.popup-content { padding: 15px 0; position: relative;}
.popup-content h3 { font-size: 15px;}

.popup-content fieldset { margin: 20px 0 0 0; clear: both; border: 0; padding: 0px 0 25px 0; display: block; overflow: hidden;}
.popup-content fieldset legend { font-weight: bold !important; margin: 0 0 5px 0;}
.popup-content fieldset label { font-weight: bold; text-transform: uppercase; margin-right: 10px; white-space: nowrap;}
.popup-content fieldset label.wrap { white-space: normal; }
.popup-content fieldset input[type=text].textfield { width: 99%; background: #DFE0E0; border:1px solid #B7B7B7; margin: 4px 0 8px; text-indent: 5px; color: #363636; float:right;}
.popup-content fieldset input[type=text].textfield:focus { background: #f3f3f3;}
.popup-content .small-btn { padding: 1px 15px;}

.popup-close { background: url(images/close-popup.gif) no-repeat 0 0; display: inline-block; font-size: 11px; font-weight: bold; line-height: 11px; height: 11px; color:#6D7880; text-decoration: none; padding: 0 0 0 15px;}
.popup-close:hover { background-position: 0 -11px; color:#EE820F; text-decoration: none;}

.popup-close.bottom { position: absolute; left:0; bottom: -10px;}
.popup-close.top { position: absolute; right:0; top: 1px;}


label.error { color: #CC0000; margin-right:0px !important;}

input[type=text].error { border: 1px solid #FFDBDB !important; background-color: #FFEBEB !important;}

.popup-content fieldset input.err { border: 1px solid #FF0000;}

	
.form-steps { padding: 5px 0; text-align: center; }
.step { background: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 2px 6px; color: #666; text-decoration: none; margin: 0 1px;}
.step.selected { background: #EE810F; color: #fff; text-decoration: none; font-weight: bold;}
.clear-border { clear: both; border-top:1px dotted #ccc; margin: 5px 0;}