html,body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(images/bg-body.gif) repeat top left;
	color:#575757;
}
#top-bar {
	width:100%;
	height:24px;
	background:#474747;
	border-bottom:1px dotted #828282;
}
#top-bar .wrapper {
	width:989px;
	margin:0px auto;
}
#top-bar ul {
	margin:0;
	padding:0;
	list-style:none;
}
#top-bar ul.ul-1 {
	float:left;
	width:700px;
	height:24px;
	text-align:left;
}
#top-bar ul.ul-1 b {font-weight:normal;}
#top-bar ul.ul-2 {
	float:right;
	width:269px;
	height:24px;
	text-align:right;
}
#top-bar ul.ul-2 .img {display:inline;}
#top-bar ul li {
	display:inline;
	color:#828282;
	padding:0px 2px;
	margin:0;
	font-size:11px;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
}
#top-bar ul.ul-2 li {
	color:#999;
	text-align:right;
}
#top-bar a {
	color:#828282;
	text-decoration:none;
	
}
#top-bar a:hover {
	color:#b7f230;
}
#header {
	width:100%;
	height:126px;
	background:#2e2e2e;
}
#header-white {
	width:100%;
	height:126px;
	background:#fff;
}
#header .wrapper,
#header-white .wrapper {
	width:989px;
	height:126px;
	margin:0px auto;
	padding:0px 35px 0px 0px;
}
.logo-container {
	width:299px;
	height:126px;
	float:left;
}
.quote-container {
	width:141px;
	height:126px;
	float:right;
}
#nav-main {
	width:100%;
	height:43px;
	background:url(images/bg-nav.gif) repeat-x top left;
}
#nav-main .wrapper {
	width:989px;
	height:43px;
	line-height:43px;
	margin:0px auto;
}
/*#nav-main ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav-main ul li {
	float:left;
}
#nav-main ul li a {
	display:block;
	background:url(images/bg-nav-off.gif) repeat-x top left;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	width:115px;
	cursor:pointer;
}
#nav-main ul li a b {
	display:block;
	background:url(images/bg-div-off.gif) no-repeat top left;
	width:115px;
}
#nav-main ul li a b b {
	display:block;
	background:none;
	width:115px;
	text-align:center;
}
#nav-main ul li.last-of-type a b b {
	background:url(images/bg-div-off.gif) no-repeat top right;
}
#nav-main ul li a:hover {
	background:url(images/bg-nav-on.gif) repeat-x top left;
}
#nav-main ul li a:hover b {background:url(images/bg-div-on.gif) no-repeat top left;}
#nav-main ul li a:hover b b {background:none;}
#nav-main ul li.last-of-type a:hover b b {background:url(images/bg-div-off.gif) no-repeat top right;}*/
#banner {
	width:100%;
	height:383px;
	background:#FFF url(images/bg-banner.gif) repeat-x top left;
}
#banner .wrapper {
	width:989px;
	height:383px;
	margin:0px auto;
}
#home-content {
	width:100%;
	background:#FFF;
	padding:10px 0px 25px 0px;
	font-size:12px;
	line-height:1.5em;
}
#home-content .wrapper-1,
#home-content .wrapper-2,
#home-content .wrapper-3,
#home-content .wrapper-4,
#home-content .wrapper-services {
	width:989px;
	margin:0px auto;
}
#home-content .wrapper-services {
	padding:13px 0px;
	/*border-bottom:1px solid #bfbfbf;
}
#home-content .wrapper-1 {
	padding:0em 0em 1em 0em;
	border-bottom:1px dotted #bfbfbf;
}
#home-content .wrapper-2 {
	margin-top:1em;
	/*background:url(images/bg-home-content.gif) repeat-y top left;*/
}
#home-content .wrapper-3,
#home-content .wrapper-4 {
	margin-top:1em;
	border-top:1px dotted #bfbfbf;	
}
#home-content .wrapper-3 h3,
#home-content .wrapper-4 h3,
#client-content .col-2 h3 {
	font-size:1.8em;
	font-weight:normal;
	color:#729820;
	margin:1em 0em;
}

