/* CSS Document */

body{
margin:10px 0px; padding:0px;
background-image:url(images/bg-silver.gif);
background-repeat:repeat-x;
background-color:#2a2f31;
font-family:Georgia;
}


#horizon        
	{
	color:#ffffff;
	text-align: center;
	position: absolute;
	top: 1%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility:visible;
	display: block;
	}
	
/*****/
#navcontainer {
        margin: 10px 0 0 50px;
        padding: 0;
        height: 39px;
		float:left;
		background-color:#2c3032;
		font-family:Verdana, Arial, Helvetica, sans-serif;

}

#navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
		line-height:.9em;
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 5;
        margin: 5px;
		
		
}

#navcontainer ul li a:link, #navcontainer ul li a:visited   {
      display:block; 
text-align:center; 
text-decoration:none; 
width:120px; 
height:40px; 
color:#fff; 
border:1px solid #b0b3b4;
border-width:1px 1px 0 0;
background-image:url(images/bg-links.gif);
background-repeat:repeat-x;
font-size:.7em;
padding:5px;
margin: 0 0 20px 0;
text-transform:uppercase;
font-weight:bold;

}

#navcontainer ul li a:hover {
color:#333;
background-position:-5px;
border:1px solid #ccc;
}



h1{
font-size:1.1em;
padding:10px;
padding-left:20px;
border-bottom:1px solid #333;
border-top:1px solid #333;

background-image:url(images/bg-links.gif);
background-repeat:repeat-x;

}
 
 h3{
 font-size:.9em;
 padding:0px;
 margin-bottom:10px;
 text-decoration:underline;
 }

a:link, a:visited{
color:#663300;
size:.8em;
}

a:hover{
text-decoration:underline;
}

#wrapper {
width:1000px;
background-color:#2c3032;
/*background-image:url(images/bg9_01.gif);
background-repeat:repeat;*/
margin-left:auto;
margin-right:auto;
/*position:fixed;*/

}


#header{
/*margin-left:179px;*/
/*margin-right:15%;*/
background-image:url(images/header-spa-consulting-au.gif);
background-color:#FFFFCC;
background-repeat:no-repeat;
width:1000px;
height:131px;
}
#nav{
border-bottom:3px #333 solid;
height:222px;
margin:0px;
padding:0px;
}
#nav ul{
list-style:none;
margin:0px;padding:0px;
}

#nav ul li {

padding-top:7px;/***for vertical centered alignment**/
margin-bottom:3px;
}

#nav li a:link, #nav  li a:visited{
background-image:url(images/bg-links.gif);
background-repeat:repeat-x;
background-color:#ccc;
display:block;
list-style:none;
height:25px;
color:#fff;
font-size:.8em;
text-align:center;
margin-top:0px;
margin-left:5px;
padding-top:10px;/**for vertical distribution**/
text-decoration:none;
font-weight:bold;
}

#nav li a:hover{
color:#000;
background-image:url(images/bg-silver-35.gif);
background-repeat:repeat-x;


}





  
#container{
background-color:#2c3032;
width:1000px;
margin:0px;
padding:0px;
margin-bottom:20px;

}

/**** MAIN CONTENT AREA***/
#MAINCONTENT {
float:left;
margin-left:0px;
width:1000px;
padding:0px;
margin:0px;
color:#000000;
size:.8em;
text-align:center;
}

#block{
float:left;
position:fixed;
width:1000px;
background-image:url(images/conceptbg2.jpg);
}

#textblock{
float:right;
width:190px;
height:280px;
background-color:#a27a34;
filter:alpha(opacity=75);
opacity:.75;
overflow:scroll;
}

#textblock p{
font-size:.7em;
text-align:left;
margin-left: 15px;

}

#MAINCONTENT p{
font-size:.7em;
text-align:left;
padding-left:0px;
padding-right:0px;
}

#MAINCONTENT a:link{
color:#000000;
font-size:1em;
}

#MAINCONTENT a:visited{
color:#663300;
font-size:.9em;
}

#MAINCONTENT a:hover{
color:#000000;
}


#rightbox{
float:left;
background-color:#2c3032;
text-align:justify;
border-bottom:3px solid #333;
width:250px;
height:222px;
text-align:left;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
padding-top:0px;
margin-left:0px;
color:#000;
}



#rightbox h1{
padding-left:15px;
font-size:1.1em;
}

#rightbox h1.gallery{
background-image:url(images/galleryheading.jpg);
background-repeat:no-repeat;
height:50px;
margin-left:35px;
}

#rightbox p{
text-align:justify;
margin-top:5px;
margin-left: 15px;
margin-right:5px;
color:#FFFFFF;
line-height:1em;
}

#rightbox ul{
list-style:none;
width:189px;
padding-left:5px; /*set both margin and padding so works for both IE and Firefox*/ 
margin-left:30px;
text-align:center;
}

#rightbox li{
padding-bottom:10px;
padding-top:10px;
padding-left:0px;
padding-right:10px;
margin-bottom:5px;
background-color:#c59c2d;
background-image:url(images/bg04.gif);
background-repeat:repeat;
border: 1px solid #FFFFFF;

}

#rightbox li a:link, #rightbox li a:visited{
font-weight:bold;
text-decoration:none;

}

