/* CSS Document */

/**************** LAYOUT ***************/

body {
	text-align:center;
	margin:0;
	padding:0;
	background-color:#fff; /* Edit or delete */
	margin-top: 10px;
	font-size:0.8em;
	font-family:arial, verdana;
	font-weight:normal;
	color:#666666;
}

p {
	padding:5px 0px 20px 0px;
}

#outerContainer {
	background-color:#fff; /* Edit or delete */
}

#headerContainer {
	width:100%;
	background-color:#fff; /* Edit or delete */
}

#header {
	width:610px; /* Enter width of site - must be a maximum of 768px for 800 wide screens */
	height:218px;
	margin:0 auto;
	z-index:100; /* added to bring the navigation in front of the content in IE6 & IE7 */
	position:relative;
	border-bottom:1px solid #666666;
	text-align:left;
}

#contentContainer {
	position:relative;
	width:610px; /* Enter width of site - must be a maximum of 768px for 800 wide screens */
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color:#fff; /* Edit or delete */
}

#contentWrapper {
	float:right;
	margin-left:0px;
	width:610px; /* Enter width of site - must be a maximum of 768px for 800 wide screens */
}

#container-centre {
	margin-left:0px; /* Width of left column PLUS gulley between left and centre colummns */
	height:auto;
}

#container-left {
	display:none;
}

#container-right {
	display:none;
}

#contentClear {
	clear:both; /* Do not remove */
}

#footerContainer {
	width:100%;
	padding-top:0px;
	margin-top: 0px;
	background-color:#fff; /* Edit or delete */
}

#footer {
	width:610px; /* Enter width of site - must be a maximum of 768px for 800 wide screens */
	margin:0 auto;
	border-top:1px solid #666666;
	color:#000000;
	padding:10px 0px 0px 0px;
}

#footer a {
	float:left;
	font-size:1em;
}

#footer div.footerlinks a {
	padding:0px 20px 0px 0px;
}

div.copyright {
	float:right;
	font-size:0.8em;
	color:#666666;
}

span.copyrightSymbol {
	font-size:1.2em !important;
}


/************** General *****************/

div#logo_container {
	padding:25px 0px 10px 0px;
}

div.logo {
	font-size:1.8em;
	clear:both;
}

div.logo a img {
	border:0 !important;
}

div.sub_heading {
	font-size:1.8em;
	clear:both;
	padding:5px 0px 10px 0px;
	height:50px;
}

a {
	color:#26AFE6;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
	text-transform:lowercase;
}

a:hover {
	color:#666666;
}

/**************Nav Buttons *****************/

div#nav_buttons {
	position:relative;
	top:0px;
	left:0px;

}

div#nav_buttons a {
	margin-right:17px;
}

div#nav_buttons div.nav_button01 a {
	float:left;
	display:block;
	height:61px;
	width:61px;
	background-image: url('images/Button 1.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	text-indent:-3000;
}

div#nav_buttons div.nav_button01 a:hover {
	background-image: url('images/Button 1.jpg');
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#nav_buttons div.nav_button02 a {
	float:left;
	display:block;
	height:61px;
	width:61px;
	background-image: url('images/Button 2.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	text-indent:-3000;
}

div#nav_buttons div.nav_button02 a:hover {
	background-image: url('images/Button 2.jpg');
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#nav_buttons div.nav_button03 a {
	float:left;
	display:block;
	height:61px;
	width:61px;
	background-image: url('images/Button 3.jpg');
	background-position: bottom left;
	background-repeat:no-repeat;
	text-indent:-3000;
}

div#nav_buttons div.nav_button03 a:hover {
	background-image: url('images/Button 3.jpg');
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#nav_buttons div.nav_button04 a {
	float:left;
	display:block;
	height:61px;
	width:61px;
	background-image: url('images/Button 4.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	text-indent:-3000;
}

div#nav_buttons div.nav_button04 a:hover {
	background-image: url('images/Button 4.jpg');
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#nav_buttons div.nav_button05 a {
	float:left;
	display:block;
	height:61px;
	width:61px;
	background-image: url('images/Button 5.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	text-indent:-3000;
}

div#nav_buttons div.nav_button05 a:hover {
	background-image: url('images/Button 5.jpg');
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#nav_buttons div.nav_button06 a {
	float:left;
	display:block;
	height:61px;
	width:61px;
	background-image: url('images/Button 6.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	text-indent:-3000;
}

div#nav_buttons div.nav_button06 a:hover {
	background-image: url('images/Button 6.jpg');
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#nav_buttons div.nav_button07 a {
	float:left;
	display:block;
	height:61px;
	width:61px;
	background-image: url('images/Button 7.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	text-indent:-3000;
}

div#nav_buttons div.nav_button07 a:hover {
	background-image: url('images/Button 7.jpg');
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#nav_buttons div.nav_button08 a {
	float:left;
	display:block;
	height:61px;
	width:61px;
	background-image: url('images/Button 8.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	text-indent:-3000;
	margin-right:0px;
}

div#nav_buttons div.nav_button08 a:hover {
	background-image: url('images/Button 8.jpg');
	background-position: bottom left;
	background-repeat:no-repeat;
}


/*********************** Project Pages *************************/

div#project03 {
	background-image: url('images/Photo1.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	height:370px;
	width:610px;
}

div#project03_2 {
	background-image: url('images/Photo2.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	height:370px;
	width:610px;
}

div#project03_3 {
	background-image: url('images/Photo3.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	height:370px;
	width:610px;
}

div#project03_4 {
	background-image: url('images/Photo4.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	height:370px;
	width:610px;
}

div#project03_5 {
	background-image: url('images/Photo5.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	height:370px;
	width:610px;
}

div#project03_6 {
	background-image: url('images/Photo6.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	height:370px;
	width:610px;
}

div#project03_7 {
	background-image: url('images/Photo7.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	height:370px;
	width:610px;
}

div#project03_8 {
	background-image: url('images/Photo8.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	height:370px;
	width:610px;
}

div#project03_9 {
	background-image: url('images/Photo9.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	height:370px;
	width:610px;
}

div#project03_10 {
	background-image: url('images/Photo10.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	height:370px;
	width:610px;
}

span.project03_text {
	position:absolute;
	top:10px;
	right:0px;
	width:180px;
	text-align:right;
}

span.project03_text h3 {
	border-bottom:1px solid #666666;
	margin:10px 0px 10px 0px;
	padding:0px 0px 5px 0px;
}

span.project_heading {
	color:#26AFE6;
}

div.project_navigation {
	position:absolute;
	bottom:20px;
	right:0px;
}

div.project_navigation a.start img {
	border:2px solid #C3C3C5;
	margin:0px 2px 0px 0px;
}

div.project_navigation a.start img:hover {
	border:2px solid #C3C3C5;
}

div.project_navigation a img {
	border:2px solid #666666;
	margin:0px 2px 0px 0px;
}

div.project_navigation a img:hover {
	border:2px solid #26AFE6;
}