/* (c) 2011 Visien Vinesa
   http://vinesa.com
   visien@vinesa.com
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'ColaborateLight';
    src: url('../font/ColabLig-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/**defined**/
.blue { color: #0a6d96; }
.green { color: #70960a; }
.clear { clear:both; }
.button {background-color: #287fa3; padding: 12px 20px 10px 20px; text-transform: uppercase; font-size: 18px; color: #fff;
	 	  box-shadow: 0 6px 0 rgba(39, 116, 148, 1); -moz-box-shadow: 0 6px 0 rgba(39, 116, 148, 1); -webkit-box-shadow: 0 6px 0 rgba(39, 116, 148, 1);
	-webkit-transition: all .3s ease-in;	}

a.button:hover { 	background-color: #70960a; box-shadow: 0 6px 0 rgba(100, 134, 9, 1); -moz-box-shadow: 0 6px 0 rgba(100, 134, 9, 1); -webkit-box-shadow: 0 6px 0 rgba(100, 134, 9, 1) }
.shadow { box-shadow: 0 5px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 0 rgba(0, 0, 0, .1);

}

html {
	margin: 0;
	position: relative;
}

body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-family: sans-serif;
	background-color: #f1f1f1;
}

#bgimg {
	position: absolute;
	top: 0;
	left: 0; 
	width: 100%;
	height: 900px;
	background: url('../images/bg4.jpg') top center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale')";
}

a { text-decoration: none; }
a:visited { text-decoration: none; }


#wrapcontent {
	width: 900px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}


/**navigation**/

 /*the blue thing up there*/
#navigation-wrap {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 140px;
}


.logo { 
	width: 185px;
	margin: -30px 0 0 360px; /*-60px*/
	position: absolute;
}

	.logo a {
		display: block; 
		height: 100px;
		padding: 10px;
		
	}

	.logo .home { background: url('../images/logo.jpg') center center no-repeat;
	background-color: #fff;
	width:205px;

/*	border-bottom: 5px solid #0a6d96;*/
	display: block; 
	
	}

	
	.logo .home:hover { border-color: #648609;}


#navigation-wrap a, #navigation-wrap a:visited { 
	color: #fff;
	-webkit-transition: border-bottom-color .3s ease-out;
	-moz-transition: border-bottom-color .3s ease-out;
	transition: border-bottom-color .3s ease-out;
	-o-transition: border-bottom-color .3s ease-out;
	border-bottom: 1px solid transparent;
	
}

#navigation-wrap a:hover {
	border-bottom: 1px solid #fff;
}

.navigation-bg {
	line-height: 25px;
	padding: 10px 0;
	background-color: #0a6d96;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	box-shadow: 0 6px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 6px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 6px 0 rgba(0, 0, 0, .1);
	-o-box-shadow: 0 6px 0 rgba(0, 0, 0, .1);
	height: 25px;
	behavior: url(assets/pie/PIE.htc);
	position: relative;
}

.navigation {
	width: 900px;
	margin: 0 auto;
	position: relative;
}



.navigation .A span, .navigation .B span { 
	float: left; display: block; border-right: 1px solid #fff;
}

.navigation .A {
	float: left; 
}
	.navigation .A span {
		padding-right: 30px;
		margin-left: 30px;
	}
	
.navigation .B {
	float: right;
}
	.navigation .B span {
		padding-right: 50px;
		margin-left: 45px;
	}



/**containers**/

.middle {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 

background-color: rgba(255,255,255,.8);
	margin: 120px 0 120px 0;
	padding: 100px 25px 50px 25px;
	-moz-box-shadow: 0 0 25px 2px #e5e5e5;
	-webkit-box-shadow: 0 0 25px 2px #e5e5e5;
	box-shadow: 0 0 25px 2px #e5e5e5;
	-o-box-shadow: 0 0 25px 2px #e5e5e5;

	position:relative;}

.container {
margin-top: 50px;
}

	.splash {
		background: url('../images/splash.png') center center no-repeat;
		width: 533px;
		height:230px;
		margin: -20px auto 20px auto;
	}



	/**home**/
	
	.home .A { 
		float: left;
		width: 490px;
		font-family: 'ColaborateLight', sans-serif;
	}
		.home .A p { height: 105px; margin-top: -10px; font-size: 20px; color: #595959;line-height: 32px;
		}
	
		.home .A .sliders {
			margin-bottom: 30px;
		}
	
	.home .B {
		background-color: #0a6d96;
		float: right;
		color: #fff;
		width: 280px;
		padding: 12px 20px;
	}
		.home .B span { font-family: 'ColaborateLight', sans-serif; font-size: 30px;
			 			border-bottom: 1px solid #fff; margin-bottom: 10px; display: block;
						padding-bottom: 10px; }
		.home .B p { font-size: 13px; line-height: 25px; padding-top:0; }
	


