body{
	background:url(../images/top-bg.jpg) #efefef 0 0 repeat-x;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#304186;
}
@font-face {
    font-family: 'DINBold';
    src: url('../font/ufonts.com_din-bold.eot');
    src: url('../font/ufonts.com_din-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/ufonts.com_din-bold.woff') format('woff'),
         url('../font/ufonts.com_din-bold.ttf') format('truetype'),
         url('../font/ufonts.com_din-bold.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Conv_ProximaNova-Bold';
	src: url('../font/ProximaNova-Bold.eot');
	src: url('../font/ProximaNova-Bold.woff') format('woff'), url('../font/ProximaNova-Bold.ttf') format('truetype'), url('../font/ProximaNova-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_ProximaNova-Reg';
	src: url('../font/ProximaNova-Reg.eot');
	src: url('../font/ProximaNova-Reg.woff') format('woff'), url('../font/ProximaNova-Reg.ttf') format('truetype'), url('../font/ProximaNova-Reg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
div, h1, h2, h3, h4, h5, h6, ul, p, input, form{
	margin:0px;
	padding:0px;
}
a{
	outline:none;
	text-decoration:none;
}
h1{
	font-size:40px;
	font-weight:normal;
	color:#000;
	font-family: 'Conv_ProximaNova-Reg';
}
h1.heading{
	font-size:28px;
	font-weight:bold;
	color:#000;
	font-family: 'Conv_ProximaNova-Reg';
	padding:40px 0px;
}
h2{
	font-size:18px;
	font-weight:normal;
	color:#fff;
	/*font-family: 'Conv_ProximaNova-Bold';*/
	font-family: 'Conv_ProximaNova-Reg';
}
h3.heading{	
	background:url(../images/bullet-2.png) left 3px no-repeat;
	font-size:18px;
	color:#2f4087;
	font-family: 'Conv_ProximaNova-Reg';
	/*font-family: 'Conv_ProximaNova-Bold';*/
	padding:0px 0px 0px 20px;
	font-weight:normal;
}
.spacer{
	clear:both;
	line-height:0px;
	font-size:0px;
}
#wrapper-top{
	width:1188px;
	padding:0px;
	margin:0px auto;
}
ol {
	font-size: 14px;
	line-height: 28px;
	list-style-type: disc;
}
.header{
	height:149px;
	width:1136px;
	padding:0px;
	margin:0px auto;
	
}
.navigation{
	width:750px;
	float:right;
	padding-top:97px;
	margin-right:0px;
}
.navigation ul{
	float:right;
	list-style-type:none;
}
.navigation ul li{
	float:left;
	text-transform:uppercase;
	font-weight:bold;
}
.navigation ul li a{
	float:left;
	color:#767575;
	padding:0px 15px;
}
.navigation ul li a:hover{
	color:#221e1f;
}
.navigation ul li a.active{
	color:#221e1f;
}
/*dropdown*/
#nav, #nav ul{
margin :0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index:9999;
line-height:30px;
}
#nav a{
	display:block;
	color:#767575;
	padding:0px 18px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	font-family: 'Conv_ProximaNova-Reg';
	
}

#nav a:hover{
	color:#221e1f;
}

#nav a.active{
	color:#221e1f;
}

#nav li{
	float:left;
	position:relative;
}

#nav ul {
	position:absolute;
	display:none;
	width:150px;
}

#nav li ul a{
	height:auto;
	float:left;
}
#nav li ul li a{
	background:#c5c8e0;
	height:auto;
	float:left;
	display:block;
	line-height:30px;
	font-size:12px;
	text-transform:none;
	border-bottom:1px solid #8192d7;
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}
/*dropdown*/

.mainbody{
	width:1188px;
}
.banner{
	background:url(../images/banner-bg.jpg) no-repeat;
	width:1188px;
	height:492px;
	
}
.banner-inner{
	width:1136px;
	padding:0px;
	margin:0px auto;
	
}
.anim{
 	height: 476px;   
    width:796px;
	float:left;
}
.banner-content{
	width:334px;
	float:right;
	margin-right:5px;
}
.content{
	width:290px;
	margin:0px auto;
	padding:20px 0px 15px 0px;
}
.banner-content h1 span{
	font-size:22px;
	color:#fff;
	line-height:22px;
	font-weight:normal;
	font-family: 'Conv_ProximaNova-Reg';
}
.banner-content p{
	font-size:14px;
	color:#fff;
	line-height:26px;
	text-align:justify;
}
ul.text{
	list-style-type:none;
	margin:10px 0px 0px 10px;
}
ul.text li{
	background:url(../images/bullet.png) left center no-repeat;
	padding:0px 0px 0px 20px;
	line-height:30px;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	font-family: 'Conv_ProximaNova-Reg';
}
.text-link {
	color:#fff;
	text-decoration: none;
}
.text-link:hover {
	color:#C5C8E0;
	}
	
	.text-link2 {
	color:#000;
	text-decoration: none;
}
.text-link2:hover {
	color:#304186;
	}
	
		.text-link3 {
	color:#000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.text-link3:hover {
	color:#304186;
	}
	
