/* Drupal 7 Foundation - based on Framework by André Griffin
------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Footer
11.CSS Support

------------------------------------------------*/

/**
 * 0.RESET 
 */

@import "reset.css";

/**
 * 1.GLOBAL
 */


/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */
 
@font-face {
	font-family: 'FunctionProBook';
	src: url('fonts/FunctionPro-Book-webfont.eot');
	src: url('fonts/FunctionPro-Book-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/FunctionPro-Book-webfont.woff') format('woff'),
			 url('fonts/FunctionPro-Book-webfont.ttf') format('truetype'),
			 url('fonts/FunctionPro-Book-webfont.svg#FunctionProBook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FunctionProMedium';
	src: url('fonts/FunctionPro-Medium-webfont.eot');
	src: url('fonts/FunctionPro-Medium-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/FunctionPro-Medium-webfont.woff') format('woff'),
			 url('fonts/FunctionPro-Medium-webfont.ttf') format('truetype'),
			 url('fonts/FunctionPro-Medium-webfont.svg#FunctionProMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FunctionProDemi';
	src: url('fonts/FunctionPro-Demi-webfont.eot');
	src: url('fonts/FunctionPro-Demi-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/FunctionPro-Demi-webfont.woff') format('woff'),
			 url('fonts/FunctionPro-Demi-webfont.ttf') format('truetype'),
			 url('fonts/FunctionPro-Demi-webfont.svg#FunctionProDemi') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'FunctionProLight';
    src: url('fonts/FunctionPro-Light-webfont.eot');
    src: url('fonts/FunctionPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/FunctionPro-Light-webfont.woff') format('woff'),
         url('fonts/FunctionPro-Light-webfont.ttf') format('truetype'),
         url('fonts/FunctionPro-Light-webfont.svg#FunctionProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
  background: #111111;
  color: #fff;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'FunctionProBook', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
}

h1, .h1 {
  font-size: 32px;
  line-height: 1.5;
  margin: 0;
}

h2, .h2 {
  font-size: 24px;
  line-height: 1;
  margin: 0;
}

h3, .h3 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
}

h4, h5, h6, .h4, .h5, .h6 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
}

p {
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 .8em 0;
}

a { color: #fff; text-decoration: none; outline: none;}

a:hover, a:active, li a.active  { color: #96b4c7; }

/*a:focus { outline: thin dotted; }*/

a:hover, a:active { outline: none; }

/* apply common styling after reset.css */

strong {font-weight: bold;}
li ul, li ol {  margin: 0; }
ul, ol {  margin: 0 1.5em 1.5em 0;  padding-left: 1.5em; }
ul {  list-style-type: disc; }
ol {  list-style-type: decimal; }
dl {  margin: 0 0 1.5em 0; }
dl dt {  font-weight: bold; }
dd {  margin-left: 1.5em; }
hr {  background: #cecece;  border: none;  clear: both;  float: none;  height: 1px;  margin: .5em 0 1em;  width: 100%; }
fieldset {  border: 1px solid #ccc;  margin: 0 0 1.4375em;  padding: 1.5em; }
table {  margin-bottom: 1.5em;  width: 100%; }
th, tr, td {  vertical-align: middle; }
th { padding-right: 1em; }
.sticky-header th, .sticky-table th {  border-bottom: 3px solid #ccc;  padding-right: 1em;  text-align: left; }

ul li.expanded {
    list-style-image: url(images/list-menu-expanded.png);
    list-style-type: circle;
}
ul li.collapsed {
   list-style-image: url(images/list-menu-collapsed.png);
   list-style-type: disc;
}
ul li.leaf {
    list-style-image: none;
    list-style-type: none;
}

em, i {font-style: italic;}
blockquote {margin: 2em;}



/**
 * 2.LAYOUT
 */

#container {
  margin: 0 auto;
  padding: 0;
  width: 960px;
	background: #252525;
}

/**
 * 3.MAIN
 */

/* 1 column: global values*/

#main {
  display: block;
  float: right;
  margin: 0 65px 0 0;
	position: relative;
  width: 657px;
}

/* 3 columns */

body.two-sidebars #main {
  float: left;
  margin: 0 0 0 240px;
  padding: 0;
  width: 484px;
}

/* 2 columns: sidebar-first */

body.sidebar-first #main {
  float: right;
  margin: 0 65px 0 0;
  padding: 0;
  width: 657px;
}

/* 2 columns: sidebar-second */

body.sidebar-second #main {
  float: left;
  margin: 0;
  padding: 0;
  width: 722px;
}

/**
 * 4.SIDEBARS
 */

/* 3 columns: sidebar-first */

body.two-sidebars #sidebar-first {
  float: left;
  margin: 0 0 0 -722px;
  padding: 24px 14px 0 24px;
  width: 200px;
}

