@charset "utf-8";

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*BACKGROUND: url(images/bgSquare.jpg)   top;	*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	size:10;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	background-color: #ffffff;
}
.oneColElsCtr #container {
	width: 980px;
	height: 570px;
	background-color: #ffffff;

	padding-right: 0px;	
	padding-left: 0px;	
	PADDING-TOP: 60px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColElsCtr #container2 {
	width: 840px;
	height: 570px;
	background-color: #ffffff;
	BACKGROUND: url( bg.jpg )   no-repeat;	
	padding-right: 0px;	
	padding-left: 70px;	
	PADDING-TOP: 40px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}


.oneColElsCtr #mainContent {
	width: 300px;
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#header {
	 POSITION: relative; WIDTH: 724px; HEIGHT: 232px; margin-bottom:0px; PADDING-TOP: 0px; PADDING-Left: 60px;
}
#title {
	 POSITION: relative;  margin-bottom:0px; PADDING-TOP: 40px; 
}
#contactDetails {
	 POSITION: relative; margin-top:0px;  margin-bottom:0px; PADDING-TOP: 20px; PADDING-Left: 0px; width:200px; vertical-align:top; FLOAT: right;
}
#desciptionContent {
	 POSITION: relative;  margin-bottom:0px; PADDING-TOP: 20px; width:520px; 
}


a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #000000;
}



#leftSideContent { margin-top:0px; margin-bottom:0px;   width:370px; padding-left:60px; padding-right:0px; padding-top:0px;	display: block;}


#rightSideFloat { margin-top:0px; margin-bottom:0px; width:370px; padding-left:0px;	padding-right:130px; padding-top:0px; top:0px; height:420px; FLOAT: right;	}
#rightSideContent { margin-top:0px; margin-bottom:0px; padding-left:24px;	padding-right:22px;	padding-left:0px;}



#logoFooter {height:34px; margin-top:90px; margin-bottom:0px; padding-left:0px;	padding-right:0px;	width:200px; margin-left:60px; vertical-align:bottom;}



#caseStudy { margin-top:0px; margin-bottom:0px;  padding-left:0px;	padding-right:0px; padding-top:0px; padding-bottom:11px; top:0px; }
#caseFloat { margin-top:0px; margin-bottom:0px; width:270px; padding-left:0px;	padding-right:0px; padding-top:0px; top:0px; height:80px; FLOAT: right;	}
#caseImage { margin-top:0px; margin-bottom:0px; width:86px; padding-left:0px;	padding-right:0px; padding-top:0px; top:0px; height:86px;}
.caseCopy {color: #ffffff;font-family: Helvetica, Verdana, sans-serif;font-size:15px;line-height:1.4;}
.caseCopySmall {color: #ffffff;font-family: Helvetica, Verdana, sans-serif;font-size:13px;line-height:1.4;font-weight: bold;}
.caseCopySmall2 {color: #555555;font-family: Helvetica, Verdana, sans-serif;font-size:13px;line-height:1.4;}
.caseTitle {color: #555555;font-family: Helvetica, Verdana, sans-serif;font-size:28px;line-height:1.0;}
.caseTitle2 {color: #ffffff;font-family: Helvetica, Verdana, sans-serif;font-size:28px;line-height:1.0;}
.caseTitleBlue {color: #00b4ff;font-family: Verdana, Helvetica, sans-serif;font-size:10px;line-height:1.4;font-weight: bold;}
.caseLinkBlue {color: #00b4ff;font-family: Verdana, Helvetica, sans-serif;font-size:10px;line-height:1.4;}
.caseLink {color: #333333;font-family: Verdana, Helvetica, sans-serif;font-size:10px;line-height:1.4;}
.contactCopy {color: #666666;font-family: Verdana, Helvetica, sans-serif;font-size:10px;line-height:1.4; text-align: right;}