@charset "utf-8";
body {
	font: 0.76em arial, Helvetica, sans-serif; /*'Trebuchet MS',*/
	background-color: #031a44;	
	color: #858585;
	margin-top: 6px;
}

/* ------------------------------------------------- */

/* ------------------------------------------------- */

/* @wrapper */
#wrap {
	width: 790px;
	margin-left:auto;
	margin-right:auto;
	background-color: white;
	height: 590px;
}

/* @container */
#container {
	margin: 1px;
	margin-bottom: 0px;
	width: 788px;
	heigth: 566px; /* should be 568 but margin: 1px made it subract -2 to fix in ie and firefox */
}

/* @html>body #container -> Hack used for Mozilla Firefox browser. */
html>body #container { 
	float: left;
	margin: 1px;
	margin-bottom: 0px;
	width: 788px;
	heigth: 566px; 
}
	
	/* -------------- @HEADER ---------------- */
	#header {
		background-color: #031a44;
		height: 102px;
	}
	
		#header_left {
			float: left;
			width: 460px; 
			height: 94px;
			padding-left: 6px;
			padding-top: 8px;
		}
			#header_left ul {
				margin: 0px;
				padding: 0px;
			}
			#header_left ul li{
				color: #fff;
				font-size: 1em;
				display: inline;
				background-image: url("/images/bullet.jpg");
				background-repeat: no-repeat;
				padding-left: 12px;
			}	
			#header_left ul li a{ 
				color:white;
				text-decoration: none;
			}
			#header_left ul li a:hover{ 
				color:white;
				text-decoration: underline;
			}
			
			#header_left ul li.first_item{
				color: #fff;
				font-size: 1em;
				background-image: none;
				display: inline;
				padding-left: 4px;
			}
		#header_right {
			float: right;
		}
	/* ------------------ End of #HEADER block ------------- */

	/* ------------------ @CONTENT ------------------------- */
	#content{
		float: left;
		height: 464px;
		margin-top: 1px;
	}

		/* ------------------------ @LEFT MENU ----------------------- */
		#menu_left{
			float: left;
			width: 140px;
			height: 463px;
			background-color: #031a44;
		}
			#menu_left_top{
				height: 340px;
				float: left;			
			}

				#menu_left ul {
					margin: 0px;  
					padding: 0px;  
					list-style-type: none;
					background-color: white;
				}
				
				#menu_left li {
					margin: 0px 0px 1px 0px;
					font-size: 0.9em;
					color: #ffffff;
				}
	
				/* Menu 1. home */
				#menu_left li.home_off a { 
					display: block; 
					color: #ffffff; 
					background-color: #031a44;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
				
				#menu_left li.home_off a:hover {
					background-image: url("/images/menu/home_bg.jpg");
					color: #ffffff;
				}
	
				#menu_left li.home_on a { 
					display: block; 
					color: #ffffff; 
					background-image: url("/images/menu/home_bg.jpg");
					background-color: #031a44;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}	
							
				/* Menu 2. about_us */
				#menu_left li.about_us_off a { 
					display: block; 
					color: #ffffff; 
					background-color: #22365a;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
				
				#menu_left li.about_us_off a:hover {
					background-image: url("/images/menu/home_bg.jpg");
					color: #ffffff;
				}		
	
				#menu_left li.about_us_on a { 
					display: block; 
					color: #ffffff; 
					background-image: url("/images/menu/home_bg.jpg");
					background-color: #22365a;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
				/* Menu 3. services */
				#menu_left li.services_off a { 
					display: block; 
					color: #ffffff; 
					background-color: #4f6388;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
				
				#menu_left li.services_off a:hover {
					background-image: url("/images/menu/services_bg.jpg");
					color: #ffffff;
				}	
	
				#menu_left li.services_on a { 
					display: block; 
					color: #ffffff; 
					background-image: url("/images/menu/services_bg.jpg");
					background-color: #4f6388;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
								
				/* Menu 4. news */
				#menu_left li.news_off a { 
					display: block; 
					color: #ffffff; 
					background-color: #855347;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
				
				#menu_left li.news_off a:hover {
					background-image: url("/images/menu/services_bg.jpg");
					color: #ffffff;
				}		
	
				#menu_left li.news_on a { 
					display: block; 
					color: #ffffff; 
					background-image: url("/images/menu/services_bg.jpg");
					background-color: #855347;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
							
				/* Menu 5. recruitment */
				#menu_left li.recruitment_off a { 
					display: block; 
					color: #ffffff; 
					background-color: #88736e;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
				
				#menu_left li.recruitment_off a:hover {
					background-image: url("/images/menu/recruitment_bg.jpg");
					color: #ffffff;
				}	
	
				#menu_left li.recruitment_on a { 
					display: block; 
					color: #ffffff; 
					background-image: url("/images/menu/recruitment_bg.jpg");
					background-color: #88736e;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
					
				/* Menu 6. contact_us */
				#menu_left li.contact_us_off a { 
					display: block; 
					color: #ffffff; 
					background-color: #644d47;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
				
				#menu_left li.contact_us_off a:hover {
					background-image: url("/images/menu/contact_bg.jpg");
					color: #ffffff;
				}		
				
				#menu_left li.contact_us_on a { 
					display: block; 
					color: #ffffff; 
					background-image: url("/images/menu/contact_bg.jpg");
					background-color: #644d47;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}
				
				#menu_left li.white_line a { 
					display: block; 
					color: #ffffff; 
					background-color: #031a44;  
					width: 124px;  
					padding: 5px 6px 5px 10px;  
					text-decoration: none;
					font-weight: bold;
				}

				
			#menu_left_bottom{
				padding-left: 10px;
				float: left;
				font: 1em bold arial;
				color: white;
			}
				#menu_left_bottom a, #menu_left_bottom a:link, #menu_left_bottom a:visited {
					text-decoration: none;
					font: 0.9em bold arial;
					color: white;
				}
				#menu_left_bottom a:hover{
					text-decoration: underline;
					font: 0.9em bold arial;
					color: white;
				}
		/* ------------------------ End of Left Menu ---------------------- */		

		#main_content{
			float: left;
			width: 648px;
		}
		/* @homepage Page Main Content */
		#homepage {
			float: left;
			width: 194px;
			text-align: justify;
			margin-top: 15px;
			padding-left: 12px;
		}
		#homepage_image {
			float: right;
		}
		/* End of homepage */
		/* @About us Page Main Content */
		#about_us_main_content {
			float: left;
			width: 647px;
			margin-left: 1px;
			background-color: #ffffff;
		}
		#about_us {
			float: left;
			width: 264px;
			text-align: justify;
			margin-top: 15px;
			padding-left: 12px;
		}
		#about_us span {
			font-weight: 500;
			color: #858585;		
			text-align: justify;
		}
		#about_us_image {
			float: right;
			position:relative;
			left: 7px;
		}
		#gw_art_services_image {
			float: right;
			position:relative;
			left: 4px;
		}
		html>body #about_us_image {
			float: right;
			margin-right: 7px;
		}
		/* End of About us */	
		/* @Services Page Main Content */
		#services{
			float: left;
			width: 288px;
			text-align: justify;
			margin-top: 15px;
			padding-left: 12px;
		}
		#services p {
			font-size: 11px;
			margin-bottom: 10px;
			margin-top: 10px;
			text-align: justify;
		}		
		#services strong {
			font-size: 11px;
			margin-bottom: 10px;
			margin-top: 10px;
			text-align: justify;
			font-weight: bold;
		}		
		#transport_details {
			float: left;
			width: 98%;
			text-align: justify;
			margin-top: 15px;
			padding-left: 12px;
			overflow-y: scroll;
			height: 448px;
		}
		#transport_details span {
			font-weight: 500;
			color: #858585;		
			text-align: justify;
		}	
		#transport_details p{
			padding-right: 10px;
			margin: 2px;
		}
		#transport_details strong{
			font-weight: bold;
			color: black;
		}
		/* End of services */
		/* @recruitment page Main Content */
		#recruitment_main {
			width: 647px;
			margin-left: 1px;
			height: 463px;
			background-image: url("/images/recruitment_main.jpg");
			float: left;
		}
		#recruitment {
			float: left;
			text-align: justify;
			margin-top: 15px;
			padding-left: 12px;
			width: 310px;
		}
		#recruitment p {
			color: #96a1c0;
		}
		/* End of recruitment*/
		/* @Contact Us page Main Content */
		#contact_middle_block1 {
			float: right;
			width: 144px;
			padding-left:15px;
			background: #dedede;
			color: #4f6388;
			height:463px;
		}
		#contact_middle_block2 {
			display:none;
			float: right;
			width: 144px;
			padding-left:15px;
			background: #dedede;
			color: #4f6388;
			height:463px;
		}
		#contact_middle_block3 {
			display:none;
			float: right;
			width: 144px;
			padding-left:15px;
			background: #dedede;
			color: #4f6388;
			height:463px;
		}
		#contact_left{
			float: left;
			padding-left: 12px;
			margin-top: 15px;
			width: 185px;
		}
		/* End of Contact Us */
		
		/* Staff */
		#staff {
			float: left;
			width: 287px;
			height: 450px;
			text-align: justify;
			margin-top: 15px;
			padding-left: 12px;
			padding-right: 12px;
			overflow-y: scroll;
			scrollbar-darkshadow-color: #888888;
			scrollbar-face-color: #CCCCCC;
			scrollbar-track-color: #efefef;			
		}
		
			
	/* ------------ End of #content block ---------- */	
	
#footer{
	float: left;
	width: 790px;
	height: 22px;
	background-image: url("/images/copyright.jpg");
	margin: 0px;
	padding: 0px;
}

.clear_div {
	clear: both;
}