/* HTML ELEMENTS */
html {
	background: url(../images/bg.jpg) top center no-repeat #37393b;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	font-size: 13px;
	line-height: 17px;
	
}

a:active
{
  outline: none;
}


/* IDs and associated classes */
#container {
	width: 965px;
	height: 770px;
	margin: 0px auto;
	background-color: white;
}

#wrapper {
	padding: 20px 28px 0 35px;
}

#header h2 {
	height: 61px;
	background: url(../images/header.png) no-repeat;
	text-indent: -9999px;
}
.home #header h2 {background-position: 0 0;}
.about #header h2 {background-position: 0 -61px;}
.ourHistory #header h2 {background-position: 0 -122px;}
.ourServices #header h2 {background-position: 0 -183px;}
.ourClients #header h2 {background-position: 0 -244px;}
.safetyManagement #header h2 {background-position: 0 -305px;}
.contact #header h2 {background-position: 0 -366px;}

#content {
	height: 545px;
	margin-top: 10px; 
}

	#imagePanel {
		width: 365px;
		height: 545px;
		float: left;
		position: relative;
	}	
	.home #imagePanel {background-color: #7d6559}
	.about #imagePanel {background-color: #6b6f7d}
	.ourHistory #imagePanel {background-color: #7b715b}
	.ourServices #imagePanel {background-color: #592c21}
	.ourClients #imagePanel {background-color: #6f7674}
	.safetyManagement #imagePanel {background-color: #805933}
	.contact #imagePanel {background-color: #5f494e}
	
		#imagePanel img {
			width: 319px;
			height: 545px;
			position: absolute;
			top: 0;
			left: 46px!important;
		}

	#main {
		width: 537px;
		height: 545px;
		float: left;		
		background-color: #151515;
	}
	
		#main .padding {
			padding: 20px 13px 20px 22px;
		}
	
		#main .scroller{
			overflow: auto;
			height: 505px;
			padding-right: 5px;
		}
	
		.home #main .leftCol {
			width: 290px;
			float: left;
		}
		
		#main h1 {
			font-family: Geneva, Tahoma, sans-serif;
			font-size: 23px;
			line-height: 26px;
			text-transform: uppercase;
			margin-bottom:15px;
		}
		
		.ourHistory #main h1 span{
			color: #7b715b
		}
		
		#main h3 {			
			font-size: 15px;
			line-height: 19px;
			margin-bottom: 7px;
			
			/*fix for safari/firefox*/
			opacity: 0.99999;
			-moz-opacity: 0.99999;
			-khtml-opacity: 0.99999;
			filter: alpha(opacity=99);
			/* end fix */
		}
		.home #main h3 {color: #7d6559}
		.about #main h3 {color: #6b6f7d}
		.ourHistory #main h3 {color: #7b715b}
		.ourServices #main h3 {color: #592c21}
		.ourClients #main h3 {color: #6f7674}
		.safetyManagement #main h3 {color: #805933}
		.contact #main h3 {color: #5f494e}
		
		.ourHistory #main h3 img{	
			float: right;
			margin-left: 30px;
		}
		
		#glass_coat_australia #main h3, .contact  #main h3{
			text-transform: uppercase;
		}
		
		#main p {
			margin-bottom: 7px;
			
			/*fix for safari/firefox*/
			opacity: 0.99999;
			-moz-opacity: 0.99999;
			-khtml-opacity: 0.99999;
			filter: alpha(opacity=99);
			/* end fix */
		}
		
		#main ul{
			margin-bottom: 7px;
		}
		
		#main ul li {			
			padding-left: 20px;
			margin-left: 10px;
			line-height: 20px;
			
			/*fix for safari/firefox*/
			opacity: 0.99999;
			-moz-opacity: 0.99999;
			-khtml-opacity: 0.99999;
			filter: alpha(opacity=99);
			/* end fix */
		}		
		.about #main ul li {background: url('../images/about/bullet.png') center left no-repeat;}
		.ourServices #main ul li {background: url('../images/ourServices/bullet.png') center left no-repeat;}
		.safetyManagement #main ul li {background: url('../images/safetyManagement/bullet.png') center left no-repeat;}
		
		#main .signature {
			margin-top: 13px;
		}
		
		#main .gallery {
			margin: 15px 0;
		}
		#main .gallery a {
			margin-right:18px;
		}
		
		.ourHistory #main a.bottomNav {
			color: #7b715b;
			text-transform: uppercase;
			font-size: 16px;
			line-height: 20px;
			float:right;
			text-decoration: none;
			margin: 5px 0;
		}
		
		/* Services Menu */
		
		#main #servicesMenu {			
			float: left;			
		}
		
		.home #main #servicesMenu {width: 166px;margin-left:20px;}
		
		#main #servicesMenu li {
			margin: 0 0 5px 0;
			padding: 0;
			background: none;	
			clear:both;		
		}
		
		#main #servicesMenu li p {
			float: left;
			width: 230px;
			margin: 3px 0 0 10px;	
			line-height: 17px;
		}
		
		#main #servicesMenu li a {
			float: left;
			display: block;
			border:1px solid #151515;			
			padding: 3px;			
			height: 75px;
			color: white;
		}

		#main #servicesMenu li a img {					
			padding-top:5px;	
		}		
		.home #main #servicesMenu li a img {background-color: #7d6559;}
		.ourServices #main #servicesMenu li a img {background-color: #592c21}

		
		#main #servicesMenu li a:hover {
			border:1px solid #575454;	
		}		
		
		#main #servicesMenu li div {
			clear: both;
		}

		/* End Services Menu */

		.glassCoatLogo {
			margin-bottom: 10px;	
		}
		
		#ships_engineering_supplies #main ul {			
			float: left;
			margin-right: 13px;
		}
		
		.ourClients #main ul {			
			float: left;
		}
		
		.ourClients #main ul.first {			
			margin-right: 15px;
		}
		
		.ourClients #main ul li{
			padding: 0;
			margin: 9px 0 0 0;			
		}	
		
		.ourClients #main ul li img {
			float: left;
			margin-right: 8px;
		}
		
		.ourClients #main ul li{
			line-height: 28px;
			text-transform: uppercase;
		}				
		
		.contact #main form {
			padding: 12px;
			margin-bottom: 15px;
			background-color: #1f1c1c;
			
		}
		
		.contact #main form p {
			margin-bottom: 9px;
		}
		
		.contact #main form label {
			width: 85px;
			float: left;
			display: block
		}
		
		.contact #main form label.error {
			width: 120px;
			font-size: 12px;
			line-height: 12px;
			float: right;
			color: #EE0000;
		}
		
		.contact #main form input.text, .contact form textarea{
			width: 230px;
			padding: 2px;
			border:1px solid #575454;
		}
		
		.contact #main form input.error, .contact form textarea.error{
			border:1px solid #EE0000;
		}
		
		.contact #main form input.button {
			width:auto;
			margin:5px 0 0 85px;
		}
		
		.contact #main span.detail {
			display: inline;
			color: #5f494e;			
		}
		
		.contact #main ul {
			width: 235px;
		}
		
		.contact #main ul li{
			padding: 0;
			margin: 0;			
		}	
		
		.contact #main ul li a {
			color: #ffffff;
			text-decoration: none;
		}
		
		.contact #main ul li a:hover {
			text-decoration: underline;
		}
		
#footer {
	margin-top: 20px;
	background-color: green;
}

#footer a {
	color: #808080;
	font-size: 11px;
}


/* Classes */
.divider {
	height: 1px;
	margin: 14px 0 15px 0;
	border-bottom: 1px solid #c4c4c4;
	
}

.fright {
	float: right;
}

.fleft {
	float: left;
}