/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline;
}
/* Global properties ======================================================== */
body {
	/*background: url(../images/body-bg.gif) center top repeat-x;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.5833em;
	color: #666;
	min-width: 1000px;

}


html, body {
}
p {
	font-size: 1.2em;
	padding-bottom: 20px;
	line-height: 1.6em;
}
a {
	color: #d52d00;
	outline: none;
}
a:hover {
	text-decoration: none;
}
h1 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 4em;
	text-transform: uppercase;
	letter-spacing: -2px;
	padding-bottom: 15px;
	color: #000;
}
#logo {
	float: left;
	width: 211px;
	height: 64px;
	background: url(../images/logo.jpg) left top no-repeat;
	margin-top: 15px;
	text-indent: -9999px;
}
h2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: 800;
	color: #666;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: -1.4px;
	padding-bottom: 10px;
}
h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #041959;
	letter-spacing: -1px;
	font-weight: 600;
	padding-bottom: 10px;
}
h4 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000;
	letter-spacing: -1px;
	font-weight: 600;
	padding-bottom: 15px;
}

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	/*position: relative;*/
	width: 940px;
	overflow:hidden;
}
/* Header */
header {
	height: 97px;
	background: url(../images/header-bg.gif) repeat-x;
}
/* Content */

/* Footer */
footer {
	height: 62px;
}
/* Left & Right alignment */

.fleft {
	float: left;
}
.fright {
	float: right;
}
.h-img {
	margin-top: -135px;
	
}


/*----- form defaults -----*/
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: middle;
	font-weight: normal;
}
/*----- other -----*/
.img-indent {
	margin: 0 28px 0 0;
	float: left;
}
.extra-wrap {
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
}
/*===== header =====*/

/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav_container {
	float: right;
}
#nav {
	list-style: none;
	font-weight: bold;
	margin-bottom: 10px;
	/* Clear floats */
	width: 100%;
	height: 130px;
	margin-top: 46px;
	font-size: 15px;/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li {
	float: left;
	margin: 0 19px 0 11px;
	position: relative;
	/*padding: 0 11px 0 10px;*/
	text-align: center;
}
#nav a {
	display: block;
	padding: 5px;
	color: #fff;
	/*background:#333;*/
	text-decoration: none;
	line-height: 1.3em;
}
#nav a:hover {
	color: #fff;
	/*background:#6b0c36;*/
	text-decoration: none;
}
/*--- DROPDOWN ---*/
#nav ul {
	/*background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	/*background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	height: auto; /*129px; */
	background: #333333;
}
#nav ul li {
	padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float: none;
	text-align: left;
}
#nav ul a {
	white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul { /* Display the dropdown on hover */
	left: 0; /* Bring back on-screen when needed */
}
#nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	/*background:#EE5E23;*/
	text-decoration: none;
}
#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration: none;
}
#nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
/*background:#333;*/
}

ul#nav li#long.navbtn {
	width: 135px!important;
}
.navbtn li {
	color: #000;/*border: solid 1px #666666;*/
	/*background: #ed571c;
	background: -webkit-gradient(linear, left top, left bottom, from(#0E0E0E), to(#292929));
	background: -moz-linear-gradient(top, #0E0E0E, #292929);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0E0E0E', endColorstr='#292929');
 background-image: linear-gradient(to bottom, #0E0E0E, #292929); /*IE 10 fix*/
}
.navbtn li:hover {
	background: #F37B42;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed571c), to(#F37B42));
	background: -moz-linear-gradient(top, #ed571c, #f48047);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed571c', endColorstr='#F37B42');
}
.navbtn li:active {
	color: #000;/*background: #ed571c;
	background: -webkit-gradient(linear, left top, left bottom, from(#f48047), to(#ed571c));
	background: -moz-linear-gradient(top, #f48047, #ed571c);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48047', endColorstr='#ed571c');*/
}
.navbtn li a:visited {
	color: #fff;
}
#nav li .active {
	background: #F37B42;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed571c), to(#F37B42));
	background: -moz-linear-gradient(top, #ed571c, #f48047);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed571c', endColorstr='#F37B42');
}
/*======box=========*/
.box {

	
	background-image: url(../images/header.jpg);
	background-attachment: scroll;
	background-position: center 0;
	background-repeat: no-repeat;
	-webkit-background-size: 1200px 310px;
	height: 310px;
	background-color: #7ec0d6; 
	
}

.box2 {
	background-image: url(../images/header-sml.jpg);
	background-attachment: scroll;
	background-position: center 0;
	background-repeat: no-repeat;
	-webkit-background-size: 1200px 200px;
	height: 200px;
	background-color: #7ec0d6; 
}
/*===== content =====*/

.link {
	color: #fff;
	background: url(../images/link-bg.gif) left top repeat-x;
	font-size: 12px;
	line-height: 1.5833em;
	padding: 2px 10px 5px 10px;
	text-decoration: none;
	display: inline-block;
	background-color: #e77c07;
}
.link:hover {
	background: url(../images/link-bg-hover.gif) left top repeat-x;
}
.link1 {
	color: #454545;
	background: url(../images/link-1-bg.png) left 6px no-repeat;
	font-size: 12px;
	line-height: 1.5833em;
	text-decoration: none;
	font-weight: bold;
	padding-left: 12px;
	text-transform: uppercase;
}
.link1 span {
	color: #e97e0a;
}
.link1:hover {
	text-decoration: underline;
}

strong {
	text-transform: uppercase;
	color: #454545;
}
.list {
}
.list li {
	background: url(../images/marker.gif) left 12px no-repeat;
	line-height: 2.25em;
	font-size: 12px;
	display: block;
	padding-left: 12px;
}
.list li a {
	color: #e97e0a;
	text-decoration: none;
}
.list li a:hover {
	text-decoration: underline;
	color: #6c6b6b;
}
/*===== footer =====*/
footer {
	background: url(../images/footer-bg.gif) left top repeat-x;
	padding: 22px 37px 0 28px;
	color: #fff;
	font-size: 13px;
	line-height: 2.0769em;
	clear: both;
	position: relative;
	margin: 0 auto;/*float: left*/
}
footer a {
	color: #f48f20;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}
.footer-menu {
	float: left;
}
.footer-menu li {
	float: left;
	font-size: 13px;
	line-height: 2.8461em;
	padding: 0 20px 0 0;
	display: block;
}
.footer-menu li a {
	text-decoration: none;
	color: #fdfdfd;
}
.footer-menu li a:hover, .footer-menu li a.active {
	color: #f48f20;
	background: none;
}
.box-2 {
	float: right;
	padding-top: 6px;
}
/*----- forms -----*/
		
#form-main {
	padding: 19px 0 0px 0px;
}
#form-main label {
	display: block;
	height: 47px;
}
#form-main .input {
	display: block;
	width: 215px;
	padding: 0 10px;
	height: 37px;
	overflow: hidden;
	background: #fff;
}
#form-main input {
	width: 215px;
	color: #484848;
	padding: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	background: none;
}
#form-main .area {
	display: block;
	width: 291px;
	padding: 9px 10px;
	height: 67px;
	overflow: hidden;
	background: #fff;
}
#form-main textarea {
	height: 57px;
	overflow: auto;
	width: 291px;
	color: #484848;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	background: none;
}
.buttons {
	padding: 27px 0px 0px 0;
	text-align: right;
}
.buttons a {
	margin-left: 7px;
}
/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

