body {
	margin:0;
	padding:0;
	background:url(../img/bg.gif);
	font:normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
}
/* ********************* General Defination ************************ */ 
img { border:0;}
h1, h2, h3, h4{
padding:0;
margin:0
}
h1
{
font:26px/24px Verdana, Arial, Helvetica, sans-serif;
color:#052e81;
padding:12px 0px;
}
h2
{
font:20px/22px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}
h2 a
{
font:20px/22px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff; text-decoration:none;
}
h2 a:hover
{
color:#ffffff; text-decoration:none;
}
h3
{
font:22px Arial, Helvetica, sans-serif;
color:#1f81c6;
padding:22px 0px 0px 0px;
}
h4
{
font:14px/20px Verdana, Arial, Helvetica, sans-serif;
color:#ffde00;
padding:2px 0px;
}
form{
padding:0;
margin:0;
}
a{
color:#1e548b;
text-decoration:underline;
}
a:hover{
text-decoration:none;
outline:none;
}
input.txtbox{
border:1px solid #67665f;
padding:2px 3px;
font-size:11px;
color:#292824;
}
input.button{
}
.clear{
clear:both;
}
/*===============================================================================*/
#topwrap{
background:url(../img/topbg.gif) repeat-x left top;
}
.toppart{
margin:0 auto;
width:900px;
}
.logo{
float:left;
width:307px;
height:148px;
}
.phone{
float:right;
background:url(../img/icon/phone.gif) no-repeat left top;
padding-left:38px;
padding-bottom:5px;
font:normal 22px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-top:30px;
}
.navi{
	float:right;
	background:url(../img/navbg.gif) repeat-x left top;
	height:39px;
	width:583px;
	margin-top:16px;
	padding-left:10px;
}
.navi a{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:8px 15px;
font-size:13px;
background:url(../img/navsep.gif) no-repeat right top;
}
.navi a.bgnone
{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:8px 18px;
font-size:13px;
background:none;
}
.navi a:hover{
color:#ffde00;
text-decoration:none;
}
.navi a.current{
color:#ffde00;
font-weight:bold;
}
.rightbg{
background:url(../img/navbg2.gif) no-repeat right top;
width:30px;
height:39px;
float:right;
}
/*==================================banner area starts here============================*/

.bannerarea
{
width:900px;
float:left;
position:relative;
}
.bannerimg
{
padding:10px 27px 20px 27px;
}
.introarea
{
	width:364px;
	float:left;
	position:absolute;
}
.introimg
{
	padding-bottom:6px;
padding-top:12px;
}
.introtext
{
float:left;
font:14px/24px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}
.linkarea
{
float:left;
margin:16px 8px;
}
.ourport
{
padding:0px;
margin:0px;
float:left;
}
.ourport a
{
background:url(../img/ourportfolio.gif) no-repeat left top;
width:134px;
height:32px;
display:block;
text-decoration:none;
text-indent:-900em;
}

.ourport a:hover
{
background:url(../img/ourportfolio.gif) no-repeat left bottom;
width:134px;
height:32px;
}

.contactus
{
padding:0px;
margin-left:16px;
float:left;
}
.contactus a
{
background:url(../img/contactus.gif) no-repeat left top;
width:119px;
height:32px;
display:block;
text-decoration:none;
text-indent:-900em;
}

.contactus a:hover
{
background:url(../img/contactus.gif) no-repeat left bottom;
width:119px;
height:32px;
}
/*===============================Content area starts here==================================*/
.contentarea
{
	float:left;
	width:900px;
	padding-top:32px;
	padding-bottom: 45px;
}
.contenttext
{
float:left;
padding-right:24px;
width:876px;
}
.contenttext2
{
float:left;
padding-right:24px; padding-left:34px;
width:842px;
}

