body {
   margin:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #4368af url(../images/body-bottom-bg.gif) repeat-x 0 100%;
}
img {border:none;}
form {padding:0;margin:0;}
.form select, .form input, .form textarea {vertical-align:middle;}
#bg {
	background: url(../images/body-bg.gif) repeat-x;
	min-width: 916px;
}
#sub-page #bg {background: url(../images/body-bg2.jpg) repeat-x;}
#bg1 {
	background: url(../images/bg-1.jpg) no-repeat 50% 0;
	min-width: 916px;
}

#sub-page #bg_about {background: url(../images/bg_about.jpg) no-repeat 50% 0;}
#sub-page #bg_grading {background: url(../images/bg_grading.jpg) no-repeat 50% 0;}
#sub-page #bg_reclamation {background: url(../images/bg_full.jpg) no-repeat 50% 0;}
#sub-page #bg_paving {background: url(../images/bg_paving.jpg) no-repeat 50% 0;}
#sub-page #bg_employment {background: url(../images/bg_employment.jpg) no-repeat 50% 0;}
#sub-page #bg_contact {background: url(../images/bg_contact.jpg) no-repeat 50% 0;}

.stylegrading {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #fff;
	line-height: 13px; }


/*start main*/
#main {margin: 0 auto;width: 916px;}
#sub-page #main {width: 923px;}
/*start header*/
#header {
	overflow: hidden;
	width: 916px;
	height: 202px;
}
#sub-page #header {padding: 0 0 0 7px;}
#header .logo {
	float: left;
	background: url(../images/logo.png) no-repeat;
	width:285px;
	height: 151px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 328px;
	display: inline;
	position: relative;
	cursor: pointer;
}
/*start red star*/
#header .red-star {
	float: right;
	background: url(../images/red-start-bg.png) no-repeat;
	width: 86px;
	height: 96px;
	margin: 17px 0 0 19px;
	display: inline;
	padding: 28px 19px 0 19px;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-align: center;
}

/*start top navigation*/
#top-nav {
	float: left;
	width: 880px;
	height: 30px;
	line-height: 25px;
	padding: 5px 0 0 32px;
	margin: 16px 0 0;
	list-style: none;
	font-size: 13px;
	font-weight: bold;
	color: #2e4e8a;
	background: url(../images/top-nav-bg.png) no-repeat;
}
#top-nav li {
	float: left;
	background: url(../images/top-nav-sep.png) no-repeat;
	padding: 0 1px 0 5px;
}
#top-nav li.first {padding: 0 4px 0 0;background: none;}
#top-nav li a {
	color: #2e4e8a;
	float: left;
	background: 25px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}
