/* 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:#1F2123;
	min-width:960px;
	background:url(../images/bg-body.gif) 0 0 repeat #43c1ff;
	padding:0px 0 0px 0;
}
.bg {width:100%; background:#f0f5f6;}


.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:0.85em;
	line-height:1.6666em;
	position:relative;
	background: none;
}

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

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

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

.wrapper {width:100%; overflow:hidden;}
.wrapper-2 {width:100%; overflow:hidden; position:absolute; top:-50px; z-index:999;}
.extra-wrap {overflow:hidden;}
.extra-box {overflow:hidden;}
.extra-box-1 {overflow:hidden; position:relative;}
 
.container {width:100%;}

p {margin-bottom:21px;}
.p0 {margin-bottom:1px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}
.p7 {margin-bottom:54px;}

.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;}

.big {text-transform:uppercase;}

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

.l-h {line-height:22px;}

.color-1 {color:#fff;}
.color-2 {color:#151515;}
.color-3 {color:#676767;}
.color-4 {color:#9c9c9c;}

.hidden {overflow:hidden;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot1 {margin-bottom:45px;}
.margin-bot2 {margin-bottom:55px;}

.margin-left {margin-left:15px;}

.margin-top {margin-top:11px;}
.margin-top1 {margin-top:6px;}

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

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

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:29px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}
.img-indent1 {float:left; margin:5px 17px 0px 0;}
.img-indent2 {float:left; margin:0 13px 0px 0;}
.img-indent3 {float:left; margin:15px 20px 0px 0;}
.img-indent4 {float:left; margin:0 16px 0px 0;}
.img-indent0 {float:left; margin:0px 26px 0px 0;}
.img-indent-r {float:right; margin:5px 0px 0px 30px;}



.text-indent{float:left; font-size: 12px; line-height:1.2em; color:#000; margin: 3px 4px 0px 0;}


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

.prev-indent-bot {margin-bottom:12px;}
.prev-indent {float:left; margin:0 16px 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,
.sf-menu li a,
.list-1 li a,
.list-2 li a,
.list-3 li a,
.list-4 li a,
.link-1,
.link-2,
.link-3,
.link-4,
.button,
.button-1,
.button-2,
.button-3,
.button-4,
.text-bot a,
.date,
.text-2,
.time,
h4 a,
h6 a,
h6.fade a,
td a,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:286px; width:100%; position:relative; z-index:2; background:none;}

.row-1 {width:100%; height: 286px; position:relative; z-index:2; background:url(../images/bg-row-1.png) center 0 no-repeat;}
.row-2 {
	width:100%; 	
	height:574px;
	padding:9px 0 0 0;
	position:relative;
	background:none;
	z-index:1;
}

h1 {float:left; padding:52px 0 0 2px; position:relative;}
.logo {display:block; width:180px; height:128px; text-indent:-5000px; background:url(../images/logo.png) 0 0 no-repeat;}

.slogan {float:right; font-family: 'Dancing Script', arial, serif; font-size:28px; line-height:1.2em; color:#fff; text-align:right; padding:81px 0 0 0;}
.slogan span {display:block; margin-top:-5px;}


.sf-menu {position:absolute; top:214px; left:4px;}
.sf-menu li.bgr {float:left; margin-right:1px; 
	background: #004dac;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#004dac), to(#014099));
	background: -moz-linear-gradient(#004dac, #014099);
	background: linear-gradient(#004dac, #014099);
	-pie-background: linear-gradient(#004dac, #014099);
	background-image: -o-linear-gradient(#004dac, #014099);
	border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;}
.sf-menu .bgr:hover, .sf-menu .bgr.sfHover, .sf-menu li.current {background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f3f8f9));
	background: -moz-linear-gradient(#fff, #f3f8f9);
	background: linear-gradient(#fff, #f3f8f9);
	-pie-background: linear-gradient(#fff, #f3f8f9);
	background-image: -o-linear-gradient(#fff, #f3f8f9);}

.sf-menu li a.mains {display:block; padding:28px 35px 28px 35px; color:#fff; font-size:14px; line-height:1.1em; text-align:center; background: none; letter-spacing:-1px;}
.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu li.current a{color:#252525;}

/*********************************content*************************************/
#content {width:100%; padding:0px 0px 0px 0px; z-index:1; position:relative;}

.padding{ padding: 69px 0px 72px 0px;}

