body
{
	list-style:none;
	margin: 0;
	padding: 0;
	background-color:#e5f0f6
}
.clear{ clear:both}

.wrapper
{
	text-align: left;
	margin:0 auto;
	width:980px;
	padding:0 10px;
	background-color:#fff;
	box-shadow:0 0 30px rgba(0, 0, 0, 0.3)
}

ul{ padding:0}

header
{
	
	width:980px;
	height:84px;
	margin:0;
	padding:0;
	position:relative;
}
.logo
{
	position:absolute; top:0; left:15px
}

.email{position:absolute; top:5px; right:7px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.voice{position:absolute; top:30px; right:7px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.topright
{
	float:right;
	padding:0 10px 0 0;
}
.topbanner
{
	clear:both;
	background:url(../images/topstrip.gif) repeat-x;
	height:191px;
	width:980px;
	margin:0;
	padding:0;
}

.partnershiplogos {position:absolute; height:50px; left:355px; top:16px}

.bannerbutton {
	width:248px;
	height:30px;
	margin-left:70px;
	margin-top:7px;
	}
	
.flash
{
	float:left; 
	margin:0;
	padding:0;
}
h1
{
	font:20px Arial, Helvetica, sans-serif;
	color:#00639a;
	text-decoration:none;
	margin:0;
	
}
h2
{
	font:17px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#00639a;
	text-decoration:none;
	margin:0;
}
h2 a
{
	
	color:#eb6b03;
	text-decoration:none;
	
}
h2 a:hover
{
	
	color:#005fb4;
	text-decoration:none;
	
}


h3
{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#bb0e02;
	text-decoration:none;
	margin-bottom:0;
}
.topfont
{
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#3f3f3f;
	text-align:left;
}
.topfont a.home 
{
	padding-left:15px;
	padding-right:8px;
	color:#3f3f3f;
	text-align:left;
	background:url(../images/home.gif) no-repeat left;
}
.topfont a.home:hover
{
	padding-left:15px;
	padding-right:8px;
	background:url(../images/home_hover.gif) no-repeat left;
}
.topfont a.sitemap 
{
	padding-left:15px;
	padding-right:8px;
	color:#3f3f3f;
	text-align:left;
	background:url(../images/sitemap.gif) no-repeat left;
}
.topfont a.sitemap:hover
{
	padding-left:15px;
	padding-right:8px;
	background:url(../images/sitemap_hover.gif) no-repeat left;
}
.topfont a.contact 
{
	padding-left:15px;
	color:#3f3f3f;
	text-align:left;
	background:url(../images/contact.gif) no-repeat left;
}
.topfont a.contact:hover
{
	padding-left:15px;
	background:url(../images/contact_hover.gif) no-repeat left;
}
.topfont a
{
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#3f3f3f;
	text-align:left;
	text-decoration:none;
}
.topfont a:hover
{
	color:#e66b24;	
}
.content
{	
	width:980px;
 	clear:both;
	margin:0;
	padding:0;
	padding-top:20px;
	padding-bottom:5px;
}
.img
{
	margin:0;
	padding:5px 2px 0 0px;
}
.leftmenu
{
	background:#eff6f9;
	margin:0 2px;
	width:215px;
	padding:0;
}

.leftmenuform
{
	background:#fff9f5;
	margin:0 2px;
	width:215px;
	padding:0;
}

.leftmenuform input[type=text] {border-style:solid; border-width:1px; border-color:#373737}
.leftmenuform textarea {border-style:solid; border-width:1px; border-color:#373737}

.leftmenutitle a
{
	text-decoration:underline;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#ec7413;
	padding:5px;
}
.leftmenutitle a:hover
{
	color:#000000;
	text-decoration:none;
}
.leftsubfont
{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
.morefont a
{
	background:url(../images/morebutton.gif) right center no-repeat;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#ec7413;
	text-decoration:none;
}
.morefont a:hover
{
	text-decoration:none;
	color:#000000;
}
footer
{
	clear:both;
	margin-top:5px;
	background:#0069a2;
	text-align:center;
	padding:15px;
	height:45px
}


.footer-leftside {
    float: left;
    text-align: left;
    width: 85%;
	margin:0
}

.social-footer{ margin:0}
.footer-leftside
{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.footer-leftside a
{
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.footer-leftside a:hover
{
	text-decoration:none;
	color:#a9c9d5;	
}
.rightside
{
	float:left;
	width:700px;
	padding-right:5px;	
	padding-bottom:5px;
	margin-left:10px;
	margin-right:15px;
	font:12px  Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
}
.leftside
{
	margin-left:5px;
	float:left;
}

.leftside-contact
{
	margin-left:5px;
	float:left;
	background:#F2F2F2;
	padding:13px;
	width:215px;
		font:12px  Verdana, Arial, Helvetica, sans-serif;
		line-height:24px;
		margin-top:15px

}

a
{
	color:#ec7413;
	text-decoration:none;
}
 a:hover
{
	text-decoration:none;
	color:#707070;
}

.topfont a.about{padding-left:15px; padding-right:5px; color:#3f3f3f; text-align:left; background:url(../images/about.gif) no-repeat left}

.topfont a.about:hover{padding-left:15px; padding-right:5px; text-align:left; background:url(../images/about_hover.gif) no-repeat left}
.topfont a{font:10px Verdana,Arial,Helvetica,sans-serif; color:#FFF; text-align:left; text-decoration:none}
.topfont a:hover{color:#ffba00}

.quoteblock {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:225px;
	color:#373737;
	margin-left:15px;
	margin-top:15px
	}
	
.quoteblock-top {
	height:13px;
	width:225px;
	background-image:url(../images/quote-top.png);
	background-repeat:no-repeat
	}
	
.quoteblock-bottom {
	height:12px;
	width:225px;
	background-image:url(../images/quote-bottom.png);
	background-repeat:no-repeat
	}
	
.quoteblock-content {
	background-color:#f3f0e4;
	padding-left:10px;
	padding-right:10px;
	}
.quoteblock h1 {font-size:16px; font-weight:bold}
.quoteblock input {width: 205px; border-style:solid; border-width:1px; border-color:#373737; margin-top:0; margin-bottom:0}
.quoteblock textarea {width:205px;  border-style:solid; border-width:1px; border-color:#373737; margin-top:0; margin-bottom:0; overflow:auto}
.quoteblock p {padding:0; margin:10px 0 0 0}


.quoteblock-home {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:285px;
	color:#373737;
	margin-left:15px;
	float: left;
	margin-top: 15px;
	}
	
.quoteblock-top-home {
	height:13px;
	width:285px;
	background-image:url(../images/quote-top-home.png);
	background-repeat:no-repeat
	}
	
.quoteblock-bottom-home {
	height:12px;
	width:285px;
	background-image:url(../images/quote-bottom-home.png);
	background-repeat:no-repeat
	}
	
.quoteblock-content-home {
	background-color:#f3f0e4;
	padding-left:7px;
	padding-right:10px;
	}
.quoteblock-home h1 {font-size:20px; font-weight:normal}
.quoteblock-home input {width: 180px; border-style:solid; border-width:1px; border-color:#e3dab6; margin-top:0; margin-bottom:0}
.quoteblock-home textarea {width:180px;  border-style:solid; border-width:1px; border-color:#e3dab6; margin-top:0; margin-bottom:0; overflow:auto}
.quoteblock-home p {padding:0; margin:2px 0 0 0}


#quote {padding:8px 10px 8px 8px; background-color:#f5f5f5; color:#000; width:225px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #cecec8;}
#quote h1 {font-size:16px; font-weight:bold; color:#FFFF00}
#quote p {margin-bottom:3px; color:#000; margin-top:5px;}
#quote input[type=text] {border:solid 1px #cecec8; width:220px;}
#quote textarea {border:solid 1px #cecec8; width:220px; overflow:auto; height:50px}


#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox img{width:auto;height:auto}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink,#nextLink{width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(../images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(../images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto}
#imageData{color:#666;padding:0 10px}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #caption{font-weight:700}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em}

#imageData #bottomNavClose{width:66px;float:right;padding-bottom:.7em;outline:none}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000}
body a:hover,.menu pre a:hover{color:#3f3f3f;}
.es_title,.ps_title{width:175px;height:25px;background:url(../images/esbg.jpg) no-repeat;font-weight:700;padding:2px 0 0 33px}


#dropdownlist{
width:auto;
height:16px;

}
.dropdownlist{
	height: 16px;
	width: 300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	padding:0px;
	margin:0px;
	background-color:#858585;
	border:none;
}

#submitbutton {width:120px; height:28px; background:url(../images/submit-but-new.png) bottom left no-repeat; border:none; margin:0; padding:0; margin-top:7px}
#submitbutton:hover {background:url(../images/submit-but-new.png) top left no-repeat; cursor:pointer}

.aboutimg{ float:right }

/* Testimonial */
#marqueecontainer{
position: relative;
width:270px; /*marquee width */
height: 100px; /*marquee height */
overflow: hidden;
left:0px;
top:5px
}

#innermarqueecontainer{
position: relative;
width: 210px; /*marquee width */
height: 100px; /*marquee height */
overflow: hidden;
margin-top:10px;

}

#testimonial-text {

	color:#373737;
	line-height:22px;
	margin:0
}


.breadcrumb
{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-right:0px;
	margin:0;
	padding:0;
	padding-bottom:10px;
	border-bottom:dotted 1px #CCCCCC;
	margin-bottom:12px
	
	
}

breadcrumb img {margin-bottom:-3px}
.breadcrumb a
{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#EC7413;
	text-decoration:none;
	font-weight:bold;
}
.breadcrumb a:hover
{
	color: #000;
	text-decoration:none;
}

#livehelp {
	height:104px;
	width:183px;
	position:fixed;
	bottom:0;
	right:0
	}
	
.ulmobile{ float:left; width:335px; margin-right:10px;}

.mobile-menu{float:left; border-top:1px solid #4a659c; width:100%; padding:0; position:relative; z-index:999; display:none; background: #2d549c;}
.mobile-menu-wrapper{ float:right; margin:10px; padding:0px ; color:#FFF; display:none; cursor:pointer; border:1px solid #0e3659; -moz-border-radius:3px; webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0px 0px 1px #fff; -webkit-box-shadow: inset 0px 0px 1px #fff; box-shadow:inset 0px 0px 1px #fff;}
.menu-header{float:left; margin:0px; color:#fff; display:none;  padding:0px 15px; background: #2d549c;}
.menu-services{float:left; margin:0px; color:#fff; display:none;  padding:0px 15px;background: #2d549c; border-right:1px solid #08294c;}
.mobile-menu-wrapper img{float:left;}
.mobile-phone-wrapper img{float:left;}
.mobile-menu-text{float:right; margin:3px 5px; font-weight:bold;}
.mobile-phone-wrapper{float:left; margin:10px; color:#fff; display:none;  padding:0px 15px; background: #2d549c;border:1px solid #0e3659; -moz-border-radius:3px; webkit-border-radius:3px; border-radius:3px;}
.mobile-phone-text{float:left; margin:3px 5px; font-weight:bold; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif}
#left-menu {background: none repeat scroll 0 0 #353535; display: none;  line-height: 1;  position: absolute; right: 0;  top: 47px;  width: 100%; z-index:999;}
ul.menu {list-style-type: none; margin: 0;  padding: 0;}
#left-menu ul li {clear: both; float: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); padding:0;}
#left-menu ul li a {background: none repeat scroll 0 0 #222222; border-bottom: 1px solid #2A2A2A; border-top: 1px solid #333333; color: #D7D7D7; display: block; font-size: 12px; height: auto; padding: 10px; text-align: left; font-weight:bold; line-height:12px}
#left-menu ul li a:hover {background: none repeat scroll 0 0 #7C9EE1; text-decoration:none; color:#FFFFFF;}
#left-menu1 {background: none repeat scroll 0 0 #353535; display: none;  line-height: 1;  position: absolute; right: 0;  top: 47px;  width: 100%; z-index:999;}
#left-menu1 ul li {clear: both; float: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); padding:0;}
#left-menu1 ul li a {background: none repeat scroll 0 0 #222222; border-bottom: 1px solid #2A2A2A; border-top: 1px solid #333333; color: #D7D7D7; display: block; font-size: 12px; height: auto; padding: 10px; text-align: left; font-weight:bold; line-height:12px}
#left-menu1 ul li a:hover {background: none repeat scroll 0 0 #7C9EE1; text-decoration:none; color:#FFFFFF;}	
.contform {width:450px;  padding:20px 20px 10px 20px; float:left}
.contform input[type=text] {width:264px}
.contform textarea {width:264px; overflow:auto}	

nav {
float:left; font-family: verdana, arial, sans-serif; font-size:13px;
background:url(../images/menuback.jpg) repeat-x;
padding:0;
height:auto;
margin:0; /* for this demo only */ 
width:980px;
margin-top:3px;
margin-bottom:5px;

}

#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:0px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:0px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:242px;
	background-color:#FFFFFF;
	margin-left:5px;
}
ul.pureCssMenu li{
	display:block;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	padding-left:0;
	font:normal 13px verdana, arial, sans-serif;
	color: #fff;
	text-decoration:none;
	cursor:pointer;
		font-weight:bold

	}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
	background:url(../images/menu-sep.gif) center right no-repeat;
}

ul.pureCssMenu li a {
		padding:0 49px;
	}

ul.pureCssMenu ul li {
	float:none;
	padding:0;
	background-image:none;
}

ul.pureCssMenu ul li a{
	color:#000
	}

UL.pureCssMenu ul ul {
	width:235px
	}

ul.pureCssMenu ul li a:hover {
	background-color:#e6e9eb;
	color:#000;
	line-height:25px;
	padding-left:7px;
		font-weight:bold

	}

ul.pureCssMenu ul ul li a {
	color:#000;
	line-height:25px;
	}
	
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
	line-height:25px;
	padding-left:7px;
	border:solid 1px #b6c2d1
}

ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover {
	position:relative;
	background-color:#005889;
	color:#fff
}
ul.pureCssMenu li li:hover>a{
	font:normal 13px verdana, arial, sans-serif;
	color: #fff;
	text-decoration:none;
	line-height:25px;
	background-color:#005889
}
ul.pureCssMenu li a:hover{
	position:relative;
	font:normal 13px verdana, arial, sans-serif;
	color: #fff;
	text-decoration:none;
	background-color:#005889;
	display:block;
		font-weight:bold

}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
   padding-right:8px;}
ul.pureCssMenu li:hover>a>span{;
}
ul.pureCssMenu a:hover span{}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{color:#000; display:inline-block; height:25px}
ul.pureCssMenu ul li:hover > a span{color:#fff}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{}
ul.pureCssMenu table a:hover table span{}
ul.pureCssMenu li a.pureCssMenui0{line-height:32px;
font:n;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
}
.leftservices {
    font-weight: bold;
    line-height: 22px;
    list-style: outside none none;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif
}
.leftservices li a {
    background-color: #efefef;
    color: #000;
    display: block;
    font-size: 12px;
    list-style: outside none none;
    margin-top: 5px;
    padding: 2px 15px;
    text-decoration: none;
}
.leftservices li a:hover {
    background-color: #226893;
    color: #fff;
}

.projectcaption {
    background-color: #f5f5f5;
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
.sampleimg-project, .sampleimglast-project {
    border: 1px solid #ccc;
    display: inline;
    margin: 0;
    position: relative;
    top: 0;
    vertical-align: top;
    width: 99%;
}
.margin25 {
    margin-right: 25px;
}
.project-image-wrap {
    float: left;
    margin-bottom: 20px;
    width: 324px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.hideipad{display:none}
nav{ width:100%}
ul.pureCssMenu li a{ padding:0 30px}
.project-image-wrap{width: 210px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.hideipad, .hideiphone {display:none}
.social-footer{ display:none}
.project-image-wrap{width: 47%;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.hideipad, .hideiphone, .hideandroid {display:none}
.social-footer{ display:none}
.project-image-wrap {margin-right: 0;width: 100%;}
}

@media only screen and (max-width: 319px) {
.hideipad, .hideiphone, .hideandroid {display:none}
.social-footer{ display:none}
.project-image-wrap { margin-right: 0; width: 100%;}
}