#top-nav li a span.left {
	float: left;
	height: 25px;
	width: 13px;
	overflow: hidden;
}
#top-nav li a span.right {
	float: left;
	height: 25px;
	width: 12px;
	overflow: hidden;
}
#top-nav li a span.center {
	float: left;
	height: 25px;
}
#top-nav li a:hover span.left {background: url(../images/top-nav-left-bg.png) no-repeat;}
#top-nav li a:hover span.right {background: url(../images/top-nav-right-bg.png) no-repeat;}
#top-nav li a:hover span.center {background: url(../images/top-nav-center-bg.gif) repeat-x;color: #d75e10;}
#top-nav li a.active span.center {background: url(../images/top-nav-center-bg.gif) repeat-x;color: #d75e10;}
#top-nav li a.active span.right {background: url(../images/top-nav-right-bg.png) no-repeat;}
#top-nav li a.active span.left {background: url(../images/top-nav-left-bg.png) no-repeat;}
/*start content*/
#content {width: 916px;overflow: hidden;}
#sub-page #content {width: 923px;}
/*start top box*/
#content .top-box {
	float: left;
	width: 700px;
	margin: 17px 0 0 145px;
	height: 236px;
	display: inline;
	text-align: center;
	font-size: 14px;
	color: #3e62a7;
	line-height: 21px;
}
#content .top-box strong {font-size: 15px;}
/*start boxes*/
#content .boxes-holder {
	float: left;
	width: 914px;
	margin: 0 0 0 18px;
	display: inline;
	background: url(../images/boxes-bg.png) no-repeat;
}
#content .boxes {
	float: left;
	width: 914px;
	padding: 0 0 54px 2px;
	position: relative;
}
/*start blue box*/
#content .boxes .blue-box {
	float: left;
	width: 240px;
	padding: 0 24px 0 25px;
	margin: 0 9px 0 0;
}
#content .boxes .blue-box.last {
	padding: 0 24px 0 23px;
}
#content .boxes .blue-box h2 {
	margin: 18px 0 10px;
	font-size: 17px;
	color: #2e4e8a;
	font-weight: bold;
}
#content .boxes .blue-box .image {float: left;border: 1px solid #4368af;}
#content .boxes .blue-box .image:hover {border: 1px solid #eeb440;}
#content .boxes .blue-box .image img {display: block;}
#content .boxes .blue-box p {	
	clear: both;
	margin: 0;
	padding: 13px 0 0;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	position: relative;
}
#content .boxes .blue-box p a {color: #eeb440;text-decoration: none;}
#content .boxes .blue-box p a:hover {text-decoration: underline;}
#content .boxes .blue-box .learn-more {
	position: absolute;
	bottom: 0;
	margin: 0 0 0 135px;
	background: url(../images/learn-more-btn.jpg) no-repeat;
	width: 97px;
	height: 46px;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
}
#content .boxes .blue-box .learn-more a {
	display: block;
	text-align: center;
	color: #eeb440;
	text-decoration: none;
}
#content .sep {
	float: left;
	width: 915px;
	height: 5px;
	overflow: hidden;
	background: url(../images/sep.jpg) no-repeat;
}
/*start text box*/
#content .text-box {
	float: left;
	width: 385px;
	padding: 37px 0 0 10px;
	margin: 0 0 0 18px;
	display: inline;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
}
#content .text-box h3 {margin: 0;font-size: 16px;line-height: 18px;color: #eeb440;}
#content .text-box p {margin: 0 0 20px 0;}
#content .text-box p a {color:#eeb440;text-decoration: none;}
#content .text-box p a:hover {text-decoration: underline;}
/*start center box*/
#content .center-box {
	float: left;
	width:98px;
	margin: 23px 0 0 29px;
	padding: 109px 0 0;
	display: inline;
	background: url(../images/center-box-bg.gif) no-repeat;
}
#content .center-box .btn {
	float: left;
	background: url(../images/learn-more-btn.jpg) no-repeat;
	width: 97px;
	height: 46px;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
}
#content .center-box .btn a {
	display: block;
	text-align: center;
	color: #eeb440;
	text-decoration: none;
}
/*start right box*/
#content .right-box {
	float: left;
	width: 322px;
	padding: 0px 0 0 20px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
}
#content .right-box p {margin: 0;}
#content .right-box p a {color: #eeb440;text-decoration: none;}
#content .right-box p a:hover {text-decoration: underline;}
#content .right-box ul {
	list-style: none;
	padding: 11px 0 0;
	margin: 0;
	font-size: 12px;
	line-height: 75px;
	font-weight: bold;
	font-style: italic;
	color: #eeb440;
}
#content .right-box ul li {float: left;padding: 0 8px 0 0;}
#content .right-box ul li img {float: left;}
/*start inner box*/
#sub-page #content .inner {
	float: left;
	width: 855px;
	margin: 63px 0 0;
	min-height: 670px;
	padding: 15px 40px 0 28px;
	background: url(../images/inner-bg.png) no-repeat;
}


/*start employment_left*/
.emp_left {
	float: left;
	width: 400px;
	min-height: 670px;
	padding: 15px 40px 0 28px;
}

/*employment_fonts*/
.emp_font1 {
     font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}
.emp_font2 {
	font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;	
	color: #ffffff;
	text-align: left;
}
.emp_font3 {
	font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;	
	color: #000000;
	text-align: left;
}
.emp_font4 {
     font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}
