@import url(navigation.css);

/* Delta Group CSS, Copyright 2008 Folio1 Communications.

TOC
1: Global Text Settings
2: search style
3: shadow line styles


*/


/*-----  1: Global Text Settings -----*/

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #b3b4b5;	
	background: url(../images/background.gif);
}

/** do not delete **/

* {
	margin:0;
	padding:0;
}



#main-container {
	margin:0px auto; /* left & right margin = auto centres the page (but not in IE) */
	text-align:left;  /* required to override text-align:center; in the BODY tag rule (for IE to centre) */
	width:790px;
	margin-top:0px;
	/*min-width:819px;*/
  	border:0px solid #000000;
	background-color: #FFFFFF;
/*  overflow:hidden;  - Removed because it stops selection of text in IE - JE */
}



#masthead{
	width: 760px;
	height: 85px;
	background-color: #FFFFFF;
	float: none;
	position: relative;

}


#content-wrapper {
	padding: 0px 0px 0px 0px;
	width: 760px;
	background-color: #F0F0F0;
	margin: 0px 0px 0px 15px;
	border: 0px #FFFFFF solid;
	overflow: hidden;
}

.background-colour{
	background-color: #F0F0F0;
}


#logo-holder{
	width: 230px;
	height: 60px;
	float: left;
	margin: 12px 0px 0px 12px;
}


.closeDate{
	
	width: 727px;
	text-align:center;
	
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 11px;
	color: #FF0000;
	float: left;
	overflow: hidden;
	line-height: 12px;
}



/*---- 2: search style ----*/

#search-holder{
	margin: 30px 0px 12px 0px;
	padding: 5px 0 0 0;
	font-size: 10px;
	width: 230px;
	float: right;
	color: #2D4885
}

input.searchBt {
	font-size: 10px;
	color: #2D4885;
	background-color: #FFFFFF;
	border: 0px;
	width: 52px;
	
}

input.searchBtResults {
	font-size: 10px;
	color: #2D4885;
	text-decoration: none;
	background-color: #F0F0F0;
		border: 0px;
	padding: 1px;
	height: 16px;
}

input.head-search{
	width: 165px;
	height: 14px;
	padding: 2px;
	margin: 0px;
	color: #2D4885

}






/*---- 3: shadow line styles ----*/


.shadow-line-one{
	background: url(../images/shadow-line-one.gif) repeat-x;
	height: 6px;
	width: 760px;
	overflow: hidden;
	clear: both;
}

#shadow-line-two{
	background: url(../images/shadow-line-two.gif) repeat-x;
	height: 5px;
	width: 760px;
	clear: both;
	overflow: hidden;
}

#shadow-line-three{
	background: url(../images/shadow-line-three.gif) repeat-x;
	width: 575px;
	float: right;
	clear: none;
	height: 5px;
}

#corner_img{
	z-index: 100;
	position: relative;
	clear: none;
	float: left;


}



/*---- 4: hyperlink and anchor tag styles ----*/

a{
	color: #b3b4b5;
	text-decoration: none;
	/*margin: 3px 0px 3px 0px;*/
}

a:link{
	color: #b3b4b5;
	text-decoration: none;
}

a:visited{
	color: #2D4885;
	text-decoration: none;
}

a:hover{
	color: #2D4885;
	text-decoration: none;
	font-size: 11pt;
}




/*---- 5: inputs style ----*/
input{
	color: #b3b4b5;
	font-size: 10px;
	border: 1px #bbbbbb solid;
}

#flash-holder{
	width: 760px;
	height: 245px;
	float: none;
}






/*---- 6: news feed style ----*/
#news-feed{
	float: left;
	background-color: #F0F0F0;
	width: 560px;
	height: 24px;
	margin: 3px 0px 0px 0px;
}

#newsFlash{
	float: right;
	width: 670px;
}



/*---- 6a: newsletter Link ----*/


