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

/* Global reset-RESET */
/* The below restores some sensible defaults */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}
ol, ul, li {
	list-style:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal
}
q:before, q:after {
	content:''
}

strong {
	font-weight:bold
}
em {
	font-style:italic
}
a img {
	border:none
} /* Gets rid of IE's blue borders */
/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
button {
	background-color: transparent;
	border: 0;
	outline:0;
}

/*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {
 border : 0px;
}
/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus, button:focus, {
 outline : none;
}
.clear {
	clear:both;
}
/* Global reset-RESET ends */
body { 	color: #000; 
		font-family: Arial, Tahoma, sans-serif; 
		font-size: 12px; 
		line-break: 20px; 
		background: #f2f2f2; 	}
html, body { height: 100%; 	}
a { text-decoration: none; outline: 0; color:#fff; }
a:hover { text-decoration: none; }
/* HEADER */
#header { background-color:#d5d5d5; width:100%; height: 65px; overflow: hidden; clear:both; }
#header_content {width: 910px; margin:0 auto; overflow: hidden; padding: 5px 30px 7px 30px;}
#logo { float:left; }
#topmenu { float:right; }
/* NAVIGATION MENU */
#navigation { display: block; position: relative; height: 36px; cursor: pointer;  margin: 10px 14px 0 0; z-index: 1; background: url(../images/menu.png) no-repeat scroll left center; }
#navigation span { display: block; position: relative; right: -14px; width: 14px; height: 36px; float: left; background: url(../images/menu.png) scroll right center; }
.main_nav ul { z-index:100; padding-left:26px; float: left; background: transparent url(../images/sep.png) no-repeat scroll 26px center; }
.main_nav ul li { position: relative; display: inline; float: left; background: transparent url(../images/sep.png) no-repeat center right; padding-right:-1px; }
.main_nav ul li a { display: block; color: #fff; text-decoration: none; height: 26px; padding: 10px 10px 0px 10px; text-shadow: 0px 1px 0px #ffffff; font: normal 14px Arial, Tahoma, sans-serif; }
* html .main_nav ul li a { display: inline-block; }
.main_nav ul li a:link, .main_nav ul li a:visited { color: #FFF; }
.main_nav ul li a.selected { background: transparent url(../images/hover.png) repeat-x center center; position: relative;}
.main_nav ul li a:hover { background: transparent url(../images/hover.png) repeat-x center center; position: relative; }
.main_nav ul li a.current { background: transparent url(../images/hover.png) repeat-x center center; position: relative; }
.main_nav ul li ul li a.selected, .main_nav ul li ul li a.current { background: none; }
* html .main_nav { height: 1%; }
/*Middle Space */
#wrapper{width:970px; margin:0 auto; padding:24px 0 24px 0;}

.spacer24{height:24px}
#homeContent {width:880px; height:2000px; position:relative; padding:30px; background-color:#ffffff; -moz-box-shadow:0 0 4px #5f5f5f; -webkit-box-shadow:0 0 4px #5f5f5f; box-shadow:0 0 4px #5f5f5f;}
#toplink {
	position: absolute;
	right:-28px;
	top:0px;
}
#toplink a {
	display: block;
	width: 28px;
	height: 134px;
	background: url(../images/backtotop.gif) top left no-repeat;
}
#cvmenu {
	position: absolute;
	top: 18px;
	left: 505px;
	width: 395px;
}
#homeContent .container1, #homeContent .container2 {
	float: left;
	width: 419px; 
	height:570px; 
	display:block;}
#homeContent .container2 { 
margin:-582px 0 0 463px;}
#homeContent .cont2space  { 
margin:150px 0 0 0}
#homeContent .container3 {
	width:880px; 
	height:1400px; 
	display:block; 
	position:relative; 
	margin: 570px 0 0 -30px;
	padding:30px;
	background: #fff url(../images/centerbg.jpg) repeat-y scroll left top;
	}
#homeContent .cont3space { 
	float: left;
	width: 880px; 
	height:677px; 
	display:block; 
	margin:20px 0 25px 0;
/*	background: transparent url(../images/middleBG.jpg) repeat-y scroll left top; */
	}
#homeContent .cont4space  { 
margin:12px 0 0 0}
#homeContent .wellogo {
	width: 419px;
	height: 180px;
	float:left
}
#homeContent h1 {
	color: #00b0f0; 
	font-size:70px; 
	padding:20px 0 50px; 
	font-weight:bold; 
	line-height:70px; 
	float:left;}