/**sidebar**/
	.sidebar {

		width: 225px;
		background-color: #0a6d96;
		float: left;
		color: #fff;
		padding: 15px;
		font-family: 'ColaborateLight', sans-serif;
		margin-bottom:25px;
		}
	
	
	.sidebar a, .sidebar a:visited {
		color: #fff;
		border-bottom: 1px solid transparent;
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in;
		
	}
	
	.sidebar a:hover { border-bottom: 1px solid #fff;}
	
	.sidebar h2 {
		font-size: 35px;
		border-bottom: 1px solid #fff; margin-bottom: 10px; padding-bottom: 10px;
	}
	
	.sidebar ul {
		margin-left: 25px;
		line-height: 30px;
		font-size: 18px;
		list-style-type: circle;
	}

		.sidebar ul li {
			
		}
		
	.sidebar p {
		font-size: 13px; line-height: 25px; padding-top:0; 
		font-family: sans-serif;
	}
		
/**real content**/

	.content {

	}
	
	.top {
		border-bottom: 1px solid #dcdcdc;
		text-align: right;
		margin-bottom: 40px;
		padding-right: 10px;
		padding-bottom: 5px;
	}
	
	.top a {
		color: #0a6d96;
		font-size: 12px;

		display: block;
	}
	.top a:hover {
		text-decoration: underline;
	}

	.content {
		float: right;
		width: 570px;
	}
	
	
	.content h3 {
		margin-bottom: 15px;
	}
	
	.content p, .content ul {
		font-size: 13px;
		line-height: 25px;
		color: #595959;
		margin-bottom: 30px;

	}
	
	p.img {
		text-align: center;
	}
	
	.content blockquote {
		font-family: 'ColaborateLight', sans-serif; font-size: 20px; color: #70960a;
		margin-bottom: 30px;
	}
	
	.content ul {
		margin-top: -5px;
		list-style-type: square;
		margin-left: 18px;
	}
	
	.indent {
		padding: 10px 20px;
	}
	
	.indent li {
	}
	
	.indent h4 {
		color: #70960a;
	}
	
	/**formatting**/
	h1 { font-family: 'ColaborateLight', sans-serif; font-size: 33px; color: #0a6d96; 		margin-bottom: 30px; }
	h3 { color: #595959; font-size: 17px; font-weight: bold; letter-spacing: 1px;}
	h4 { color: #595959; font-size: 13px; font-weight: bold; padding-bottom: 8px; margin-top: 25px;margin-bottom: -12px;}
	
/**products**/
.product_img {
	border: 1px solid #0a6d96;


	margin-right: 10px;
	margin-bottom:10px;
}

.certificate {
	height: 120px;
	margin-right: 10px;
	margin-bottom:10px;
		border: 1px solid #0a6d96;
}



/**clients**/
.clients {
		width: 750px;
		margin: 0 auto;
		color: #fff;
		padding: 10px;
		text-align: center;
}

.career {
	width: 750px;
	margin: 0 auto;
	padding: 10px;
	color: #595959;
	font-size: 13px;
	line-height: 25px;
}

.career p {
	margin-top: -20px;
	
}

.career h2, .clients h2 {
	text-align: left;
	font-family: 'ColaborateLight', sans-serif;
	color: #0a6d96;
	font-size: 35px;
	border-bottom: 1px solid #dcdcdc; margin-bottom: 40px; padding-bottom: 10px;
}

.client_img {
	height: 70px;


	margin-right: 20px;
	margin-bottom: 20px;
}


.client_img {
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
		
}

a:hover .client_img { border: 1px solid #0a6d96;}

/**form**/

#form1 {
	font-size: 13px;
	line-height: 15px;
	color: #595959;
	margin-top: 25px;
	width: 400px;
}

input, textarea {
	padding:2px;
	border:1px solid #ccc;
	font-size:12px;
	outline: 0;
	margin-top: 10px;
}

input { width: 180px; height: 18px; }
textarea { width: 300px; height: 100px;}

.content .wrong {
	border:1px solid #990000;
	background-color:#d70000;
	color:#fff;
	padding:4px;
	padding-left:6px;
	width:295px;
}


.submit {
	background-color: #287fa3; text-transform: uppercase; font-size: 13px; color: #fff;
	height: 30px;
	width: 85px;
	display: block;
		 	
}

.submit:hover { background-color: #70960a; }

/**footer**/

.footer { margin-top: -100px; height: 100px; width: 900px; text-align: center;
		font-size: 13px;
		
		color: #a5a5a5;
		}