/* 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%; height:100%;}

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;
	min-width:960px;
	height:100%;
	background:url(../images/body-tail.gif) center top repeat #e7e7e7;
	text-align: left;
	font-weight: normal;
}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.main {
	width:960px; 	
	margin:0 auto;	
}

a {color:#00989d; outline:none;}
a:hover {
	text-decoration:none;
	text-align: right;
}

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

.wrapper {
	width:100%;
	overflow:hidden;
	text-align: justify;
	font-weight:normal;
}
.extra-wrap {overflow:hidden;}
 
p {
	margin-bottom:7px;
	font-weight: normal;
	text-align: justify;
}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:6px;}
.p2 {
	margin-bottom:15px;
	text-align: justify;
}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

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

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

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

/*********************************boxes**********************************/
.indent-top {padding-top:60px;}
.indent-top2 {padding-top:15px;}
.indent-left {padding-left:30px;}
.indent-right {padding-right:20px;}

.indent-bot {margin-bottom:20px;}
.prev-indent-bot {
	margin-bottom:10px;
	text-align: center;
}
.prev-indent-bot2 {margin-bottom:5px;}
.img-indent-bot {margin-bottom:25px;}
.margin-bot {margin-bottom:35px;}
.margin-left {margin-left:13px;}

.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:24px 0px 0px 20px;}	

.buttons a:hover {cursor:pointer;}

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

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

h1 {
	padding:0 0 0 11px; 
	float:left;
}
	h1 a {
		display:block; 
		width:239px;
		height:96px;
		text-indent:-999em;
		background:url(../images/logo.png) 0 0 no-repeat;
	}
	
/***** menu *****/
.menu {
	padding:30px 10px 0 0; 
	float:right;
}
.menu li {
	float:left; 
	position:relative;
	background:url(../images/menu-spacer.gif) 0 4px no-repeat;
}
.menu > li:first-child {background:none;}
.menu a {
	display:inline-block; 
	font-size:18px; 
	line-height:2em; 
	letter-spacing:-1px;
	padding:7px 24px 9px 25px; 
	color:#000; 
	text-transform:uppercase; 
	background:url(../images/menu-a-tail.gif) 0 -999em repeat-x;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.menu a.active,
.menu a:hover {background-position:0 0; background-color:#fff; color:#2ab5ba;}

/***** slider *****/
.row-bot {
	width:100%;
	padding:49px 0 0;
	background:url(../images/content-tail.gif) center top repeat
}
.slider-wrapper {
	margin:0 auto;
	width:960px;
	height:483px;
	padding-bottom:46px;
	background:url(../images/slider-bg.png) 0 0 no-repeat;
	overflow:hidden;
}
.slider {
	width:960px;
	height:483px;
	position:relative;
}
.items {display:none;}

.pagination {
	position:absolute;
	left:439px;
	bottom:20px;
	z-index:99;
}
	.pagination li {
		float:left;
		padding-right:8px;
	}
	.pagination a {
		display:block;
		width:22px;
		height:22px;
		background:url(../images/slider-pagination.png) right top no-repeat;
		cursor:pointer;
	}
	.pagination li.current a {cursor:default;}
	.pagination li.current a,
	.pagination a:hover {background-position:left top;}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:50px 0 53px;
	background:url(../images/content-tail.gif) center top repeat;
	position:relative;
	z-index:1;
}
	#page1 #content {padding:12px 0 53px;}

.spacer-1 {
	width:100%; 
	padding:22px 0;
	background:url(../images/spacer-1.gif) right top repeat-y;
}

h2 {
	font-size:46px;
	line-height:1.2em;
	letter-spacing:-2px;
	color:#000;
	margin-bottom:9px;
	text-align: center;
}
h3 {
	font-size:30px; 
	line-height:2em; 
	color:#000;
	letter-spacing:-1px;
}
h6 {color:#00989d; font-weight:normal;}

.title-1 {
	display:block;
	font-size:37px;
	line-height:1.2em;
	color:#2ab5ba;
	letter-spacing:-1px;
}
	.title-1 strong,
	.title-1 em {
		display:block;
		margin-top:-12px;
	}
	.title-1 em {color:#000;}

.border-bot {
	width:100%; 
	padding-bottom:32px; 
	background:url(../images/border-bot.gif) left bottom repeat-x;
}

.list-1 li {
	line-height:25px;
	padding-left:15px;
	padding-bottom:10px;
	background:url(../images/marker-1.png) 0 10px no-repeat;
	text-align: justify;
}
	.list-1 a {
		display:inline-block;
		color:#000;
	}
	.list-1 a:hover {
	color:#2ab5ba;
}

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

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-left:9px; 
	color:#00989d;
	background:url(../images/marker-2.gif) 0 10px no-repeat;
}
.link-1:hover {text-decoration:none;} 

.text-1 {font-size:14px;} 
.tdate-1 {
	display:block;
	color:#00989d;
	margin-bottom:14px;
}

dl span {float:left; width:80px;}

/***** contact form *****/

		
/****************************footer************************/
footer {
	width:100%; 
	padding:39px 0;
	background:url(../images/footer-tail.gif) left top repeat-x;
}
	.footer-text {
		display:block;
		padding-left:40px;
	}

.list-services {
	padding:12px 0 0 40px;
	margin-bottom:12px;
	overflow:hidden;
	text-align: center;
}
	.list-services li {
	float:left;
	padding:0 10px 0 0;
	}
	.list-services a {
	display:block;
	width:26px;
	height:26px;
	background:url(../images/social-icons.jpg) 0 0 no-repeat;
	}
	.list-services .item-2 {
	background-position:-36px 0;
	text-align: center;
}
	.list-services .item-3 {background-position:-72px 0;}
	.list-services .item-4 {background-position:-108px 0;}
	
	
#contact-form {
	background-color:#F2F7F9;
	width:465px;
	padding:20px;
	margin: 20px auto;	
	border: 3px solid #8FB5C1;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	position:relative;
}

#contact-form h1 {
	font-size:42px;
}

#contact-form h2 {
	margin-bottom:15px;
	font-style:italic;
	font-weight:normal;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	font-size:12px;
	margin-bottom:2px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
	width:450px;
	border: 1px solid #CEE1E8;
	margin-bottom:20px;
	padding:4px;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #93c9dd;
	background-color: #EBF2F4;
	text-align:left;
}

#contact-form textarea {
	height:150px;
	resize: none;
}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:normal;
	color:#F00;	
}


#contact-form #submit-button {
	width: 50px;
	background-color:#333;
	color:#FFF;
	border:none;
	display:block;
	float:none;
	margin-bottom:0px;
	margin-right:0px;
	background-color:#8FB5C1;
	-moz-border-radius:8px;
}

#contact-form #submit-button:hover {
	background-color: #A6CFDD;
}

#contact-form #submit-button:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../img/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#errors {
	border:solid 1px #686464;
	padding:10px;
	margin:25px 0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;
	display:none;
}

#errors li {
	padding:2px;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	border:solid 1px #9ea79e;
	padding:25px 10px;
	margin:25px 0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;
	font-weight:bold;
	display:none;
}

#errors.visible, #success.visible {
	display:block;	
}

#req-field-desc {
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}




.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 {
	orphans: 3;
	widows: 3;
}
  h2, h3{
	page-break-after: avoid;
	text-align: center;
}
}