/* CSS Document */
body {
    margin: 15px 0 0 0;
    background: #7e242b;
	background-image: url(../images/e-back.jpg);
	background-repeat: repeat;
	text-align: center; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	color: #000000;
	line-height: 150%;
}

html {height: 100%; margin-bottom:1px; 
    scrollbar-base-color:#461418;
    scrollbar-track-color:#ede6d4;
    scrollbar-face-color: #7e242b;
	scrollbar-arrow-color: #ffffff;
}
#wrapper {
    display: block; 
	width: 965px; 
	margin: 0 auto; 
	background-color: #FFFFFF;
}

/*#main-nav {
    background: #c3b39e url(images/nav-back.gif) repeat;
	width: 955px; 
	height: 30px; 
}*/
#top-menu, #top-menu ul{
	padding: 0;
	margin: 0;
	list-style: none;	
}
#top-menu li{
	float: left;
	position: relative;
	padding: 0;
}

#top-menu a{
    text-decoration: none;
    padding: 0;
    margin: 0 0 0 0;
  	background: transparent;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#top-menu a:hover{
text-decoration: none;
color: #f2ccb6;
}
#top-menu li:hover ul, li.over ul {
display: block;
}
.sub-menu{
	display: none;
	width: 15em;
	position: absolute;
	background-color: #41372c;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	text-align: left;
	line-height: 25px;
	/* NB: Don't increase the offset in the following line as the sub-menu must touch the top menu, else it disappears !! */
	top: 18px;
	left: 18px;
}
.sub-menu li { 
    width: 100%;
}
.sub-menu li a {
 	display: block;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.sub-menu li a:hover{
	TEXT-DECORATION: none;
}
#content {
    /* perhaps need to remove line below*/
    position: relative;
    background-color: #FFFFFF; 
	width: 965px; 
	height: auto;
}
a, a:link {
   	color: #962B33;
	background: transparent;
	text-decoration: underline;
}
a, a:visited {
   	color: #7e6850;
	background: transparent;
	text-decoration: underline;
} 
a:hover {
    color: #f2ccb6;
	background: transparent;
	text-decoration: underline;
}
#text-area {
    display: block;
    color: #22211F;
	float: right; 
	width: 688px;
	height: auto; 
	text-align: left; 
}
h1 {
    /*font-family: Segoe Print, Verdana, Arial, Helvetica, Sans-Serif;*/
	font-family: 'Myriad Pro Cond', Arial, Verdana,  Helvetica, Sans-Serif;
	font-size: 40px;
	font-weight: normal; 
	color: #962B33; 
	line-height: 30px;
}    
/*#page-heading {
    font-family: Segoe Print, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 30px;  
	color: #962B33; 
	line-height: 30px;
	 
}*/
h2 {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 16px;
	font-weight: bold;
	color: #962B33;
}
h3 {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
	font-weight: bold;
	color: #962B33;
}
.sub-heading2 {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
	font-weight: bold;
}
#schwarzkopf-image {
    border: solid 1px #bea682;
}
#suburbs {
    float: left; 
	width: 650px; 
	border: dotted 3px #461418; 
	padding: 7px; 
	margin: 15px 0 15px 5px;
}
#copyright {
	clear: both;
	margin: 0 0 0 0;
	padding: 5px 15px 0px 0px;
	color: #22211F;
	font-size: 100%;
	text-align: left;
	height: 25px;
}
#copyright a {
    color: #461418;
	text-decoration: none;
}

#copyright a:hover {
	color: #461418;
	background: transparent;
	text-decoration: underline;
}
.terms {
	float: right;
}
#bottom-border {
    background: #461418; 
	height: 5px; 
	border-left: 5px solid; 
}
.prices {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
table.home-icons {
    width: 100%;
	padding: 0 0 0 0;
}
td.home-icons {
    padding: 0 0 5px 0px;
	vertical-align: top;
	/*border: solid 1px #461418;*/
}
.home-icon-heading {
    color: #962B33;
	font-weight: bold;
	text-decoration: underline;
}
.bullets {
    list-style-image: url(../images/bulletfancy.png);
}