/* 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 }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {
	width:auto;
	overflow:hidden;
}

/* Global properties ======================================================== */

body{ background: url(../images/bg_img.jpg) top center no-repeat #0f64a5; border:0; font:12px Arial, Helvetica, sans-serif; color:#1a1a1a; line-height:16px; padding-bottom:42px;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 954px; padding-top:5px;}


/* ============================= main layout ====================== */

a{ color:#106aa9; text-decoration: none; outline:none; font-weight:bold}
a:hover{ color:#5ac6f1;}

h3{
	font-size:17px;
	color:#fff;
	text-transform:uppercase;
	line-height:35px;
	padding:0 10px;
	background:#3092c9;
	margin-bottom:10px;
	text-align: center;
}
h5{ float:left; padding:20px 0 0 23px;}
p{
	padding-bottom:16px;
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ============================= header ====================== */
header{ background:url(../images/bg_top.jpg) top center no-repeat; width:100%; overflow:hidden; padding-bottom:12px;}

header .right{ width:300px;}

#logo{
	display: block;
	width: 350px;
	height: 200px;
	text-indent: -5000px;
	background-image: url(../images/newlogo3.jpg);
	background-repeat: no-repeat;
}
#slogan{ padding:0 0 0 61px; margin-top:-1px; color:#fff; font-size:12px; font-weight:normal; display:block} 

#top_nav{ float:right; padding:0px 5px 0 0} 
#top_nav li{ float:left; padding-left:16px;}
#top_nav li a{ font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff}
#top_nav li a:hover{ color:#4cbeec}

#search{
	float:right;
	padding:18px 20px 0 0;
	width:278px;
	font-family: Georgia;
}
#search .bg{ background:url(../images/bg_search.gif) no-repeat; overflow:hidden}
#search a{
	font-size:16px;
	line-height:29px;
	color:#fff;
	text-transform:uppercase;
	width:59px;
	text-align:left;
	text-decoration: underline;
	font-weight: lighter;
} 
#search .input{ float:right; font:12px Arial, Helvetica, sans-serif; color:#aca9a9; float:right; padding:7px 10px; width:199px; height:15px;}

#menu {
	width:100%;
	overflow:hidden;
	margin-top:10px;
	background:#e2e8ea;
	border-bottom:6px solid #e2e8ea;
}
#menu li { float:left;}
#menu li a{ display:block; font-size:17px; text-transform:uppercase; color:#213341; line-height:55px; background:url(../images/menu_bg.gif) top right repeat-x}
#menu li a span{ background:url(../images/menu_left.gif) top left no-repeat; display:block}
#menu li a span span{ background:url(../images/menu_right.gif) top right no-repeat; padding:0 8px 0 8px;}
#menu li a:hover{ color:#24abdd}

#menu li .active{ background:url(../images/menu_bg_active.gif) top repeat-x; color:#fff;}
#menu li .active:hover{ color:#fff;}
#menu li .active span{ background:url(../images/menu_left_active.gif) top left no-repeat}
#menu li .active span span{ background:url(../images/menu_right_active.gif) top right no-repeat; padding:0 8px 0 8px}
/* ============================= content ====================== */

#content{margin-top:6px; background:#fff;}

#content nav{ overflow:hidden; padding:15px 0 16px 26px}
#content nav li{ float:left; padding-right:19px;}
#content nav li a{ font-size:11px; color:#627178; text-transform:uppercase; font-weight:bold;}
#content nav li a:hover{ color:#053d72;}