<!--#homeContent h2 {color: #000; margin-bottom:15px; font-size:14px; font-weight:bold; float:left; border-bottom: solid 1px #405372;} -->
#homeContent h2 {
	padding: 0 0 2px 0;
	font-size: 14px;
	width: 419px;
	border-bottom: solid 1px #6d6e71;
}
#homeContent p {
	color: #6d6e71; 
	margin: 0 0 18px 0;
	font-size:12px;
	line-height:20px;}
#homeContent p a {
	color: #00b0f0;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}
#homeContent .bluehi{
	color: #00b0f0; }
#homeContent h3.intro { 
	background-color: transparent; 
	background-image: url("../images/quote1.png"); 
	background-repeat: no-repeat; 
	color: #00b0f0;
	font-size: 18px;
	font-weight:bold;
	line-height:25px;
	display: block;
	margin-top:50px;
	padding-top:10px;
	width: 419px; }
h3.intro span { 
background-image: url("../images/quote2.png"); 
background-repeat: no-repeat; 
display: block; 
width: 23px; 
height:19px; 
float: right; }
.view {
	width:281px;
	margin:0 20px 0 0;
	float:right;
}
.button, .button:link, .button:visited {
	display: block;
	position: relative;
	padding: 0 0 0 20px;
	height: 28px;
	line-height: 28px; 
	padding-top:5px;    
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	cursor: pointer;
	font: normal 14px Arial, Tahoma, sans-serif;
	text-shadow: 0px 1px 0px #ffffff;
}
.button span {
	display: block;
	position: absolute;
	top: 0px;
	right: -20px;
	width: 20px;
	height: 28px;
	background-position: right top;
}
.button, .button span {
	background-image:url(../images/button.png);
	float: right;
}
#homeContent .mcllogo {
	width: 880px;
	height: 35px;
	padding-bottom:10px;
	float:left
}
/* The Nivo Slider styles */
#slider {width: 880px; height: 272px; position: relative; z-index: 10; margin:85px auto 5px; }
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url("../images/arrows.png") no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:35px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {position:absolute; left:300px; bottom:-1px;}
.nivo-controlNav a { position:relative; z-index:99; cursor:pointer;background: url("../images/navibutton.png") no-repeat scroll left 0px transparent; text-indent:-2000px; padding:0px 5px; width:10px; height:12px;float:left; }
.nivo-controlNav a.active {
	font-weight:bold;background: url(../images/navibutton.png) no-repeat scroll left -12px;
}
.slider-navigation { width:880px; overflow: hidden; margin:20 auto; }
/* The Nivo Slider styles  ends */
.div-slider{background-color:#FFFFFF; color:#00b0f0; position:absolute;display:inline-block; border-right:1px solid #00b0f0;top:130px; left:688px; width:200px;z-index:100; padding:10px; font-weight:900; text-align:right;}
.div-slider.box{opacity:0.6; filter:Alpha(opacity=60);}
.div-line{
	background-color:#00b0f0; position:absolute;display:inline-block;top:410px; height:1px;z-index:100;}
#section-gallery {
	width: 880px;
	height: 30px;
	float:left
}
#gallery {
	width: 880px;
	padding-bottom:5px;
	text-align:center;
	}
#gallery h4 {
	color: #6d6e71; 
	font-size:20px;
	float:left;
}
#gallery-menu{
	margin:0 20px 20px 0;
	float:right;
	}
#mcl-menu {
	position: absolute;
	margin-top:18px;
	width: 880px;
}
#mcl-menu ul {
	height: 132px;
	margin-top:20px;
}
#mcl-menu ul li {
	float: left;
	width: 190px;
	height: 132px;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	text-shadow: 0px 1px 0px #ffffff;
}
.mcl-cont { padding:20px;
}
#mcl-menu ul li a {
	display: block;
	width: 190px;
	height: 132px;
	color: #000;
	background: url(../images/mcl-buttons.jpg) top left no-repeat;
	cursor: pointer;
}

#mcl-menu ul li a:hover, #mcl-menu ul li a.selected {
	background-position: 0 -132px;
}

#mcl-menu-web, #mcl-menu-print, #mcl-menu-brand, #mcl-menu-btl, #mcl-menu-atl, #mcl-menu-mobile{
	padding-right:39px;	
	}	
#mcl-menu-ui, #mcl-menu-more{
	
}