.contentboxarea
{
	width:900px;
	float:left;
	margin-top: 30px;
}
.contentbox_1
{
width:274px;
float:left;
background-color:#2f2b2b;
}
.cont_inner1
{
float:left;
}
.cont_innerarea
{
	float:left;
	padding:0px 18px 20px 16px;
	width: 238px;
}
.cont_inner2
{
float:left;
padding:18px 0px;
}
.cont_inner3
{
float:left;
width:238px;
}
.cont_inner4
{
float:left;
font:12px/20px Verdana, Arial, Helvetica, sans-serif;
color:#e1e1e1;
width:238px;
}

.readmore
{
padding:0px;
margin:0px;
}
ul.readmore 
{
padding:0px;
margin:0px;
list-style:none;
padding-top:4px;
float:right;
outline:none;
}
ul.readmore li
{
background:url(../img/icon/arrow.gif) no-repeat 0px 8px;
padding:0px;
margin:0px;
outline:none;
}
ul.readmore li a
{
font:12px/18px Verdana, Arial, Helvetica, sans-serif;
color:#80caff;
text-decoration:underline;
padding:0 0 0 12px;
}
ul.readmore li a:hover
{
text-decoration:none;
}
.leftmargin
{margin-left:36px;}

.right
{
padding:0px;
margin:0px;
}
ul.right 
{
list-style:none;
margin:0px;
padding-top:4px;
float:right;
}
ul.right li
{
	padding:0px;
	margin:0px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#e1e1e1;
	text-decoration:none;
	padding:10px 1px 9px 28px;
	background:url(../img/icon/right.gif) no-repeat 0px 11px;
}

/*==============================footer area starts here================================*/
.footer_bodybg
{
background:url(../img/footerbg.gif) repeat-x;
height:86px;
}
.footer
{
margin:0px auto;
width:900px;
padding:18px 2px;
}
.footleft
{
float:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#7fc8ff;
}
.footleft a
{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}
.footleft a:hover
{
text-decoration:underline;
}
.footright
{
float:right;
font:11px/20px Verdana, Arial, Helvetica, sans-serif;
color:#a2c8e3;
}

/*=======================================Services area==================================================*/
.services_titlebg
{
background-color:#2f2b2b;
width:876px;
padding:6px 12px;
float:left;
font:20px Verdana, Arial, Helvetica, sans-serif;
color:#ffde00;
margin-top:8px;
}
.service_textarea
{
width:900px;
float:left;
}
.serviceleft
{
float:left;
width:400px;
}
.serviceright
{
	float:left;
	width:400px;
}

.service
{
padding:0px;
margin:0px;
}
ul.service
{
list-style:none;
margin:0px;
padding-left:16px;
padding-top:10px;
float:left;
}
ul.service li
{
	padding:0px;
	margin:0px;
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	padding:14px 0 0 22px;
	background:url(../img/icon/arrow2.gif) no-repeat 0px 19px;
}
.topmargin
{
margin-top:30px;}

/*==========================================Portfolio Page====================================*/
.port_textarea
{
	float:left;
	width:370px;
}
.port
{
padding:0px;
margin:0px;
}
ul.port
{
list-style:none;
margin-left:12px;
padding-left:16px;
padding:14px 0 0 22px;
background:url(../img/icon/arrow2.gif) no-repeat 0px 19px;
}
ul.port li
{
	padding:0px;
	margin:0px;
	font:13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
}
ul.port li a
{
    display:block;
	font:13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:underline;
	text-transform:uppercase;
	
}

ul.port li a:hover
{
	text-decoration:none;
}
ul.port li.smalltext
{
	padding:0px;
	margin:0px;
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	padding:14px 0 0 0px;
	background:none;
	text-decoration:none;
	font-style:italic;
}

.line
{
	background:url(../img/line.gif) repeat-x;
	height:2px;
	width: 876px;
	float: left;
	margin:30px 14px 10px 10px;
}
.rightmargin
{
	margin-right:100px;
}

/*================================Profile details==================================*/
.profileleft
{
	width:530px;
	float:left;
}
.profileright
{
	width:345px;
	float:left;
}
.profiletitle
{
font:18px Verdana, Arial, Helvetica, sans-serif;
color:#1f7fc5;
padding:20px 0px 20px 0px;
text-transform:uppercase;
}

.profilesmalltext
{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding:5px 0px;
font-style:italic;
float:left;
}

