/* CSS Document */

body {background-color: #fff; background-image: url(../img/site/background.jpg); background-repeat: repeat-x; background-position: top left; font-family: Arial, Helvetica, sans-serif; text-align: center; padding: 0px; margin: 0px;}

#wrapper {width: 963px; margin: auto;}
#content {width: 963px; text-align: left;}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form {margin: 0px; padding: 0px; list-style: none;}

a:link {color: #ff7901; font-weight: bold; text-decoration: none;}
a:visited {color: #ff7901; font-weight: bold; text-decoration: none;}
a:hover {color: #ff7901; font-weight: bold; text-decoration: underline;}
a:active {color: #ff7901; font-weight: bold; text-decoration: none;}
a:focus {color: #ff7901; font-weight: bold; text-decoration: none;}


.floatDivLeft {float: left;}
.floatDivRight {float: right;}
.clearDiv {clear: both;}
.margRght10 {margin-right: 10px;}

.genPgImg {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 200px;
}

.backTop {text-align: right;}

.fnt12 {font-size: 12px;}
.fnt14 {font-size: 14px;}
.fnt16 {font-size: 16px;}
.fnt24 {font-size: 24px;}
.orng {color: #ff7901;}
.bld {font-weight: bold;}
.input, .comments {
	border: solid 1px #f68f33;
	background-color: #fff;
	padding: 3px;
	width: 261px;
}

.indent {margin-left: 20px;}

.contactBtn {background-color: #fff; color: #f68f33; font-weight: bold; font-size: 14px; border: 0px;}

/*header styles*/
#header {
	text-align: left;
	height: 130px;
	width: 963px;
}
.logo {
	margin-top: 21px;
	float: left;
}
.strapline {
	float: left;
	width: 250px;
	margin-top: 50px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #6c8aa8;	
}
.strapline h1 {
	font-size: 14px;
	font-weight: bold;
	color: #6c8aa8;
}

#floatRightHead {
	float: left;
	width: 500px;
	margin-top: 22px;
	text-align: right;
}

* html #floatRightHead {width: 498px;}

.tel {margin-top: 10px;}

/*navigation styles*/

#nav {
	background-image: url(../img/site/bg_nav.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 956px;
	height: 36px;
	position: relative;
	z-index: 100;
	margin-left: 3px;
}
#nav .normalNav .normWidth {
	display: block;
	width: 108px;
	float: left;
	height: 36px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
#nav .normalNav .normWidth a:link {
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 108px;
	height: 28px;
	padding-top: 8px;
	text-decoration: none;
}
#nav .normalNav .normWidth a:visited {
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 108px;
	height: 28px;
	padding-top: 8px;
	text-decoration: none;
}
#nav .normalNav .normWidth a:hover {
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 108px;
	height: 28px;
	padding-top: 8px;
	text-decoration: none;
	background-image: url(../img/site/bg_button.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
#nav .normalNav .normWidth a:active {
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 108px;
	height: 28px;
	padding-top: 8px;
	text-decoration: none;
}
#nav .normalNav .normWidth a:focus {
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 108px;
	height: 28px;
	padding-top: 8px;
	text-decoration: none;
}

#nav .normalNav .wideWidth {
	display: block;
	width: 198px;
	float: left;
	height: 36px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
#nav .normalNav .wideWidth a:link {
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 198px;
	height: 28px;
	padding-top: 8px;
	text-decoration: none;
}
#nav .normalNav .wideWidth a:visited {
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 198px;
	height: 28px;
	padding-top: 8px;
	text-decoration: none;
}
#nav .normalNav .wideWidth a:hover {
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 198px;
	height: 28px;
	padding-top: 8px;
	text-decoration: none;
	background-image: url(../img/site/bg_button.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
#nav .normalNav .wideWidth a:active {
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 198px;
	height: 28px;
	padding-top: 8px;
	text-decoration: none;
}
#nav .normalNav .wideWidth a:focus {
	color: #fff;
	font-size: 12px;
	display: block;
	float: left;
	width: 198px;
	height: 28px;
	padding-top: 8px;
	text-decoration: none;
}

.dropdownMenu {
	background-color: #fff;
	border: solid 1px #CCCCCC;
	border-top: 5px solid #003266;
	width: 147px;
	visibility: hidden;
}

* html .dropdownMenu  ul li {padding: 0px; margin: 0px; float: left; width: 137px; display: block;}

