/* IE PNG FIX */
img, div, a, input { behavior: url(/Styles/iepngfix.htc) }

	
/* PAGE SETTINGS */	
	body {
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:0px;
		background:url(Images/willwebBackGround.png) repeat-x #F8F8F8;
		font: normal 11px Verdana;
	}
/* ------------------ PAGE CONTAINERS ---------------- */
	#wholePageContainer {
		width:100%;
		height:auto;
	}	
	#pageHeaderContainer {
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:120px;
		border-bottom:solid 3px #CCCCCC;
		background:url(Images/willwebHeaderBackGround.png) repeat-x #0066FF;
	}
	#pageBodyContainer {
		position:relative;
		top:0px;
		left:50%;
		width:900px;
		height:auto;
		min-height:300px !important /*FF + IE7+ ONLY*/ ;
		margin-left:-450px;
		border-left: solid 1px #CCCCCC;
		border-right: solid 1px #CCCCCC;
		background-color:#FFF;
	}
	#pageFooterContainer {
		position:relative;
		top:0px;
		/* CENTERED LIKE BODY */
			left:50%;
			width:900px;
			margin-left:-450px;
			border-left: solid 1px #CCCCCC;
			border-right: solid 1px #CCCCCC;
			border-bottom: solid 1px #CCCCCC;
		/* END */
		height:24px !important /* MAKE Height -31 in IE6*/;
		background:#DFDFDF;
	}
	#logoContainer {
		position:absolute;
		top:0px;
		left:0px;
		width:300px;
		height:auto;
		z-index:1;
	}
	#pageNavigationContainer {
		position:absolute;
		height:30px;
		left:50%;
		bottom:0px;
		margin-left:-450px;
		width:900px;
		text-align:right;
		z-index:3;
	}
	#pageMapContainer {
		position:relative;
		top:0px;
		left:0px;
		width:auto;
		height:20px;
		border-bottom:solid 1px #CCCCCC;
		background:url(Images/willwebMapBackGround.png) repeat-x;
	}
	#pageContentTitleContainer {
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:30px;
		padding-top:0px;
		padding-bottom:5px;
	}
	#pageTopHeaderContainer {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:22px;
		background:url(Images/willwebSearchBackGround.png) repeat-x;
		text-align:right;
		z-index:2;
	}
	#pageSearchContainer {
		position:absolute;
		top:0px;
		right:0px;
		height:auto;
		width:auto;
		color:#999999;
		z-index:3;	
	}
	#pageContentContainer {
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
	}
/* ------------------ PAGE HOLDERS ---------------- */
	#copyHolder {
		display:block;
		position:relative;
		top:6px;
		left:0px;
		padding-left:5px;
		font-size:11px;
		color:#999999;
	}
	#awardHolder {
		display:block;
		position:absolute;
		bottom:3px;
		right:0px;
		height:auto;
		width:auto;
		padding-right:5px;
		text-align:right;
	}
	#pageMapHolder {
		display:block;
		position:relative;
		top:2px;
		left:0px;
		padding-left:5px;
		width:auto;
		font-size:12px;
		color:#999999;
	}
	#pageContentTitleHolder h2{
		display:block;
		position:relative;
		top:0px;
		left:0px;
		font-size:16px;
		font-weight:bold;
		text-align:center;
		color:#000000;
		padding-top:10px;
	}
	#logoHolder {
		display:block;
		position:relative;
		top:0px;
		left:0px;
	}
	#pageContentHolder {
		display:block;
		position:relative;
		top:0px;
		left:0px;
		text-align:justify;
		color:#000000;
		padding-top:10px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:40px;
	}

/* ----------- CLASSES ------------ */
.validationImage {
	border:0;
	width:88px;
	height:31px;
}
/* ----------- LINKS -------------- */
span#pageMapHolder a {
	color:#0066FF;
	text-decoration:none;
}
span#pageMapHolder a:hover{
	color:#999999;
}
/* ---------- NAVIGATION MENU ---------- */
.willwebMenu ul{
	position:absolute;
	right:0px;
	bottom:0px;
	margin: 0;
	margin-right:-2px;
	padding: 0;
	list-style-type: none;
	font-size:14px;
}