.emp_font5 {
    	font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #eeb440;
	text-align: left;
}
.emp_font6 {
     font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
}
.emp_font7 {
     font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
}

* html #sub-page #content .inner {height: 670px;}
#sub-page #content .inner h1 {margin: 0 0 4px 0;font-size: 21px;color: #2e4e8a;}
#sub-page #content .inner p {
	margin: 0 0 18px 0;
	font-size: 12px;
	line-height: 18px;
	color: #000;
}
#sub-page #content .inner h2 {margin: 0;font-size: 14px;color: #eeb440;text-align: center;}
/*start sub box*/
#sub-page #content .inner .sub-box {
	float: left;
	width: 850px;
	margin: 0 0 0 99px;
	padding: 11px 0 0;
	display: inline;
	position: relative;
}
#sub-page #content .inner .sub-box ul {
	float: left;
	list-style: none;
	padding: 0 40px 0 20px;
	margin: 0;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
	color: #fff;
}
#sub-page #content .inner .sub-box ul li {background: url(../images/inner-item.gif) no-repeat 0 9px;padding: 0 0 0 12px;}
#sub-page #content .inner .sub-box ul li a {color: #fff;text-decoration: none;}
#sub-page #content .inner .sub-box ul li a:hover {text-decoration: underline;}
#sub-page #content .inner .sub-box .flash {
	float: left;
	width: 420px;
	background: url(../images/flash-bg.gif) no-repeat;
	padding: 0 0 47px 0;
}
#sub-page #content .inner .sub-box .flash img {float: left;}

/*start sub_grading box*/
#sub-page #content .inner .sub-box_grading {
	float: left;
	width: 850px;
	margin: 0 0 0 6px;
	padding: 6px 0 0 0;
	display: inline;
	position: relative;
}
#sub-page #content .inner .sub-box_grading ul {
	float: left;
	list-style: none;
	padding: 0 12px 0 0;
	margin: 0 0 0 8px;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
	color: #fff;
}
#sub-page #content .inner .sub-box_grading ul li {background: url(../images/inner-item.gif) no-repeat 0 9px;padding: 0 0 0 10px;}
#sub-page #content .inner .sub-box_grading ul li a {color: #fff;text-decoration: none;}
#sub-page #content .inner .sub-box_grading ul li a:hover {text-decoration: underline;}
#sub-page #content .inner .sub-box_grading .flash {
	float: left;
	width: 420px;
	background: url(../images/flash-bg.gif) no-repeat;
	padding: 0 0 0 0;
}
#sub-page #content .inner .sub-box_grading .flash img {float: left;}


/*flashborder*/
.flashborder
{border: 1px #213a71 solid; 
padding: 2px; background-color:#8edbfc; width: 414px; height: 311px;
}

/*start sub_about box*/
#sub-page #content .inner .sub-box_about {
	float: left;
	width: 850px;
	margin: 0 0 0 10px;
	padding: 12px 0 0 0;
	display: inline;
	position: relative;
}
#sub-page #content .inner .sub-box_about ul {
	float: left;
	list-style: none;
	padding: 0 3px 0 0;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #eeb440;
}
#sub-page #content .inner .sub-box_about ul li {background: url(../images/inner-item.gif) no-repeat 0 9px;padding: 0 0 0 10px;}
#sub-page #content .inner .sub-box_about ul li a {color: #fff;text-decoration: none;}
#sub-page #content .inner .sub-box_about ul li a:hover {text-decoration: underline;}
#sub-page #content .inner .sub-box_about .flash {
	float: left;
	width: 420px;
	height:380px;
	background: url(../images/flash-bg.gif) no-repeat;
	padding: 0 0 0 0;
}
#sub-page #content .inner .sub-box_grading .flash img {float: left;}