/* 3 columns: sidebar-second */

body.two-sidebars #sidebar-second {
  float: right;
  margin: 0;
  padding: 0;
  width: 238px;
}

/* 2 columns: sidebar-first */

body.sidebar-first #sidebar-first {
  float: left;
  margin: 0;
  padding: 24px 14px 0 24px;
  width: 200px;
}

/* 2 columns: sidebar-second */

body.sidebar-second #sidebar-second {
  float: right;
  margin: 0;
  padding: 0;
  width: 238px;
}

/**
 * 5.HEADER
 */

#header {
	background-color: #1c1c1c;
  margin: 0;
  padding: 0;
  position: relative;
}

#header #logo {
  float: left;
  margin: 0 1em 1.5em 0;
}

#header #site-name-slogan {
  float: left;
  margin: 0 0 1.5em;
}

#header h1#site-name {
	float: left;
	margin-top: 0;
	padding: 22px 0 0 40px;
}

#header #site-name a {
	background: url(images/logo.png) no-repeat 0 0;
	display: block;
	width: 197px;
	height: 54px;
  margin: 0;
	text-indent: -999em;
}

#header #site-name a:hover {
  text-decoration: none;
}

#header #site-slogan {
	float: left;
  margin: 0;
	padding: 46px 0 0 36px;
	font-family: 'FunctionProMedium', Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
}

#header .region-header {
	float: right;
	padding: 53px 78px 0 0;
}


/* "Our company" menu */

#block-menu-menu-header-menu {
	margin: 0;
	padding: 0;
}

#block-menu-menu-header-menu ul.menu {
	margin: 0;
	padding: 0;
}
#block-menu-menu-header-menu ul.menu li {
	float: left;
	padding-right: 6px;
	padding-left: 4px;
	list-style-image: none;
	list-style-type: none;
	font: 10px Tahoma, Geneva, sans-serif;
	border-right: 1px solid #fff;
}
#block-menu-menu-header-menu ul.menu li.last {
	border-right: none;
	padding-right: 0;
	padding-left: 6px;
}
#block-menu-menu-header-menu ul.menu li a.active {color: #fff;}
#block-menu-menu-header-menu ul.menu li a:hover {color: #96B4C7;}



/**
 * 6.NAVIGATION
 */

#navigation {
  clear: both;
  margin: 0;
  padding: 0;
}

#navigation ul#main-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul#main-menu li {
  float: left;
  margin: 0;
  padding: 0;
}

#navigation ul#main-menu li a {
  display: block;
  padding: 0 2em 0 0;
}

#navigation ul#secondary-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li {
  float: left;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li a {
  display: block;
  padding: 0 2em 0 0;
}



.breadcrumb {
  clear: both;
  padding: 6px 0 0 36px;
	height: 18px;
	font: 11px Tahoma, Geneva, sans-serif;
	color: #8f8f8f;
}
.breadcrumb a {color: #8f8f8f; text-decoration: underline;}
.breadcrumb a:hover {color: #96b4c7;}


#skip-link {
  position: absolute;
}




/* menus and item lists */

.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0 1em 0 0;
}

/* admin tabs */

.tabs-wrapper {
  border-bottom: 1px solid #333;
  margin: 0 0 1.4375em;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}





/**
 * 7.NODES
 */

.node {
  margin-bottom: 1.5em;
}

/* tags */

.field-name-field-tags {
  margin: 0 0 1.5em;
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

/* profile */

.profile {
  margin: 1.5em 0;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.profile dd {
  margin-bottom: 1.5em;
}

.password-parent {
  width: 36em;
}


#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	margin-bottom: .4em;
}

 
#main h1#page-title {
	background: #fff url(images/bg-main-top.png) no-repeat 0 0;
	padding: 22px 34px 16px 34px;
	font: 25px 'FunctionProDemi', Arial, Helvetica, sans-serif;
	color: #093552;
}

#main .content .field-type-date,
#main .submitted {
	display: block;
	background: #fff url(images/bg-main-center.png) repeat-y 0 0;	
	padding-left: 34px;
	padding-bottom: 6px;
	font-size: 10px;
	text-transform: uppercase;
	color: #8f8f8f;
}

#main .content {
	background: #fff url(images/bg-main-center.png) repeat-y 0 0;
	color: #252525;
}

#main .content a {
	color: #093552;
	text-decoration: underline;
}
#main .content a:hover {color: #96b4c7;}