.design-biz {
	list-style:none;
	margin:0;
	padding:0;
}
.design-biz li {
	padding:0px 0px 0px 25px;
	margin:.5em 0em;
}
.design-biz li.primary {
	background:url(images/arrow-1.gif) no-repeat 0px 3px;
	color:#de6c15;
}
.design-biz li.secondary {
	background:url(images/arrow-2.gif) no-repeat 0px 3px;
	padding:0px 0px 9px 25px;
	color:#5171b3;
	border-bottom:1px dotted #bfbfbf;
}
.banner-holder {width:989px;height:90px;background:#FFF;}
#sec-content,
#port-content,
#client-content {
	width:100%;
	background:#FFF;
	padding:25px 0px;
	font-size:12px;
	line-height:1.5em;
}
#sec-content .wrapper,
#port-content .wrapper,
#client-content .wrapper {
	width:989px;
	margin:0px auto;
}
#sec-content .wrapper {background:url(images/bg-home-content.gif) repeat-y top left;}
#port-content .wrapper,
#client-content .wrapper {background:url(images/bg-port-content.gif) repeat-y top left;}
#sec-content .col-1,
#sec-content .col-2,
#sec-content .col-3,
#home-content .col-1,
#home-content .col-2,
#home-content .col-3 {
	padding:0px 15px;
}
#port-content .col-1,
#client-content .col-1 {
	float:left;
	width:215px;
	padding:0px 15px 0px 0px;
}
#port-content .col-2,
#client-content .col-2 {
	float:right;
	width:744px;
	padding:0px 0px 0px 15px;
}
.right-col-wrapper {
	float:right;
	width:744px;
	text-align:left;
}
#sec-content .col-1,
#home-content .col-1 {
	float:left;
	width:215px;
}
#sec-content .col-2,
#home-content .col-2 {
	float:left;
	width:469px;
	text-align:left;
}
#sec-content .col-3,
#home-content .col-3 {
	float:right;
	width:215px;
	text-align:left;
}
#home-content .wrapper-2 .col-1,
#home-content .wrapper-2 .col-2,
#home-content .wrapper-4 .col-1,
#home-content .wrapper-4 .col-2,
#home-content .wrapper-4 .col-3 {
	width:357px;
	text-align:justify;
}
#home-content .wrapper-2 .col-1,
#home-content .wrapper-4 .col-1 {
	padding:0px 15px 0px 0px;
}
#home-content .wrapper-2 .col-2,
#home-content .wrapper-4 .col-2 {
	padding:0px 15px;
}
#home-content .wrapper-2 .col-3,
#home-content .wrapper-4 .col-3 {
	padding:0px 0px 0px 15px;
	
}
#home-content .wrapper-4 .col-1,
#home-content .wrapper-4 .col-2,
#home-content .wrapper-4 .col-3 {
	width:309px;
}
#home-content .wrapper-2 .col-1 h2,
#home-content .wrapper-2 .col-2 .callout,
#home-content .wrapper-2 .col-3 .callout  {
	font-size:18px;
	font-weight:normal;
	color:#46630a;
	margin:0;
}
#port-content .col-2 h2 {
	font-size:14px;
	color:#729820;
	font-weight:bold;
}
#port-content .col-2 h2 {margin:1em 0em 0em 0em;}
#client-content .col-2 h2.letter {
	font-size:22px;
	font-weight:normal;
	color:#de6c15;
	margin:2em 0em 0em 0em;
	padding:.4em 0em;
	border-bottom:1px dotted #bfbfbf;
}
#client-content .col-2 h3 {
	font-size:14px;
	font-weight:bold;
	color:#272727;
	margin:2em 0em 1em 0em;
}
#client-content .col-2 h3 a {
	color:#272727;
	text-decoration:underline;
}
#client-content .col-2 h3 a:hover {text-decoration:none;}
#home-content .wrapper-2 .col-2 .callout {margin:0;}
#home-content .wrapper-2 .col-1 h2 .sublight,
#home-content .wrapper-2 .col-2 .callout .sublight,
#home-content .wrapper-2 .col-3 .callout .sublight {
	font-size:14px;
	color:#729820;
	font-weight:bold;
}
#home-content .wrapper-2 .col-3 {
	width:215px;
}
#home-content .wrapper-2 .col-3 {
	width:215px;
}