/*start sub_grading2*/
#sub-page #content .inner .sub-box_grading {
	float: left;
	width: 850px;
	margin: 0 0 0 10px;
	padding: 12px 0 0 0;
	display: inline;
	position: relative;
}
#sub-page #content .inner .sub-box_grading ul {
	float: left;
	list-style: none;
	padding: 0 3px 0 0;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #eeb440;
}
#sub-page #content .inner .sub-box_grading ul li {background: url(../images/inner-item.gif) no-repeat 0 9px;padding: 0 0 0 10px;}
#sub-page #content .inner .sub-box_grading ul li a {color: #fff;text-decoration: none;}
#sub-page #content .inner .sub-box_grading ul li a:hover {text-decoration: underline;}
#sub-page #content .inner .sub-box_grading .flash {
	float: left;
	width: 420px;
	height:380px;
	background: url(../images/flash-bg.gif) no-repeat;
	padding: 0 0 0 0;
}
#sub-page #content .inner .sub-box_grading .flash img {float: left;}



/*start footer*/
#footer {
	overflow: hidden;
	background: url(../images/form-bg.jpg) no-repeat;
	width: 670px;
	height: 118px;
	padding: 61px 113px 0 133px;
}
#footer p {
	margin: 0;
	font-size: 12px;
	color: #fec604;
	font-style: italic;
	text-align: center;
}
#footer address {
	font-size: 11px;
	color: #b5b5b4;
	font-style: normal;
	padding: 32px 0 0 30px;
}
/*
---------------------------------------------
10.1 ABOUT US - AWARDS
---------------------------------------------
*/

#award {width:220px; float:left; display:inline;}
#award h2 {background:url(../images/bg_award_acco.gif) no-repeat; width:220px; height:54px; line-height:54px; text-align:center; border:1px #161616 solid;}

#award a {display:block; margin:0 auto; background:url(../images/bg_awardlink.png) no-repeat; width:109px; height:111px;}
#award a:hover {background-position:0 -111px;}


/*
---------------------------------------------
10.2 ABOUT US - SERVICE
---------------------------------------------
*/

#service {width:400px; float:left; padding:0 5px; display:inline; overflow:hidden; background:url(../images/bg_border_service.gif) center no-repeat;}
#service h2 {background:url(../images/bg_service.gif) no-repeat; width:400px; height:54px; line-height:54px; text-align:center; border:1px #161616 solid;}

#service ul.left {width:165px; display:inline-block; float:left; padding-left:10px; } 
#service ul.right {width:165px; display:inline-block; float:right; padding-right:10px;} 

#service ul li { margin:0; padding:0; list-style:none; text-align:left;}
#service ul li a { background:url(../images/blt_tick.gif) left center no-repeat; padding:5px 0 5px 25px; display:block; width:140px; height: 12px; line-height:12px; margin:0; color:#515151; text-decoration:none;}
#service ul li a:hover {color:#51c0f5;} 

/*
---------------------------------------------
10.3 ABOUT US - ACCOLADES
---------------------------------------------
*/

#accolades {width:220px; float:right; display:inline;}
#accolades h2 {background:url(../images/bg_award_acco.gif) no-repeat; width:220px; height:54px; line-height:54px; text-align:center; border:1px #161616 solid;}

#accolades ul{list-style:none; margin:0 0 0 10px;}
#accolades ul li {display:inline; margin:0 0 0 0;}
#accolades ul li a {display:block; float:left; margin:0 0 7px 0; background:url(../images/bg_acc_links.gif) no-repeat; height:38px;}

#accolades ul li a.wedisart { width:53px; background-position:0 0;}
#accolades ul li a:hover.wedisart {background-position:0 -38px;}

#accolades ul li a.cssmania { background-position:-54px 0; width: 95px; margin:0 10px; }
#accolades ul li a:hover.cssmania { background-position:-54px -38px;}

#accolades ul li a.cssimagine { background-position:-150px 0; width: 100px; }
#accolades ul li a:hover.cssimagine { background-position:-150px -38px; }

#accolades ul li a.mydsgaward { background-position:-249px 0; width: 109px; margin-right:50px; }
#accolades ul li a:hover.mydsgaward { background-position:-249px -38px; }

#accolades ul li a.webstgallery { background-position:-360px 0; width: 102px ;}
#accolades ul li a:hover.webstgallery { background-position:-360px -38px; }