#main .content ul {
	margin-right: 0;
}

#main .content li {
	padding-bottom: .3em;
}

#main .content .field-name-body {
	background: url(images/bg-main-bottom.png) no-repeat left bottom;
	clear: both;
	padding: 0 34px 48px;
}


#main .content table th {
	background: #3a4f5a;
	padding: 5px 16px;
	border-right: 4px solid #fff;
  font: 13px 'FunctionProBook', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
}
#main .content table th#specbutton {font-size: 11px;}
#main .content table th a {color: #fff;}

#main .content table td {
	font-size: 10px;
	line-height: 12px;
	padding: 8px 16px;
	vertical-align: top;
}

#main .content table td.spec {
	text-transform: uppercase;
}

#main .content .field-name-body img {
	padding: 15px;
}

#main p.caption {
	font-size: 10px;
	text-transform: uppercase;
	color: #8f8f8f;
	margin: 6px 0;
}

#main .content .field-name-body p.caption {
	padding-left: 15px;
	margin-top: -14px;
}




/**
 * Landing Pages 
 */
 
body.node-type-landing-page #main {
	float: none;
	margin: 0;
	width: 960px;
}

body.node-type-landing-page #main .content {background: none;}

body.node-type-landing-page h1#page-title {display: none;}
body.node-type-landing-page .breadcrumb {display: none;}

body.node-type-landing-page #main .content a {
	color: #fff;
	text-decoration: none;
}

body.node-type-landing-page .group-block-1,
body.node-type-landing-page .group-block-2 {
	float: left;
	width: 480px;
	position: relative;
}

body.node-type-landing-page .field-group-div .field-type-image {
	line-height: .1;
}

body.node-type-landing-page .field-group-div .field-type-image .overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/overlay-img-homepg.png) no-repeat 0 0;
	width: 480px;
	height: 552px;
}

body.node-type-landing-page .field-name-field-blk-title1,
body.node-type-landing-page .field-name-field-blk-title2 {
	position: absolute;
	left: 0;
	top: 459px;
	height: 35px;
	padding: 15px 0 0 30px;
  font: 16px 'FunctionProBook', Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	z-index: 10;
}

body.node-type-landing-page .field-name-field-blk-title1 {
	background: url(images/bg-title-linecontrol.png) no-repeat 0 0;
	width: 345px;
}

body.node-type-landing-page .field-name-field-blk-title2 {
	background: url(images/bg-title-thermal.png) no-repeat 0 0;
	width: 318px;
}

body.node-type-landing-page .field-name-field-blk-text1,
body.node-type-landing-page .field-name-field-blk-text2 {
	position: absolute;
	left: 0;
	top: 505px;
	height: 34px;
	padding: 13px 30px 0;
	color: #1c1c1c;
}

body.node-type-landing-page .field-name-field-blk-text1 {
	background: url(images/bg-text-linecontrol.png) no-repeat 0 0;
	width: 283px;
}

body.node-type-landing-page .field-name-field-blk-text2 {
	background: url(images/bg-text-thermal.png) no-repeat 0 0;
	width: 256px;
}

body.node-type-landing-page .field-name-field-blk-text1 p,
body.node-type-landing-page .field-name-field-blk-text2 p {
	font: 13px/.9em 'FunctionProLight', Arial, Helvetica, sans-serif;
	margin: 0;
}


body.node-type-landing-page .field-name-field-blk-link1 a,
body.node-type-landing-page .field-name-field-blk-link2 a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	display: block;
	width: 480px;
	height: 552px;
	text-indent: -999em;
}



/**
 * 8.COMMENTS
 */

#comments {
  clear: both;
  margin-top: 1.5em;
}

.comment {
  margin-bottom: 1.5em;
}

.comment .new {
  color: red;
  text-transform: capitalize;
  margin-left: 1em;
}

/**
 * 9.BLOCKS
 */

.block {
  margin-bottom: 1.5em;
}

/**
 * 10.FOOTER
 */

#footer {
  clear: both;
  padding: 20px 0 0;
  position: relative;
	background: url(images/bg-footer.png) no-repeat 0 0;
	min-height: 120px;
}

#footer a.feed-icon {
  position: absolute;
  right: 0;
  top: 1.6667em;
}

/**
 * 11.CSS SUPPORT
 *
 * Built-in classes:
 * .clearfix                            | contain floats
 * .element-invisible                   | hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden                      | hide visually and from screenreaders
 */
 
/* clear floats */
.clear { clear: both; }

/* display block */
.display-block { display: block; }