.profilebigtext
{
	font:14px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
	width:520px;
	padding:0px 10px 0px 0px;
}

.back
{
	padding:0px;
	margin:0px;
	float:right;
}
.back a
{
background:url(../img/back.gif) no-repeat left top;
width:87px;
height:31px;
display:block;
text-decoration:none;
text-indent:-900em;
}

.back a:hover
{
background:url(../img/back.gif) no-repeat left bottom;
width:87px;
height:31px;
}


.profileimg
{
	border:3px solid #ffffff;
	margin:10px 0px;
	float:right;
	width: 328px;
	height: 236px;
}

/*=============================================contactus area=======================================*/
.contactus_left
{
width:501px;
float:left;
}

.contactus_right
{
width:299px;
float:left;
margin-left:36px;
}

.contactformarea
{
float:left;
width:501px;
}
.contactformbg_top
{
float:left;
}

.contactformbg
{
float:left;
background-color:#cacfd2;
padding:0 30px 0 22px;
width:449px;
}
.contactformbg_bottom
{
float:left;
}

.name
{
	float:left;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:16px;
	padding-left:5px;
	padding-right:5px;
	width: 440px;
	}
.name1
{
	float:left;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:16px;
	padding-left:5px;
	padding-right:5px;
	width: 139px;
	}

.namebox{
	background:url(../img/inputbox.gif) no-repeat;
	border:none;
	padding:9px 6px;
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	width:434px;
	height:20px;
	margin-bottom:8px;
	float: left;
	outline:none;
}
.namebox1{
	background:url(../img/inputbox.gif) no-repeat;
	border:none;
	padding:9px 6px;
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	width:133px;
	height:20px;
	margin-bottom:8px;
	float: left;
	outline:none;
}
.comentboxtop
{background:url(../img/messageboxtop.gif) no-repeat left top;
width:163px;
height:7px;
float:left;
}
.comentboxbottom
{background:url(../img/messageboxbottom.gif) no-repeat left top;
width:163px;
height:7px;
float:left;
}
.comentboxbg
{
	border:none;
	background:url(../img/comentbox.gif) no-repeat left top;
	margin:0px 6px;
	padding:5px 8px;
	width:438px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:16px;
	float: left;
	height:125px;
}
.comentarea
{
	width:449px;
	float:left;
}
 label {
	color:#000000;
	display:block;
	font-size:12px;
	font-weight:bold;
	width: 449px;
	float: left;
	padding:8px 0px;
}
.buttonarea
{
	float:left;
	width: 449px;
	padding-left:7px;
}
.submit
{
display:block;
width:109px; height:36px;
background: url(../img/submit.gif) no-repeat left top;
border:none;
text-indent:-1000em;
margin-top:13px;
float:left;
cursor:pointer;
}
.submit:hover{
background-position:left bottom;
}
.contact_titlebg
{
	background-color:#2f2b2b;
	width:299px;
	padding:6px 12px;
	
	font:20px Verdana, Arial, Helvetica, sans-serif;
	color:#ffde00;
	margin-top:8px;
}
.add_black
{
font:12px/24px Verdana, Arial, Helvetica, sans-serif;
color:#000000;

width:299px;
padding:8px 0px 10px 0px;
}
.black14
{
font:14px/24px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.add_black2
{
font:12px/24px Verdana, Arial, Helvetica, sans-serif;
color:#000000;

width:299px;
padding:8px 0px 20px 0px;
}

.map
{
float:left;
padding-top:8px;
}
.star
{color:#FF0000;
}
a.big_protfolio_button{
	background:url(../img/big_portfolio_button.gif) no-repeat left top; padding:5px 3px 3px 3px; text-align:center; margin:25px 10px 5px;
	display:block; height:24px; width:378px; float:left; font-size:20px; color:#fff; text-decoration:none;
}
a.big_protfolio_button:hover{
	background:url(../img/big_portfolio_button.gif) no-repeat left bottom;
}

.jotform-form .branding21{
    display: none;
}
.jotform-form .formFooter-heightMask{
    display: none;
}