.footer{
	background:url(../images/footer.jpg) top left repeat-x;
	width:100%;
	height:190px;
	margin:0px 0px;
	font-size:11px;
	color:#454545;
	line-height:16px;
}
.footer a{
	color:#454545;
}
.footer a:hover{
	color:#000;
}
.footer h3{
	text-transform:uppercase;
	font-size:11px;
	color:#000;
}
.footer-inner{
	width:1136px;
	padding:0px;
	margin:0px auto;
}
.footer-content{
	padding:28px 0px 25px 0px;
}
.box1{
	width:462px;
	float:left;
	margin:0px 80px 0px 10px;
	line-height:20px;
}
.box2{
	width:135px;
	float:left;
	margin:0px 100px 0px 0px;
}
.box3{
	width:83px;
	float:left;
	margin:0px 80px 0px 0px;
	text-transform:uppercase;
	
}
.box4{
	width:162px;
	float:left;
}
.footer ul{
	list-style-type:none
}
.footer ul li{
	line-height:18px;
	font-weight:bold;
	color:#686868;
}
.footer ul li a{
	color:#686868;
}
.copyright{
	color:#686868;
	text-align:right;
}
.copyright a{
	color:#9c9898;
}
.copyright span{
	color:#9c9898;
}
/*inner pages*/
.mainbody-inner{
	width:1130px;
	padding:0px;
	margin:0px auto;
}
.mainbody-inner p{
	line-height:26px;
	font-size:14px;
	color:#304186;
	padding-bottom:30px;
	text-align:justify;
}
.mainbody-inner p span{
	font-size:16px;
	font-weight:bold;
}
.image{
	float:right;
	margin:5px 0px 10px 35px;
	vertical-align:middle;
	margin-bottom: 3px;
	font-size: 10px;
	font-style: italic;
	text-align: center;
}
.project-row{
	
}
.projects{
	padding:20px 0px;
	
}
.projects-left{
	width:500px;
	float:left;
}
.projects-image{
	border:1px solid #304186;
	margin:0px 20px 20px 0px;
	height:204px;
	width:188px;
	float:left;
	position:relative;
}
.zoom{
	position:absolute;
	right:0px;
	bottom:0px;
	width:61px;
	height:35px;
	cursor:move;
}
.projects-right{
	width:500px;
	float:right;
}
/*lightbox*/
#webguruLightBox
{
position:absolute;
top:0px;
left:0px;
}

#bg-shadow{
	width:2000px;
	height:2000px;
	background:#000;
	position:fixed;
	top:0px;
	left:0px;
	}
	
#img-container{
	width:250px;;
	position:absolute;
	background-color:#fff;
	/*padding:10px;*/
	top:10px;
	-moz-box-shadow: 2px 2px 10px #000000;
	-webkit-box-shadow: 2px 2px 10px #000000;
	z-index:9999;
}

#imagebox
{
width:250px;
height:250px;
overflow:hidden;
}	
.img-cotroller{
	position: absolute;
	width:250px;
	margin-top:100px;
	

}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
	
#prevLink { left: 0; float: left;display:none;}
#nextLink { right: 0; float: right;display:none;}
/*#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; }*/

#img_text{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	float:left;
	line-height:24px;
	}
	
#Close{ width: 20px; float: right; 
padding-top:5px;}	

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*lightbox*/

/*------------------------------------------18072012--------------------------------------------*/

ul.executive {
	list-style-type: disc;
	margin:0 0 30px 20px;
}

ul.executive li{list-style-type: disc; font-size:14px; line-height:28px;}

.form-field{
	width:363px;
	height:38px;
	border:none;
	padding-left: 20px;
	}
.form-field-multi{
	width:363px;
	height:158px;
	border:0px;
	padding-left: 20px;
	padding-top: 20px;
	}
.form-button{
	border:thin solid #222020;
	color:#262223;
	font-size:20px;
	font-weight:normal;
	background:#C3C7E0 url(none);
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 150px;
	}
	.form-button:hover{
	border:thin solid #222020;
	color:#262223;
	font-size:20px;
	font-weight:normal;
	background:#DFE1EE url(none);
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	}