h2 {font-size:24px; line-height:1.2em; margin:0px 0 28px 0px; color:#252525; letter-spacing:-1px;}
h3 {font-size:14px; line-height:1.2em; margin:0px 0 10px 0px; color:#24aaff; letter-spacing:-1px;}
h3 strong {display:block; margin-top:3px;}
h4 {font-size:14px; line-height:1.2em; margin:0px 0 30px; color:#f0f6f8; letter-spacing:1px;}
h4 a {color:#f0f6f8; background:url(../images/marker-1.gif) 0 7px no-repeat; padding-left:13px;}
h5 {color:#252525; font-size:14px; line-height:1.2em; margin:0 0 9px 0; text-transform:uppercase; letter-spacing:-1px;}
h6 {font-size:12px; line-height:20px; margin:0px 0 0px; color:#24aaff; font-weight:normal;}

.text-1 {font-size:14px; list-style:1.2em; color:#252525; letter-spacing:-1px;}
.text-2 {font-size:13px; list-style:1.2em; color:#252525; letter-spacing:-1px;}


.list-1 li {font-size:12px; line-height:20px; padding-left:15px; background:url(../images/marker-1.gif) 0 7px no-repeat; margin-bottom:20px;}
.list-1 li a {display:inline-block; color:#24aaff;}
.list-1 li a:hover {text-decoration:underline;}

.list-2 li {font-size:12px; line-height:29px; padding-left:39px; background:url(../images/marker-4.gif) 0 4px no-repeat;text-transform:uppercase; margin-bottom:1px;}
.list-2 li a {display:inline-block; color:#24aaff;}
.list-2 li a:hover {text-decoration:underline;}

.list-3 li {font-size:12px; line-height:20px;}
.list-3 li a {display:inline-block; color:#676767; text-decoration:underline;}
.list-3 li a:hover {text-decoration:none;}



/***** boxex ****/

.box {width:100%; font-size:12px; line-height:17px; color:#acd9ff;
	background: #004dac;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#004dac), to(#023d95));
	background: -moz-linear-gradient(#004dac, #023d95);
	background: linear-gradient(#004dac, #023d95);
	-pie-background: linear-gradient(#004dac, #023d95);
	background-image: -o-linear-gradient(#004dac, #023d95);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.box .padding {padding:15px 7px 7px 18px;}
.box .pad {padding:0px 8px 0px 12px;}

.box-1 {width:289px; float:left; margin-right:31px; font-size:12px; line-height:17px; color:#acd9ff;
	background: #004dac;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#004dac), to(#023d95));
	background: -moz-linear-gradient(#004dac, #023d95);
	background: linear-gradient(#004dac, #023d95);
	-pie-background: linear-gradient(#004dac, #023d95);
	background-image: -o-linear-gradient(#004dac, #023d95);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.box-1 .padding {padding:30px 12px 29px 18px;}
.box-1 .pad {padding:0px 0px 0px 10px;}

.box-2 {width:289px; float:left; font-size:12px; line-height:17px; color:#acd9ff;
	background: #004dac;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#004dac), to(#023d95));
	background: -moz-linear-gradient(#004dac, #023d95);
	background: linear-gradient(#004dac, #023d95);
	-pie-background: linear-gradient(#004dac, #023d95);
	background-image: -o-linear-gradient(#004dac, #023d95);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.box-2 .padding {padding:30px 12px 29px 18px;}
.box-2 .pad {padding:0px 0px 0px 10px;}


.box-3 {width:250px; font-size:12px; line-height:17px; color:#acd9ff;
	background: #004dac;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#004dac), to(#023d95));
	background: -moz-linear-gradient(#004dac, #023d95);
	background: linear-gradient(#004dac, #023d95);
	-pie-background: linear-gradient(#004dac, #023d95);
	background-image: -o-linear-gradient(#004dac, #023d95);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.box-3 .padding {padding:30px 7px 7px 18px;}
.box-3 .pad {padding:0px 8px 0px 12px;}


/******* links *************/
.link {color:#24aaff;}
.link:hover {text-decoration:none;} 

.link-1 {display:inline-block; font-size:14px; line-height:1.2em; color:#252525; text-transform:uppercase; letter-spacing:-1px; border-bottom:1px solid #bdc1c2;}
.link-1:hover {border-bottom:1px solid #f0f5f6;}

.link-2 {display:inline; font-size:14px; line-height:22px; color:#24aaff;}
.link-2:hover {text-decoration:underline;}

.link-3 {display:inline-blick; font-size:12px; line-height:23px; color:#676767; background:url(../images/marker-2.gif) 0 0px no-repeat; padding-left:25px;}
.link-3:hover {text-decoration:underline;}

.link-4 {display:inline-blick; font-size:12px; line-height:20px; color:#676767; background:url(../images/marker-3.gif) 0 0px no-repeat; padding-left:25px;}
.link-4:hover {text-decoration:underline;}

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



/************ buttons ***************/

.button-1 {cursor:pointer; display:inline-block; font-size:14px; line-height:1.2em; letter-spacing:-1px; color:#f0f6f8; border-top:1px solid #33c5fb; border-left:1px solid #33c5fb; padding:10px 11px 10px 11px; text-transform:uppercase;
	background: #11b3fc;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#11b3fc), to(#0097e2));
	background: -moz-linear-gradient(#11b3fc, #0097e2);
	background: linear-gradient(#11b3fc, #0097e2);
	-pie-background: linear-gradient(#11b3fc, #0097e2);
	background-image: -o-linear-gradient(#11b3fc, #0097e2);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.button-1:hover {background: #0097e2; border-top:1px solid #33c5fb; border-left:1px solid #33c5fb;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0097e2), to(#11b3fc));
	background: -moz-linear-gradient(#0097e2, #11b3fc);
	background: linear-gradient(#0097e2, #11b3fc);
	-pie-background: linear-gradient(#0097e2, #11b3fc);
	background-image: -o-linear-gradient(#0097e2, #11b3fc);}

#flash {
	background:url(../images/page3-img7.png) 0 0 no-repeat;
	width:608px;
	height:386px;
	overflow:hidden;
	}



input, textarea { margin:0; font-size:1em; color:#676767; font-family:Arial, Helvetica, sans-serif;}

/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	width:100%;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 9px 0px;
			}
			#contact-form input[type=text] {
				float:left;
				width:270px;
				padding:13px 13px; margin:0px 0 0 0px;
				background:#eef3f5;
				border:1px solid #676767;
				line-height:1.2em;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:7px;
				}
			#contact-form.main-contacts .field input {
				margin-top:0px;
				}
			#contact-form .area {}
			#contact-form .area .error {}
			#contact-form textarea {
				width:270px;
				height:175px;
				background:#eef3f5;
				border:1px solid #676767;
				padding:13px 13px; margin:0px 0 0 0px;
				overflow:auto;
				display:block;
				line-height:1.2em;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				}
				#contact-form a {
					cursor:pointer;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
			#contact-form label {
				padding:0 0 0px 5px;
				display:inline-block;
				color:#F00;
				}
			#contact-form strong {
				padding:0 0 2px 9px;
				display:inline-block;
				color:#838383;
				}
				#contact-form .error {
					color:red;
					width:290px;
					font-size:11px;
					line-height:15px;
					display:none;
					float:left;
				}
		.buttons-wrapper { float:left; margin-top:15px;
			}
		.buttons-wrapper a { margin-right:15px;}
		
.button {display:inline-block; cursor:pointer; font-size:13px; line-height:1.2em; color:#252525; text-transform:uppercase; border-bottom:1px solid #bdc1c2; letter-spacing:-1px;}
.button:hover {border-bottom:1px solid #f0f5f6;}
		

.map iframe {width:271px; height: 272px; overflow:hidden; 
} 

.contact {font-size:12px; line-height:20px; color:#676767;}
.contact dt {font-size:14px; line-height:1.2em; color:#252525; letter-spacing:-1px; margin-bottom:15px;}
.contact dd span {float:left; width:70px;}


.works-list {position:relative;}
.works-list li {float:left; margin-right:3px;}
.works-list .last-item {margin-right:0px;}

/* Easy Tooltip */
#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	z-index:3;
}
/* // Easy Tooltip */


/****************************footer************************/
footer {width:100%; padding:16px 0px 28px 0px; background:url(../images/bg-footer.gif) 0 0 repeat-x; position:relative;}

.text-bot {font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:1.2em; color:#265788; padding:10px 0px 0px 3px; text-align:left;}
.text-bot a {color:#265788; margin-left:0px; margin-right:3px;}
.text-bot a:hover {text-decoration:underline;}
.text-bot span.line{margin: 0 1px 0 1px;}
.text-bot .padding-top{display:inline-block; margin: 14px 0px 0 0px;}

.logo-1 {display:inline-block; font-family: 'Dancing Script', arial, serif; font-weight:normal; font-size:27px; line-height:1.2em; margin:0px 3px 0px 0px; color:#fff; }


.phone {float:right; padding:19px 13px 0 0;}
.tel {font-family: 'Dancing Script', arial, serif; font-size:16px; line-height:1.2em; color:#fff; padding:0px 0 0 5px;}

/*************Lightbox image***************/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:inline-block;
	}
.lightbox-image img {
	position:relative;
	background:#f0f5f6;
	z-index:2;
	}

.lightbox-image span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/magnify.png) no-repeat 50% 50%;
	z-index:1;
	}
	
	/****************************bxSlider************************/
.box-4 {width:100%; min-height:374px;}
/*next button*/
#page3 .bx-prev {
	width:28px; height:28px; cursor:pointer; position:absolute; top:-48px; right:0px; display:block; background:url(../images/prev-next.png) left top no-repeat;
	text-indent: -5000px;
}
#page3 .bx-prev:hover {background-position:left bottom;}

/*previous button*/
#page3 .bx-next {
	width:28px; height:28px; cursor:pointer; position:absolute; top:-48px; right:29px; display:block; background:url(../images/prev-next.png) right top no-repeat;
	text-indent: -5000px;
}

#page3 .bx-next:hover {background-position:right bottom;}

#page3 .bx-window {
	width:212px;
	min-height:374px;
	overflow:hidden;
	position:relative;
	float:left;
}

#page3 #slider1 li {
	width:210px;
	background:#f0f5f6;
	padding:0px 0 5px 0;
}

/****************************bxSlider #page6************************/
.box-6 {width:100%; min-height:326px;}
/*next button*/
#page6 .bx-prev {
	width:28px; height:28px; cursor:pointer; position:absolute; top:-45px; right:0px; display:block; background:url(../images/prev-next.png) left top no-repeat;
	text-indent: -5000px;
}
#page6 .bx-prev:hover {background-position:left bottom;}

/*previous button*/
#page6 .bx-next {
	width:28px; height:28px; cursor:pointer; position:absolute; top:-45px; right:29px; display:block; background:url(../images/prev-next.png) right top no-repeat;
	text-indent: -5000px;
}

#page6 .bx-next:hover {background-position:right bottom;}

#page6 .bx-window {
	width:229px;
	min-height:326px;
	overflow:hidden;
	position:relative;
	float:left;
}

#page6 #slider1 li {
	width:229px;
	background:#f0f5f6;
	padding:0px 0 5px 0;
}
	
	/*********faded************/
.box-5 {width:100%; min-height:210px;}
#faded {position:relative; background:#f0f5f6; min-height:200px; z-index:1;}
.faded-box {min-height:200px;}
.faded-box .paddin {padding:0px 0px 0px 0px;}
#faded .control {position:absolute; top:5px; left:4px; z-index:1; width:172px;}
#faded .prev {display:block; height:15px; width:15px; text-indent:-5000px; background:url(../images/prev-next-faded.png) left top no-repeat; position:absolute; top:0px; left:0px;}
#faded .prev:hover {background-position:left bottom;}
#faded .next {display:block; height:15px; width:15px; text-indent:-5000px; background:url(../images/prev-next-faded.png) right top no-repeat; position:absolute; top:0px; right:0px;}
#faded .next:hover {background-position:right bottom;}

.faded-box h6{font-size:17px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#353c47; text-align:center; margin-bottom:5px; padding:0;}

.faded-box table{border-bottom:1px solid #e0e4e3; border-right:1px solid #e0e4e3;}
.faded-box th{ width:25px; border-top:1px solid #e0e3e2; border-left:1px solid #d3d5d2; border-right:1px solid #e0e3e2; border-bottom:1px solid #e0e3e2; font-size:11px; line-height:24px; text-transform:uppercase; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;  text-align:center; background:#e0e3e2; color:#353c47;}
.faded-box td{ width:25px; height:24px; border-top:1px solid #e0e4e3; border-left:1px solid #e0e4e3; font-size:11px; line-height:17px; font-family:Tahoma, Geneva, sans-serif;  text-align:center; vertical-align:middle; background:none;}
.faded-box td a{ display:inline-block; text-decoration:none; color:#7a6c69; padding:0px 5px 0px 5px;}
.faded-box .active a{color:#ffffff; background:#004ba9;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.faded-box .selected a, .faded-box td a:hover{ background:#004ba9; color:#fff;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;}