/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

ul.download {list-style-image:url(../zip.gif);}
ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#beatles {width:805px; height:38px;}

.prodrop5 {padding:0px; margin:0; list-style:none; height:38px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background:url(../images/_master/navigation/home-but.gif); width:99px; height:38px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background:url(../images/_master/navigation/about-but.gif); width:127px; height:38px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:url(../images/_master/navigation/etailers-but.gif); width:148px; height:38px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:url(../images/_master/navigation/collections-but.gif); width:151px; height:38px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos5 {background:url(../images/_master/navigation/stockists-but.gif); width:133px; height:38px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos6 {background:url(../images/_master/navigation/contact-but.gif); width:142px; height:38px; display:block;text-indent:-99999px;}  

.prodrop5 li.p1 {background:url(../images/_master/navigation/home-but-over.gif); } 
.prodrop5 li.p2 {background:url(../images/_master/navigation/about-but-over.gif);} 
.prodrop5 li.p3 {background:url(../images/_master/navigation/etailers-but-over.gif);} 
.prodrop5 li.p4 {background:url(../images/_master/navigation/collections-but-over.gif);} 
.prodrop5 li.p5 {background:url(../images/_master/navigation/stockists-but-over.gif);} 
.prodrop5 li.p6 {background:url(../images/_master/navigation/contact-but-over.gif);} 

.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(../images/_master/navigation/home-but-over.gif);} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(../images/_master/navigation/about-but-over.gif);} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(../images/_master/navigation/etailers-but-over.gif);} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(../images/_master/navigation/collections-but-over.gif);} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(../images/_master/navigation/stockists-but-over.gif);} 
.prodrop5 li.current a.pos6,
.prodrop5 li.current a.pos6:hover {background:url(../images/_master/navigation/contact-but-over.gif);} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:40px; background-color:#FFF; border:solid 1px #A5C632; padding:0px; white-space:nowrap; height:35px; width:151px; z-index:300;}
.prodrop5 :hover ul li {display:block; height:35px; position:relative; top:0px; width: 151px; font-weight:normal;}
.prodrop5 :hover ul li a {display:block; font-size:12px; height:35px; line-height:35px; width:auto; padding:0 10px; color:#000; background-color:#FFF; text-decoration:none;}
.prodrop5 :hover ul li a:hover {text-decoration:none; background-color:#A5C632; color:#FFF}





.khaki {color: #76752F}

.blue {color: #73B2E2}

.orange {color: #F89B1C}

.red {color: #8B021A}

.lime {color: #A5C632}

.orangeBG {background-color: #F89B1C}






body {
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #898475;
padding:0;
margin:0;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #898475;
	text-decoration: none;
	line-height:15pt;
	padding: 0px 25px 0 0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color:#371200;
	letter-spacing:2px;
	padding: 25px 0 10px 0;
}

#TextArea {
	width:397px;
	height:464px;
	float:right;	
}

hr {
clear:both;
	height:1px;
	width:397px;
	margin:1em 0;
	border: 1px;
	border-bottom-style: solid;
	color:#000;

}	
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing:1px;
	color: #898475;
	line-height:13pt;
	font-weight:normal;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing:1px;
	color: #B9B59F;
	line-height:13pt;
	font-weight:normal;


}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #898475;
	line-height:10pt;
	font-weight:normal;
	vertical-align:top;
	margin: 8px 0 0 0;

}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #898475;
	line-height:8pt;
	font-weight:normal;
	vertical-align:top;
	margin: 0px 0 0 30px;

}

p a:visited {color:#898475;}
p a:hover {color: #B9B59F;}
p a:active {color:#898475;}
p a:link {color: #898475;text-decoration:underline;}
img {border-style:none;}


h2 a:visited {color:#898475;}
h2 a:hover {color: #B9B59F;}
h2 a:active {color:#898475;}
h2 a:link {color: #898475;text-decoration:underline;}

h3 a:visited {color:#B9B59F;}
h3 a:hover {color: #898475;}
h3 a:active {color:#B9B59F;}
h3 a:link {color: #B9B59F;text-decoration:underline;}


img.download {vertical-align:middle;}
	
/* ----------container to center the layout-------------- */
#container {
width: 805px;
margin: 0 auto;
background-color:#FFF;
	}
	
#containerML {
width: 100%;
height: 100%;
margin: 0 auto;
color:#F89A1C;
	}

/* ----------banner for logo-------------- */
#banner {
background-color: #FFF;
text-align: left;
padding: 0px;
margin: 25px 0 5px 0;
}

/* -----------------content--------------------- */


#content {
background-color: #ffffff;
padding: 0px;
height:465px;
width:802px;
margin: 20px 0 0 0;
}

#AboutContent {
background-image:url(../images/about-us-hero.jpg);
background-repeat:no-repeat;
height:465px;
width:802px;
padding: 0px;
margin: 20px 0 0 0;
}

#ClientsContent {
background-image:url(../images/clients-hero.jpg);
background-repeat:no-repeat;
height:465px;
width:802px;
padding: 0px;
margin: 20px 0 0 0;
}

#CollectionsContent {
background-image:url(../images/collections-hero.jpg);
background-repeat:no-repeat;
height:465px;
width:802px;
padding: 0px;
margin: 20px 0 0 0;
}

#CollectionsBorderContent {
background-image:url(../images/collections-border.gif);
background-repeat:no-repeat;
height:465px;
width:802px;
padding: 0px;
margin: 20px 0 0 0;
}

#StockistsContent {
background-image:url(../images/stockists-hero.jpg);
background-repeat:no-repeat;
height:465px;
width:802px;
padding: 0px;
margin: 20px 0 0 0;
}

#ContactContent {
background-image:url(../images/contact-hero.jpg);
background-repeat:no-repeat;
height:465px;
width:802px;
padding: 0px;
margin: 20px 0 0 0;
}

#MailingListContent {
background-image:url(../images/mailinglist/mailinglist-bg.jpg);
background-repeat:no-repeat;
background-color:#F89A1C;
height:333px;
width:361px;
padding: 0px;
margin: 0px;
float:left;
position:relative;
}

#collection-nav {
height:29px;
width:802px;
float:left;
margin:32px 0 0 0;
}

#previous-but {
height:29px;
width:91px;
float:left;
}

#next-but {
height:29px;
width:69px;
float:right;
}

#title {
height:29px;
width:400px;
float:left;
margin:-25px 0 0 15px;
}

#sample {
height:303px;
width:253px;
float:left;
margin:25px 0 0 10px;
}

