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

#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:860px;
  height: 100%;
  margin: auto;
  background: #f3f5f8;
  font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#page { background:#FFFFFF url(../images/page-bg.png) no-repeat; height:656px;}
#flcontainer { padding:70px; }
#header { margin:0 0 0 40px; }
#header img {margin-top:40px;vertical-align:top;}
.ms {color:#FFFFFF; font-size:24px;margin:0 0 0 10px; vertical-align:bottom; }

#leftmenu {float:left; margin:50px 0 0 0px; width:160px; padding-right:40px; text-align:right; height:336px;text-decoration:none;}
#leftmenu ul {list-style:none; margin:0;}
#leftmenu ul a{text-decoration:none;}
#leftmenu a li, #leftmenu li a{font-size:12px; line-height:30px; font-weight:bold; letter-spacing: 1px; text-decoration:none; color:#33496f;}
#leftmenu li:hover {color: #fff;}
#leftmenu ul a:hover {color: #fff;}


#home-flcontainer {margin:50px 0 0 220px;border-left:4px solid #fff;padding-left:30px;}

/*what we do page styles*/
#container {margin:50px 0 0 220px; background:url(../images/whatwedo-bg.png) top center no-repeat; height:494px;border-left:4px solid #fff;padding-left:30px; width:600px;}
#container2 {margin:50px 0 0 220px; background:url(../images/howwework-bg.png) top center no-repeat; height:494px;border-left:4px solid #fff;padding-left:30px; width:600px;}
#heading1 a{float:left;margin:63px 0 0 35px; font-size:16px; color:#33496f;width:520px; text-decoration:none;}
#heading2 a{float:left;margin:50px 0 0 260px; color:#33496f;font-size:16px;text-decoration:none;width:320px; }
#heading3 a{float:left;margin:55px 0 0 35px; color:#33496f;font-size:16px;width:520px; text-decoration:none;}
#heading4 a{float:left;margin:50px 0 0 260px; color:#33496f;font-size:16px; text-decoration:none;width:280px;}
#heading5 a{float:left;margin:55px 0 0 35px; color:#33496f;font-size:16px;width:520px; text-decoration:none;}
#heading6 a{float:left;margin:50px 0 0 260px; color:#33496f;font-size:16px;text-decoration:none;width:280px;}

#heading1 a:hover,#heading2 a:hover,#heading3 a:hover,#heading4 a:hover,#heading5 a:hover,#heading6 a:hover ,#heading11 a:hover,#heading13 a:hover,#heading15 a:hover{font-weight:bold;color:#1a5805;}

#heading11 a{float:left;margin:63px 0 0 160px; font-size:16px; color:#33496f;width:520px; text-decoration:none;}
#heading13 a{float:left;margin:55px 0 0 160px; color:#33496f;font-size:16px;width:520px; text-decoration:none;}
#heading15 a{float:left;margin:55px 0 0 168px; color:#33496f;font-size:16px;width:520px; text-decoration:none;}

/*our experience page style*/
#container-experience {margin:50px 0 0 220px; border-left:4px solid #fff; padding-left:40px; padding-bottom:20px;}
#container-experience img{margin-top:30px;}
.exp-headtext {font-size:18px; font-weight:bold;color:#33496f; }
#exp-testimonial {float:left;width:710px;margin:20px 0 0 80px; font-size:13px; color:#33496f; line-height:20px; letter-spacing: 1px; font-weight:bold;}

/*contact us page styles*/
#container-contact {margin:50px 0 0 220px; border-left:4px solid #fff; padding-left:40px; padding-bottom:20px;color:#33496f;font-size:12px;}
#contact-bottomline {margin-left:20px; color:#33496f;font-size:14px; font-weight:bold;}

/*how we work styles*/



/*about page styles*/
#about-container {float:left; margin:50px 0 0 20px; width:600px;border-left:4px solid #fff;}
#about-staff {float:left;width:130px;}
#about-staff img {float:left;clear:both; padding:10px 20px 15px 40px;}
#about-container span {float:left; margin:10px 0 15px 20px; font:16px; font-weight:bold;color:#33496f;letter-spacing:1px; width:500px;}
#staff1 {font-size:12px; color:#5a5d62;padding:20px 0 0 150px; line-height:15px; width:400px;}

#home-container {
	float:left;
	margin:50px 0 0 20px;
	width:600px;
	border-left:4px solid #fff;
	text-align: left;
}
#home-container span {float:left; margin:10px 0 0 20px; font:16px; font-weight:bold;color:#33496f;letter-spacing:1px;}
#home-container p {font-size:12px; color:#5a5d62;padding:10px 0 0 20px; line-height:20px;}

/*green text on link hover classes for positioning*/
a.tip { position: relative;}
a.tip span {display: none;position: absolute;top: -45px;left: 288px;width: 210px;padding: 5px;z-index: 100;background: transperent;
	color: #1a5805;-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-size:10px; line-height:15px; font-weight:normal;
}
a:hover.tip {font-size: 99%; /* this is just for IE */}
a:hover.tip span {display: block;}

a.tip2 { position: relative;}
a.tip2 span {display: none;	position: absolute; top: -40px;left: -255px;width: 200px;padding: 5px;z-index: 100;	background: transperent;
	color: #1a5805;-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-size:10px;text-align:right;line-height:15px; font-weight:normal; 
}
a:hover.tip2 {font-size: 99%; /* this is just for IE */}
a:hover.tip2 span {display: block;}

a.tip3 { position: relative;}
a.tip3 span {display: none;position: absolute;top: -45px;left: 288px;width: 210px;padding: 5px;z-index: 100;background: transperent;
	color: #1a5805;-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-size:10px;line-height:15px;font-weight:normal;
}
a:hover.tip3 {font-size: 99%; /* this is just for IE */}
a:hover.tip3 span {display: block;}

a.tip4 { position: relative;}
a.tip4 span {display: none;	position: absolute; top: -40px;left: -255px;width: 200px;padding: 5px;z-index: 100;	background: transperent;
	color: #1a5805;-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-size:10px;line-height:15px; font-weight:normal; text-align:right;
}
a:hover.tip4 {font-size: 99%; /* this is just for IE */}
a:hover.tip4 span {display: block;}

a.tip5 { position: relative;}
a.tip5 span {display: none;position: absolute;top: -45px;left: 288px;width: 210px;padding: 5px;z-index: 100;background: transperent;
	color: #1a5805;-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-size:10px;line-height:15px;font-weight:normal;
}
a:hover.tip5 {font-size: 99%; /* this is just for IE */}
a:hover.tip5 span {display: block;}

a.tip6 { position: relative;}
a.tip6 span {display: none;	position: absolute; top: -40px;left: -255px;	width: 200px;padding: 5px;z-index: 100;	background: transperent;
	color: #1a5805;-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-size:10px;line-height:15px;font-weight:normal;text-align:right;
}
a:hover.tip6 {font-size: 99%; /* this is just for IE */}
a:hover.tip6 span {display: block;}

a.tip7 { position: relative;}
a.tip7 span {display: none;position: absolute;top: -45px;left: 150px;width: 200px;padding: 5px;z-index: 100;background: transperent;
	color: #1a5805;-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-size:10px; line-height:15px; font-weight:normal;
}
a:hover.tip7 {font-size: 99%; /* this is just for IE */}
a:hover.tip7 span {display: block;}

a.tip8 { position: relative;}
a.tip8 span {display: none;position: absolute;top: -45px;left: 150px;width: 200px;padding: 5px;z-index: 100;background: transperent;
	color: #1a5805;-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-size:10px; line-height:15px; font-weight:normal;
}
a:hover.tip8 {font-size: 99%; /* this is just for IE */}
a:hover.tip8 span {display: block;}

a.tip9 { position: relative;}
a.tip9 span {display: none;position: absolute;top: -45px;left: 140px;width: 200px;padding: 5px;z-index: 100;background: transperent;
	color: #1a5805;-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-size:10px; line-height:15px; font-weight:normal;
}
a:hover.tip9 {font-size: 99%; /* this is just for IE */}
a:hover.tip9 span {display: block;}


a.tip10 { position: relative;}
a.tip10 span {display: none;	position: absolute; top: -40px;left: -245px;width: 190px;padding: 5px;z-index: 100;	background: transperent;
	color: #1a5805;-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-size:10px;line-height:15px; font-weight:normal; text-align:right;
}
a:hover.tip10 {font-size: 99%; /* this is just for IE */}
a:hover.tip10 span {display: block;}