/*Top level list items*/
.willwebMenu ul li{
	position: relative;
	display: inline;
	float: left !important;
	/*overall menu background color*/
	background:#CCCCCC;
}

/*Top level menu link items style*/
.willwebMenu ul li a{
	display: block;
	/* border-left:3px solid #0000FF; */
	border-right:1px solid #999999;
	/*Width of top level menu link items*/
	min-width: 90px; 
	width: auto;
	padding: 1px 8px;
	text-decoration: none;
	color: #000;
	background:url(Images/willwebButtonBackGround.png) repeat-x; 
}
	
/*1st sub level menu*/
.willwebMenu ul li ul{
right: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
margin-right:0px;
z-index:100;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.willwebMenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.willwebMenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.willwebMenu ul li ul li a{
display: block;
width: 120px; /*width of sub menu levels*/
color: #000;
text-decoration: none;
padding: 1px 5px;
border:1px solid #0066FF;
border-right:1px solid #999999;
margin-top:-1px;
}

.willwebMenu ul li a:hover{
background-color:#9F9F9F;
color: #000;
background:url(Images/willwebMapBackGround.png) repeat-x #CCCCCC; 
}

/*Background image for top level menu list links */
.willwebMenu .mainfoldericon{
background: #D2D2D2 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.willwebMenu .subfoldericon{
background: #D2D2D2 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .willwebMenu ul li { float: left; height: 1%; }
* html .willwebMenu ul li a { height: 1%; }
/* End */

/* ---------- FORM STYLES --------- */
div#pageSearchContainer input {
	background:url(Images/willwebSearchInputBackGround.png) repeat-x #CCCCCC;
	border-top: 1px solid #232323;
	border-bottom: 1px solid #898988;
	border-left: 1px solid #232323;
	border-right: 1px solid #898988;
	font-size: 9px;
	color: #666666;
	margin-right:5px;
}
div#loginTable input {
	background:url(Images/willwebSearchInputBackGround.png) repeat-x #CCCCCC;
 	border: #3532ff 1px solid;
	/*font-size: 9px;*/
	color: #000000;
	margin-right:5px;
}
div#loginTable input[disabled]
{
 background-color: #dcdcdc;
	border-top: 1px solid #232323;
	border-bottom: 1px solid #898988;
	border-left: 1px solid #232323;
	border-right: 1px solid #898988;
 color: #666666;
 cursor: default;
} 
span.loginTableText {
font-size:12px;
}

div#contactForm input {
	background:url(Images/willwebSearchInputBackGround.png) repeat-x #CCCCCC;
 	border: #3532ff 1px solid;
	font-size: 9px;
	color: #000000;
	margin-right:5px;
	margin-top:2px;
	}
div#contactForm textarea {
	background:url(Images/willwebSearchTextareaBackGround.png) repeat-x #999999;
 	border: #3532ff 1px solid;
	font-size: 11px;
	color: #000000;
	margin-right:5px;
	margin-top:2px;
	width:144px;
	}
div#contactForm select {
	background:url(Images/willwebSearchInputBackGround.png) repeat #CCCCCC;
 	border: #3532ff 1px solid;
	font-size: 11px;
	color: #000000;
	margin-right:5px;
	margin-top:2px;
	width:146px;
	}
/*
input { 
	background-repeat : repeat-x;
	background-color : #61d0e1;
	border-top : 1px solid #232323;
	border-bottom : 1px solid #898988;
	border-left : 1px solid #232323;
	border-right : 1px solid #898988;
	font-size : 9px;
	color : #000066;
	vertical-align : top;
} 
.textArea { 
	background-repeat : repeat-x;
	background-color : #61d0e1;
	border-top : 1px solid #232323;
	border-bottom : 1px solid #898988;
	border-left : 1px solid #232323;
	border-right : 1px solid #898988;
	font-size : 13px;
	color : #000066;
	vertical-align : top;
} 
*/
/*Portfolio Table */
table#portfolioTable {
	width:100%;
	padding:0px;
	border:solid 1px #0066CC;
	margin-top:20px;
}
table#portfolioTable .tableHeader{
	background:url(Images/willwebHeaderBackGround.png) repeat-x #0066FF;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
table#portfolioTable td {
	border:solid 1px #0066CC;
	padding:3px;
}
/* LINKS */
a {
	color:#0066CC;
}