/*--------------------------------
 *
 * Author: Stuart Steel
 * Acorn Web Studio
 * stuart@acornweb.com.au
 *
 *--------------------------------*/
 
 
 /*--------------------------------
 * Page structure
 *--------------------------------*/
 
 body
 {
 	background: #F0EFF1;
 }
 
 #pageFrame
 {
 	background: #FFFEFF;
 	width: 800px;
 	margin: 45px auto;
 	position: relative;
 	padding-top: 179px;
 	overflow: hidden;
 }
 
 /*--------------------------------
 * Front page / splash page
 *--------------------------------*/
 
 /* css for code injected into page by javascript in willett_ui.js */
 
 #splashPanel
 {
 position:  absolute;
 top: 200px;
 left: 200px;
 z-index: 200;
 width: 250px;
 height: 30px;
 }
 
 .splashTextBlock
 {
 	height: 24px;
 	background: url(../images/willett/splash/splashtext.png) 0 0 no-repeat;
 	overflow: hidden;
 	text-indent: -900px;
 	float: left;
 	display: none;
 }
 
 #word1
 {
 	width: 67px;
 	background-position: 0 0;
 }
 
 #word2
 {
 	 width: 18px;
 	 background-position: -67px 0;
 }
 
 #word3
 {
 	width: 24px;
 	background-position: -85px 0;
 }
 
 #word4
 {
 	width: 26px;
 	background-position: -109px 0;
 }
 
 #word5
 {
 	width: 37px;
 	background-position: -135px 0;
 }
 
  #word6
 {
 	width: 68px;
 	background-position: -172px 0;
 }

 
 
 
 /*--------------------------------
 * Banner
 *--------------------------------*/
 
 #banner
 {
 	position: absolute;
 	top: 16px;
 	right: 28px;
 	width: 120px;
 }
 
 #banner h1
 {
 	margin: 0;
 }
 
 #banner h1 a
 {
 	text-indent: -999px;
 	display: block;
 	width: 120px;
 	height: 116px;
 	background: url(../images/willett/banner/willetGreen.png) no-repeat;
 	overflow: hidden;
 }
 
  #banner h1 a.blue
 {
 	background: url(../images/willett/banner/willetBlue.png) no-repeat;


 }
 
   #banner h1 a.yellow
 {
 	background: url(../images/willett/banner/willetYellow.png) no-repeat;


 }
 
   #banner h1 a.multi
 {
 	background: url(../images/willett/banner/willetMulti.png) no-repeat;

 }
 
 /*--------------------------------
 * Flash animation
 *--------------------------------*/
 
 #flashImage
 {
 position: absolute;
 left: 0;
 top: 99px;
 z-index: 100;
 }
 
 /*--------------------------------
 * Page Fade-in
 *--------------------------------*/
 
 
 
 /*--------------------------------
 * Page Content
 *--------------------------------*/
 
 #pageContent
 {
 margin-left: 218px;
 margin-right: 67px;
 overflow: hidden;
 background: url(../images/willett/layout/contentRule.png) 50% 0 repeat-y;
 border-bottom: solid 20px #FFF;
 position: relative;
 padding-bottom: 30px;
 
 min-height:416px;
 }
 
  #pageContent.contact {
  	background: #fff;
  }
 
 #ie6 #pageContent {height: 100%;}
 
 #leftColumn
 {
 	float: left;
 	width: 230px;
 	margin-left: 5px;
 	margin-top: -7px; /* for heading alignment at top */
 }

.contact  #leftColumn {
	width: 185px;
	/* background: red; */
}

 #rightColumn
 {
 	float: right;
 	width: 230px;
 	overflow: hidden;
 }
 
 .contact #rightColumn {
 	width: 315px;
 	/* background: blue; */
 }
 
 .pageFooterLinks
 {
 	/*position: absolute;
 	bottom: 0px;
 	width: 230px;*/
 	overflow: hidden;
 }
 
 .pageFooterLinks *
 {
 	margin: 4px 0 0 0;
 }
 
 #leftColumn .pageFooterLinks
 {
 	left: 5px;
 }
 
 #rightColumn .pageFooterLinks
 {
 	right: 0px;
 }
 
 /*--------------------------------
 * Footer
 *--------------------------------*/
 
 #footer {display: none;}
 
 /*--------------------------------
 * Navigation
 *--------------------------------*/
 
 /* ---------
 LEVEL ONE
 ---------*/
 
 
#mainMenu
{
	position: absolute;
	right: 65px;
	top: 135px;
}

#mainMenu ul {
     list-style: none;
     margin:0;
     padding:0px;
     /*width:605px;*/
}
#mainMenu a, #mainMenu .sectionheader {
     font-size:13px;
     color:#FFF;
     background: #AEB0B3 url(../images/willett/menu/lh-bullet.gif) 0 100% no-repeat;
     border-right: solid 1px #FFF;
     text-decoration: none;
     padding: 0 !important;
     border-right: solid 1px #FFF;
     display: block;
     height: 19px;
}

#mainMenu .currentpage h3, 
#mainMenu .activeparent a,
#mainMenu .currentpage strong {
     font-size:1em;
     color:#FFF;
     background: #AEB0B3 url(../images/willett/menu/lh-bullet.gif) 0 100% no-repeat;
     border-right: solid 1px #FFF;
     text-decoration: none;
     padding: 0;
     margin: 0;
     border-right: solid 1px #FFF;
     display: block;
     text-transform: none;
}

#mainMenu .first a, #mainMenu .first .sectionheader, #mainMenu .first h3 {
     background: #AEB0B3;
}

