@charset "utf-8";
/* CSS Document */

/* Reset stylesheet (Thanks to Eric Meyer)
--------------------------------------------------*/
@import url(reset.css);


/* General Styles
--------------------------------------------------*/
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}
p{
	padding: 5px 0px 10px 0px;
	line-height: 120%;
}

h1, .iceTitle{
	font-size:14px;
	padding: 0px 0px 0px 0px;
	font-weight:normal;
	color: #DB2D2C;
}

#redH1{
	color:#C4161C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
}
.clearDiv{
	clear:both;
}

.bottomBorder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
}
.dateSection{
	color:#666;
	font-size:10px;
}
.dateSection a{
	color:#666;
	text-decoration:underline;
}
.dateSection a:hover{
	color: #C4161C;
	text-decoration:none;
	background-color: #CCC;
}
.floatLeft{
	float: left;
}


.oxyRed {
	color: #C4161C;
}


/* Header Styles
--------------------------------------------------*/

#wrapper #header {
	position: relative;
	width: 733px;
	margin-bottom: 30px;
}

#date{
	position:absolute;
	top: 96px;
	left: 186px;
}

#wrapper #header #helpDesk {
	position: absolute;
	width: 190px;
	left: 543px;
	top: 0px;
}

#wrapper #header #headerImage {
	margin-top: 40px;
}

#hDTitle{
	line-height: 22px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #D6D6D6;
	width: 52px;
	margin-bottom: 5px;
}

#wrapper #header #helpDesk #formDiv {
	display: none;
}

#wrapper #header #helpDesk input {
	margin-bottom: 5px;
}

#wrapper #header #helpDesk .labelGap{
	margin-right:5px;
}

/* Navigation Styles
--------------------------------------------------*/
#navigation{
	height: 25px;
}

#wrapper #navigation ul li {
	font-weight: bold;
	float: left;
	padding: 5px;
}

#wrapper #navigation ul li a{
	color:#000;
	text-decoration:none;
	overflow:hidden;
}

#wrapper #navigation ul li.navSelected a{
	color:#FFF;
	text-decoration:none;
}

.navSelected{
	color:#FFF;
	background-color:#C4161C;
}

#wrapper #navigation ul li.navDivide {
	font-weight:normal;
	float: left;
	padding: 5px 0px 0px 0px;
}


/* mouseOver Effect Styles
--------------------------------------------------*/
.navOff, .h1LinkOff{
	/*margin-bottom:3px;*/
	color:#000;
}

.navOver, .h1LinkOver{
	color:#C4161C;
}

.navSlide, h1LinkSlide{
	cursor: pointer;
	cursor: hand;
}

.hoverEffectSpacer{
/*Attempting to get rid of weird slow down whilst mouse is over gap*/
height:3px;
}
/* content Styles
--------------------------------------------------*/
#wrapper #contentContainer {
	width: 733px;
	margin-top: 10px;
}

#wrapper #contentContainer img {
	margin-bottom: 20px;
}

/* oxygenVideoHolder Styles
--------------------------------------------------*/
#oxygenVideoHolder{
	
	margin-bottom: 20px;
	/*height: 412px;
	width: 733px;*/
}

/* leftCol Styles
--------------------------------------------------*/
#wrapper #contentContainer #leftCol {
	float: left;
	width: 474px;
	margin-right: 20px;
}
#wrapper #contentContainer #leftCol .prevProjects {
	width: 235px;
	float: left;
}
#wrapper #contentContainer #leftCol #prevProjects1 {
	margin-right: 4px;
}

#wrapper #contentContainer #leftCol #infoDiv h1 {
	font-size: 12px;
	font-weight: normal;
}
#wrapper #contentContainer #leftCol #infoDiv h2 {
	font-size: 10px;
}
#wrapper #contentContainer #leftCol #infoDiv p {
	font-size: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#wrapper #contentContainer #leftCol #infoDiv p a {
	color: #666;
	text-decoration:underline;
}

#wrapper #contentContainer #leftCol #infoDiv p a:hover {
	color: #666;
	text-decoration:none;
}

#wrapper #contentContainer #leftCol .oxygenMap {
	padding-bottom: 20px;
}

#wrapper #contentContainer #leftCol #enquiryDetails {
	margin-top: 10px;
	margin-bottom: 20px;
}