#home-content .wrapper-2 .col-3 ul{
	list-style:none;
	margin:0;
	padding:0;
}

#home-content .wrapper-2 .col-3 li{
	list-style:none;
	padding:12px 0 10px 0;
	border-bottom:1px dotted #C9C9C9;
	text-align:justify;
}

#home-content .wrapper-2 .col-3 a{
	color:#729820;
	text-decoration:none;
}

#home-content .wrapper-2 .col-3 a:hover{
	text-decoration:underline;
}

#twitter-link{
	font-size:10px;
}

#home-content h1 {
	font-size:1.5em;
	color:#de6c15;
	line-height:1em;
	margin:0;
	font-weight:normal;
	border-bottom:1px dotted #bfbfbf;
	padding:0em 0em .5em 0em;
}
#port-content h1 {
	padding:0px 0px 7px 0px;
	border-bottom:1px dotted #bfbfbf;
}
#port-content .overview-wrapper {
	border-bottom:1px dotted #bfbfbf;
}
.hm_service {
	float:left;
	width:228px;
	margin:0px 0px 0px 25px;
}
.hm_service.first-of-type {
	margin:0;
}
.hm_service h2 {
	/*font-size:1em;
	background:#b7b7b7;
	padding:3px 5px;
	color:#575757;
	margin:0;*/
}
.hm_service h2 {
	font-size:1.2em;
	color:#EFEFEF;
	margin:0;
}
.hm_service h2 a {
	color:#b7f230;
	text-decoration:none;
	font-weight:bold;
}
#home-content .hm_service h2 a {
	color:#46630a;
}
.hm_service h2 a:hover {color:#FFF;}
.hm_service.first-of-type {
	margin:0;
}
.hm_service li.first-of-type {margin-top:.5em;}
.hm_service li a {
	color:#575757;
	font-size:11px;
	line-height:22px;
	text-decoration:none;
}
#copyright a {
	color:#b7f230;
	text-decoration:underline;
}
#copyright a:hover {text-decoration:none;}
#footer .hm_service li a {
	color:#efefef;
	text-decoration:none;
}
#footer .hm_service a:hover {color:#b7f230;}
.hm_service a b {font-weight:normal;}
.hm_service ul {
	list-style:none;
	margin:0;
	padding:0;
}
.hm_service ul li {
	border-bottom:1px dotted #bfbfbf;
}
.hm_service h2 a b {
	font-weight:bold;
}
#services-menu {
	list-style:none;
	margin:0;
	padding:0;
}