.newsletterLink{
	float: left;
	background-color: #F0F0F0;
	width: 175px;
	margin: 10px 0 0 0;
	padding: 0 0 8px 20px;

	background: url("../images/mail.gif") no-repeat left top;
	display:inline;
	text-transform:uppercase;

}
.newsletterLink a{
	color:#2D4885;
	font-size:11px;
}
.newsletterLink a:hover{
	font-size:11px;
	color: #FF0000;
}



/*---- 7: start info box style ----*/
.copy-holder{
	padding: 0.8em 0em 0.5em 0em;
	font-size: 11px;
	width: 100%;
	overflow: hidden;
	clear: both;
	height: 11em;
	line-height: 12px;
}


/*
.box-one{
	background: url(../images/info-bg.gif) repeat-x;
	width: 9.5em;
	border: 1px #A1A1A1 solid;
	margin: 0.5em 0.5em 0em 0em;
	padding: 5px;
	font-size: 11px;
	color: #2D4885;
	float: left;
	overflow: hidden;
}


.box-two{
	background: url(../images/info-bg.gif) repeat-x;
	width: 9.5em;
	border: 1px #A1A1A1 solid;
	margin: 0.5em 0.5em 0em 0em;
	padding: 5px;
	font-size: 11px;
	color: #2D4885;
	float: left;
	overflow: hidden;
}

.box-three{
	background: url(../images/info-bg.gif) repeat-x;
	width: 9.5em;
	border: 1px #A1A1A1 solid;
	color: #2D4885;
	padding: 5px;
	float: left;
	overflow: hidden;
	font-size: 11px;
	margin: 0.5em 0.5em 0em 0em;
}

.box-four{
	background: url(../images/info-bg.gif) repeat-x;
			width: 9.5em;
	border: 1px #A1A1A1 solid;
	margin: 0.5em 0.5em 0em 0em;
	padding: 5px;
	font-size: 11px;
	color: #2D4885;
	float: left;
	overflow: hidden;
}


.box-five{
	background: url(../images/info-bg.gif) repeat-x;
	width: 9.5em;
	border: 1px #A1A1A1 solid;
	margin: 0.5em 0.5em 0em 0em;
	padding: 5px;
	font-size: 11px;
	color: #2D4885;
	float: left;
	overflow: hidden;
}*/




.box-one,
.box-two,
.box-three,
.box-four,
.box-five,
.box-six{
	background: url(../images/info-bg.gif) repeat-x;
	width: 107px;
	border: 1px #A1A1A1 solid;
	margin: 5px 5px 0 0;
	padding: 5px;
	font-size: 11px;
	color: #2D4885;
	float: left;
	overflow: hidden;
}





.box-six h1,
.box-five h1,
.box-four h1,
.box-three h1,
.box-two h1,
.box-one h1{
	font-size: 11px;
	color: #2D4885;
}




.homeParagraph{
	background: url(../images/info-bg.gif) repeat-x;
	width: 727px;
	border: 1px #A1A1A1 solid;
	margin: 0em 0.5em 0em em;
	padding: 5px 5px 14px 5px;
	font-size: 11px;
	color: #2D4885;
	float: left;
	overflow: hidden;
	line-height: 12px;

}


#homeParagraph-holder{
	width:auto;
	padding: 10px 0px 0px 10px;
	overflow: hidden;
	margin: 0em auto;
}
#box-holder{
	width:auto;
	padding: 0px 0px 0px 10px;
	overflow: hidden;
	margin: 0em auto;
}


.box-holder{
      display:inline;
}

/* this is for IE6 */
.box-info{
	display: inline;

}

.h-line{
	border-bottom: 1px #A1A1A1 solid;
	margin: 0px;
}

.info-button{
	color: #2D4885;
	
	width: 60%;
	height: 1.5em;
	font-weight: normal;
}
.info-button a{
	color: #2D4885;
	font-size: 10px;
	text-decoration: none;
}
.info-button a:hover{
	color: #626365;
	text-decoration: none;
	font-size: 10px;
}



/*---- 8: Heading style ----*/


h1{
	font-size: 9pt;
	color: #2D4885;
}

h2{
	font-size: 8pt;
	color: #2D4885;
}