#homeContent .statlogo {
	padding:20px 0 30px 0;
	float:left
}
/*footer*/
#footer { background-color:#d5d5d5; width:100%; height: 280px; overflow: hidden; clear:both;}
#fsb {
	width:930px; 
	margin:0 auto; 
	overflow: hidden;
	padding-top:15px;
}
#fsb .spacer50{height:50px}
#fsb h3 {color: #646464; font-size:17px;font-weight:bold;}
#fsb h2 {color: #646464; font-size:38px;font-weight:bold; padding-left:10px;}
#fsb h1 {color: #646464; font-size:16px;margin:10px 8px 1px; float:right;}
#fsb h4 {color:#F00; font-size:10px;margin-left:-10px; float: left; }
#fsb h5 {color:#646464; font-size:10px;margin-left:-10px; float: left; }
#fsb .widget-container  {
	float: left; margin:0 12px; padding:10px 0; display:block; line-height: 18px
}
#fsb .widget_nav_menu li {
	padding: 0;
}
#fsb .widget_nav_menu ul.second { margin:-45px 0 0 130px;}
#fsb .widget_nav_menu ul.second li{ font-size:11px;}
#fsb .widget_nav_menu span.horizo { background-color:#405372; background-repeat: no-repeat; display: block; width: 125px; height:1px; margin-right:-20px; float: left; margin-top: -39px; }
#fsb .widget_nav_menu span.verti {background-color:#405372; background-repeat: no-repeat; display: block; width: 1px; height:140px; margin-left:125px; float: left; margin-top: -138px; }
#fsb .widget_nav_menu a {
	color: #646464;
	text-decoration: none;
}

#fsb .widget_nav_menu a:hover {
	color: #000;
	text-decoration: none;
}

.copyright {color: #646464;font-size:11px;} 

.social_list li {
	float:left;
} 

.social_list a {
	background:url(../images/social_icons.png) no-repeat -1px 0;
	height:28px;
	width:28px;
	display:block;
} 

.social_list a.fb {
	background-position:0px 0;
} 
.social_list a.tw {
	background-position:-32px 0;
} 

.social_list a.yt {
	background-position:-65px 0;
} 
.social_list a.go {
	background-position:-98px 0;
} 
.social_list a.in {
	background-position:-130px 0;
} 

#contact-us .form-row {
	float: right;
	clear: both;
	width: 360px;
	margin: 0 0 8px 0;
}

#contact-us .form-row *{
	vertical-align: middle;
}

#contact-us-message {
	display: none;
}
.error { color:#F00;
	font-size: 12px;
}

.success { color:#00CC00;
	font-size: 12px;
}

.loading { color:#00CCFF;
}
#contact-us .form-row img.loader {
	float: left;
	width: 16px;
}

#contact-us input {
	border: solid 1px #405372;
	width: 275px;
	padding: 3px;
	font-family:Arial, Tahoma, sans-serif;
	font-size: 11px;
	color: #747474;
}
#contact-us label {
	width: 150px;
	font-size: 11px;
	color: #646464;
	}
#contact-us textarea {
	border: solid 1px #405372;
	width: 275px;
	height: 50px;
	padding: 3px;
	font-family:Arial, Tahoma, sans-serif;
	font-size: 11px;
	color: #747474;
	resize: none;
}

#contact-us input#verification {
	width: 100px;
}

#contact-us #submit {
	display: inline-block;
	float: right;
	margin-right:16px;
	width: 157px;
	height: 30px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
/* inner Pages */

#innerContent {width:960px; position:relative; background-color:#ffffff; -moz-box-shadow:0 0 4px #5f5f5f; -webkit-box-shadow:0 0 4px #5f5f5f; box-shadow:0 0 4px #5f5f5f;}
#innerContent .container4 {
	width:900px;
	display:block; 
	position:relative;
	padding:30px;
	}
#innerContent .topCont {
	padding-bottom:20px;
	}
#innerContent .botCont {
	width:900px;
	height:20px;
	padding-top:8px;
	background-color:#f9f9f9;
	border:1px solid #d7d7d7;
	overflow:hidden;
	}
