/* reset */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    vertical-align: top; }

ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img { vertical-align:top; }
embed { vertical-align:top; }

/* 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: #fff; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8125em; 
	line-height: 1.3846em;
	color: #323232;
	min-width: 1000px;
	background: #cfcfcf;
}

html, body { height: 100%; }

p { padding-bottom: 18px; }

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

a:hover{ text-decoration: underline; }

/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	position: relative;
	width: 980px; 
}

header { height: 454px; }

section#content { background: #f7f7f8; }

footer { height: 88px; }

aside { background: #e1e1e1; height: 198px; }

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

.col-1, .col-2, .col-3 { float: left; }

.alignright { text-align: right; }
.aligncenter { text-align: center; }

.wrapper {
	width: 100%;
	overflow: hidden;
}

/*----- other -----*/
.img-indent {
	margin: 0 18px 0 0;
	float: left;
}
.img-indent1 {
	margin: 0 24px 0 0;
	float: left;
}

.extra-wrap { width:100%; }
.extra-wrap1 { overflow:hidden; }

.bg1 {
	background:url(images/top-bar.png) center top no-repeat;
	height:35px;
}

h1 {
	display:inline-block; margin-top:32px;
	float:left;
}
h1 a {
	text-indent: -5000px; 	 
	background: url(images/logo.png) 0 0 no-repeat;
	width: 290px;
	height: 67px;
	display: block;
}

