body {background: #3A3324;}

#wrapper 
{  
position: relative;
height:625px;
width:970px;
left:50%;
top:-10px;
margin-left:-485px;
background: #3A3324;
border:0px;
}

#logo 
{  
width:200px; 
height:50px; 
position:absolute;
top:34px; 
left:740px;
}

#spaaclogo
{  
width:200px; 
height:50px; 
position:absolute;
top:2px; 
left:750px;
}


#visitsa {
position:absolute;
text-align:right;
font-size:13px;
height:60px;
padding-right:116px;
top:0px;
right:0px;}



.bigtext
{font-size:14px;}

/* navigation */			
#outer {width:900px; height:24px; left:50px;position:absolute;top:68px; z-index:10;}
.menu {list-style-type:none;padding:0;margin:0 0px;}
.menu ul {list-style-type:none;padding:0;margin:0;}
.menu li {float:left;background:#3A3324;margin:0px 0px 0 0;position:relative;border-left:1px solid #988f81; }
.menu li.sub  {background:#3A3324;}
.menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}
.menu li a {display:block;color:#988F81;font-family:Tw Cen MT;font-size:16px;line-height:26px;width:85px;text-decoration:none;text-align:left; padding-left:7px;}
.menu :hover{color:#fff; background: url(images/allpages/navbg.jpg) no-repeat;}
.menu :hover > a {color:#fff; background:#3A3324;}
.menu ul, .menu :hover ul ul {position:absolute;left:-9999px;width:85px;}
.menu :hover ul{border-right:1px solid #3a3324;width:85px;left:-1px;top:26px;} /* the background image is for IE7 - make a colour for behind submenu*/
.menu :hover ul :hover ul {padding:0 3px;left:125px;top:-8px;}
.static {color: #fff;}
.static a:hover {background:#988f81;}

#filler {width:950px; height:24px; left:0px; position:absolute;top:92px; z-index:1; background:#3A3324;}

#contentwrapper {width:905px; height:500px; left:30px; position:absolute;top:94px; z-index:9; background:#B2A99D; }

#content{width:860px; height:454px; left:20px; position:absolute;top:20px; z-index:10; background:#988f81; border: 1px solid #F4F1EE;
overflow:hidden; }

#footer 
{  
position:absolute;
top:600px; 
left:48px;
font-family:helvetica, arial, sans-serif;
font-size:11px;
color:#988f81;
width:860px;
}

#footer a:link, #footer a:visited, #footer a:active {text-decoration:none;color:#988f81;}
#footer a:hover {color:#f4f1ee; text-decoration:none;}


/* home */	

#homebanner
{
width:819px; 
height:70px; 
left:21px; 
position:absolute;
top:364px; 
z-index:40; 
background:#3a3324; 
padding:20px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
border-top:1px solid #F4F1EE;}

#hometext 
{  

position:absolute;
top:372px;
width:100%;
font-family:Tw Cen MT;
font-size:18px;
line-height:21px;
color:#fff;
font-weight:lighter;
text-align:center;
z-index:60;
}
#ritebanner
{
width:170px; 
height:304px; 
left:670px; 
position:absolute;
top:20px;
z-index:40; 
background:#3a3324; 
padding:20px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
border-left:1px solid #F4F1EE;
border-top:1px solid #F4F1EE;
}

#ritetext 
{  
position:absolute;
top:30px;
left:674px;
width:190px;
font-family:Tw Cen MT;
line-height:21px;
padding-left:10px;
color:#fff;
font-weight:lighter;
text-align:left;
z-index:60;
}

ul#news
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	list-style-position:inside;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
ul#news li{
	margin:10px 0 10px 0;
	padding:0 0 0 0;
	}	
ul#news li a{
	color:#fff;
	text-decoration:none;
	font-size:13px;
	}	
ul#news li a:hover{
	color:#fff;
	text-decoration:underline;
		font-size:13px;
	}	
ul#sqimgs
{
list-style:none;
padding:0px;
margin:0px;
}

/* about */	

#serviceslist 
{  
position:absolute;
width:240px;
top:250px; 
left:250px;
font-family:helvetica, arial, sans-serif;
font-size:12px;
color:#3a3324;
list-style-image: url(images/allpages/bullet.gif);
text-indent:none;
}
#aboutimg 
{  
position:absolute;
width:279px;
height:454px;
top:0px; 
left:0px;
   border-right:1px solid #f4f1ee;}

#abouttxt
{  
position:absolute;
width:520px;
top:0px; 
left:0px;
height:170px;
background:#988f81;
font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
   padding:30px;
   border-bottom:1px solid #f4f1ee;
}


/* news */	

#stories {position:absolute;
top:30px;
left:30px;
height:454px;
overflow:hidden;}

#newsmenu a, #newsmenu a:visited {

  text-decoration:none;
  text-align:left;
  color:#fff;
  font-family:Tw Cen MT;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
  display:block; 
  width:173px; 
  padding:6px;
  z-index:20;
  border-bottom:1px solid #fff;
  }
  
    
  #latestnews {

  text-decoration:none;
  text-align:left;
  color:#fff;
  font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
line-height:15px;
  display:block; 
  width:173px; 
  padding:6px;
  z-index:20;
  border-bottom:1px solid #fff;
  }
  
  #newsstatic {

  text-decoration:none;
  text-align:left; 
  color:#3a3324;
  font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
line-height:15px;
  display:block; 
  width:173px; 
  padding:6px;
  z-index:20;
  border-bottom:1px solid #fff;
  }

#newsmenu a:hover {
color:#3a3324; 
  z-index:20;
  }

 