#rightbox li a:hover{
color:#ffffff;
font-weight:bold;
}

#rightbox a:link, #rightbox a:visited{
color:#fff;
font-weight:bold;
text-decoration:underline;
}
#rightbox a:hover{
color:#ccc;
}

#scrollers {
width:180px;
text-align:center;

}


#scrollers a:link, #scrollers a:visited{
color:#000000;
text-decoration:none;
font-size:.9em;
font-weight:bold;
}


#scrollers a:hover{
color:#663300;
}

#locationpics{
width:355px;
height:255px;
float:left;
margin-top:5px;
margin-left:15px;
padding:5px;
border:1px solid #fff;
text-align:center;
}

#gallery{
margin-top:0px;
padding-top:0px;
width:580px;
border-bottom:3px #333 solid;
float:left;
text-align:left;
font-size:.8em;
}

#gallerynav {
width:750px;
text-align:center;
padding-top:5px;
padding-bottom:10px;
float:left;

}


#gallerynav a:link, #scrollers a:visited{
color:#000000;
text-decoration:none;
font-size:.9em;
font-weight:bold;
}


#gallerynav a:hover{
color:#663300;
}

#progress{

margin-top:0px;
padding-top:0px;
width:750px;
overflow:scroll;
float:left;
text-align:left;
font-size:.8em;
}


.clearboth{
clear:both;
}

#content{
text-align:left;
margin-left:20px;
margin-right:20px;
background-color:#2c3032;
float:left;margin: 0px;color:#f5f6f9;border-top:5px solid #333; width:1000px;}

#content p{
width:950px;
padding-top:5px;
padding-left:20px;
}

#content a:link, #content a:visited{
text-decoration:underline;
color:#fff;
font-weight:bold;
}
#info{
margin: 10px 0 0 50px;
        padding: 0;
        height: 39px;
		float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}


#info p{
margin-left:20px;
}

#text{
float:left;
width:215px;
height:300px;
margin-left:0px;
margin-top:20px;
color:#A27A36;
font-size:small;
text-align:left;
vertical-align:bottom;
}


#progresstext{
float:left;
width:180px;
height:300px;
margin-left:55px;
margin-top:20px;
color:#A27A36;
font-size:x-small;
text-align:left;

}
#text p{
font-size:.9em;
}

#text h1{
background-image:url(images/h1location.jpg);
background-repeat:no-repeat;
height:25px;
}



span {
display:none;
}


/***FOOTER***/
#footer{
float:left;
margin-top:00px;
height:20px;
width:1000px;
padding-top:5px;
text-align:center;
color:#ffffff;
font-size:.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/bg-links.gif);
background-repeat:repeat-x;

}

#footer a:link, #footer a:visited{
color:#fff;
font-weight:bold;
text-decoration:NONE;

}


#footer a:hover{
color:#000;
text-decoration:underline;
}

/***forms***/



input {
background-color:#ffffff;
border:1px solid #333;
color:#000000;
font-size:.9em;

}
.input{width:220px;
margin:0px;
}







textarea{
color:#666666;;
background-color:#ffffff;
border:1px solid #d7b9c9;

width:200px;
}




.submit {
margin-top:10px;
margin-left:220px;
color:#a27a34;
background-color:#ffffff;
border: 1px solid #d7b9c9;

}




/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 0.6.1 - 07.08.2007
 *
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	
    
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background:#e2edfa;
	padding:0px;
	-moz-border-radius:6px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/one_page.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
/* set up the overall width of the menu div, the font and the margins with a relative position*/

#info{
margin: 10px 0 0 50px;
padding:0px;
float:left;
font-family:Georgia;
}


.menu {
width:1000px; 
margin-left:20;
position:relative;
z-index:100;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
/*list-style-type: none;*/
border:0;
line-height:.9em;
}
/* float the list so that the items are in a line */
.menu ul li {
display:block;
float:left; 
text-align:center;
padding:5;
margin:5px;
margin-left:5px;

}
/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:120px; 
height:40px; 
color:#fff; 
border:1px solid #b0b3b4;
border-width:1px 1px 0 0;
background-image:url(images/bg-links.gif);
background-repeat:repeat-x;
font-size:.7em;
padding:5px;
margin: 0 0 20px 0;
text-transform:uppercase;
font-weight:bold;
/*border:1px solid #000;*/

}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#000; 
background:#ccc;
}
/* make the sub menu ul visible and position it beneath the first list item */
.menu ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:30px; 
left:0; 
text-align:left;
z-index:100;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
.menu ul li:hover ul li {
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:10px;
margin-top:30px;
width:800px;
height:318px;
overflow:auto;
font-size:.8em;
line-height:18px;
background-image:url(images/bg-silver.gif);
background-repeat:repeat-x;
}
/*float the image left with padding and no border */
.menu ul li:hover ul li img {
float:left; 
padding:10px 10px 10px 0; 
border:0;
}
/* style the paragraph font height */
.menu ul li:hover ul li p {
font-size:0.9em;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:inline;
background:#eee;
color:#c00;
text-decoration:underline;
border:0;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
text-decoration:none; 
color:#000;
}

#highlight{
width:1000px;margin-top:60px;padding:15px 0 15px 0;float:left;
background-image:url(images/bg-silver.gif); 
background-repeat:repeat-x;
}