#leftCol .ourProjects p a, #leftCol .ourProjects h1 a{
	color: #000;
	text-decoration:none;
}

#leftCol .ourProjects h1 a:hover{
	color:#C4161C;
	text-decoration:none;
}

/************** exported styles *****************/
.projectOpacityWrapper {
	width: 258px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.projectOpacityWrapper2 {
	width: auto;
	position: absolute;
	bottom: 0px;
	right: 0px;
	overflow:hidden;
}
/*filter:alpha(opacity-50); used for IE6 - make sure it's always the last property of the rule or in an IE6 only stylesheet*/
.projectOpaque{background-image:url(/images/layout/img_txt_bg.png);}

.projectImageTitle{
	/*width: 188px;*/
	/*height: auto;transparenttranspa
	position: absolute;*/
	top:0px;
	left: 0px;
	color: #FFFFFF;
	padding: 5px;
	line-height: 120%;
	/*background-image:url(/images/layout/img_txt_bg.png);*/
	/*background:transparent url(../images/layout/img_txt_bg.png) scroll 0 0;*/
}
.projectMoreInfo{
	top:0px;
	left: 0px;
	color: #FFFFFF;
	padding: 5px;
	line-height: 120%;	
}
/************************************************/


#leftCol .ourProjects p a:hover{
	color: #C4161C;
}

#leftCol .ourProjects p a:visited{

}

/* rightCol Styles
--------------------------------------------------*/
#wrapper #contentContainer #rightCol {
	width: 227px;
	float: left;
}
#wrapper #contentContainer #leftCol .ourProjects {
	margin-bottom: 20px;
}

#wrapper #contentContainer #rightCol .newsItem {
	margin-bottom: 20px;
}

#wrapper #contentContainer #rightCol .welcome, #wrapper #contentContainer #rightCol .projectDetail{
	line-height: 130%;
}

#wrapper #contentContainer #rightCol .welcome, #wrapper #contentContainer #rightCol .projectDetail a{
	color: #666;
	text-decoration:underline;
}

#wrapper #contentContainer #rightCol .welcome, #wrapper #contentContainer #rightCol .projectDetail a:hover {
	color: #666;
	text-decoration:none;
}

#wrapper #contentContainer #rightCol .welcome {
	color: #000;
	font-size: 12px;
}

#wrapper #contentContainer #rightCol .welcome h1 {
	font-weight: bold;
}


#wrapper {
	height: 100%;
	width: 733px;
	position: relative;
	padding-left: 90px;
}

#wrapper #contentContainer #rightCol #enquiryForm #frmContact table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#wrapper #contentContainer #rightCol #enquiryForm #frmContact {
	margin-top: 10px;
}

/* footer Styles
--------------------------------------------------*/
#wrapper #footer{margin-bottom:30px;}


#wrapper #footer img {
	margin-bottom: 10px;
}
#wrapper #footer #copy {
	color: #666666;
	font-size: 12px;
	margin-bottom: 5px;
}
#wrapper #footer #trademark {
	color: #D6D6D6;
	font-size: 10px;
}

.floatRight{
	float: right;
}

/******************************* PROJECTS LINK THROUGH REDESIGN ********************************/
#wrapper #contentContainer #leftCol .prevProjects .projectTitleWrapper {
	height: 140px;
	width: 235px;
	overflow: hidden;
	position: relative;
}
#wrapper #contentContainer #leftCol .prevProjects .projectTitleWrapper .projectImage {
	position: absolute;
	height: 140px;
	width: 235px;
}

#wrapper #contentContainer #leftCol .prevProjects .projectTitleWrapper .projectH1Title {
	bottom: 0px;
	padding: 5px 0 0 5px;
	position: absolute;
	width: 230px;
	height: 20px;
	background-image: url(../images/layout/img_title_bg.png);
	/*background-position: 0px 0px;*/
}

#leftCol .ourProjects .projectTitleWrapper .projectH1Title h1 a{
	color: #FFF;
	/*font-weight:bold;*/
	text-decoration: none;
	
}

#leftCol .ourProjects .projectTitleWrapper .projectH1Title h1 a:hover{
	color: #FFF;
	/*font-weight:bold;*/
	text-decoration: none;
}

/******************************* PROJECTS LINK THROUGH REDESIGN END ****************************/