* {
	margin: 0;
	padding: 0;
}

body {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 50%;
	background-color: #222;
	text-align: center;
}

#everything {
	font-size: 125%;
}

h1 {
	font-weight: bold;
	font-size: 1.5em;
	/* margin: 6px 0; */ margin-bottom: 8px;
	clear: both;
	border-bottom: 1px solid #ddd;
}

h2 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 15px 0 3px;
	border-bottom: 1px solid #ddd;
	clear: both;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 3px 0;
	clear: both;
	color: #555;
}

#mainSurround {
	height: 500px;
	width: 712px;
	margin: 40px auto auto auto;
	border: 1px solid #CC0000;
	text-align: left;
	background-color: #FFF;
}

#mainSurround p {
	font-size: 1.1em;
	margin: 3px 0;
}

#mainSurround p.contactDetail {
	font-size: 1.1em;
	margin: 0px 0;
}

#leftCol {
	height: 500px;
	width: 120px;
	background-color: #FFF;
	border-right: 1px solid #CC0000;
	float: left;
}

#leftCol #mainMenu {
	height: 375px;
	font-size: 1.1em;
	font-weight: bold;
}

#leftCol #mainMenu ul {
	list-style: none;
	position: absolute;
	top: 450px; /* TO BE CHANGED IF ADDITIONAL MENU ITEMS ARE ADDED/REMOVED */
	text-align: right;
	border-bottom: 1px solid #CC0000;
}

	#mainMenu li a {
		display: block;
		width: 110px;
		padding: 2px 6px 3px 4px;
		text-align: right;
		border-top: 1px solid #CC0000;
	}
	
		#mainMenu a:link,
		#mainMenu a:visited,
		#mainMenu a:hover,
		#mainMenu a:active {
			color: #222; /* #880000; */
			text-decoration: none;
		}
		
		#mainMenu a:hover {
			background-color: #CC0000;
			color: #FFF;
		}
		
#contentCol {
	float: left;
	width: 550px;
	height: 500px;
}

#content {
	padding: 10px;
}

#contentCol a:link,
#contentCol a:active,
#contentCol a:visited,
#contentCol a:hover {
		color: #CC0000;
}

#contentCol a:hover {
	text-decoration: none;
}

	#contentCol #mapSurround {
		margin-top: 10px;
	}
	
	#contentCol #mapSurround #map {
		margin: auto;
	}
	
	#contentCol p.contactDetail {
		padding-left: 4px;
	}
	
#everything #contentCol #content ul {
	font-size: 1.1em;
	margin-left: 30px;
}

#rightCol {
	float: right;
	width: 40px;
	height: 500px;
	background: #FFF;
	border-left: 1px solid #CC0000;
}

	#rightCol img.wap {
		margin: 10px 0 0 10px;
	}
	
	#rightCol img.wapca {
		margin: 8px 0 0 10px;
	}
	
	#rightCol img.riba {
		/* border: 1px solid #FF0000; */
		margin-top: 118px;
	}
		
#contactDetails {
	margin-top: 10px;
}

	#contactDetails #left {
		float: left;
		width: 200px;
		margin-left: 30px;
	}
	
	#contactDetails #right {
		float: left;
		width: 200px;
	}
	
#footer {
	margin-top: 3px;
	color: #999;
}

.clear {
	clear: both;
}


/* FIX FOR IE IMG inline BUG */
	*html #rightCol img.riba {
		display: block;
	}

/* NEW STYLING FOR PORTFOLIO / COMPANY */

#halfGridSurround {
	padding: 7px;
}

#halfGridSurround #halfGridText {
	height: 194px;
	margin: 3px 3px 3px 3px;
	margin-bottom: 7px;
	background: #EEEEEE;
	padding: 15px;
}

#halfGridText p,
#halfGridText ul {
	font-size: 1.3em;
}

#halfGridText ul {
	margin-left: 30px;
}

#halfGrid {

}

#halfGrid img {
	margin: 3px;
	display: block;
	float: left;
	display: inline;
	/* border: 1px solid #000; */
}