h2 {font-size:26px; line-height:1.2307em; color:#010101;}
.h2-bot {padding-bottom:30px;}
.h2-bot1 {padding-bottom:26px;}
.h2-bot2 {padding-bottom:27px;}

h3 {font-size:19px; line-height:1.2307em; color:#000;}
.h3-bot {padding-bottom:16px;}

.relative {position:relative;}

/*----- form defaults -----*/
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

nav {
	height: 100px;
	float: right;
	margin-right: 10px;
}

.sf-menu li {
	float: left;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2307em;
	text-align: center; 
	width: 109px;
	height: 106px;
}
.sf-menu a {
	display: block;
	position: relative;
	color: #03899c;
	text-decoration: none;
	padding: 0px 0 0px 0;
	width: 117px;
	margin-top: 44px;
	}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a.active {
	color: #ff7a00;
	outline: 0;
}

/*===== header =====*/
.bg2 { background: #ededed; }
.right-bg {
	background: #bebebe;
	width: 50%;
	right: 0;
	position: absolute;
	height: 35px;
}
.left-bg { background: #000; }

.list {float:right; margin:6px 11px 0px 0px;}
.list li {float:left; color:#2c2c2c; margin-left:8px;}
.list a {color:#0c80a5; font-weight:bold;}

.col-1 {width:290px;}
.col-2 {width:670px;}

.box {background:url(images/box.gif) 0 0 repeat-x; height:150px; margin-bottom:2px;}
.box1 {background:url(images/box1.gif) 0 0 repeat-x; height:150px;}

.text {font-size:20px; line-height:1.2307em; color:#fff; padding:42px 0px 0px 40px;}
.text span {font-size:35px; line-height:1.2307em; color:#fff; text-transform:uppercase; letter-spacing:-3px; margin-top:-2px; display:inline-block;}

.text1 {font-size:20px; line-height:1.2307em; color:#fff; padding:42px 0px 0px 55px;}
.text1 span {font-size:35px; line-height:1.2307em; color:#fff; text-transform:uppercase; letter-spacing:-3px; margin-top:-2px; display:inline-block;}

.button {background:url(images/button.png) 0 0 no-repeat; position:absolute; height:24px; width:24px; bottom:11px; right:73px;}
.button:hover {background:url(images/button.png) -27px 0 no-repeat;}

.button1 {background:url(images/button.png) 0 0 no-repeat; position:absolute; height:24px; width:24px; bottom:11px; right:45px;}
.button1:hover {background:url(images/button.png) -27px 0 no-repeat;}

.button2 {background:url(images/button.png) 0 0 no-repeat; position:absolute; height:24px; width:24px; bottom:11px; right:18px;}
.button2:hover {background:url(images/button.png) -27px 0 no-repeat;}

.pad-top {margin-top:6px;}
.pad-top1 {margin-top:58px;}
.pad-top2 {margin-top:17px;}
.pad-top3 {margin-top:27px;}
.portfolio {
margin-top: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #bebebe;
}

.img-top {padding-top:13px;}
.img-top1 {padding-top:23px;}
.img-top2 {padding-top:28px;}

.img-pad {padding:31px 0px 13px 0px;}

.indent-bot {padding-bottom:46px;}
.indent-bot1 {padding-bottom:82px;}
.indent-bot2 {padding-bottom:53px;}
.indent-bot3 {padding-bottom:61px;}
.indent-bot4 {padding-bottom:58px;}



.aside-top {padding-top:30px;}

.indent {padding-top:30px;}
.indent1 {padding-top:37px;}

.indent ul {
padding: 10px 0 15px 16px; 
list-style: square outside;
}
.indent li { padding:0 30px 6px 10px; }

.indent a { text-decoration: underline; }

.text-top {margin-top:-5px; display:inline-block;}
.text-top1 {margin-top:30px; display:inline-block;}
.text-top2 {margin-top:18px; display:inline-block;}
.text-top3 {margin-top:32px;}

/*===== content =====*/

#content {
	
}

fieldset {
	margin: 0px 30px 10px 0px;
	border: 1px solid #e2e2e2;
	padding: 10px;
}
legend {
	padding: 2px 20px 2px 20px;
	background: #f2f2f2;
	color: #000;
	border: 1px solid #e2e2e2;
}
label {
	float: left;
	width: 130px; 
	margin-right: 0.5em;
	margin-top: 2px;
	text-align: right; 
}
input {
	padding: 2px;
	margin-bottom: 5px;
}
.form_msg { padding-left:136px; }

.text3 {font-size:30px; line-height:1.2307em; color:#232323; padding:31px 0px 0px 0px; text-align:center; height:70px;}
.text3 span {color:#1188ab;}
.text3 strong {font-size:36px; display:inline-block; margin-top:-6px; line-height:1.2307em;}
.text3 em {margin-top:-5px; display:inline-block; font-style:normal;}

.border {background:url(images/border.gif) 0 0 repeat-x; height:1px; margin:25px 0px 50px 10px; width:939px;}

.title {font-size:18px; line-height:18px; color:#2c2c2c; text-transform:uppercase; font-weight:bold; padding:2px 0px 12px 0px;}

.title1 {font-size:16px; line-height:1.2307em; color:#2c2c2c; text-transform:uppercase; font-weight:bold; padding:0px 0px 2px 0px;}
.title-top {margin-top:80px;}
.title-top1 {margin-top:65px;}

.title2 {font-size:16px; line-height:1.2307em; color:#2c2c2c; text-transform:uppercase; font-weight:bold; padding:0px 0px 2px 0px;}

.link1 {font-family:Arial, Helvetica, sans-serif; color:#0c80a5; font-size:14px; line-height:30px; text-transform:uppercase; display:inline-block; text-decoration:none;}
.link1:hover {text-decoration:underline;}


.link1-top {margin-top:18px;}

.divider {background:url(images/divider.png) 519px 0 repeat-y;}
.divider1 {background:url(images/divider.png) 279px 0 repeat-y;}
.divider2 {background:url(images/divider.png) 439px 0 repeat-y;}
.divider3 {background:url(images/divider.png) 280px 0 repeat-y;}
.divider4 {background:url(images/divider.png) 599px 0 repeat-y;}

.list2 li {font-size:18px; line-height:36px; text-transform:uppercase; font-weight:bold;}
.list2 a {color:#2c2c2c; text-decoration:none;}
.list2 a:hover {color:#1188ab;}
.list2 a.active { color: #ff7a00; }

.list2-pad {padding:40px 0px 0px 28px; display:inline-block;}

.list2-top {padding-top:19px;}

.text4 {float:left; width:390px; margin-right:11px;}

.text5 {padding-bottom:11px;}
.text5 span {font-size:16px; color:#0c80a5; font-weight:bold; margin-right:11px;}

.text6 {font-size:16px; color:#0c80a5; font-weight:bold; margin-right:11px;}

iframe {height:194px; width:298px; margin:30px 0px 13px 0px; border:1px solid #fff;}

dl span {float:left; width:91px;}
dd a {color:#323232; margin-left:4px;}
.dt-bot {padding-bottom:18px;}

.color1 {color:#000;}
.color2 {color:#e97e14;}
.color3 {color:#0c80a5;}
/*===== aside =====*/


.list1 li {font-size:13px; line-height:28px; background:url(images/marker1.gif) 0 11px no-repeat;}
.list1 a {text-decoration:none; color:#0c80a5; padding-left:12px;}
.list1 a:hover {text-decoration:underline;} 

#search-form input {border-left:1px solid #c8c8c8; border-top:1px solid #c8c8c8; border-bottom:none; border-right:none; width:206px;  padding:5px 0px 4px 10px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;

}
#search-form {padding:17px 0px 0px 0px;}

.link2 {display:inline-block;}

.link3 {color:#2c2c2c; margin:11px 10px 0px 0px; display:inline-block;}

.link4 {color:#fff; margin:6px 0px 0px 24px; display:inline-block; text-decoration:none; font-size:14px; background:url(images/button4.gif) 0 0 no-repeat; width:96px; height:26px; padding:6px 0px 0px 13px;}
.link4:hover {color:#0c80a5;}
/*===== footer =====*/
.foot-text {color:#000; padding:38px 0px 0px 12px; float:left;}
.foot-text a {color:#0c80a5;}

.foot-text span {color:#9fa1a2;}

.list-img {float:right; margin:29px 8px 0px 0px;}
.list-img li {float:left; margin-right:2px;}


/*----- forms -----*/
#contact-form {
	vertical-align:top;	
	padding-top:31px;
	margin-left:2px;
	width:535px;
}
	#contact-form fieldset {
		border:none;
		}
		#contact-form .rowElem {
			display:block;			
			position:relative;
			min-height:42px;
			overflow:hidden;
			}
			#contact-form .textarea-box {
				position:relative;
			}
			#contact-form input {
				width:319px;
				padding:6px 0px 6px 6px;
				background:#fff;
				border:1px solid #dbdbdb;
				line-height:1.2307em;
				font-size:13px;
				display:block;
				color:#323232;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				background:url(images/form-bg.png) 0 0 repeat;
				
				}
				#contact-form .link6 {float:right; margin:25px 0px 0px 0px;}
				#contact-form .link6 a {
					font-size:14px; line-height:1.2307em; color:#0c80a5; display:inline-block; text-decoration:none; margin-left:27px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;
					
				}
				#contact-form .link6 a:hover {text-decoration:underline;}
				
					#contact-form .color {
						color:#fff;
					}
			#contact-form textarea {
				line-height:1.2307em;
				width:529px;
				height:126px;
				padding:6px 0px 6px 6px;
				background:#fff;
				border:1px solid #dbdbdb;
				line-height:1.2307em;
				display:block;
				color:#323232;
				overflow:auto;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				background:url(images/form-bg.png) 0 0 repeat;
				
				}
				#contact-form label {
					padding:0px 0 2px 5px;
					display:inline-block;
					font-size:13px;
					display:none;
				}
				#contact-form .rowElem label {
					font-size:11px;
					
					right:5px;
					top:0
				}
				#contact-form .textarea-box label {
					padding:0px 0 2px 5px;
					font-size:11px;
				}
#contact-form .error {
				color:red;
			}

div#contact_form .download-box {
	margin:40px 0px 0 0;
	padding-top:24px;
}
#back {
	display:inline-block;
	background:#000;
	padding:10px 16px 10px 16px;
	font-size:1em;
	line-height:1.2307em;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	margin-top:17px;
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
} 



/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */


/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position:relative;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}