.dropdownMenu ul li a:link {display: block; float: left; width: 137px; height: 20px; padding: 5px; border-bottom: #ccc solid 1px; color: #003266; text-decoration: none;}

.dropdownMenu ul li a:visited {display: block; float: left; width: 137px; height: 20px; padding: 5px; border-bottom: #ccc solid 1px; color: #003266; text-decoration: none;}
.dropdownMenu ul li a:hover {background-color: #003266; display: block; float: left; width: 137px; height: 20px; padding: 5px; border-bottom: #ccc solid 1px; color: #fff; text-decoration: none;}
.dropdownMenu ul li a:active {display: block; float: left; width: 137px; height: 20px; padding: 5px; border-bottom: #ccc solid 1px; color: #003266; text-decoration: none;}
.dropdownMenu ul li a:focus {background-color: #003266; display: block; float: left; width: 137px; height: 20px; padding: 5px; border-bottom: #ccc solid 1px; color: #fff; text-decoration: none;}

* html .dropdownMenu ul li a:link {height: 10px;}
* html .dropdownMenu ul li a:visited {height: 10px;}
* html .dropdownMenu ul li a:hover {height: 10px;}
* html .dropdownMenu ul li a:active {height: 10px;}
* html .dropdownMenu ul li a:focus {height: 10px;}

.dropdownMenuWide {
	background-color: #fff;
	border: solid 1px #CCCCCC;
	border-top: 5px solid #003266;
	width: 186px;
	visibility: hidden;
}

* html .dropdownMenuWide  ul li {padding: 0px; margin: 0px; float: left; width: 186px; display: block;}

.dropdownMenuWide ul li a:link {display: block; float: left; width: 186px; height: 20px; padding: 5px; border-bottom: #ccc solid 1px; color: #003266; text-decoration: none;}

.dropdownMenuWide ul li a:visited {display: block; float: left; width: 176px; height: 20px; padding: 5px; border-bottom: #ccc solid 1px; color: #003266; text-decoration: none;}
.dropdownMenuWide ul li a:hover {background-color: #003266; display: block; float: left; width: 176px; height: 20px; padding: 5px; border-bottom: #ccc solid 1px; color: #fff; text-decoration: none;}
.dropdownMenuWide ul li a:active {display: block; float: left; width: 176px; height: 20px; padding: 5px; border-bottom: #ccc solid 1px; color: #003266; text-decoration: none;}
.dropdownMenuWide ul li a:focus {background-color: #003266; display: block; float: left; width: 176px; height: 20px; padding: 5px; border-bottom: #ccc solid 1px; color: #fff; text-decoration: none;}

* html .dropdownMenuWide ul li a:link {height: 10px;}
* html .dropdownMenuWide ul li a:visited {height: 10px;}
* html .dropdownMenuWide ul li a:hover {height: 10px;}
* html .dropdownMenuWide ul li a:active {height: 10px;}
* html .dropdownMenuWide ul li a:focus {height: 10px;}

#servicesDrop {
	position: absolute;
	z-index: 100;
	left: 221px;
	top: 35px;
	text-align: left;
	font-size: 12px;
}

#companyDrop {
	position: absolute;
	z-index: 100;
	left: 109px;
	top: 35px;
	text-align: left;
	font-size: 12px;
}

#healthDrop {
	position: absolute;
	z-index: 100;
	left: 328px;
	top: 35px;
	text-align: left;
	font-size: 12px;
}

/*top banner styles*/
#topBanner {
	width: 963px;
	height: 238px;
	background-image: url(../img/site/top_index.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#topBannerContact {
	width: 963px;
	height: 238px;
	background-image: url(../img/site/top_contact.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.indexTop #services ul li a:link {color: #003266;}
.indexTop #services ul li a:visited {color: #003266;}
.indexTop #services ul li a:hover {color: #003266;}
.indexTop #services ul li a:active {color: #003266;}
.indexTop #services ul li a:focus {color: #003266;}

#imageAnim {
	float: left;
	width: 735px;
	height: 186px;
	overflow: hidden;
}
#topBanner #services, #topBannerContact #services {
	float: right;
	width: 207px;
	padding: 10px;
	text-align: left;
	padding-top: 10px;
}

* html #topBanner #services, * html #topBannerContact #services {
	width: 200px;
	margin-right: 5px;
	padding-left: 0px;
	padding-top: 20px;
}

.indexTop #services p {margin-left: 30px; font-size: 14px;}
* html .indexTop #services p {margin-left: 10px;}

.indexTop #services ul {
	margin-left: 35px;
	margin-top: 15px;
}

* html .indexTop #services ul {margin-left: 35px;}
.indexTop #services ul li {
	list-style-image: url(../img/site/tick.gif);
	list-style-position: outside;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #003266;
}


/*content styles*/

#content {
	background-image: url(../img/site/bg_content.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	width: 929px;
	padding: 10px;
	padding-left: 25px;
	padding-top: 0px;
}

#content h1 {color: #3d3d3c; font-size: 24px; font-weight: normal; margin-bottom: 20px;}
#content h2,  .projectTxt h3 {color: #ff7901; font-size: 14px; font-weight: bold; margin-bottom: 20px;}
.projectTxt h3 {margin-bottom: 10px;}
#content p {font-size: 12px; line-height: 13pt; margin-bottom: 10px;}

#leftBox {
	float: left;
	width: 711px;
}

#leftBox h3, #leftBoxPad h3, #leftBoxContact h3 {font-size: 12px; font-weight: bold; color: #003266;}
#leftBoxPad {
	float: left;
	width: 690px;
	padding-right: 21px;
}

#leftBoxPad ul {font-size: 12px; line-height: 13pt;}
#rightBox {
	float: left;
	width: 208px;
	background-image: url(../img/site/bg_rightbox.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.middleLeft,.middleRight {
	float: left;
	width: 315px;
	padding-right: 40px;
}

.middleRight {
	padding-right: 20px;
	width: 305px;
	padding-left: 20px;
}

/*latest project styles*/

.projectImages {
	float: left;
	width: 100px;
	margin-top: 5px;
	margin-right: 20px;
}
.projectImages img {
	float: left;
	margin-bottom: 10px;
	border: solid 1px #ccc;
}
.projectTxt {
	float: left;
	width: 150px;
	margin-top: 5px;
}

.myGallery {
	width: 350px;
	border: solid 2px #ff7901;
	height: 248px;
	overflow: hidden;
}

/*latest news styles*/

#latestNews {
	background-color: #f7f7f7;
	padding: 10px;
	width: 680px;
	margin-top: 20px;
}

.newsSnipit {
	width: 680px;
	margin-bottom: 20px;
}

.newsDate {
	float: left;
	width: 150px;
	font-size: 12px; 
	font-weight: bold;
	color: #3b3b3b;
}

.newsTxt {
	float: left;
	width: 410px;
	padding-left: 10px;
	padding-right: 10px;
}

.newsTxt h3 {font-size: 12px; color: #ff7901; font-weight: bold;}
.newsLink {float: left; width: 100px;}

#supplierAd, .rightBoxRep {
	padding: 10px;
	background-image: url(../img/site/border_bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

#supplierAd {padding-top: 0px;}
#supplierAd h3 {font-size: 14px; font-weight: bold; color: #444443; margin-bottom: 10px;}
#supplierAd h4 {
	color: #ff7901;
	font-size: 20px;
	font-weight: normal;
}

#rightBox .rightBoxRep p {margin-bottom: 0px;}
.rightBoxRep h3 {font-size: 12px; color: #444443; margin-bottom: 10px; font-weight: bold;}

/*footer styles*/

#footer {margin-bottom: 20px;}
#footer p {font-size: 12px;}
.copyLeft {
	float: left;
	width: 200px;
	text-align: left;
	font-weight: bold;
	padding-left: 4px;
}
.copyRight {
	float: right;
	width: 200px;
	text-align: right;
	font-weight: bold;
	padding-right: 7px;
}

#logos img {float: left;}
#footerMap {
	float: left;
	width: 263px;
	height: 263px;
	border: solid 1px #ccc;
	margin-right: 48px;
}

.footerBoxFloat, .footerBoxFloat2 {
	float: left;
	width: 155px;
	font-size: 12px;
	text-align: left;
	line-height: 15pt;
	background-image: url(../img/site/bg_line_footerfloat.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin-right: 10px;
}

.footerBoxFloat2 {background-image: none;}

.footerBoxFloat2 ul {margin-left: 15px;}
.footerBoxFloat2 ul li {list-style-image: url(../img/site/bullet_index_list.jpg); list-style-position: outside;}
#footer ul a:link {color: #000; font-weight: normal;}
#footer ul a:visited {color: #000; font-weight: normal;}
#footer ul a:hover {color: #000; font-weight: normal;}
#footer ul a:active {color: #000; font-weight: normal;}
#footer ul a:focus {color: #000; font-weight: normal;}

#footer .bldLink a:link {color: #000; font-weight: bold;}
#footer .bldLink a:visited {color: #000; font-weight: bold;}
#footer .bldLink a:hover {color: #000; font-weight: bold;}
#footer .bldLink a:active {color: #000; font-weight: bold;}
#footer .bldLink a:focus {color: #000; font-weight: bold;}

#footer .copyRight a:link {color: #000; font-weight: bold;}
#footer .copyRight a:visited {color: #000; font-weight: bold;}
#footer .copyRight a:hover {color: #000; font-weight: bold;}
#footer .copyRight a:active {color: #000; font-weight: bold;}
#footer .copyRight a:focus {color: #000; font-weight: bold;}

#box1 {
	width: 180px;
}
#box2 {
	width: 180px;
}
#box3 {
	width: 100px;
	margin-right: 0px;
}

#box3 ul li {list-style-image: none;}

/*subnav styles*/

.subNav {
	width: 700px;
	margin-bottom: 20px;
}

.subNav li {
	display: block;
	float: left;
	width: 160px;
	font-size: 12px;
}

.subNav2 li, .subFloat li {
	display: block;
	float: left;
	width: 160px;
	font-size: 12px;
	padding-bottom: 10px;
}

.subFloat {
	float: right;
	width: 160px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

/*project page styles*/

.projectSnipit {
	margin-bottom: 30px;
	width: 680px;
	float: left;
	border-bottom: solid 1px #ccc;
	padding-bottom: 30px;
	padding-right: 20px;
}
#content .projectSnipit h2 {color: #003266; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.projectLeft {
	float: left;
	width: 430px;
}

.projectSnipit img {border: solid 1px #ccc; width: 200px;}

.paging {font-size: 12px; margin-bottom: 10px; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; color: #666666;}

.projectImg {float: right; width: 200px;}

.titleBox {
	background-color: #f7f7f7;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}
#content #leftBoxPad .titleBox h2 {color: #003266; font-size: 14px; font-weight: bold; margin-bottom: 0px;}

.titleLeft {float: left; width: 300px;}
.backRight {
	float: right;
	text-align: right;
	width: 200px;
	font-size: 12px;
	margin-top: 10px;
	padding-right: 10px;
}

.backRight a:link {color: #3d3d3c;}
.backRight a:link {color: #3d3d3c;}
.backRight a:link {color: #3d3d3c;}
.backRight a:link {color: #3d3d3c;}
.backRight a:link {color: #3d3d3c;}

.projectBigLeft {
	float: left;
	width: 300px;
	padding-right: 10px;
}
.projectBigImg {
	float: right;
	width: 355px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.contactBoxProj {
	background-color: #f7f7f7;
	background-image: url(../img/site/bg_phone.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 42px;
	border: solid 2px #f89134;
	padding: 10px;
	padding-top: 20px;
	padding-left: 20px;
	margin-bottom: 10px;
	width: 320px;
}

/*gallery styles*/

.thumb {
	float: left;
	width: 102px;
	height: 145px;
	margin-right: 5px;
	background-image: url(../img/site/bg_img.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 15px;
	padding-left: 11px;
	padding-right: 11px;
}

.thumb img {border: solid 1px #666666;}
.thumb p {margin-top: 10px;}
.thumbOverflow {
	height: 71px;
	width: 100px;
	overflow: hidden;
	float: left;
	text-align: center;
}

/*news styles*/

#newsBox {background-color: #f7f7f7; padding: 10px;}
.newsTxt2 {
	float: left;
	width: 510px;
	padding-left: 10px;
	padding-right: 10px;
}

.newsTxt2 h3 {font-size: 12px; color: #ff7901; font-weight: bold;}

.newsSnipitImg {
	margin-left: 20px;
	margin-bottom: 20px;
	float: right;
	border: 0px;
	width: 100px;
}

.newsImages {float: right; margin-left: 20px; margin-bottom: 20px; width: 200px;}

/*contact us styles*/

#leftBoxContact {
	float: left;
	width: 920px;
}

.contactTable {font-size: 12px;}
.contactTable td {padding-bottom: 10px;}

.formBox {
	float: left;
	width: 350px;
	margin-right: 20px;
}
#mapBox {
	width: 328px;
	height: 249px;
	float: left;
	border: solid 1px #ccc;
	margin-right: 20px;
	font-weight: bold;
	text-align: right;
}
.addressBox {float: left; width: 200px;}

/*site map styles*/
.siteMap {font-size: 12px;}
.siteMap ul, .siteMap li {margin-bottom: 5px; margin-top: 5px;}
.floatSiteLeft {
	float: left;
	width: 220px;
	padding-right: 10px;
}

.galButtonLeft {float: left; cursor: pointer;}
.galButtonRight {float: right; cursor: pointer;}
.instructions {
	float: left;
	width: 275px;
	text-align: center;
	font-size: 10px;
	margin-top: 18px;
}