h3{

}


h4{
font-size: 9pt;
	color: #FFFFFF;

}


h5{
	font-size: 8pt;
	color: #2D4885;
	margin: 0px;
	padding: 6px 0px 0px 5px;
	font-weight: bold;
	font-style: italic;
}

#news-feed h5{
	font-size: 8pt;
	color: #2D4885;
	margin: 0px;
	padding: 6px 0px 0px 5px;
	font-weight: bold;
	font-style: italic;
	float: left;
}

/*---- 9: Division styles ----*/



#img-holder{
	width: 574px;
	float: left;
	background-color: #FFFFFF;
	height: auto;
	overflow: hidden;
}

.breadCrumb-holder .breadCrumb-heading{
	margin: 0px 0px 0px 2px;
	width: 80%;
      float: left;
	padding: 0px;

}

.breadCrumb-holder{
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #2D4885;
	width: 567px;
	padding: 6px 0px 6px 8px;
	float: right;
	margin: 0px;
	overflow: hidden;
}



html.breadCrumb-holder{
	margin-left: 184px;

}



/*---- 10: project buttons ----*/

html.project-buttons{
	overflow: hidden;
	float: right;
}


.project-buttons{
	width: 70px;
	padding-right: 10px;
	margin: 0px 0px 5px 0px;
	float: right;
	text-align: right;
	background-color: #2D4885;
	overflow: hidden;
}

.breadCrumb-holder .project-buttons a{
	color: #FFFFFF;
	font-size: 12px;
}


.breadCrumb-holder .project-buttons a:hover{
	color: #999999;
	font-size: 12px;
	font-weight: bold;
}


#content-email{
	font-size: 10px;
	color: #525051;
	float: right;
	background: url(../images/left-nav-shadow.gif) repeat-y;
	width: 575px;
	clear: none;
	padding-bottom: 80px;
	overflow: hidden;
}

#content-email .contact-holder ul{
	clear: both;
	padding: 0em 0em 0em 0.9em;
	list-style-type:none;
}

#content-email p{
	padding: 10px 14px 14px 14px;
	overflow: hidden;
}

#content-email h2{
	font-size: 11px;
	color: #525051;
	padding: 10px 0px 0px 10px;
}

#content-email .contact-holder h1{
	padding: 5px 14px 5px 0px;
	border-bottom: 1px solid #A1A1A1;
	margin: 0px 0px 0px 10px;

}

/* mail link */
#content-email .contact-holder h1 a{
	font-size: 9pt;
	color: #2D4885;

}

#content-email .contact-holder h1 a:hover{
	font-size: 9pt;
	color: #999999;

}

#content-email .contact-holder ul li .colOne{
	float: left;
	font-weight: normal;
	margin: 0.3em 0em 0.8em 0em;
	list-style-type: none;
	width: 35%;
}

#content-email .contact-holder li.colTwo{
	float: left;
	font-weight: normal;
	list-style-type: none;
	width: 35%;
	margin: 0.3em 0em 0.8em 0em;
}





#content-info{
	font-size: 10px;
	color: #525051;
	float: right;
	background: url(../images/left-nav-shadow.gif) repeat-y;
	width: 575px;
	clear: none;
	padding-bottom: 80px;
	overflow: hidden;
}



#content-info h2{
	font-size: 11px;
	color: #525051;
	padding: 10px 0px 0px 10px;
}


#content-info ul li{
	list-style-type: disc;/* don't delete, for CMS styling */
	margin-left: 3em;
	font-size: 11px;
	color: #525051;
}


#content-info .clearTwo{
	clear: both;
	
}

/*---- 11: rent products style ----*/

.content-info li{
	padding: 5px 0px 5px 14px;
	overflow: hidden;
	text-indent: 0px;
	display: block;
	list-style-type: none;
}

img.rent-image{
	border: 1px #A1A1A1 solid;
	margin: 1em 0em 0em 1em;
	float: left;
}

.rent-products{
	width: 350px;
	float: left;
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 16px 0px;
	height:120px;
}