#newsarea {
	position: absolute;
	top: 0px;
	width:780px;
	height:374px;
	padding:40px;
	color:#888;
}

#newstext {
	position: absolute;
	top: 34px;
	left:240px;
	width:545px;
	height:365px;
    color:#3a3324;
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
   line-height:14px;
   padding:10px;
   overflow:scroll;}
   
   
#newstext a:link, #newstext a:visited, #newstext a:active {text-decoration:none;color:#3a3324;}
#newstext a:hover {color:#f4f1ee; text-decoration:none;}

.smallnews a:link,.smallnews a:visited,.smallnews a:active {text-decoration:none;color:#3a3324;}
.smallnews a:hover {color:#f4f1ee; text-decoration:none;}


#newswrapper 
{  
position: relative;
height:625px;
width:970px;
left:50%;
top:-10px;
margin-left:-485px;
background: #3A3324;
border:0px;
}
#newscontentwrapper {width:905px; height:500px; left:30px; position:absolute;top:94px; z-index:9; background:#B2A99D; }

#newscontent{width:860px; height:454px; left:20px; position:absolute;top:20px; z-index:10; background:#988f81; border: 1px solid #F4F1EE; }

   
.whitetext
{color:#F4F1EE;}

/* portfolio gallery */

#gallerywrapper
{
width:860px;
height:454px; 
position:absolute;
top:0px; 
left:0px;}


#gallery {width:860px; height:300px; left:27px; top:130px;position:absolute; }
#gallery ul {list-style:none;top:50px; padding:0px; margin:0; width:250px; float:left; height:340px; overflow:auto;}
#gallery ul li {display:block; top:50px; width:70px; height:70px; float:left; margin:0 4px 4px 0; border:1px solid #B2A99D; cursor:pointer;}
#gallery ul li img {display:block; top:50px; width:70px; height:70px;}

#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:0px; width:582px; height:454px;}

#gallery ul li.off {display:none;}

#gallery ul li.click {  background:#B2A99D; cursor:default;}

#gallery ul li.click i {position:absolute; left:250px; top:-130px; width:582px; height:454px;border-left:1px solid #f4f1ee;  }

#gallery ul li.click i img {margin:0px; width:auto; height:auto;}

#gallery ul li.click span {display:block;}