.bg1{ background:url(../images/bg.gif) top repeat-x; overflow:hidden}
.bg2{ background:url(../images/bg1.gif) top repeat-x #f9f9f9; overflow:hidden}
.bg3{ background:url(../images/bg2.jpg) top repeat-x #fff; overflow:hidden}
.bg4{ background:url(../images/bg4.gif) top repeat-x #fff; overflow:hidden}
.pad{ padding:5px}
.pad_2{ padding:0 10px;}
.marg_right1{
	margin-right:2px;
	text-align: left;
}
.marg_right2{
	margin-right:6.5px;
	margin-left: 6.5px;
}
.pad_bot1{
	padding-bottom:10px;
	color: #F3F3F3;
}
.pad_top1{ padding-top:10px;}

.gallery1{ background:#333333; color:#808080; overflow:hidden; padding:10px;}
.gallery1 ul{ float:left; width:229px}
.gallery1 li{ margin-bottom:10px;}
.gallery1 a{ background:#000; color:#808080; display:block;  overflow:hidden; font-weight:normal}
.gallery1 a span{ display:block}
.gallery1 a span span{padding:10px; overflow:hidden}
.gallery1 a:hover, .gallery1 .active{ background:url(../images/box_bg.jpg) top repeat-x; color:#fff}
.gallery1 a:hover span, .gallery1 .active span{ background:url(../images/box_left.jpg) top left no-repeat}
.gallery1 a:hover span span, .gallery1 .active span span{ background:url(../images/box_right.jpg) top right no-repeat; border-bottom:1px solid #5abde4; padding-bottom:9px;}
.gallery1 strong{ color:#fff; padding-bottom:4px;}
.gallery1 .no_pad{ margin-bottom:0}

.box{ background:url(../images/box_bg.jpg) top repeat-x #62cff8; border-bottom:1px solid #5abde4; color:#fff; line-height:16px;}
.box_left{ background:url(../images/box_left.jpg) top left no-repeat}
.box_right{ background:url(../images/box_right.jpg) top right no-repeat; padding:0 15px 14px 15px;}
.box h2{ font-size:22px; color:#fff; line-height:28px; padding:15px 0 0 0}

.box .link li{ background:url(../images/line1.gif) right 5px no-repeat}
.box .link li a{ color:#053d72}
.box .link .bg_none{ background: none}
.box .link a:hover{ color:#fff}

.box2{ background:#fff; border:1px solid #d9dddf}

.link li{ padding-right:10px; background: url(../images/line2.gif) right 4px no-repeat; margin-right:10px; float:left;}
.link .bg_none{ background:none; padding:0; margin:0}
.link a:hover{ color:#5ac6f1}

.font1{ font-size:17px; font-weight:bold; line-height:19px; padding-bottom:10px; color:#106aa9}
.font2{ font-weight:bold; color:#106aa9; padding-bottom:0}
.font3{ font-size:17px;
	color:#fff;
	text-transform:uppercase;
	line-height:35px;
	padding:0 10px;
	background:#3092c9;
	margin-bottom:10px;
	text-align: center;}
	
.font5 {
	font-family: 'Lobster Two', cursive;
	font-size:36px;
}
.font6 {
	font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;
	color: #000;
	text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
}	

.font7 {
	color: #000;
	text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
	font-family: 'Cookie', Helvetica, sans-serif;
	font-size: 100px;
	line-height: 0.8;
	font-weight: 400;
}

.font8 {
  font: 400 100px/1.2 'Merienda One', Helvetica, sans-serif;
  color: #000;;
  text-shadow: 3px 3px 3px #fff;
}

.font9 {
  font: 400 100px/1.3 'Berkshire Swash', Helvetica, sans-serif;
  color: #2b2b2b;
  text-shadow: 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15);
}

.font10 {
  font: 400 100px/1.3 'Oleo Script', Helvetica, sans-serif;
  color: #2b2b2b;
  text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
}

.breeserif {
  font: 400 60px/1.3 'Bree Serif', Georgia, serif;
}

.opensans {
  font: 400 27px/1.6 'Open Sans', Verdana, Helvetica, sans-serif;
}

.beavan {
  font: 400 60px/1.3 'Bevan', Georgia, serif;
}
 
.potanosands {
  font: 400 27px/1.6 'Pontano Sans', Verdana, Helvetica, sans-serif;
}

.abrilfatface {
  font: 400 60px/1.3 'Abril Fatface', Georgia, serif;
}
 
.average {
  font: 400 27px/1.6 'Average', Garamond, Georgia, serif;
}

.playfair {
  font: 400 60px/1.5 'Playfair Display', Georgia, serif;
}
 
.muli {
  font: 400 27px/1.6 'Muli', Verdana, Helvetica, sans-serif;
}

.sansitaone {
  font: 400 70px/1.2 'Sansita one', Georgia, serif;
}
 
.kameron {
  font: 400 27px/1.6 'Kameron', Georgia, serif;
}

.istokweb {
  font: 400 70px/1.2 'Istok Web', Verdana, Helvetica, sans-serif
}
 
.lora {
  font: 400 27px/1.6 'Lora', Georgia, serif;
}

.pacifico {
  font: 400 95px/1.6 'Pacifico', Georgia, serif;
}
 
.arimo {
  font: 400 27px/1.6 'Arimo', Verdana, Helvetica, sans-serif;
}

.nixieone{
  font: 400 80px/1.2 'Nixie One', Georgia, serif;
}
 
.ledger {
  font: 400 27px/1.6 'Ledger', Garamond, Georgia, serif;
}

.cantanaone {
  font: 400 70px/1.2 'Cantata One', Georgia, serif;
  color: #2f99ba;
}
 
.imprima {
  font: 400 27px/1.6 'Imprima', Verdana, Helvetica, sans-serif;
  width: 480px;
  color: #232525;
}

.rancho {
  font: 400 95px/1.1 'Rancho', Georgia, serif;
}
 
.gudea {
  font: 400 27px/1.6 'Gudea', Verdana, Helvetica, sans-serif;
}

.lobster2 {
  font: 400 50px 'Lobster Two', Helvetica, sans-serif;
  color: #2b2b2b;
  
}

.greatvibes {
  font: 400 50px/0.8 'Great Vibes', Helvetica, sans-serif;
  color: #2b2b2b;
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
}

.bangers {
	font-family: 'Bangers', cursive;
	font-size:36px;
}

.vidaloka {font-family: 'Vidaloka', serif; font-size:36px;}

.marcellus {font-family: 'Marcellus SC', serif; font-size:48px;}

.cantoraone {font-family: 'Cantora One', sans-serif; font-size:36px;}
	
.contrailone {
	font-family: 'Contrail One', cursive;
	font-size:36px;
	top: auto;
	bottom: auto;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 5px;
}

.chauone {
	font-family: 'Chau Philomene One', sans-serif;
font-size:36px	}


.kaushanscript {font-family: 'Kaushan Script', cursive; font-size:36px; padding:15px 0 0 10px;}

.cinzel{font-family: 'Cinzel', serif; font-size:36px;}

.francoisone {
	font-family: 'Francois One', sans-serif;
	font-size:28px;
	padding-top: 10px;
	padding-bottom: 5px;
}


.russoone {font-family: 'Russo One', sans-serif; font-size:36px}

.stoke {font-family: 'Stoke', serif; font-size:36px}

.oldstandardtt {font-family: 'Old Standard TT', serif; font-size:36px}

.kottaone {font-family: 'Kotta One', serif; font-size:36px}

.orbitron {font-family: 'Orbitron', sans-serif; font-size:36px}

.oswald {font-family: 'Oswald', sans-serif; font-size:36px}

.philospher {
	font-family: 'Philosopher', sans-serif;
	font-size:36px;
	padding-top: 15px;
}

.shadowsintolight {
	font-family: 'Shadows Into Light Two', cursive; font-size:24px
	padding-top: 10px;
}

.permanentmarker {font-family: 'Permanent Marker', cursive; font-size:36px}

.racingsans {font-family: 'Racing Sans One', cursive; font-size:36px}

.michroma {font-family: 'Michroma', sans-serif; font-size:36px}

.tino {
	font-family: 'Tinos', serif;
	font-size:28px;
	padding-top: 10px;
}

.tino2 {
	font-family: 'Tinos', serif;
	font-size:21px;
	padding-top: 10px;
}

.tino3 {
	font-family: 'Tinos', serif;
	font-size:18px;
	padding-top: 10px;
}

.georgiafont{
	font-family: georgia;
	font-size:18px;
	padding-top: 10px;
}

.georgiafont16{
	font-family: georgia;
	font-size:16px;
	padding-top: 10px;
}

.georgiafont14{
	font-family: georgia;
	font-size:14px;
	padding-top: 10px;
}

.crushed {font-family: 'Crushed', cursive; font-size:36px}

.table{
	color:#000;
	width:100%;
	overflow:hidden;
	padding:6px 0;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	font-size: 36px;
}
.table a{color:#627178; font-weight:normal}
.table a:hover{ text-decoration:underline}

.tr1{ height:45px; border-bottom:1px solid #e4e4e4; background:#ededed; width:100%; overflow: hidden}
.tr2{ height:45px; border-bottom:1px solid #ededed; background:#f5f5f5; width:100%; overflow:hidden}
.tr1:hover, .tr2:hover{ background:#333333; color:#fff}
.tr1:hover strong, .tr2:hover strong{ color:#5ac6f1}
.tr1:hover a, .tr2:hover a{ color:#fff;}
.tr1:hover .td2, .tr2:hover .td2{ background:#484848; border:none; padding:6px 1px 0 1px}

.td1{ padding:6px 0 0 10px; width:117px; float:left;}
.td2{ border-left:1px solid #fdfdfd; border-right:1px solid #fdfdfd; text-align:center ; width:32px; float:left; padding:6px 0 0 0; height:100%;}
.tr1 .td2{ background:#f2f2f2;}
.tr2 .td2{ background:#fafafa;}
.td3{
	float:left;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1px;
	
}

/*----------------------------- tabs -------------------------*/
ul.tabs, ul.tabs2 {margin: 0;	padding: 0; display:block;	list-style: none;	height: 56px;}
ul.tabs li, ul.tabs2 li {float: left;overflow: hidden; padding-right:4px;}
ul.tabs li a, ul.tabs2 li a { display:block; padding:10px; border:1px solid #e9ebec; border-bottom:none; font-size:17px;text-transform:uppercase; line-height:35px; position:relative; z-index:1; background:#fff }
ul.tabs li a span, ul.tabs2 li a span{ padding:0 8px; display:block; color:#363535;}
ul.tabs li a:hover span, ul.tabs2 li a:hover span { color:#4cbeec}
html ul.tabs li.active a, html ul.tabs li.active a:hover, html ul.tabs2 li.active a, html ul.tabs2 li.active a:hover  { border:1px solid #d9dddf; border-bottom:1px solid #fff; z-index:2;}
html ul.tabs li.active a span, html ul.tabs li.active a:hover span, html ul.tabs2 li.active a span, html ul.tabs2 li.active a:hover span{ background:#363535; color:#fff;}

.tab_content, .tab_content2{ border:1px solid #d9dddf; padding:10px 13px 10px 10px; z-index:1; background:#fff; position: relative; display: none;}


/*----------------------------- end tabs -------------------------*/

.list1{ padding-bottom:7px; margin-top:-4px}
.list1 li{ padding:8px 0 9px 0; border-bottom:1px solid #e5e5e5}
.list1 li a{ color:#627178; padding-left:20px; background:url(../images/marker_1.gif) 0 3px no-repeat;}
.list1 li a:hover{ color:#106aa9; background: url(../images/marker1_active.gif) 0 3px no-repeat;}

.color1{ background:#04365c}
.color2{
	background:#5e5d5d;
	text-align: center;
}

/*---looped slider begin ---*/
#loopedSlider{ width:100%; padding-bottom:17px; overflow:hidden; height:206px}
#loopedSlider .container { height:206px; width:251px; overflow:hidden; position:relative; z-index:1; margin-left:19px;}
#loopedSlider .slides { position:absolute; top:0; left:0;height:206px; width:251px;}
#loopedSlider .slides div { position:absolute; top:0; left:0; overflow:hidden;}

.pagination-container{ position:absolute;z-index:2; margin-top:-206px; width:283px}
#loopedSlider .previous{ background:url(../images/marker_left.gif) no-repeat; width:19px; height:206px; float:left;}
#loopedSlider .previous:hover{ background:url(../images/marker_left_active.jpg) no-repeat}
#loopedSlider .next{ background:url(../images/marker_right.gif) no-repeat;width:19px; height:206px; float:right}
#loopedSlider .next:hover{ background:url(../images/marker_right_active.jpg) no-repeat}
/*--- slider end ---*/

.link1{ display:block; line-height:27px; background:  url(../images/bg3.gif) top repeat-x; padding-left:10px;}



/* ============================= footer ====================== */

footer { background:#04365c; padding:16px 20px 17px 20px; color:#fff;}
footer a{ color:#0cb2f9; font-weight:normal}
footer a:hover{ color:#fff;}
footer nav{ width:100%; overflow:hidden; padding-bottom:14px}
footer nav li{ float:left; padding-right:11px; background:url(../images/footer_line.gif) right 4px no-repeat; margin-right:10px}
footer nav .bg_none{ background:none; padding:0; margin:0}
footer nav li a{ color:#fff;}
footer nav li a:hover{ color:#0cb2f9}


/* ============================= forms ============================= */

#ContactForm {}
#ContactForm a{ margin-left:20px}
#ContactForm .input {width:200px; height:18px; border:1px solid #a4a4a4; background:#2a2a2a; padding:0 3px; margin-bottom:5px;color:#6e6e6e; text-transform:uppercase;}
#ContactForm textarea { overflow: auto}
.alists {
	
	text-indent: 7mm;
	list-style-position: outside;
	list-style-type: disc;
	color: #000;
	margin-right: 7px;
	padding-bottom: 15px;
}

.word{word-spacing: 30px;}

.blist {
	list-style-type: disc;
	text-indent:3mm;
	color: #000;
}

td { text-align: left }


.list-2 {
	width: 100%;
	overflow: hidden;
}

	.list-2 li {
		width: 100%;
		padding: 0 0 23px 0;
		overflow: hidden;
	}
	
	.list-2 li.last {
		padding: 0 0 11px 0;
	}
	
	.list-2 li.extra {
		padding: 0 0 29px 0;
	}
	
		.list-2 li img {
			float: left;
			margin: 2px 20px 0 0;
		}
		
		.list-2 li strong {
			display: block;
			padding: 0 0 18px 0;
			line-height: 1.286em;
			font-size: 1.167em;
			color: #373737;
		}
		
		.list-2 li p.extra {
			padding: 0 0 15px 0 !important;
		}

	.list-2 li ul {
		width: auto;
		padding: 0 0 15px 0;
		overflow: hidden;
	}
	
		.list-2 li ul li {
			width: auto;
			padding: 0;
			line-height: 2em;
			font-size: 1em;
			font-weight: bold;
			color: #010101;
		}
		
			.list-2 li ul li a {
				background: url(../images/marker.gif) no-repeat 0% 4px;
				display: inline-block;
				padding: 0 0 0 28px;
				text-decoration: none;
				color: #010101;
			}
			
			.list-2 li ul li a:hover {
				background: url(../images/marker-act.gif) no-repeat 0% 4px;
				color: #ffc204;
			}



/* ============================= footer ============================= */

.roundedDiv{display: inline-block;zoom: 1;*display: inline;vertical-align: baseline;outline: none;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding: 10px 10px;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');color: #606060;border: solid 1px #b7b7b7;background: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top,  #fff,  #ededed)}

ul#site-footer h3 {margin: 0 0 0.5em 0;font-size:18px;font-family: georgia,serif;font-weight: normal;font-style: italic;color: #484848}
ul#site-footer span {font-family: MetaBlack,"Trebuchet MS",sans-serif;font-weight: bold;text-transform: uppercase;font-style: normal;font-size: 22px;letter-spacing: -0.02em;line-height:24px}
ul#site-footer p {margin-top:1em;margin-bottom: 1em;line-height: 1.5;font-size:14px;color:#000}
ul#site-footer {margin: 20px 0;height:185px}
ul#site-footer li {background: none;float: left;width: 250px;padding: 0 0px;list-style-type: none}
ul#site-footer div {height:165px;width:230px}
  
.button {display: inline-block;zoom: 1;*display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding: .5em 2em .55emtext-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}

.white {color: #606060;border: solid 1px #b7b7b7;background: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top,  #fff,  #ededed);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')}

.large {font-size: 18px;padding: .6em 2em .84em;font-weight:bold;}
  
.form tr td{padding:5px;font-size:12px;vertical-align:middle}
.formTxtBox{width:224px;height:14px;font-size:12px}
.formTxtArea{width:606px;height:50px;font-size:12px}
.formRed{color:red;font-weight:bold;font-size:18px}
.formError{color:red;font-size:12px}



.navContainer{
	width: 176px;
	background-color:#eee;
	border:1px solid #bbb;
}	

.navContainer p{
	font-weight:bold;
	margin:5px 15px;
}

.navList{
	
}
.navList{

	width: 150px;
	margin: 0 auto;
	

	zoom: 1;

	vertical-align: baseline;
	outline: none;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed)
}

.navList li{
	line-height:24px;
	height:24px;
	
}
.navList a{
	font-size:11px;
	padding-left: 10px;
}
.navList a:hover{
	font-weight:bold;
	color:black;
	font-size:11px;
	background-color:#ddd;
}

.divSubTitle{width:100%;background:#4080BE;height:30px;line-height:30px}