#sample2 {
height:303px;
width:253px;
float:left;
margin:25px 0 0 7px;
}


#fullcontent {
background-color: #ffffff;
padding: 0px;
margin: 0 83px 0 215px;
}
div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

.floatright { float: right; margin: 1px 5px 0 0 }

/* --------------navigation------------- */

#homeBut a {
background-image:url(../images/_master/navigation/home-but.gif);
background-repeat:no-repeat;
float:left;
width:99px;
height:38px;
}

#homeBut a:hover {
background-image:url(../images/_master/navigation/home-but-over.gif);
float:left;
}

#nav li
{
list-style: none;
margin: 0;
padding: 0.5em;
border-bottom: 1px solid #ccc;
}

#nav li a { text-decoration: none; }

.navContainer {
float:left;
width: 800px;
margin-top: 155px;
}

/* -----------footer--------------------------- */
#footer {
float:left;
margin: 0;
padding: 20px 0 0 0;
width:800px;	
	}


input, select, textarea
{
color: #666669;
background: #ffffff;
border: 1px solid #666669;
margin-top: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size:8pt;
}

input.submit { 
background-image: url(../images/mailinglist/submit.gif);
background-repeat:no-repeat;
border: 0;
width: 78px;
height: 24px;
background-color: transparent;
display:block;
float:right;
}
input[type="submit"]:hover {
	background: transparent;
	background-image: url(../images/mailinglist/submit-over.gif);
	background-repeat:no-repeat;
	border: 0;
	width:78px;
	height: 24px;
	background-color: transparent;
	float:right;
}

input.reset { 
background-image: url(file:///Red-i%20WIP/Brisbane%20CityWorks/1666-BCC-CW-Website/for%20web/online/_master/images/buttons/reset.png);
border: 0;
width: 51px;
height: 16px;
background-color: transparent;
display:block;
}
input[type="reset"]:hover { 
background: transparent; 
background-image: url(file:///Red-i%20WIP/Brisbane%20CityWorks/1666-BCC-CW-Website/for%20web/online/_master/images/buttons/reset-over.png);
border: 0;
width: 51px;
height: 16px;
background-color: transparent;
}

input.go { 
background-image: url(file:///Red-i%20WIP/Brisbane%20CityWorks/1666-BCC-CW-Website/for%20web/online/_master/images/buttons/go.png);
border: 0;
width: 25px;
height: 16px;
background-color: transparent;
display:block;
}
input.go[type="submit"]:hover { 
background: transparent; 
background-image: url(file:///Red-i%20WIP/Brisbane%20CityWorks/1666-BCC-CW-Website/for%20web/online/_master/images/buttons/go-over.png);
border: 0;
width: 25px;
height: 16px;
background-color: transparent;
}

#ajaxSearch_input {
width: 120px;
}
.submit input, #ajaxSearch_submit
{
color: #ffffff;
background: #666669;
border: 1px outset #ffffff;
}