.rent-products p{
	margin: 0em 0em 0em 5em; 
}


/*---- 12: PDF style ----*/

#content-info .pdf-holder{
	padding: 0px 0px 45px 0px;
	display: block;
	list-style-type: none;
	font-size: 10px;
	margin: 0;
}

#content-info .pdf-holder li.pdf-links{
	background: url(../images/pdf-img.gif) left no-repeat;
	padding: 5px 0px 8px 30px;
	margin: 0px 0px 0px 15px;
	height: 12px;
	display: block;
	font-size: 10px;
	list-style-type: none;
}

#content-info .pdf-holder li.pdf-links a:hover{
	color: #2D4885;
	font-size: 10px;
	background-color: #F0F0F0;
	
}
#content-info .pdf-holder li.pdf-links a{
	color: #525051;
	background-color: #F0F0F0;
	font-size: 10px;
}

.clear-info-box{
	clear: both;
	height: 0.6em;
	overflow: hidden;

}


.clear{
	clear: both;
	height: 14px;
	overflow: hidden;
}

/*---- 13: project listing header style ----*/

#project-header{
	background: url(../images/left-nav-shadow.gif) left repeat-y;
	overflow: hidden;
	clear: both;
	list-style-type: none;
	margin: 0px;
	width: 573px;
}


#project-header li.colOne{
	float: left;
	width: 45%;
	font-size: 9pt;
	color: #2D4885;
	font-weight: bold;
	height: 15px;
	text-indent: 12px;
	border-right: 0.1em solid #F0F0F0;
	padding: 5px 0px 5px 0px;
	list-style-type: none;
	margin: 0em;
}


#project-header li.colTwo{
	float: left;
	width: 25%;
	font-size: 9pt;
	color: #2D4885;
	font-weight: bold;
	height: 15px;
	border-right: 0.1em solid #F0F0F0;
	text-indent: 5px;
	padding: 5px 0px 5px 12px;
	list-style-type: none;
	margin: 0em;
}

#project-header li.colThree{
	float: left;
	width: 20%;
	font-size: 9pt;
	color: #2D4885;
	font-weight: bold;
	height: 15px;
	text-indent: 5px;
	padding: 5px 0px 5px 0px;
	list-style-type: none;
	margin: 0em;
}

/*---- 14: project listing style ----*/

#projects{
	background: url(../images/left-nav-shadow.gif) left repeat-y;
	overflow: hidden;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	width: 100%;/* don't delete IE6 hack Fix */

}

#content-info a.list-content:hover {
	background-color: #F0F0F0;
	display: block;
	list-style-type: none;
}

#content-info a.list-content{
	background-color: #FFFFFF;
	display: block;
	list-style-type: none;
	
}

.list-content{
	margin: 2px 2px 2px 0px;
	
}

#projects li.colListOne{
	float: left;
	width: 45%;
	font-size: 9pt;
	color: #2D4885;
	font-weight: normal;
	list-style: none;
	border-right: 0.1em solid #F0F0F0;
	padding: 5px 0px 5px 0px;
	display: block;
	overflow: hidden;
	margin:0px;
}

#projects li.colListTwo{
	float: left;
	width: 25%;
	font-size: 9pt;
	color: #2D4885;
	font-weight: normal;
	list-style: none;
	border-right: 0.1em solid #F0F0F0;
	text-indent: 5px;
	padding: 5px 0px 5px 0px;
	display: block;
	overflow: hidden;
	margin:0px;
}

#projects li.colListThree{
	float: left;
	width: 20%;
	font-size: 9pt;
	color: #2D4885;
	font-weight: normal;
	list-style: none;
	text-indent: 5px;
	padding: 5px 0px 5px 0px;
	display: block;
	overflow: hidden;
	margin:0px;
}


/*---- 15: end listing style ----*/


#content-email .contact-holder li.checkBoxList{
	float: left;
	font-weight: normal;
	margin: 0.3em 0em 0.8em 0em;
	display: block;
	list-style-type: none;
	width: 100%;

}

