/* 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:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#fff;
	min-width:980px;
	background:url(../images/body-tail.gif) 0 0 repeat #e6e6e6;
}

.bg {width:100%; background:url(../images/bg-tail.gif) 0 0 repeat-x;}
.bg-top {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}
.bg-bottom {width:100%; background:#cacaca;}
#page6 .bg-bottom {width:100%; background:url(../images/bg-tail-2.gif) 0 0 repeat;}
.border-top {width:100%; background:url(../images/border-top-tail.gif) 0 0 repeat-x;}

.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.4615em;
}

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

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

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

p {margin-bottom:18px; color:#404042}
.p0 {margin-bottom:0;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px; color: #991931;}
.p4 {margin-bottom:12px;}
.p5 {margin-bottom:20px;}
.p6 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

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

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

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

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

/*********************************boxes**********************************/
.margin-bot {margin-bottom:45px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:38px;}

.indent {padding:20px 0 0 20px;}
.indent2 {padding-top:8px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 25px 0px 0;}	
.img-indent2 {float:left; margin:5px 11px 0px 0;}	
.img-indent3 {float:left; margin:0 6px 0px 0;}	
.img-indent4 {float:left; margin:0 13px 0px 0;}
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

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

/*********************************header*************************************/
header {width:100%; position:relative; z-index:2;}

