/* 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 ======================================================== */
html {width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#5e5e5e;
	min-width:980px;
  font-size:0.8125em;
	line-height:1.3846em;
}
#page1 {min-width:1030px;}

.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}

.main {
	width:980px; 	
	padding:0;
	margin:0 auto;
}

a {color:#1799cf; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3 {float:left;}
#page1 .col-1 {width:146px; margin-right:44px;}
#page1 .col-2 {width:106px; margin-right:49px;}
#page1 .col-3 {width:147px;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {width:100%; position:relative;}
.img-wrap {overflow:hidden;}
 
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:18px;}
.p4 {margin-bottom:38px;}
.p5 {margin-bottom:11px;}
.p6 {margin-bottom:26px;}

.ind-bot {margin-bottom:43px;}

.reg {text-transform:uppercase;}

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

.up {text-transform:uppercase; font-size:10px; margin:3px 0 5px; line-height:1.23em; display:block;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#0c7ab1;}

/*********************************boxes**********************************/
.spacing {margin-left:21px;}
.spacing2 {padding-right:20px;}
.spacing3 {padding:45px 0 0 31px}

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

.img-indent {float:left; margin:0 15px 0px 0;}	
.img-indent2 {float:left; margin:0 18px 0px 0;}	
.img-indent3 {float:left; margin-right:12px;}

.dotted-link {text-decoration:none;}
.dotted-link:hover {color:#5e5e5e;}


.sf-menu li a,
.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:194px; width:100%; position:relative; z-index:100; background:url(../images/inner-subp-bg.gif) 0 0 repeat-x;}
header .inner {
	padding-top:74px;
	height:120px; 
	background:url(../images/header-subp-bg.jpg) center 0 no-repeat;
	}
.header-ind {margin-bottom:24px;}	
.corners {position:relative;}
.left-corner {
	display:inline-block; 
	width:26px; 
	height:20px; 
	position:absolute; 
	left:-10px; 
	bottom:-14px;
	background:url(../images/menu-corner-left.png) 0 0 no-repeat;
	}
.right-corner {
	display:inline-block; 
	width:26px; 
	height:20px; 
	position:absolute; 
	right:11px; 
	bottom:-14px;
	background:url(../images/menu-corner-right.png) 0 0 no-repeat;
	}
	
h1 {position:relative; float:left; margin-left:22px;}
h1 a {display:block; width:218px; height:39px; text-indent:-5000px; background:url(../images/logo.png) 0 0 no-repeat;}

#search-form {position:relative; float:right; margin-right:49px; width:305px; height:37px;}
#search-form input {
	position:relative;
	background:#043c73;
	border-left:solid 1px #012242;
	border-top:solid 1px #012242;
	border-right:solid 1px #0e7dbf;
	border-bottom:solid 1px #0e7dbf;
	padding:8px 16px 10px;
	color:#8ea7c0;
	width:196px;
	 border-radius:10px 10px 10px 10px;
	 -moz-border-radius:10px 10px 10px 10px; 
	-webkit-border-radius:10px 10px 10px 10px; 
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
#search-form input.submit {width:61px; padding:0; border:none; vertical-align:middle;}

.map iframe {
	width:416px; 
	height:260px; 
	overflow:hidden; 
	margin:0 23px 0px 0; 
	border:solid 6px #fff; 
	box-shadow: 1px 2px 3px 0px #8f8f8f; 
	-moz-box-shadow: 1px 2px 3px 0px #8f8f8f; 
	-webkit-box-shadow: 1px 2px 3px 0px #8f8f8f;
	float:left;
	}

/***************************** menu ***********************************/
nav {display:inline-block; margin-left:-10px;}
.sf-menu > li {float:left; font-size:15px; line-height:1.2em; padding-right:1px; background:url(../images/menu-separator.gif) right 0 no-repeat; position:relative;}
.sf-menu li a {
	display:block; 
	color:#fff;
	font-size:21px;
	padding:12px 32px 19px 32px;
	line-height:1.23em;
	background:url(../images/menu-bg.png) 0 0 repeat-x;
	font-style:italic;	
	}
.sf-menu li .last-item {padding-right:39px;}	
.sf-menu > li  > .active, .sf-menu > li > a:hover {color:#000; background:url(../images/menu-hover-bg.png) center 0 repeat-x;} 
.sf-menu .item {background:none;}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			136px; /* left offset of submenus need to match (see below) */
	z-index:100;
}
.z-index {z-index:100;}
.sf-menu > li > ul > li {
	width:			100%;
	text-align:right;
	padding-bottom:1px;
}
.sf-menu ul li a {
	font-size:20px; 
	color:#fff; 
	padding:13px 25px 3px 0px; 
	height:40px; 
	display:block; 
	line-height:1.23em; 
	background:url(../images/dropdown-menu.png) 0 0 repeat; 
	font-style:italic;
	}
.sf-menu ul li > a:hover {color:#faae00;}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			57px; /* match top ul list item height */
	z-index:		99;
	position:absolute;
}
.sf-menu li li:hover {background:none;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li ul ul {background:none; padding:0;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			137px; /* match ul width */
	top:			114px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu li li li {margin-bottom:1px; text-align:center; }
.sf-menu li li li a {color:#000; line-height:1.23em; background:url(../images/submenu-bg.png) 0 0 repeat-x;padding-right:0;}
.sf-menu li li li a:hover {color:#fff;}

.sf-menu > li.sfHover > a ,
.sf-menu a:focus{
	background:url(../images/menu-hover-bg.png) center 0 repeat-x;
	color:#000;
	outline:		0;
}
.sf-menu li li.sfHover > a {color:#faae00;}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/******************************************************************************/

.slider {background:url(../images/slider-bg.png) 0 0 no-repeat; height:453px; position:relative; z-index:11; margin:-5px 0 0 8px; width:916px; overflow:visible !important; padding-left:9px;}
.items {display:none;}
.button-prev {
	position:absolute;
	width:28px;
	height:38px;
	display:inline-block;
	background:url(../images/button-prev.png) 0 0 no-repeat;
	top:184px;
	left:-47px;
	}
.button-next {
	position:absolute;
	width:28px;
	height:38px;
	display:inline-block;
	background:url(../images/buttom-next.png) 0 0 no-repeat;
	top:184px;
	right:-38px;
	}
.button-prev:hover, .button-next:hover {background-position:bottom;}

/*********************************content*************************************/
#content {width:100%; background:url(../images/content-light.png) center 0 no-repeat #d3d3d3; position:relative; padding:78px 0 75px; z-index:1;}

.line-hor {height:2px; background:url(../images/line-hor.gif) 0 0 repeat-x;}

.padding-top {padding-top:12px;}

.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h3 {font-size:24px; line-height:1.1em; margin:0px 0 20px; color:#1f1f1f; font-weight:normal;}
h4 {color:#cbcdcf; font-size:22px; line-height:1.23em; margin-bottom:28px; font-weight:normal;}

.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.box {width:100%; min-height:295px; background:url(../images/bg-box.png) 0 0 repeat;}
.box .padding {padding:50px 65px 30px 68px;}

.letter {
	display:inline-block; 
	width:77px; 
	text-align:center; 
	font-size:60px; 
	line-height:1.1em;
	color:#474747;
	text-transform:uppercase; 
	background:url(../images/letter-bg.png) 0 0 no-repeat; 
	padding:2px 0 7px;
	float:left;
	margin:4px 14px 0 0;
	}
.arrow {background:url(../images/arrow.png) 210px 56px no-repeat;}
.wrapper.arrow {background:url(../images/arrow.png) 490px 56px no-repeat;}

.quote-block {
	padding:20px 0 20px 17px; 
	background:#ededed; 
	box-shadow: 1px 2px 3px 0px  #8f8f8f; 
	-moz-box-shadow: 1px 2px 3px 0px  #8f8f8f; 
	-webkit-box-shadow: 1px 2px 3px 0px  #8f8f8f; 
	width:211px; position:relative; 
	margin:0 0 15px 3px;
	}
.quote-block span {position:absolute; display:inline-block; width:26px; height:13px; bottom:-13px; left:31px; background:url(../images/quote-bg.png) 0 0 no-repeat;}

.italic {font-size:21px; color:#000; font-style:italic; line-height:1.40em; display:block;}

#carousel { height:258px;}
.carousel-box .inner {position:relative;}
.team-block {
	position:relative; 
	background:#bcbcbc; 
	padding:24px 0px 20px 39px; 
	overflow:hidden;
	width:950px;
	}
.team-block .item {width:154px; float:left; margin-right:26px;}
.team-block .item.last {margin:0;}
.button-left, .bx-next {
	display:inline-block; 
	position:absolute; 
	width:35px; 
	height:42px; 
	background:url(../images/button-left.png) 0 bottom no-repeat; 
	top:-50px;
	right:34px;
	}
.button-right, .bx-prev {
	display:inline-block;
	position:absolute;
	right:0;
	top:-50px;
	background:url(../images/button-right.png) 0 bottom no-repeat;
	width:34px;
	height:42px;
	}	
.button-left:hover, .button-right:hover	{background-position:0 0;}

.quote-text {font-size:22px; color:#000; font-style:italic; letter-spacing:-1px; line-height:1.37em; display:block;}

.project-block {
	background:#ededed;
	box-shadow: 1px 2px 3px 0px  #8f8f8f; 
	-moz-box-shadow: 1px 2px 3px 0px  #8f8f8f; 
	-webkit-box-shadow: 1px 2px 3px 0px  #8f8f8f;
	padding:14px 10px 14px 15px;
	width:275px;
	margin-bottom:3px;
	color:#5e5e5e;
	}
	
.project-block:hover {background:#ea700f; cursor:pointer; color:#fff;}	
.project-block a:hover {background:url(../images/project-block-link.jpg) 0 bottom repeat-x; text-decoration:none;}
.project-block a {text-decoration:none; font-style:italic; font-size:21px; line-height:1.23em; display:inline-block; color:#000; margin-bottom:5px;}	
.project-block.alt a {color:#fff;}
 
.button {display:inline-block; color:#000; background:url(../images/button-tail.gif) 0 0 repeat-x;}
.button:hover {color:#fff;}

.list-1  {background:url(../images/list1-bg.gif) 0 0 repeat-x;}
.list-1 li {
	line-height:32px; 
	background:url(../images/list1-bg.gif) 0 bottom repeat-x;
	font-size:12px;
	padding-bottom:2px;
	}
.list-1 li a {color:#8d9eae;}
.list-1 li a:hover {color:#f9f9f9; text-decoration:none;}

.list-2 li {font-size:12px; line-height:30px; background:url(../images/list2-bg.gif) 0 32px repeat-x; padding-bottom:4px;}
.list-2 li a {color:#0c7ab1; display:inline-block;}
.list-2 li a:hover {color:#5e5e5e;}
.list-2 .last-item {background:none;}

.list-3 {list-style:none; padding:10px 0 10px; background:#1a1a1a; margin-bottom:56px;}
.list-3 li {font-size:22px; line-height:36px;}
.list-3 li a {color:#fff; padding-left:15px; font-style:italic; letter-spacing:-1px; background:#1a1a1a; display:block; text-decoration:none;}
.list-3 li a:hover {background:#e9700f;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	padding:10px 11px 13px; 
	background:url(../images/link1-bg.png) 0 0 repeat-x; 
	color:#000; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-size:15px; 
	font-style:normal; 
	line-height:1.23em;
	 border-radius:10px 10px 10px 10px; 
	 -moz-border-radius:10px 10px 10px 10px; 
	-webkit-border-radius:10px 10px 10px 10px;
	position:relative;
	}
.link-1:hover {color:#fff; background:#121c25;}  

.link-2, #contact-form .button1, #contact-form .button2 {
	display:inline-block;
	background:url(../images/link2-bg-left.png) left 0 no-repeat;
	line-height:1.23em;
	text-transform:uppercase;
	font-size:15px;
	text-decoration:none;
	color:#fff;
	position:relative;
	}
.link-2 em, #contact-form .button1 em , #contact-form .button2 em {
	font-style:normal;
	padding:0 10px 0 10px;
	display:inline-block;
	background:url(../images/link2-bg-right.png) right 0 no-repeat;
	}	
.link-2 em em, #contact-form .button1 em em , #contact-form .button2 em em {
	background:url(../images/link2-bg-tail.png) 0 0 repeat-x;
	font-style:normal;
	cursor:pointer;
	padding:10px 0px 13px 0px;
	}	
.link-2:hover, #contact-form .button1:hover , #contact-form .button2:hover {background:url(../images/link2-bg-left.png) left -43px no-repeat;}
.link-2:hover em, #contact-form .button1:hover em , #contact-form .button2:hover em  {background:url(../images/link2-bg-right.png) right -43px no-repeat;}
.link-2:hover em em, #contact-form .button1:hover em em , #contact-form .button2:hover em em  {background:url(../images/link2-bg-tail.png) right -43px repeat-x;}

dl span {float:left; width:70px;}
dl a {color:#0c7ab1; font-size:10px; text-transform:uppercase; text-decoration:none;}
dl a:hover {text-decoration:underline;}

#contact-form {
	overflow:hidden;
}
	#contact-form fieldset {
		}
		#contact-form .rowElem {
			min-height:47px;
			position:relative;
			}
			#contact-form input {
				font-family:Arial, Helvetica, sans-serif;
				color:#5e5e5e; 
				margin-right:9px; 
				border-top:solid 1px #b6b6b6; 
				border-left:solid 1px #b6b6b6; 
				border-right:none; 
				border-bottom:none;  
				padding:6px 2px 8px 7px; 
				width:290px;
				font-size:13px;
				}
			#contact-form .textarea-box {
				position:relative;
			}
			#contact-form textarea {
				overflow:auto;
				color:#5e5e5e; 
				margin-right:9px; 
				border-top:solid 1px #b6b6b6; 
				border-left:solid 1px #b6b6b6; 
				border-right:none; 
				border-bottom:none;  
				padding:6px 2px 7px 7px; 
				width:290px;
				height:117px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
			}
				#contact-form .button1 {position:relative; margin-right:15px;}
				#contact-form label {
					display:none;
				}
				#contact-form .rowElem label {
					margin-top:5px;
					position:relative;
					margin-right:20px;
				}
				#contact-form .textarea-box label {
				}
#contact-form .error {
				color:red;
				font-size:11px;
			}
			#contact-form .buttons {width:268px; padding-top:14px;}

div#contact_form .download-box {
	margin-top:20px;
}
#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:24px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

/****************************footer************************/
footer {width:100%; height:296px; background:url(../images/footer-bg.gif) 0 0 repeat-x; padding-top:53px;}
.footer-ind {margin-bottom:92px;}
footer  strong {color:#fff;}
footer a {color:#4e5861; text-decoration:none;}
footer a:hover {text-decoration:underline;}

.list-services {padding:0px 0px 0px 0px;}
.list-services li {float:left; padding:0 0 0 10px;}

/*******************exceptions************************/
#page1 header {height:438px; background:url(../images/inner-bg.gif) 0 0 repeat-x;}
#page1 header .inner {
	background:url(../images/header-bg.jpg) center 0 no-repeat; 
	padding-top:74px;
	height:365px;
	}
#page1 nav {padding-bottom:5px; background:url(../images/nav-shadow.png) 0 56px no-repeat; margin-left:-10px; display:inline-block;}	
#page1 #content {padding-top:253px;}
#page3 #content .letter {margin-right:12px;}
#page4 #content {}
#page6 #content .team-block {padding-bottom:24px;}