#mainMenu a span, #mainMenu .sectionheader span, #mainMenu a span, #mainMenu h3 span {
     display: block;
     font-weight: bold;
     font-size:1em;
     line-height: 1em;
     color:#FFF;
     padding: 4px 9px 4px;
     background: url(../images/willett/menu/rh-bullet.gif) 100% 12px no-repeat;
}

#mainMenu .last a span, #mainMenu .last .sectionheader span, #mainMenu .last a span, #mainMenu .last h3 span {
     background: transparent;
}


#mainMenu .sectionheader:hover {
    color: #639D6D;
}

#mainMenu li {
     float: left;
     display: block;
     margin: 0;
     padding: 0;
     position: relative;
}
#ie6 #mainMenu li {width: 50px;}

#mainMenu li a:hover, #mainMenu li a:hover span, 
#mainMenu li:hover>a, #mainMenu li:hover>a>span
{
     color: #77787b;
     text-decoration: none;
}

#mainMenu h3 span, #mainMenu a.menuactive span {
color: #77787b;
}


/* ---------
LEVEL TWO
---------*/
#mainMenu li ul {
     position: absolute;
     display: none;
     width: 140px;
     left: 6px;
     top: 19px;
	 padding: 0;
	 overflow: hidden;
	 border: solid 2px #FFF;
}

#mainMenu ul li ul li a, 
#mainMenu .sectionheader ul li a,
#mainMenu .activeparent  ul li a {
     font-weight: normal;
     font-size: 1em;
     color:#9fa0a3;
     background: #e1e2e2 url(../images/willett/menu/submenu-bullet.gif) 100% 0 no-repeat;
     border-right: none;
     border-bottom: solid 1px #FFF;
     width: 140px !important;
}

#mainMenu ul li ul li.first a, 
#mainMenu .sectionheader ul li.first a,
#mainMenu .activeparent  ul li.first a {
     background: #e1e2e2 url() no-repeat scroll 0 0;
}

#mainMenu ul li ul li a span, 
#mainMenu .sectionheader ul li a span,
#mainMenu ul ul li h3 span,
#mainMenu .activeparent  ul li a span {
     color:#9fa0a3;
     padding: 4px 10px;
     background: url(../images/willett/menu/submenu-bullet.gif) 100% 100% no-repeat;
     width: 120px !important;
}

#mainMenu ul li ul li.last a span, 
#mainMenu .sectionheader ul li.last a span,
#mainMenu .activeparent  ul li.last a span {
     background: transparent;
}

#mainMenu .sectionheader ul li a:hover {
   color: #639D6D;
}

#mainMenu li ul li {
     background-color: #eee;
     /*width: 175px;*/
}
#mainMenu li ul li a {font-weight: normal;}
#mainMenu li ul li:hover {background: #fff;}

#mainMenu li ul li.currentpage h3,
#mainMenu li ul li.currentpage strong {
    font-weight: normal;
     font-size: 1em;
     color:#9fa0a3;
     background: #e1e2e2 url(../images/willett/menu/submenu-bullet.gif) 100% 0 no-repeat;
     border-right: none;
     border-bottom: solid 1px #FFF;
     width: 140px !important;
}
#mainMenu li ul li.currentpage.first h3,
#mainMenu li ul li.currentpage.first strong {
background: #e1e2e2 url() no-repeat scroll 0 0;
}

#mainMenu li ul li a:hover, #mainMenu li ul li a:hover span,
#mainMenu ul ul li h3 span {
    font-weight:bold;
    color: #77787b;
}

#ie7 #mainMenu ul li ul li a, 
#ie6 #mainMenu ul li ul li a {
    padding: 4px 10px;
}
 
/* ---------
GLOBAL
---------*/
 
#mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li.sfhover ul, #mainMenu li li.sfhover ul {
     display: block;
}
#mainMenu li:hover ul ul, #mainMenu li.sfhover ul ul {
     display: none;
}


/* ---------
MENU WIDTHS
---------*/

#menu_home 
{
	width: 51px;
}

#menu_about
{
	width: 176px;
}

#menu_services
{
	width: 104px;
}

#menu_contact
{
	width: 115px;
}




/* End of 'Menu' */


 /*--------------------------------
 * Page fade in
 *--------------------------------*/
 
 #coverSlide{
 	position: absolute;
 	width: 810px;
 	height: 2900px;
 	background: #FFF;
 	opacity: 1;
 	z-index: 20;
 	top: 0;
 	left: 0;
 }
 
 
 .ajaxWaiting{
	background: transparent url(../images/willett/layout/ajax-loader.gif) 50% 50% no-repeat;
}

.ajaxWaiting *{
 visibility: hidden;
}


 /*--------------------------------
 * Gallery slideshow
 *--------------------------------*/

#imageBox {
	background-repeat:no-repeat;
	height:312px;
	width:511px;
	margin: 202px auto 30px auto;
	overflow: hidden;
}

#imageBoxSlideshow {
	background-repeat:no-repeat;
	height:312px;
	width:511px;
	overflow: hidden;
}

#bannerImages {
	left:-9999em;
	position:absolute;
	top:-9999em;
	display:none;
}

#bannerImages img{
	left:-9999em;
	position:absolute;
	top:-9999em;
	
	display:none;
}

 /*--------------------------------
 * Gallery slideshow - rightcolumn
 *--------------------------------*/

#rightColumn #imageBox,
#rightColumn #imageBoxSlideshow {
	margin:0;
	width:230px;
}
#rightColumn #imageBox {margin-top: -16px;}

#rightColumn  #bannerImages {
	position:static;
	top:0;
	left: 0;
	display:block;
}

#rightColumn  #bannerImages img{
	left:-9999em;
	position:absolute;
	top:-9999em;
	display:none;
}