.pagination{width:898px; background:#f9f9f9;position:relative;border:1px
solid #d7d7d7;overflow:hidden;margin-bottom:50px}
.pagination .page{padding:9px 13px 10px;display:inline-block;color:#242424;line-height:16px}
.pagination .page:hover{text-decoration:none;background:#f9f9f9;}
.pagination .page-list{text-align:center}
.pagination .page-list .page{border-left:1px solid transparent;border-right:1px solid transparent;margin-left:-1px}
.pagination .page-list .page-link:hover{border-color:#d7d7d7;background:#f9f9f9;}
.pagination .page-list .page-current{border-color:#d7d7d7;background:#fff;position:relative}
.pagination .page-list .page-current-mark{display:block;content:"";position:absolute;height:2px;width:100%;background:#1769ff;left:0;top:33px}
.pagination .page-direction{position:absolute;top:0;font-weight:bold;font-size:13px;border:#d7d7d7 solid 0;color:#00b0f0}
.pagination .page-next{right:0;border-left-width:1px}
.pagination .page-next .arrow-next{margin:0 4px 0 35px}
.pagination .page-prev{left:0;border-right-width:1px}
.pagination .page-prev .arrow-prev{margin:0 10px 0 4px}
#innerContent h4 {
	width: 900px;
	color: #6d6e71; 
	font-size:20px;
	float:left;
	padding:8px 0 8px 0;}
#innerContent .innerlogo {
	width: 900px;
	height: 35px;
	padding-bottom:10px;
	float:left;	
	border-bottom: solid 1px #6d6e71;
}
/* PORTFOLIO - Grid */
/* ----------------------------------------- */
.qsmall, .grid { width: 960px; overflow: hidden; margin:0 auto; margin-left:-20px; }
.qsmall:after, .grid:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }
.qsmall li { width: 184px; margin-left: 20px; margin-bottom:20px; padding:12px; float: left; color: #747474; height: 250px; overflow: hidden; border: 1px solid #cfcfcf; background-color: #FFF;}
.qsmall li a, .grid li a { outline:0; }
.qsmall li img, .grid li img { display: block; width:185px; height:185px; margin-bottom:5px; }
.qsmall li img:hover, .grid li img:hover {opacity:0.8; filter:Alpha(opacity=80); }

.qsmall li .prjname, .grid li .prjname { 
	display: block;
	color: #00b0f0;
	text-decoration: none;
	font-weight: bold;
 	margin-bottom:5px; 
	border-bottom: solid 1px #cfcfcf;}
.qsmall li .prjdis, .grid li .prjdis { 
	display: block; 
	font-size:10px;
	margin-bottom:5px; 
}
#section-gallery-lab {
	width: 880px;
	height: 301px;
	padding-bottom:5px;
	float:left
}
/* BACK Button start*/
#backpos{position: absolute;
		 right:30px;
		 top:35px;}
.form-button{height:29px;line-height:29px;padding:0 15px;font-size:14px;font-weight:bold;border:1px solid #333;display:inline-block;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;white-space:nowrap}
.form-button:hover{text-decoration:none;border:1px solid #333;}
.form-button-small{height:23px;line-height:23px;font-size:12px;font-weight:bold;padding:0 12px}
.form-button-back,.form-button-back:hover,.form-button-back:visited{color:#fff;background:#333;border-width:0;font-size:10px;font-family:Arial,sans-serif;text-transform:uppercase;padding-left:8px;height:25px;line-height:25px}
.form-button-back:hover,.form-button-back:active,.form-button-back:hover:hover,.form-button-back:hover:active,.form-button-back:visited:hover,.form-button-back:visited:active{background:#999;}
/* BACK Button end*/
.prjdis-big{ 
	display: block; 
	font-size:11px;
	padding-bottom:10px;
	color: #666;
}
.prjimg-big{
	padding-bottom:20px;}
.prjimg-big a:hover img{ opacity:0.7; filter:Alpha(opacity=70)}
.prjimg-big li{
	width: 900px;
	display:block;
	position: relative;
	border-top: #666 dotted thin;
	padding:15px 0 15px 0;
	}
element_to_pop_up { display:none; }
.button-p{background-color:#1e1e1e; color:#FFFFFF; position:absolute; cursor:pointer; display:inline-block; border:1px solid #00b0f0}
.button-p.small{opacity:0.2; filter:Alpha(opacity=20);}
.button-p:hover{background-color:#00b0f0}
.button-p>span{font-size:84%}
.button-p.bClose{box-shadow:none;font:bold 110% Arial, Helvetica, sans-serif;padding:0 6px 2px;position:absolute;right:-7px;top:-7px}

#popup,#popup2,.bMulti{background-color:#fff; box-shadow:0 0 25px 5px #999;color:#111;display:none;min-width:300px;padding:25px}
#popup2 iframe{background:url('images/ajax-loader-small.gif') center center no-repeat;min-height:250px;min-width:300px}
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 5px;
	margin-left: 850px;
}
#back-top a {
	width: 60px;
	display: block;
	text-align: center;
	font: 8px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #4fcefe;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #00aeef;
}
/* arrow icon (span tag) */
#back-top span {
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 5px;
	background: #4fcefe url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #00aeef;
}
/*
END Back to top button 
*/