@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	/* [disabled]border: 0; */
	outline: 0;
	font-size: 100%;
	background: transparent;
}
@font-face
{
    font-family: 'segoeuil';
    src: url('segoeuil.eot');
    src: local('segoeuil'), local('segoeuil'), url('segoeuil.ttf') format('truetype');
    font-weight: 700;
}
@font-face
{
    font-family: 'GothamLight';
    src: url('Gotham-Light_0.eot');
    src: local('Gotham-Light_0'), local('Gotham-Light_0'), url('Gotham-Light_0.ttf') format('truetype');
    font-weight: 700;
}
@font-face
{
    font-family: 'ebrima';
    src: url('ebrima.eot');
    src: local('ebrima'), local('ebrima'), url('ebrima.ttf') format('truetype');
    font-weight: 700;
}
body {
	line-height: 1;
	/*background-image: url(images/cloud_bg.jpg);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	font: 100% GothamLight, Arial, sans-serif;
	background-color: #fff;
	color: #000;
}
h2 {font-size:24px; font-family:"GothamLight"; color:#333; text-align:left;  line-height:52px; }
h3 {font-size:28px; font-family:"GothamLight"; color:#333; line-height:52px;}
h4 {font-size:24px; font-family:"GothamLight"; color:#999; }
h5 {font-size:18px; font-family:"GothamLight"; color:#999; }
h6 {font-size:18px; font-family:"GothamLight"; color:#1e7c9a; }

a:link {color:#1e7c9a; text-decoration:underline; line-height:18px;}
a:visited{color:#1e7c9a; text-decoration:underline; line-height:18px;}
a:hover{color:#1e7c9a; text-decoration:none;  line-height:18px;}
a:active{color:#1e7c9a; text-decoration:underline; line-height:18px;}

table tr td a:link {color:#1e7c9a; text-decoration:underline; line-height:18px; font-size:16px;}
table tr td a:visited{color:#1e7c9a; text-decoration:underline; line-height:18px; font-size:16px;}
table tr td a:hover{color:#1e7c9a; text-decoration:none;  line-height:18px; font-size:16px;}
table tr td a:active{color:#1e7c9a; text-decoration:underline; line-height:18px; font-size:16px;}


h6 a:link {color:#1e7c9a; text-decoration:underline;}
h6 a:visited{color:#1e7c9a; text-decoration:underline;}
h6 a:hover{color:#1e7c9a; text-decoration:none;}
h6 a:active{color:#1e7c9a; text-decoration:underline;}


.mainnav{width:100%; clear:both; margin-top:20px; text-align:center;}
.navlinks {
	margin:0 auto;
	width: 500px;
	text-align:center;
}
ul.nav {
	font-family: Arial, Verdana;
	font-size: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.nav li {
	position: relative;
	display:inline;
	margin: 0px 5px;

}
li ul.nav {
	display: none;
}
ul.nav li a {
	text-decoration: none;
	color: #fff !important;
	border-top: 1px solid #ffffff;
	padding: 5px 20px 5px 20px;
	background: #1e7c9a;
	white-space: nowrap;
}
ul.nav li.selected {
	text-decoration: none;
	color: #fff;
	border-top: 1px solid #ffffff;
	border-bottom: 3px solid #1e7c9a;
	padding: 5px 20px 5px 20px;
	background: #3b3b3b;
	white-space: nowrap;
}
ul.nav li a:hover {
	background: #3b3b3b;
	color: #fff;
	border-top: 1px solid #3b3b3b;
	border-bottom: 3px solid #1e7c9a;
	padding: 5px 20px 10px 20px;
}
.nav li:hover ul {
	position: absolute;
}
.nav li:hover li {
	float: none;
	font-size: 11px;
}
.nav li:hover a {
	background: #3b3b3b;
}
.nav li:hover li a:hover {
	background: #1e7c9a;
}
ul.nav li a:visited {
	color:#fff !important;
}

table tr td .nav a:link {color:#fff; text-decoration:underline; line-height:18px; font-size:16px;}
table tr td .nav a:visited{color:#fff; text-decoration:underline; line-height:18px; font-size:16px;}
table tr td .nav a:hover{color:#fff; text-decoration:none;  line-height:18px; font-size:16px;}
table tr td .nav a:active{color:#fff; text-decoration:underline; line-height:18px; font-size:16px;}

.ucdtxt{width:100%; height:30px; line-height:80px; clear:both; display:none;}
.paratxt{text-align:justify; color:#333; font-size:20px; margin-bottom:20px; line-height:28px;}
.paratxt a:link{text-align:justify; color:#333; font-size:20px; margin-bottom:20px; line-height:28px;}
.contacttxt {text-align:center;}
.contacttxt a:link {
	color: #333;
	text-decoration: underline;
}
.contacttxt a:visited {
	color: #333;
	text-decoration: none;
}
.contacttxt a:hover {
	color: #333;
	text-decoration: none;
}
.contacttxt a:active {
	color: #333;
	text-decoration: none;
}
.contacttxt1 {
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	margin-top: 20px;
}
ul.listurls {
	list-style-type: disc;
	line-height: 28px;
	margin:0px;
	padding:0px;
	list-style-position:inside;
	font-size:14px;
}
ul.listurls li{	margin-left:25px;
	text-align:left}
ul.listurls a:link {
	padding: 2px 5px;
	color: #039;
}
ul.listurls a:visited {
	padding: 2px 5px;
	color: #039;
}
ul.listurls a:hover {
	padding: 2px 5px;
	text-decoration: none;
	color: #039;
}
ul.listurls a:active {
	padding: 2px 5px;
	color: #039;
}
.numtxt{color:#333; padding:5px 20px;}
.footer{position:fixed; padding:10px; left:25%; right:25%; bottom:0px; color:#333; font-size:14px; text-align:center;  background-color:#fff; border-top:3px solid #efefef;}
.footer a:link{text-decoration:underline; color:#036;}
.footer a:visited{text-decoration:underline; color:#036;}
.footer a:hover{text-decoration:none; color:#036;}
.footer a:active{text-decoration:underline; color:#036;}









.black_overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	font-family:"Segoe UI", "Segoe", Arial, Helvetica, sans-serif;
	overflow:auto;
}
.black_overlay div {
	float:none;
}
.leftBox {
	width:24%;
	height:500px;
	background-color:#9CC;
}
.rightBox {
	width:74%;
	height:500px;
	background-color:#99C;
}
.tblright {margin-left:20px;}
.tblright img{border:7px solid #ccc;}
.works {
	font-family:"Segoe UI", "Segoe", Arial, Helvetica, sans-serif;
}
.works h1 {
	font-size:48px;
	font-weight:normal;
	color:#fff;
	padding:0px;
	margin:0px;
	margin-top:-20px;
	margin-left:-3px;
}
.works h2 {
	font-size:28px;
	font-weight:normal;
	color:#333;
	padding:10px 20px;
	margin:0px;
}
.works h3 {
	font-size:36px;
	font-weight:lighter;
	color:#C30;
	padding:0px;
	margin:0px;
	text-align:center;
}
.black_overlay h2 {
	font-size:32px;
	font-weight:normal;
	color:#fff;
	line-height:50px;
	padding:10px;
	margin:0px;
}
.black_overlay h3 {
	font-size:36px;
	font-weight:lighter;
	color:#fff;
	line-height:50px;
	padding:20px 0px 10px 0px;
	margin:0px;
}
.black_overlay p {
	color:#fff;
	padding:0px;
	margin:0px;
}
.planeicon {
	float:right;
	text-align:right;
}
.closetxt{float:right; width:700px; text-align:right;}
.linkscontent{width:700px;  height:200px;}
.linkscontent div{float:left}
.linkscontent h3{font-size:32px; font-weight:lighter; color:#000;}

.contentList {
	width:300px;
	list-style:none;
	margin:0px;
	padding:0px 0px 20px 0px;
}
.contentList li {
	border-bottom:1px dotted #ccc;
	padding:10px 5px;
}
.contentList li a:link{color:#06C; text-decoration:none; display:block;}
.contentList li a:visited{color:#06C; text-decoration:none;}
.contentList li a:hover{color:#C30; text-decoration:underline;}
.contentList li a:active{color:#06C; text-decoration:none;}

.roundList {
	width:250px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#fff;
	list-style:none;
	margin:0px 10px;
	padding:10px 0px 20px 0px;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.roundList .x-list-item:first-child {
	border-top: 0;
}
.roundList .x-list-item:last-child {
	border-bottom: 0;
}
.roundList li {
	border-bottom:1px dotted #ccc;
	padding:10px 20px;
}
.roundList li a:link{color:#000; text-decoration:none; display:block;}
.roundList li a:visited{color:#000; text-decoration:none; display:block;}
.roundList li a:hover{color:#039; text-decoration:underline; display:block;}
.roundList li a:active{color:#000; text-decoration:none; display:block;}




/*********** Carousel ***********/


.carousel ul {
		    position:absolute;
		    overflow:hidden;
		    margin:0;
		    padding:0;
		    list-style:none;
		}

		.no-js .carousel ul {position:static;}

		.carousel .mask {
		    position:relative;
		    overflow:hidden;
		    border:0px solid #444;
		}

		.carousel ul li {
			float:left;
			width:170px;
		    height:150px;
		    color:#fff;
			font-size:8em;
			text-align:center;
			margin:0 18px;
		}

		.carousel .pagination-links {
		    list-style:none;
		    margin:0;
		    padding:0;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
		}
		 
		.carousel .pagination-links li {
		    display:inline;
			font-family:Arial, Helvetica, sans-serif;
		}

		.carousel .pagination-links li a {
			padding:2px 6px; text-decoration:none;
		}

		.carousel .pagination-links li a:hover {text-decoration:none;}

		.carousel .pagination-links li.current a {
			 background:#444;
			 color:#fff;
			  text-decoration:none;
		}
		 
		.carousel .disabled {
		    color:gray;
		    cursor:default;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		/** my carousel 1 **/
		#my-carousel-1 .mask {
			width:820px;
		}

		/** my carousel 2 **/
		#my-carousel-2 .mask {
			width:820px;
		}

		#my-carousel-2 ul li {
			margin:0 20px 0 0;
		}

		/** my carousel 3 **/
		#my-carousel-3 .mask {
			width:820px;
		}
.header2{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:42px; padding:10px 0px;}
		.color-1 {background:#007cd2;}
		.color-2 {background:#1788D7;}
		.color-3 {background:#fff;}
		.color-4 {background:#62acdf;}
		.color-5 {background:#86bbe0;}
		.color-6 {background:#a7c7de;}
		.color-7 {background:#d5dbdf;}


ul.templist{

	font-family: Arial, Verdana;
	font-size: 14px;
	margin:5px 10px;
	padding: 0;
	list-style: none;
}
ul.templist li {
	position: relative;
	display:inline;
	margin:15px 10px;
}
.highslide img{
margin:10px 0px 10px 0px !important;
}
#workbox1 {width: 850px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-top-color: rgb(239,239,239); border-right-color: rgb(239,239,239); border-bottom-color: rgb(239,239,239); border-left-color: rgb(239,239,239); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: rgb(255, 255, 255); margin-bottom:210px !important;}