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

/* Reset default browser style=====================================================================>  */
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;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style-image: none;
	list-style-type: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Body Page style=====================================================================>  */

#fishy {

border-right: 1px solid #FFFFFF;
border-left: 1px solid #1c3564;
border-bottom: 1px solid #FFFFFF;
width: 990px;
background-color:#1c3564;
height: 30px;
float: left;

}

#social {
float: right;
width: 120px;

height: 30px;
padding-top: 3px;


}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff url(../images/bkg.jpg) repeat-x left 2px;
	line-height: 20px;
	text-align: center;
	height: 100%;
}

html, body {height: 100%;}

a {
	text-decoration:none;
	color:#666;
}
a:hover {
	text-decoration: underline;
}
img {
	border:0px;
}

.clear {clear: both}

/* Page Layout style=====================================================================>  */
#main-wrapper {
	width:991px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#tophead {
  height:93px;
  position: relative;
  background:#FFFFFF;
  border-bottom:#FFFFFF solid 2px;
  padding-bottom: 10px;
}

#logo {
  position:relative;
  left:0px;
  top:0px;
  width: 300px;
  float: left;
  
  margin-bottom: 5px;
}

#toplinks {
width: 690px;
float: right;
	height:25px;
	padding-top:4px;
}
#toplinks li {
	float:right;
	color:#013D74;
	font-size:12px;
	font-weight:bold;
	background: url(../images/dot_blue.gif) no-repeat left 7px;
}

#toplinks li a {
	margin:0 10px;
	color:#013D74;
}


#mainmenu {
	position:absolute;
	bottom:-1px;
	left:0px;
	height:28px;
	padding-bottom: 2px;
	width:100%;
	z-index:100;
	
	background:#083354;
}

#mainmenu ul {
	height:32px;
}
#mainmenu ul li {
	float:left;
	height:32px;
	border-right:#FFFFFF solid 1px;
}

#mainmenu ul li a {
	color:#000000;
	line-height:32px;
	padding:8px 24px;
	font-size:12px;
	color:#FFFFFF;
	height:24px; 
	font-weight:bold;
}

#mainmenu ul li a:hover {
	color:white;
	text-decoration: none;
	background:#008DC6;
}

#mainmenu ul li.last {
	border:none;
	text-align:right;
	float:right;
	padding-top:5px;
}

#mainmenu ul li.last a {
	padding:0px;
	float:right;
	margin-right:3px;
}

#phone {
	text-align:right;
	height:24px;
	padding-right:10px;
	color:#013B70;
	line-height:24px;
	font-size:18px;
	font-weight: normal;
	margin-right:4px;
	margin-bottom: 5px;
	margin-top: 15px;
	width: 500px;
	float: right;
	clear: right;
}

#phone span {
	color:#0092D0;
}

#phone small {
	font-weight:normal;
	font-size:13px;
}

#phone img {
  margin-bottom: -3px;
}

.header {
	font-size:0px;
	
	height: 320px;
}

#content {
  padding:0px 0px;
  padding-top:10px;
  background:url(../images/home-content.jpg) no-repeat left top;
}

#content .welcombox {
	float:left;
	width:538px;
	background: url(../images/welcome-box-bottom.png) no-repeat left top;
	height: 275px;
	color:#000000;
}

#content .welcombox h2 {
	display:block;
	height:28px;
	padding-left:10px;
	padding-top:10px;
}

#content .welcombox .welcombody {
	height:228px;
	padding:10px 5px 0 10px;
}
.welcombox .welcombody p {
	font-size:13px;
	margin-bottom:5px;
	line-height: 17px;
	padding-right: 25px;
	text-align: justify;
}

.welcombox .welcombody p.our-most {
	font-size:12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom:8px;
	color: #387058;
	text-transform: uppercase;
}

.black-bulitbox {
	width:180px;
	float:left;
	margin-left:10px;
}

.black-bulitbox li {
	background:url(../images/black-dot.gif) no-repeat left 5px;
	color:#000000;
	padding-left:13px;
	font-size:13px;
	line-height: 18px;
}
.black-bulitbox li a {
	color:#000000;

}

.more-information {
  float: right;
  margin-top: -8px;
  padding: 0px!important;
}

#content #easystep-box {
  float:right;
  width:445px;
  background: url(../images/steps-boxbkg.png) no-repeat right top;
  height: 275px;
  color:#fff;
}

#content #easystep-box h2 {
	display:block;
	height:28px;
	padding-left:10px;
	padding-top:10px;
}

.easysteps-text {
   float: left;
   width: 235px;
   padding: 10px 0px 0px 12px;
   line-height: 16px;
   text-align: left;
}

.easysteps-text .easy-1-2-3 {
  color: #a9c6f7;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.easysteps-text ul li {
  display: block;
  padding: 3px 0px 5px 0px;
  font-size: 13px;
}

.easysteps-text ul li.step-1 {
  background: url(../images/step-1.gif) no-repeat top left;
  padding-left: 28px;
}

.easysteps-text ul li.step-2 {
  background: url(../images/step-2.gif) no-repeat top left;
  padding-left: 28px;
}

