*{ margin: 0; padding: 0; }
body { font: 14px Arial, Verdana, Sans-Serif; background: #777777 url(../images/menu.gif) repeat-x left 6px; color: #FFFFFF; 	border-top: 6px solid #F58220;}
a {color: #FFFFFF; text-decoration: none; outline: none;} 
a:hover {color: #F58220; text-decoration: none;}
p {margin: 0 0 10px 0; }
#slogan { font-size: 12px; line-height: 1.2em; color:#FFFFFF; position:absolute; top:45px; left:180px;}
#telNumber {position: absolute; font: bold 25px Arial, Helvetica, sans-serif; color:#fff; left:177px; top:0px; line-height:50px; height:50px;}
#locations {position: absolute; font: normal 14px Trebuchet MS; color: #fff; right:10px; top:20px; height:50px; width:330px;  line-height:16px; }

h1 { font: bold /*italic*/ 2em /*Arial, Helvetica, sans-serif Georgia, */"Trebuchet MS"/*, Arial, Sans-Serif*/; padding: 0 0 0 10px; margin: 0; border-top: 3px solid #F58220; /*background: #222;*/}
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Helvetica, sans-serif; color:#F58220; }
h1 a, h2 a { color: #000; text-decoration: none; }
img { border: 0; behavior: url("pngbehavior.htc"); }

/* layout */
#content {margin: 0 auto; width: 980px; position:relative;}
#header {
	font: 11px Arial, Verdana, Sans-Serif; line-height: 1.7em;
	padding: 5px 0 0 0;
	color: #fff;
	margin: 0;
	height: 81px;
	position:relative;
}

#information {width: 980px; padding:10px 0 0 0; float:left; z-index:99; position:relative;}
* html #innerWrapper {position: absolute; left:-977px; top:361px; z-index:2;}/*ie6*/
* html #innerWrapper2 {position: absolute; left:-977px; top:461px; z-index:2;}/*ie6*/
#innerWrapper {position: absolute; left:0; top:330px; z-index:2;}/*others*/
#innerWrapper2 {position: absolute; left:0; top:430px; z-index:2;}/*others*/

#outerWrapper {position:relative; z-index:2; top:30px;}/*others*/
* html #outerWrapper {position:relative; z-index:90; top:-128px;}/*ie6*/


/* main horizontal menu */
#tablist{width: auto; display: block; padding-left:4px;}
	#tablist li{ list-style: none; display: inline;  }
	#tablist li a.nosublink {
		font: 16px Arial, Verdana, Sans-Serif;
		line-height: 19px;
		text-decoration: none;
		margin: 0 3px 0 0;
		padding: 3px 11px;
		border: 1px solid #000000;
		font-weight: bold;
		color: #F58220;
	}
	#tablist li a.nosublink:hover{
		border: 1px solid #F58220;
		color: #fff;
	}
	body#gallerypage #tablist li a#gallerylink,
	body#requirementspage #tablist dl dt span a#apppagelink,
	body#apppage #tablist dl dt span a#apppagelink,
	body#attachresumepage #tablist dl dt span a#apppagelink,
	body#homepage #tablist li a#homelink,
	body#servicespage #tablist li a#serviceslink,
	body#aboutuspage #tablist li a#aboutuslink,
	body#contactuspage #tablist li a#contactlink,
	/* 04-09-2013 Cyberimage (JKosol) Add Brochure top menu highlight text */
	body#brochurepage #tablist li a#brochurelink,
	body#affiliationspage #tablist li a#affiliationslink {background: #F58220; color: #fff;}
	.linkFrame {display:block; float: left; padding:5px 0;}
	#tablist .key { text-decoration: underline; }


/* right side */
/* html #right {float: right;width: 725px;margin: 0;padding: 22px 0 0 25px;} /*this line for ie6 and below*/
#right {float: right;width: 725px;margin: 0 0 0px 0;padding: 22px 0 10px 25px;} /*this line for modern browsers*/


	.border { border: 1px solid #AED898;  margin: 0 0 10px 0;}
	.subheader {
		padding: 15px;
		/*background: #F1F8ED;*/
		color: #FFF;
		border: 2px solid #D1EAC3;
	}
	.highlight { background: #C5E7F6; color: #000; }
	.left_articles {
	margin: 0;
	border-top: 3px solid #F58220;
	padding: 7px 280px 5px 20px;
	background: #444 url(../images/worker.jpg) no-repeat right top;
	width:425px;
	/*position:relative;*/
	}

		.date { font-size: .9em; padding: 2px 0 2px 2px; background: #777777; color: #FFFFFF; }
		.bigimage {
			float: left;
			clear: left;
			margin: 0 15px 10px 0;
		}
/*	.left_box {
		border-top: 30px solid #F58220;
		padding: 0;
		margin: 0px 0 0 0;
	}*/
.services {display:block; padding:10px; border:1px solid #F58220; margin-bottom:5px; float:left; width:703px; background:#444444; color:#F58220; font-family: "Trebuchet MS"; font-weight: bold;}
.spec {display:block; padding:10px; border:1px solid #F58220; margin-bottom:5px; float:left; width:97%; background:#444444; color:#F58220; font-family: "Trebuchet MS"; font-weight: bold; font-size: 120%;}
.spec li {list-style-type: square; float:left; font-size:80%; width:180px; margin-bottom:10px;}


.content, .aboutus, .contact {display:block; padding:10px; border:1px solid #F58220; /*margin-bottom:5px;*/ float:left; width:703px; background:#444444;}
.galleryP {display:block; padding:10px 0 10px 0px; border:1px solid #F58220; float:left; width:723px; background:#444444; min-height:450px;}
* html .galleryP {display:block; padding:10px 0 10px 0px; border:1px solid #F58220; float:left; width:723px; background:#444444; height:450px;}/*height for ie6*/
.contact div.detailstaff {display: block; padding:5px; background:#666666; margin-bottom:1px;}
.contact img.staff {display: block; padding:1px; background:#FFF; border:1px solid #111; float:left; margin-right:10px;}

.contactMail {
	background: url(../images/email.gif) no-repeat left top; padding-left:25px;
}

.services ul {margin-bottom:10px;}	
.services li {margin-left:50px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}	
	
	
	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		
		
/* Left side */
#left {
	float: left;
	width: 215px;
	margin: 0 0 10px 0;
	/*padding: 55px 0 0 0;*/
	/*background: url(../images/right.gif) no-repeat top right;*/
	
}
	.button {
		font: normal 1.6em "Georgia", "Times New Roman", Arial;
		color: #679A4E;
		text-align: center;
		margin: 0 0 110px 0; 
	}
	.big { color: #FFCC33; font: normal 1.6em "Georgia", "Times New Roman", Arial; display:block;}
	
	#side_menu { margin: 0 0 20px 0; }
	#side_menu li { list-style: none;}
	#side_menu li a {font: normal 14px "lucida sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #843B00; border: 0; margin: 0 0 1px 0; display: block; background: #FFBE0B url(../images/side_menu.gif) repeat-x; padding: 7px 5px 0 5px; height:25px; border-left: 6px solid #F58220;}
	#side_menu li a:hover { color: #fff; background: #565656 url(../images/side_menu_hover.gif) repeat-x; }	
	
	.image { float: left; margin: 0 9px 3px 0; }
	
/* footer */
#footer { 
	/*clear: both;*/
	color: #808080;
	background: #545454;
	padding: 10px 0px;
	border-top: 1px solid #ccc;
	position:relative;
	z-index: 99;
	float: left;
	width: 980px;
}
#footer .right {float: right; display:block; padding-right: 15px;}
#footer .left {float: left; display:block; padding-left: 15px;}

body#gallerypage #footer a#gallerylinkB,
body#requirementspage #footer a#requirementslinkB,
body#apppage #footer a#applicationlinkB,
body#homepage #footer a#homelinkB,
body#servicespage #footer a#serviceslinkB,
body#aboutuspage #footer a#aboutuslinkB,
body#contactuspage #footer a#contactlinkB,
body#attachresumepage #footer a#attachresumelinkB,
/* 04-09-2013 Cyberimage (JKosol) Add Brochure bottom menu highlight text */
body#brochurepage #footer a#brochurelinkB,
body#affiliationspage #footer a#affiliationslinkB {color: #DDDDDD;}
#footer a:hover {color: #FFFFFF;}
#footer a {color: #808080;}
	
/**********Gallery style*****************************************************************/	

.button-popups { background-color:#FFD45F;
		 FONT-FAMILY: arial, verdana, helvetica, sans;
		 color: #000000;
		 font-size: 8pt;
		 height: 21px;
		 font-weight: bold;
		 text-align: center;
		 padding-left: 5px;
		 padding-right: 5px;
		 BORDER: #F58220 1px solid; }


.buttonon-popups {background-color:#F58220;
		 FONT-FAMILY: arial, verdana, helvetica, sans;
		 color: #FFFFFF;
		 font-size: 8pt;
		 height: 21px;
		 font-weight: bold;
		 text-align: center;
		 padding-left: 5px;
		 padding-right: 5px;
		 BORDER: #F58220 1px solid; cursor: pointer; }
/***************************************************************************/	


.clearBoth {clear:both; height:1px; line-height:1px;}

.specBox {display: block; padding:5px; margin:3px auto; background: #666666; color:#FFFFFF;}
select {background:#FFFFCC;}

/*******************/
#logos {background:#FFFFFF url(../images/logo_bg.gif) repeat-x left top; height:62px; text-align:center;}
#logos img {margin-right: 35px;}

#mainServices {margin-bottom:6px; display:block;}
.orangeText {color: #F58220; line-height:30px;}
.blackBox {padding:0px 5px; display:block; background:#000; border: 1px solid #F58220; border-left:6px solid #F58220;}

/***************************************************************************/	

#magCover {border:2px solid #CCCCCC; float:left;}
#affiliationslogos {border: 3px solid #cccccc; float:right; background:#FFFFFF; color: #000000; width:300px; padding:20px;}

#affiliationslogos li {width:147px; height:130px; list-style: none; display: block; float:left; text-align:center;}


.detailstaff p {display:block; float: left; width:450px;}

ul.requireList {margin: 20px auto;}
.requireList li { 
	margin: 0px 70px 10px 50px;
	list-style: circle;
	font-size: 14px;
}

.projectCate {float: left; display: block; position: relative; width: 211px; color: #000000;text-align: center; padding:10px 0; background:#333333; margin-right:16px;}