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

body { padding:0; margin:0; font-size:62.5%; background:#f0f0f0;}


/********** GLOBAL **********/

h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1b95bd; font-size:30px; font-weight:bold; line-height:36px;}
h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0e4557; font-size:14px; line-height:20px;}
h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0e4557; font-size:22px; line-height:20px;}
h4{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0e4557; font-size:14px; line-height:20px;}
h5{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0e4557; font-size:14px; line-height:20px;}
h6{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0e4557; font-size:14px; line-height:20px;}
p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0e4557; font-size:14px; line-height:26px;}

a:link { color: #1b95bd; text-decoration: none }
a:active { color: #1b95bd; text-decoration: none }
a:visited { color: #1b95bd; text-decoration: none }
a:hover { color: #1b95bd; text-decoration: none }

b{ font-weight:bold;}

.light_blue{ color:#1b95bd;}




/** MARGINS **/
.gutter{ margin-right:20px;}
.space10{ margin-left:10px;}
.topbottom{ margin-top:20px; margin-bottom:20px;}
.top{ margin-top:20px;}
.bottom{ margin-bottom:20px;}
/** MARGINS **/

/** COLUMNS **/
.column940{ float:left; width:940px; margin-top:40px;}
.column460{ float:left; width:460px; margin-top:20px; margin-bottom:40px;}
.columnhome{ float:left; width:940px; height:666px; margin-top:20px; background-image:url(assets/img_industrialbrake.jpg); background-repeat:no-repeat; margin-bottom:40px;}
/** COLUMNS **/

/********** GLOBAL **********/

/********** HEADER **********/ 
#header {margin:0; padding:0; width:100%; height:105px; float:left; background:#1b95bd; }
#header_content { width: 960px; margin:0em auto;}

.main_logo{ float:left; margin-top:35px;}

.main_navigation{ float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-size:14px; margin:40px 0 0 70px;}
.main_navigation li{ display:inline-block; }
.main_navigation li a{ color:#fff; padding:5px; float:left;}
.main_navigation li:hover { background:#0e4557;  -moz-border-radius: 6px; border-radius: 6px;}

.main_navigation #currentpage a {
		background:#0e4557; -moz-border-radius: 6px; border-radius: 6px; padding:5px; }
/********** HEADER **********/ 

/********** MAIN BODY **********/
#mainbody{ margin:0; padding:0; width:100%;float:left;}
#mainbody_content{width: 960px; margin:0em auto;}
/********** MAIN BODY **********/

/********** SIDEBAR **********/ 
.sidebar_column{ float:left; width:360px; padding:50px; background-color:#fff; margin-top:20px; }
.sidebar_button{ float:left; margin-bottom:20px;}
.sidebar_button:hover{ -moz-box-shadow: 0 0 5px 5px #bcbcbc; -webkit-box-shadow: 0 0 5px 5px #bcbcbc; box-shadow: 0 0 5px 5px #bcbcbc; }

#contactform{ margin:20px 0 40px 0; float:left; width:360px;}

.input{ float:left; width:340px; background-color:#f0f0f0; color:#737373; border:0; margin-bottom:10px; padding:12px 10px 12px 10px; font-style:italic;}
.contact_button{ float:left; width:360px; background-color:#1b95bd; color:#fff; text-align:center; border:0; padding:10px 0 10px 0; cursor:pointer; margin-top:10px; }
.contact_button:hover{ -moz-box-shadow: 0 0 5px 5px #bcbcbc; -webkit-box-shadow: 0 0 5px 5px #bcbcbc; box-shadow: 0 0 5px 5px #bcbcbc; }
/********** SIDEBAR **********/ 


/********** FOOTER **********/
#footer{ margin:0; padding:0; width:100%; height:350px; float:left; background:#1f1f1f; }
#footer_content{ width: 960px; margin:0em auto;}

.footer_logo{ float:left; margin:40px 0 0 0;}

.footer_navigation{ float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-size:14px; margin:40px 0 0 70px; width:220px;}
.footer_navigation li{ display:block; border-bottom:#fff 1px solid; padding:5px 0 5px 5px;}
.footer_navigation li a{ color:#fff;}
.footer_navigation li:hover { background:#585858;}

.footer_contact_info{ float:left; margin:40px 0 0 80px; color:#fff;}
/********** FOOTER **********/

/* NAVIGATION */
		.sidebar_navigation{
		float:right;
		width:360px;
		height:43px;
		font-size:13px;
		background-image:url(assets/gfx_bg_dropdown.gif); background-repeat:no-repeat;
		background-color:#f0f0f0;
		color:#FFF;
		margin:10px 0 20px 0;}
		

		.sidebar_navigation ul { /* menu ul style */
		list-style: none;
		margin: 0;}

		.sidebar_navigation li { /* horizontal menu */
		float: left;
		position: relative;}

		.sidebar_navigation a { /* the link style of menu */
		color: #737373;
		font-family:Arial, Helvetica, sans-serif;
		display: block;
		line-height: 38px;
		padding:4px 18px 2px 17px;
		text-decoration: none;
		width:325px;}
		
		/* The sub menu is hidden by default and its position is places right under the parent menu*/
		.sidebar_navigation ul ul {
		display: none;
		position: absolute;
		top: 29px;
		left: 0;
		float: left;
		width: 360px;
		margin:15px 0 0 0;
		z-index: 99999;}

		/* The sub menu list element is given a minimum width */
		.sidebar_navigation ul ul li {
		min-width: 360px;}

		/* the third level menu (sub sub menu) is placed to the left side of its parent*/
		.sidebar_navigation ul ul ul {
		left: 100%;
		top: 0;}

		.sidebar_navigation ul ul a {
		background: #f0f0f0;
		line-height: 1em;
		padding: 10px 10px 10px 20px;
		width: 330px;
		height: auto;
		color:#737373;}

		
		
		.sidebar_navigation ul li:hover > ul {
		display: block;}

		/* When the mouse is over a list (li) element with unordered-list (ul) element inside then show it. The position when its shown is defined in the previous block of CSS*/
		.sidebar_navigation ul li:hover > ul {
		display: block;}

		/* Styles the anchor (a) tag when mouse over */
		.sidebar_navigation li:hover > a{
			background: #737373;
			color: #fff;}
		
		.sidebar_navigation ul ul :hover > a {
		background: #737373;
		color: #fff;}
		
		/* NAVIGATION */
		
.testimonial_box{ float:left; width:360px; background-color:#e0e0e0; padding:50px; margin-bottom:20px;}
.testimonial_box:hover{ -moz-box-shadow: 0 0 5px 5px #bcbcbc; -webkit-box-shadow: 0 0 5px 5px #bcbcbc; box-shadow: 0 0 5px 5px #bcbcbc;}


/********** HOME **********/
#homesectiontwo{ margin:0; padding:0; width:100%; height:100px; float:left; background:#fff; }
#homesectiontwo_content{ width: 960px; margin:0em auto;}
#homesectiontwo_content a{ color:#fff;}

.columnhome_text{ float:left; margin:130px 0 0 50px; width:430px;}

.homeboxes{ float:left; margin:0 10px 10px 0;}
.homeboxes:hover{-moz-box-shadow: 0 0 5px 5px #bcbcbc; -webkit-box-shadow: 0 0 5px 5px #bcbcbc; box-shadow: 0 0 5px 5px #bcbcbc;}

.homecolumnform{ float:left; width:360px; padding:50px; background-color:#fff; margin-top:20px; }

.homebutton{ float:left; background-color:#0e4557; text-align:center; font-size:18px; font-style:italic; width: 460px; padding:10px 0 10px 0; margin-top:27px;}
.homebutton:hover{ -moz-box-shadow: 0 0 5px 5px #bcbcbc; -webkit-box-shadow: 0 0 5px 5px #bcbcbc; box-shadow: 0 0 5px 5px #bcbcbc;}

/********** HOME **********/