.easysteps-text ul li.step-3 {
  background: url(../images/step-3.gif) no-repeat top left;
  padding-left: 28px;
}

.easystep-frm {
   float: right;
   width: 180px;
   padding: 7px 0px 0px 3px;
}

.easystep-frm h3 {
  color: #ffffff;
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 2px;
  letter-spacing: 0px;
}

.news-eventsbox {
  width: 991px;
  margin: 0px auto 0px auto;
  padding: 15px 0px 0px 0px;
  background: url(../images/show_neboxbkg.png) no-repeat left -1px;
}

.news-eventsbox  .news-eventsboxinside {
  width: 974px;
  background: #fff;
  margin: 0px auto;
}

.news-eventsbox  .news-eventsboxinside .line {
  border-top:1px solid #d3d3d3;
  padding-bottom: 3px;
  background:#fdfdfd;
  margin-top: 10px;
}

.news-box {
  float: left;
  width: 470px;
  padding: 7px 0px 4px 10px;
}

.news-box h1 {
  background: #002F67;
  padding: 3px 4px 3px 10px;
  font-size: 16px;
  color: #FFF;
}

.news-box ul li {
  display: inline;
  float:left;
  width: 220px;
  margin-right: 8px;
  padding: 6px 0px 6px 6px;
  line-height: 16px;
  text-align: left;
  font-size: 11px;
}

.news-box ul li a {
  color: #204879;
  text-decoration: underline;
}

.events-box {
  float: right;
  width: 470px;
  padding: 7px 10px 4px 0px;
}

.events-box h1 {
  background: #002F67;
  padding: 3px 0px 3px 10px;
  font-size: 16px;
  color: #FFF;
}

.events-box ul li {
  display: inline;
  float:left;
  width: 220px;
  margin-right: 8px;
  padding: 6px 0px 6px 6px;
  line-height: 16px;
  text-align: left;
  font-size: 11px;
}

.events-box ul li a {
  color: #204879;
  text-decoration: underline;
}

.inner-header {
  height: 140px;
  width: 991px;
  
}

#inner-content {
  background: #f5fdff url(../images/inner-contentbkg.gif) repeat-x top left;
  margin-top: 1px;
  border-bottom: 2px solid #fff;
  padding-bottom: 12px;
}

#inner-left-content {
  float: left;
  width: 710px;
  margin: 30px 0px 10px 30px;
}

#inner-left-content h1 {
   font-size: 18px;
   color:#01234e;
   font-weight: normal;
   text-transform: uppercase;
   padding-bottom: 4px;
}

#inner-left-content p {
  line-height: 16px;
  padding-right: 0px;
  margin-bottom: 24px;
  text-align: left;
}

.service-featuring li {
  background: url(../images/black-dot.gif) no-repeat left 10px;
  padding-left: 18px;
  line-height: 30px;
  margin-bottom: 2px;
}

#inner-right-content {
  width: 210px;
  float: right;
  margin: 30px 10px 10px 0px;
}

#inner-right-content  h1 {
   font-size: 18px;
   color:#01234e;
   font-weight: normal;
   text-transform: uppercase;
   padding-bottom: 4px;
}

#inner-right-content .request-free-consultation {
   margin-top: 15px;
   margin-bottom: 20px;
}

#inner-right-content h3 {
   font-size: 21px;
   color:#39738e;
   font-weight: normal;
   text-transform: capitalize;
   padding-bottom: 4px;
}

.view-this-project a {
  color: #abc1cb;
}

/* Form Layout style=====================================================================>  */
.easystep-frm #steps-frm p {
   display: block;
   margin-bottom: 2px;
}

.easystep-frm #steps-frm p input {
   width: 160px;
   border:1px solid #1e3856;
   color:#686868;
   font-size: 11px;
   padding: 2px 1px;
}

.easystep-frm #steps-frm p textarea {
   width: 160px;
   height: 55px;
   border:1px solid #1e3856;
   color:#686868;
   font-size: 12px;
   padding: 1px 1px;
}

.easystep-frm #steps-frm p .submit {
   width: 94px;
   height: 32px;
   border: 0px;
   cursor: pointer;
   background: url(../images/step_submit.gif) no-repeat top left;
   float:right;
   margin: 5px 16px 0px 0px;
}

/* Footer Layout style=====================================================================>  */
#footer {
  height: 100px; 
  width:991px;
  border-top:1px solid #b6b5b5;
  clear: both;
  margin-top: 20px;
}

#inner-footer {
  height: 100px; 
  width:991px;
  border-top:3px solid #7b7b7b;
  clear: both;
  margin-top: 10px;
  font-weight: bold;
}


#footer p, #inner-footer p {
  padding: 10px 0;
}

#footer p strong, #inner-footer p strong {margin-right: 10px;}

#footer p a, #inner-footer a {color: #666; margin-right: 8px;}


.contact-us a {
	display:block;
	width:282px;
	height:38px;
	background:url(../images/contact-us.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
}

.contact-us a:hover {
	background-position:0 -38px;
}

/* for pull-down menu to work in IE6*/
behavior:url("csshover2.htc");

}

/* pull-down mainmenu css */



/* end of mainmenu css */