#content-email .contact-holder li.checkBoxList input{
	padding: 5px;
	margin:  2px 5px 0 3px;
	display:inline;
	border:none;
}



.contact-holder{
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	color: #2D4885;
	list-style-type:none;
}

.contact-holder ul{
	clear: both;
	padding: 0em 0em 0em 0.9em;
	list-style-type:none;
}

.contact-holder ul li{
	list-style-type:none;
}




#content-info h1.contact-us{
	border-bottom: 1px solid #A1A1A1;
	margin: 0px 20px 10px 14px;
	padding: 5px 0px 3px px;

}



li.colOne{
	float: left;
	font-weight: normal;
	margin: 0.3em 0em 0.8em 0em;
	display: block;
	list-style-type: none;
	width: 35%;
}

li.colTwo{
	float: left;
	font-weight: normal;
	display: block;
	list-style-type: none;
	width: 35%;
	margin: 0.3em 0em 0.8em 0em;
}


#content-info .contact-holder ul li.colOne,
#content-info .contact-holder ul li.colTwo,
#content-info .contact-holder ul li.colThree,
#content-info .contact-holder ul li{
	list-style-type: none;
}




/*--  inputs --*/

input.fistName{
	border: 1px solid #B0B0B0;
	width: 180px;
	height: 14px;
	color: #2D4885;
	padding: 2px;
}

input.lastName{
	border: 1px solid #B0B0B0;
	width: 180px;
	height: 14px;
	color: #2D4885;
	padding: 2px;
}

input.address{
	border: 1px solid #B0B0B0;
	width: 380px;
	height: 14px;
	color: #2D4885;
	padding: 2px;
}

input.position{
	border: 1px solid #B0B0B0;
	width: 380px;
	height: 14px;
	color: #2D4885;
	padding: 2px;
}


textarea.contact-inquiry{
	border: 1px solid #B0B0B0;
	width: 380px;
	height: 160px;
	font-size: 8pt;
	color: #2D4885;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

select.selectState{
	width: 180px;
	height: 19px;
	font-size: 8pt;
	color: #2D4885;
	border: 1px solid #B0B0B0;
	padding:2px;
	margin-top: 10px;
}

.select-area{
	color: #2D4885;
	margin: 0.3em 0em 0.8em 0em;
	padding: 0em 0em 0em 0em;
	list-style-type: none;
	display: block;
	float: left;
	width: 33%;
	}
	select.selectArea{
		width: 100%;
		height: 19px;
		font-size: 8pt;
		color: #2D4885;
		border: 1px solid #B0B0B0;
		padding: 2px 2px 0 2px;
		}

		select.selectArea option{
				padding: 2px 2px 0 5px;
				}


input.sendMessageBt {
	height: 19px;
	width: 90px;
	margin: 1em 0em 0em 0em;
	color: #2D4885;
	background-color: #FFFFFF;
	padding: 2px;
}

input.sendMessageBt a{
	height: 20px;
	width: 90px;
	font-size: 8pt;
	color: #2D4885;
	border: 1px solid #B0B0B0;
	background-color: #FFFFFF;
	padding: 3px;
}

input.sendMessageBt a:hover{
	height: 20px;
	width: 90px;
	font-size: 8pt;
	color: #666666;
}


/*---- 16: sytle for all h1 in content-info div ----*/
#content-info h1{
	padding: 0px 14px 5px 0px;
	font-weight: bold;
	border-bottom: 1px solid #A1A1A1;
	margin: 0px 0px 0px 10px;

}


#content-info p{
	padding: 5px 14px 5px 0px;
	font-weight: normal;
	margin: 0px 10px 0px 10px;
	color: #525051;
	font-size: 11px;
}
#content-info p a{
	color: #525051;
	font-size: 11px;
}

#content-info p a:hover{
	color: #2D4885;
	font-size: 11px;
}





/*---- 17: site map style ----*/


.sitemap{
	padding: 15px;
	font-weight: bold;
	margin: 0px 0px 0px 15px;
	color: #666666;
	font-size: 12px;
}

