@import url('header.css');
@import url('contentlayout.css');

html { background-color:#3a70c8;}
h1, h2, h3, h4, h5 { color:#669900; margin:10px 0px 20px 0px; font-weight:normal;}
h1 { font-size:182%; }
h2 { font-size:153.9% }
h3 { font-size:123.1% }
h4 {font-weight:bold;}
hr { border:solid 1px #b0d351;}

a { color: #669900; text-decoration: underline; }
a:hover { color: #accf5d; text-decoration: underline; }

.h2-gray {color:#666; margin-top:0px; }
.smaller { font-size:93%; }
.smallest { font-size:77%;}
.midsmall { font-size:85%;}

p.dashed-bottom-border 
{ 
	background-image: url(/images/horizontal-dashed-line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:20px;
	margin-bottom:20px;
}

#bg-header 
{	
	position:relative;
	background-color:#50ABD8;
	background-image:url(/images/master-bg.jpg);
	background-position:center;
	background-repeat:no-repeat;	
	height:153px;
	z-index:0;
}
#bg-body 
{	
	position:relative;	
	/*background-image:url(/images/background-body.jpg);*/
	background-position:bottom center;
	background-repeat:repeat-x;
	background-color:#6ab8df;
	z-index:1;		
}

#bg-footer 
{
	position:relative;
	/*background-image:url(/images/background-footer.jpg); */
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#3a70c8;	
	height:188px;
	margin-top:-170px;
	z-index:0;	
}
#footer
{	
	/*background-image:url(/images/footer-body.jpg); */
	background-position:top center;
	background-repeat:no-repeat;
	
	clear:both;
	
	text-align:center;	
	font-family:Arial;
	font-size:x-small;
	padding-top:5px;
	color:#fff;	
}

#footer a {color:#fff;}
#footer a:hover {color:#fff;}

/*SPECIFIC STUFF*/
.icon{
	margin: 0px 3px -3px 0px;
	position:relative;
}

#ContactMap {float:right;}

.GlossaryList { list-style-type:none; margin:0;  }
.GlossaryList li { list-style-type:none; }
.GlossaryItem,
.GlossaryItem:link,
.WhiteLink,
.WhiteLink:link
{
	margin: 0px 0px 5px 0px;
	color: #ffffff;
	cursor:pointer;
}

.WhiteLink:hover,
.GlossaryItem:hover
{
	margin: 0px 0px 5px 0px;
	color: #cde896;
	cursor:pointer;
}

.WhiteLink:visited,
.GlossaryItem:visited
{
	margin: 0px 0px 5px 0px;
	color: #ffffff;
	cursor:pointer;
}
.custom 
{
	margin-left:-16px;
	background:#ccc;
	z-index:1;
}
.tip-top 
{
	width:170px;
	background-image:url(/images/tooltip-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	font-size:5px;
}
.tip {
	color: #666;
	width: 160px;
	z-index: 13000;
	background-color:#fff;
	padding:5px 5px 0px 5px;
	font-size:10pt;
	line-height:110%;
}
.tip-title { font-weight:bold; margin-bottom:3px; }
.tip-bottom 
{
	width:170px;
	background-image:url(/images/tooltip-bottom.gif);
	background-repeat:no-repeat;
	height:11px;
	font-size:0px;
}


.work-preview td 
{
	padding-bottom:15px;
}

.work-preview-image 
{
	float:left;
}
.work-preview-description
{
	padding:0px 0px 0px 15px;
	width:205px;
	float:left;
	font-size:85%;
}

.black-header 
{
	margin-top:0px;
	color:#666;
	font-weight:bold;
}

.enquiryForm h4
{
	 color:#b0d351; 
	 margin:10px 0px 10px 0px; 
	 font-weight:normal;
	 font-size:123.1%
}
.enquiryForm table, tr, td
{
	 padding:2px;
	 border:0px;
}

.enquiryForm select
{
	 margin-top:5px;
}

.radio
{
	margin-right:12px;
	margin-top:5px;
}

.relatedPages { list-style-type:none; margin: 0px 0px 10px 10px;  }
.relatedPages li { list-style-type:none; margin-bottom:5px;}
.relatedPages a {color: #fff; text-decoration: underline; }
.relatedPages a:hover{ color: #669900; text-decoration: underline;}

.detailback {float:right; margin-top:25px;}
.detailback2 {float:right; margin-top:18px;}

#CaseStudyFeatureList {margin-left:15px;}
#CaseStudyFeatureList li{list-style-type:none;}
#CaseStudyAdditionalFeatureList li { list-style-type:decimal;}

#footerlist li {display:inline;}
#footerlist li.FirstChild {list-style-type:none; margin:0px;}

.errormessage
{
	color:Red;
}

.ProjectDetails td
{
	vertical-align:top;
}

.ProjectDetails
{
	width:800px;
}