h1 {padding:0 0 0 19px; position:relative;}
h1 span {font-family: 'PT Sans', arial, serif; font-size:20px; line-height:1.2em; color:#e4e4e4; font-weight:normal; text-shadow:1px 1px 1px #818181; display:inline-block; position:absolute; left:19px; top:50px;}
.logo {font-family: 'PT Sans Narrow', arial, serif; font-size:60px; line-height:1.2em; display:inline-block; color:#fff; text-transform:uppercase; font-weight:normal; text-shadow:1px 1px 1px #787878; position:relative; top:-8px;}
.logo strong {color:#00ccff;}
.logo2 {cursor:pointer;}

.list-services {padding:26px 0 -0 24px; margin-left:-40px; position:relative;}
.list-services li {padding-left:-100px; float:left;}
.list-services li a {display:block; width:157px; height:36px; text-indent:-5000px;}
.list-services li .item-1 {background:url(../images/phone.png) 0 top no-repeat;}

/**** Easy Tooltip ****/
#easyTooltip{
	padding:4px 12px;
	border:1px solid #fff;
	background:#991931;
	color:#fff;
	font-size:11px;
	text-transform:none;
	position:relative;
	z-index:9;
}

.index1 {position:relative; z-index:1;}
.index2 {position:relative; z-index:2;}
/**** menu ****/
.menu {padding:2px 0 0 27px; position:relative; z-index:5;}
.menu li {float:left; font-family: 'PT Sans Narrow', arial, serif; font-size:18px; font-weight:bold; text-transform:uppercase;
	background: #ebebeb;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6f6f6), to(#d9d9d9));
	background: -moz-linear-gradient(#f6f6f6, #d9d9d9);
	background: linear-gradient(#f6f6f6, #d9d9d9);
	-pie-background: linear-gradient(#f6f6f6, #d9d9d9);
	position:relative;
	border-top:1px solid #a8a8a8;
	padding:0;
}
.menu > li:hover, .menu li.active {background: #24b1d9;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b72f43), to(#6f0f25));
	background: -moz-linear-gradient(#b72f43, #6f0f25);
	background: linear-gradient(#b72f43, #6f0f25);
	-pie-background: linear-gradient(#b72f43, #6f0f25);
}
.menu li.first {
	border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-webkit-border-radius:15px 0 0 15px;
	border-left:1px solid #a2a2a2;
}
.menu li.last {
	border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-webkit-border-radius:0 15px 15px 0;
}
.menu li:hover > a.item, .menu li.active > a.item {color:#fff; text-shadow:none; background:none; }
.menu li a {display:inline-block; text-align:center; color:#000; 
	text-shadow:1px 1px 1px #fdfdfd; 
	background:url(../images/menu-spacer.gif) right center no-repeat;
	line-height:75px;
}
.menu li a.item {width:126px;}
.menu li a.last-item {background:none;} 

.menu ul {
	position:		absolute;
	top:			-999em;
	width:			156px;
	background:		url(../images/submenu-tail.png) 0 0 repeat;
	padding:		10px 9px 10px 15px;
	border-radius:	9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}
.menu ul ul {
	padding:		0;
	width:			180px;
	background:		none !important;
}
.menu ul li {
	width:	100%;
}
.menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu li li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:	18px;
	font-weight:normal;
	padding: 0;
	text-transform:none;
	background:	url(../images/submenu-li-border.png) 0 bottom repeat-x;
	-pie-background: none;
	border:none;
}	
.menu li li.last2 {
	background:none !important;
}
.menu li li:hover {
	-pie-background: none;
}
.menu li li a {
	line-height:35px;
	display:block;
	color:#010101;
	text-align:left;
	padding-left:11px;
	background:url(../images/marker.png) 0 center no-repeat !important;
	text-shadow:none;
}
.menu li li a:hover, .menu li li.sfHover > a {
	color:#24b1d9;
}
.menu li li li {
	line-height:36px;
	padding:0 0 0 18px;
	width:137px;
	margin-bottom:1px;
	background:url(../images/submenu-tail.png) 0 0 repeat;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}
/*** for IE ***/
*+html .menu li li li {background:url(../images/submenu-li-li-bg.png) 0 0 no-repeat !important;}
*+html .menu li li li:hover {background:url(../images/submenu-li-li-bg-hover.png) 0 0 no-repeat !important;}
.menu li li li {background:url(../images/submenu-li-li-bg.png) 0 0 no-repeat\0/ !important;}
.menu li li li:hover {background:url(../images/submenu-li-li-bg-hover.png) 0 0 no-repeat\0/ !important;}


.menu li li li:hover {
	margin-bottom:1px;
	background:#31b7dd;
}
.menu li li li:hover > a {
	color:#fff;
}
.menu li li li a {
	padding:0; 
	width:100%;
	background:none !important;
}
.menu li:hover ul,
.menu li.sfHover ul {
	left:			0px;
	top:			76px; /* match top ul list item height */
	z-index:		99;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left:			166px; /* match ul width */
	top:			0px;
}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top:			-999em;
}

.menu-shadow {width:633px; height:16px; background:url(../images/menu-shadow.png) 0 0 no-repeat; position:absolute; right:17px; top:78px; z-index:1;}

/**** carousel ****/
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 920px;
	height: 390px; /*Height should enough to fit largest content's height*/
	margin:0 auto 21px;
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-right: 10px; /*margin around each panel*/
	width: 292px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	min-height:382px;
	background:#ebebeb;
	border:4px solid #fff;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	color:#000;
}
.stepcarousel .panel span.mar {
	font-size:14px;
	padding-left:14px;
	background:url(../images/marker-3.gif) 0 center no-repeat;
}
#galleryc{
width: 450px;
height: 170px;
border: 10px solid darkred;
}
#galleryc .panel{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;
	color: #000;
}
div.samplebuttons {
	padding:10px 21px 0 21px;
	font-size:14px;
	color:#000;
	font-weight:bold;
	margin:0 auto;
	width:79px;
	height:32px;
	background:url(../images/carousel-control-bg.png) 0 0 no-repeat;
}
div.samplebuttons a {
	display:block;
	width:11px; 
	height:17px;
	text-decoration: none;
	text-indent:-5000px;
}

.prev {background:url(../images/prev-carousel.png) 0 2px no-repeat; float:left; margin-right:10px;}
.next {background:url(../images/next-carousel.png) 0 2px no-repeat; float:right;}
.prev:hover,
.next:hover {background-position:0 bottom;}

/**** Lightbox image ****/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:inline-block;
	}
	.lightbox-image img {
		position:relative;
		z-index:2;
	}
	.lightbox-image span {
		display:inline-block;
		position:absolute;
		left:0px;
		top:0;
		width:100%;
		height:100%;
		background:url(../images/magnify.png) no-repeat 50% 50%;
		z-index:1;
		padding:0;
	}
		

/*********************************content*************************************/
#content {width: 100%;
padding: 36px 10px 10px 10px;
position: relative;
z-index: 1;
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 1px solid #ffffff;
background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(219,219,219,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(219,219,219,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(219,219,219,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(219,219,219,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(219,219,219,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dbdbdb', GradientType=0 );
-webkit-box-shadow: 3px 23px 26px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 23px 26px -9px rgba(0,0,0,0.75);
box-shadow: 3px 23px 26px -9px rgba(0,0,0,0.75);
margin-bottom: 30px;}
#page3 #content {padding:36px 0 27px 0;}
#page5 #content {padding:36px 0 72px 0;}
#page6 #content {padding:36px 0 35px 0;}
.spacer-1 {width:100%; background:url(../images/spacer.gif) 0 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h3 {color:#991931; font-family: 'PT Sans Narrow', arial, serif; font-size:32px; line-height:1.2em; margin:0 0 18px 0; text-shadow:1px 1px 1px #787878; filter: progid:DXImageTransform.Microsoft.dropshadow(offX=1, offY=1, color=#797979); zoom:1;}
h4 {font-family: 'PT Sans Narrow', arial, serif; font-size:24px; line-height:1.2em; margin:0 0 15px 0; color:#262626; font-weight:normal;}
h5 {color:#000; margin-bottom:20px;}
h6 {font-family: 'PT Sans Narrow', arial, serif; font-size:26px; line-height:1.5em; margin:0 0 9px 0; color:#991932; text-shadow:1px 1px 1px #797979; filter: progid:DXImageTransform.Microsoft.dropshadow(offX=1, offY=1, color=#797979); zoom:1;}
.border-bot {width:100%; padding-bottom:23px; background:url(../images/pic-1.png) 0 bottom repeat-x;}
.border-bot2 {width:100%; padding-bottom:15px; background:url(../images/pic-2.gif) 0 bottom repeat-x;}
.border-bot3 {width:100%; padding-bottom:15px; background:url(../images/pic-7.gif) 0 bottom repeat-x;}

.box {width:100%; border:1px solid #fff; background:#f3f3f3;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:0 3px 3px #bbb;
	-moz-box-shadow:0 3px 3px #bbb;
	-webkit-box-shadow:0 3px 3px #bbb;
	padding:20px 0 30px;
}
.box h3 {color:#1f1e1b; font-weight:normal; margin-bottom:10px; text-shadow:none; filter:none;}

.button {font-family: 'PT Sans Narrow', arial, serif; display:inline-block; font-size:18px; 
	font-weight:bold;
	line-height:33px; 
	padding:0 6px 3px 6px; 
	color:#fff; 
	min-width:81px;
	text-align:center;
	background:url(../images/button-bg.jpg) 0 0 repeat;
}
.button:hover {background:#00ccff;}

.button-3 {display:inline-block; min-width:72px; text-align:center; padding:0px 10px; line-height:28px; background:#991931; color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
}
.button-3:hover {background:#2b2b2b;}

.list-1 li {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:29px; font-size:13px; border-bottom:1px solid #cecece;}
.list-1 li.first {padding-top:2px; border-top:1px solid #cecece;}
.list-1 li a {color:#747474; padding-left:18px; background:url(../images/marker-2.gif) 9px center no-repeat; display:block;}
.list-1 li a:hover {color:#fffffe; background-color:#262626;}

.list-2 li {font-size:14px; line-height:35px; padding-bottom:2px;}
.list-2 li a {color:#fff; padding:0 0 0 26px; width:164px; display:inline-block;
	background: #464646;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4c4c4c), to(#2b2b2b));
	background: -moz-linear-gradient(#4c4c4c, #2b2b2b);
	background: linear-gradient(#4c4c4c, #2b2b2b);
	-pie-background: linear-gradient(#4c4c4c, #2b2b2b);
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow:1px 1px 0px #797979;
	-moz-box-shadow:1px 1px 0px #797979;
	-webkit-box-shadow:1px 1px 0px #797979;
}
.list-2 li a span {padding-left:22px; background:url(../images/marker-4.gif) 0 4px no-repeat;}
.list-2 li a:hover {
	background: #2b2b2b;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2b2b2b), to(#4c4c4c));
	background: -moz-linear-gradient(#2b2b2b, #4c4c4c);
	background: linear-gradient(#2b2b2b, #4c4c4c);
	-pie-background: linear-gradient(#2b2b2b, #4c4c4c);
}

.list-3 li {font-size:16px; font-style:italic; line-height:30px; padding-left:32px; background:url(../images/marker-5.png) 0 6px no-repeat;}
.list-3 li a {color:#06beec; display:inline-block; text-decoration:none;}
.list-3 li a:hover {color:#323232; text-decoration:underline;}

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

.link-1 {color:#981b3d; font-weight:bold;}
.link-1:hover {color:#000;} 

.link-2 {color:#00ccff; font-weight:bold;}
.link-2:hover {color:#000;} 

.text-1 {font-size:14px;} 
.text-2 {font-size:14px; line-height:1.285em;}  

dl span {float:left; width:74px;}
dl dt {font-weight:bold; color:#000;}

/* Contact form */
 #contact-form {
	vertical-align:top;
	padding-top:0px;
}
	#contact-form fieldset {
		border:none;
		}
		#contact-form .rowElem2 {
			display:block;
			height:44px;
			position:relative;
			z-index:2;
			}
			#contact-form input {
				width:210px; 
				background:none; 
				padding:8px 10px 8px 10px;  
				float:left; 
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#000; 
				line-height:1.23em;
				border-left:2px solid #656565;
				border-top:2px solid #656565;
				border-right:none;
				border-bottom:none;
				background:#e5e5e5;
				border-radius:7px;
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				}
			#contact-form .textarea-box {
				position:relative;
			}
			#contact-form textarea {
				overflow:auto; 
				width:370px; 
				padding:7px 10px;  
				float:left; 
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#000; 
				height:236px; 
				margin:0;
				border-left:2px solid #656565;
				border-top:2px solid #656565;
				border-right:none;
				border-bottom:none;
				background:#e5e5e5;
				border-radius:7px;
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				}
				#contact-form label {
					padding:3px 0 0 0;
					display:inline-block;
					font-size:11px;
				}
				#contact-form .rowElem2 label {
					position:absolute;
					left:280px;
					top:4px;
				}
				#contact-form .textarea-box label {
					position:absolute;
					top:255px;
					left:10px;
					z-index:1;
				}
				#contact-form .error {
					color:#feb6b6;
					display:none;
				}

div#contact_form .download-box {
	margin-top:20px;
}

label.message {color:#000;}

.buttons {padding:20px 0px 0 0; text-align:right; width:390px; overflow:hidden;}
.buttons a {margin-left:14px;}


/**** carousel ****/
.carousel {width:100%; min-height:167px; overflow:hidden;}
.carousel .next-2 {display:block; width:30px; height:30px; text-indent:-5000px; background:url(../images/next-2.png) center center no-repeat; position:absolute; top:57%; right:-13px; z-index:3;}
.carousel .prev-2 {display:block; width:30px; height:30px; text-indent:-5000px; background:url(../images/prev-2.png) center center no-repeat; position:absolute; top:57%; left:-13px; z-index:3;}
.carousel .prev-2:hover {background-image:url(../images/prev2-hover.png);}
.carousel .next-2:hover {background-image:url(../images/next2-hover.png);}
#page4 .carousel .next-2 {top:41%;}
#page4 .carousel .prev-2 {top:41%;}

.project-list li {margin-right:10px;}

.map {background:#fff; padding:5px;	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

/****************************footer************************/
footer {width:100%; padding:32px 0 30px; color:#262626;}
footer span {display:inline-block; font-size:14px;}
#page3  footer, #page4  footer, #page5  footer, #page6 footer {padding:32px 0 30px 0;}