.sitemap h1{
	padding: 10px 0px 3px 0px;
	font-weight: bold;
	border-bottom: 1px solid #D4D4D4;
	margin: 0px 0px 10px 0px;
}
.sitemap dt{
	font-weight: bold;
	margin: 0px 0px 0px 22px;
	color: #2D4885;
	font-size: 11px;
	border-bottom: 1px solid #D4D4D4;
	padding-bottom: 5px;
	padding: 3px 0px 3px 0px;
	width: 320px;
}

.sitemap dd{
	font-weight: normal;
	margin: 0px 0px 0px 22px;
	color: #2D4885;
	font-size: 11px;
	padding-bottom: 5px;
	padding: 3px 0px 3px 10px;
	
}

.sitemap dt a{
	font-weight: bold;
	color: #2D4885;
	font-size: 12px;
}

.sitemap dt a:hover{
	font-weight: bold;
	color: #525051;
	font-size: 12px;
}


.sitemap a{
	font-weight: normal;
	color: #2D4885;
	font-size: 12px;
}

.sitemap a:hover{
	font-weight: normal;
	color: #525051;
	font-size: 12px;
}


/*---- 18: search style ----*/


.search{
	padding: 15px;
	font-weight: bold;
	margin: 0px 0px 0px 15px;
	color: #666666;
	font-size: 12px;
	width: 450px;
}

.search h1{
	padding: 10px 0px 3px 0px;
	font-weight: bold;
	border-bottom: 1px solid #D4D4D4;
	margin: 0px 0px 10px 0px;
}
.search dt{
	font-weight: bold;
	margin: 0px 0px 0px 22px;
	color: #2D4885;
	font-size: 11px;
	border-bottom: 1px solid #D4D4D4;
	padding-bottom: 5px;
	padding: 3px 0px 3px 0px;
	width: auto;
}

.search dd{
	font-weight: normal;
	margin: 0px 0px 0px 22px;
	color: #2D4885;
	font-size: 11px;
	padding-bottom: 5px;
	padding: 3px 0px 10px 10px;
		border-bottom: 1px solid #D4D4D4;
	
}

.search dt a{
	font-weight: bold;
	color: #2D4885;
	font-size: 12px;
}

.search dt a:hover{
	font-weight: bold;
	color: #525051;
	font-size: 12px;
}


.search a{
	font-weight: normal;
	color: #333333;
	font-size: 12px;
}

.search a:hover{
	font-weight: normal;
		color: #2D4885;
	font-size: 12px;
}

.page-number{
	font-weight: normal;
	color: #525051;
	font-size: 12px;
	border-bottom: 1px solid #D4D4D4;
	margin: 0px 0px 12px 0px;
	padding-bottom: 10px;
}
.page-number-dottom,
.page-number a{
	font-weight: normal;
	color: #333333;
	font-size: 12px;
}
.page-number-dottom,
.page-number a:hover{

	font-weight: normal;
		color: #2D4885;
	font-size: 12px;
}
.page-number-dottom{
	text-align: center;
}


/*---- 19: Footer styles ----*/
#footer-holder{
	margin:0px auto; /* left & right margin = auto centres the page (but not in IE) */
	text-align:left;  /* required to override text-align:center; in the BODY tag rule (for IE to centre) */
	width:790px;
	/*min-width:819px;*/
  	border:0px solid #000000;
	height: 20px;
	font-size: 10px;
	color: #FFFFFF;
	clear: both;
/*  overflow:hidden;  - Removed because it stops selection of text in IE - JE */
}
#foot-right{
	width: 50%;
	text-align: right;
	float: right;
	margin: 3px 14px 0px 0px;
}

#foot-left a,
#foot-right a{
	color: #FFFFFF;
}
#foot-left a:hover,
#foot-right a:hover{
	color: #b3b4b5;
	font-size: 10px;	
}

#foot-left{
	width: 40%;
	text-align: left;
	float: left;
	margin: 3px 0px 0px 14px;
	clear: right;
}