.service-item {
	margin:1em 0em 0em 0em;
	/*padding:0px 5px;*/
}
.service-main {background-image:url(images/bg-service-li.gif);}
.service-main,
.current .service-main {
	padding:0px 0px 0px 15px;
	background-repeat:no-repeat;
	background-position:0px 2px;
} 
.current .service-main {background-image:url(images/bg-service-li-down.gif);}
.service-main-link {
	color:#729820;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
}
.current .service-main-link {
	color:#729820;
}
.service-content {
	padding:0px 0px 0px 15px;
	display:none;
}
.current .service-content {display:block;}
.service-content ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
.service-subitem {
	display:block;
	font-size:12px;
	line-height:2em;
	border-bottom:1px dotted #bfbfbf;
}
.service-subitem-link {
	color:#575757;
	text-decoration:none;
}
.service-subitem-link:hover {color:#de6c15;}
.col-1 h3 {
	font-size:1.2em;
	font-weight:bold;
	
	/*color:#FFF;
	padding:8px 15px;
	background:#729820;*/
	color:#729820;
	margin:0em 0em 1em 0em;
}
.col-2 h1 {
	font-size:1.8em;
	line-height:1.2em;
	color:#de6c15;
	font-weight:normal;
}
.col-2 h2 {
	font-size:1.5em;
	line-height:1.2em;
	color:#729820;
	font-weight:normal;
}
.col-2 .crumbs {
	font-size:13px;
	/*line-height:30px;*/
	margin:0em 0em 1em 0em;
}
.col-2 {
	
}
.col-2 .before,
.col-2 .before a {
	color:#729820;
	text-decoration:none;
}
.col-3 h2 {
	font-size:1.2em;
	font-weight:normal;
	color:#729820;
	margin:0;
}
#footer {
	width:989px;
	margin:0px auto;
	padding:1em 0em;
}
#copyright{
	width:975px;
	margin:1em auto;
	/*background-color:#bfbfbf;*/
	line-height:26px;
	font-size:11px;
	/*color:#575757;*/
	color:#bfbfbf;
	padding:0px 7px;
	text-align:center;
}

.featured-projects {
	list-style:none;
	margin:0;
	padding:0;
}
.featured-projects li {
	float:left;
	text-align:center;
	margin-left:43px;
	padding:10px 0px;
	width:215px;
}
.alphabet {
	list-style:none;
	margin:0;
	padding:0;
}
.alphabet li {
	float:left;
	color:#575757;
	margin-right:5px;
}
.alphabet li a {
	color:#575757;
	font-weight:bold;
}
.alphabet li a:hover {text-decoration:none;}
.featured-projects li.first-of-type {margin:0;}
.featured-projects a {color:#575757;}
.featured-projects a:hover {text-decoration:none;}
.read-more-link {color:#729820;font-weight:bold;}
.view-more-link {color:#de6c15;}
.green-link {color:#729820;}
.orange-link {color:#de6c15;}



/* =css/popupimage.css */

.border_preview {
  z-index: 100;
  width:402px;
  height:302px;
  padding:10px 10px;
  position: absolute;
  border: 1px solid #bfbfbf;
  color: #575757;
  background: #fff;
}
.title_h2 {
	text-align: center;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px 0px;
	margin: 0px 10px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.preview_temp_load {
  vertical-align: middle;
  text-align: center;
  position: relative;
}

.preview_temp_load img {
  vertical-align: middle;
  text-align: center;
  margin:0px auto;
  border:1px solid #DFDFDF;
}
#loader_container {
  text-align: center;
  top: 40%;
  padding: 10px;
  position: absolute;
  left: 50%;
  margin-left: -90px;
  width: 160px;
  z-index: 99;
}

#loader {
  font-family: Arial;
  font-size: 14px;
  color: #000000;
  background-color: #FFFFFF;
  padding: 10px;
  margin: 0 auto;
  display: block;
  width: 140px;
  border: 1px solid #c4c9cd;
  text-align: center;
  z-index: 255;
}

#progress {
  height: 5px;
  font-size: 1px;
  width: 1px;
  top: 1px;
  left: 0px;
  background-color: #9D9D94;
}

#loader_bg {
	margin: 5px auto 5px auto;
  height: 7px;
  text-align: left;
  position: relative;
  width: 113px;
  font-size: 1px;
  background: #EBEBE4 url(images/ajax-loader-bar.gif) no-repeat center;
}
#loader_bg div { position: relative; display: none; }

/* css/popupimage.css */

/* =Hoverbox Code
----------------------------------------------------------------------*/
.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -150px;
	left: -200px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border: none;
	color: inherit;
	vertical-align: top;
	width: 237px;
	height: 218px;
}

.hoverbox
{
	border: none;
	color: inherit;
	display: inline;
	float: left;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	border-width:1px;
	border-style:solid;
	width: 537px;
	height: 500px;
}

.required{
	color:#FF0000;
	font-weight:bold;
}