#header {
	
	padding-top: 120px;
}
#header2 {
	padding-top: 100px;
}
/* === Buttons === */

.button {
	clear: both;
	float: left;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 1.8em 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.submit {
	padding: 8px 18px 8px 18px;
	font-size: 1.2em;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.button a:link {
	color: #fff;
	text-decoration: none;
}
/* ==orange button ==*/
.orange .sml {
	width: 200px!important;
}
.orange {
	width: 140px;
	color: #000;
	border: solid 1px #da7c0c;
	background: #ed571c;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#f48047), to(#ed571c));
	background: -moz-linear-gradient(top, #f48047, #ed571c);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48047', endColorstr='#ed571c');
	background-image: linear-gradient(to bottom, #f48047, #ed571c); /*IE 10 fix*/
}
.orange2 {
	width: 150px;
	color: #000;
	border: solid 1px #da7c0c;
	background: #ed571c;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#f48047), to(#ed571c));
	background: -moz-linear-gradient(top, #f48047, #ed571c);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48047', endColorstr='#ed571c');
	background-image: linear-gradient(to bottom, #f48047, #ed571c); /*IE 10 fix*/
}
.orange:hover, .orange2:hover {
	background: #f48047;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed571c), to(#f48047));
	background: -moz-linear-gradient(top, #ed571c, #f48047);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed571c', endColorstr='#f48047');
}
.orange:active, .orange2:active {
	color: #000;
	background: #ed571c;
	background: -webkit-gradient(linear, left top, left bottom, from(#f48047), to(#ed571c));
	background: -moz-linear-gradient(top, #f48047, #ed571c);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48047', endColorstr='#ed571c');
}
.orange a:visited, .orange2 a:visited {
	color: #fff;
}
/* === end buttons === */


.list-1 li {
	background: url(../images/raindrop.png) no-repeat left top;
	list-style-position: inside;
	list-style-type:none;
	padding: 0px 0px 10px 20px;

}

.two-thirds {
	clear: both;
	float: left;
	width: 68%;
	margin-bottom: 15px;
	
}
.two-thirds ul {
	font-size: 1.2em;
	line-height: 1.6em;
	list-style-type: disc;
	padding-bottom: 20px;
}

.one-third {
	float: right;
	width: 29%;
	line-height: 1.6em;
	
	
}
.one-third ul {
	font-size: 1.2em;
	margin-left: 30px;
}
.one-third ul li {
	list-style-image: url(../images/facts_light.png);
	margin-bottom: 20px;/*padding-left: 23px;*/
}
.line {
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 1px #ccc solid;
	margin-bottom: 30px;
}

form {
	font-size: 1.1em;
}
table tr td {
	padding: 3px 2px 3px 2px;
}
table table {
	float: left;
	margin-top: 10px;
}
.fleft {
	clear: both;
	float: left;
}
.fright {
	float: right;
}
.img-pad-product {
	margin-left: 10px;
	margin-bottom: 10px;
}
.list-pad-left {
	padding-left: 20px;
}
.header-img {
	float: right;
	margin-right: 40px;
}

#container {
	padding: 40px 0px 40px 0px;
	overflow: hidden;
}

.pad-left-10 {
	padding-left: 10px;
}

.pad-right-10 {
	padding-right: 10px;
}

.projects {
	clear: left;
	float: left;
	width: 600px;
	padding-bottom: 20px;
	
}