/*__________________________________________________________________________________________________________*/
/*---------------------------------------------------------------------------------------------------
     This Style Sheet is Copyright 2004 Sitescene - Melbourne Australia.
	 
	 Bug free CSS and XHTML
	 
	 This is my fuckin l337 coding put to use. Fully functional - Cross Browser Drop Down Menu.
	 If you do decide to use this code, please credit my website www.sitescene.com.au 
	 
	 Kind Regards.
	 
	 Sean Richards
	 Director
	 www.sitescene.com.au
---------------------------------------------------------------------------------------------------*/
/*__________________________________________________________________________________________________________*/

body	{
	background: #fff;
	color: #666;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	padding-bottom: 25px;
	}

/*__________________________________________________________________________________________________________*/
/*__________________________________________________________________________________________________________*/

h1, h2, h3, h4{
	font-weight: normal;
	letter-spacing: 1px;
	}

h1 {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
	font-size:1px;
	}

h2 {
	margin: 0 0 10px 0;
	color:#900; 
	padding: 18px;
	font: bold 18px Verdana, arial, helvetica, sans-serif;  
	background: #fff url(../images/h2back.jpg) no-repeat;   
	}

h2.about {
	background: #fff url(../images/h2about.jpg) no-repeat; 
	}

h2.contact {
	background: #fff url(../images/h2contact.jpg) no-repeat; 
	}

h3 {
	margin:0;
	color: #fff;
	font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

h3.homeCol {
	line-height: 37px;
	padding-left:24px;
	background: #fff url(../images/h3home.jpg) no-repeat;
	width:252px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 227px;	
	}

html>h3.homeCol	{
	width: 227px;
	} 

h3.sideNav {
	line-height: 37px;
	padding-left:20px;
	background: #fff url(../images/h3back.jpg) no-repeat;
	width:190px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 170px;	
	}

html>h3.sideNav	{
	width: 170px;
	} 

p {
	font: 12px / 16px Arial, sans-serif;
	color:#000;
	margin:0 0 12px 0;
	} 

ul#norm {
	margin:5px 5px 10px 65px;
	padding:0px 0px 0px 5px;
	text-indent: 5px;
	}

ul#norm li {
	list-style: url(../images/list_back.gif);	
	font: bold 12px/16px Tahoma, Verdana, Geneva, sans-serif;	
	color: #900;
	margin-bottom: 3px;
	}

/*__________________________________________________________________________________________________________*/
/*__________________________________________________________________________________________________________*/

a {	
	font-weight: bold;
	text-decoration: underline;
}

a:link, a:visited {
	color: #A01818;
}

a:active {
	color: #A01818;
}

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

a img {
	border:0;
	}

img {
	display:inline;
	}
	
/*__________________________________________________________________________________________________________*/
/*__________________________________________________________________________________________________________*/

#globalWrap	{
	background: #fff;
	color: #333;
	margin-top:					0;
	margin-left: 				auto; 
	margin-right: 				auto; 
	text-align: 				left; 
	padding: 0;
	border: 0;
	height:100%;
	width: 772px;	
	}

/* THIS DIV IS THE KEY TO FIXING THE BACKGROUND ISSUES WITH CONTAINER DIVS IN MAC IE */
#globalWrapB {
	margin:0;
	padding: 0;
	background:#fff;
	height:100%; /*IE Fix for background height THIS WAS A FUCKING SLUT*/
	}

#header {
	border: 0;
	margin: 0;
	padding: 0;
	}

/* 

The default vertical alignment of images is baseline, so IE is leaving
space for the descenders of the text it thinks might be there (Gecko and
Presto are apparently smart enough to realise if there is no text)

applying vertical-align:bottom to the image should solve it.

*/
#header img {
	vertical-align:bottom;
	}

/*__________________________________________________________________________________________________________*/
/*__________________________________________________________________________________________________________*/

#homeCol1 p, #homeCol2 p, #homeCol3 p, #homeCol4 p {
	font: bold 11px Arial, Sans-Serif; 
	color:#666;
	}
#homeCol2 p.smallRed, #homeCol3 p.smallRed {
	color:#900;
	font-weight:bold;
	margin:0;
	}

#homeCol1 {
	float: left;
	width: 251px;
	padding: 0;
	margin: 8px 9px 30px 0;
	background: #efefef url(../images/bottomCorner.gif) no-repeat bottom;
	} 

#homeCol2 {
	float: left;
	margin: 8px 9px 30px 0;
	width: 251px;
	padding: 0;
	background: #efefef url(../images/bottomCorner.gif) no-repeat bottom;
	}

#homeCol3 {
	float:left;
	padding:0;
	width: 251px;
	margin:8px 0 0 0;
	background: #efefef url(../images/bottomCorner.gif) no-repeat bottom;
	}
	
#homeCol4 {
	float:left;
	padding:0;
	width: 251px;
	margin:8px 0 30px 0;
	background: #efefef url(../images/bottomCornerContact.gif) no-repeat bottom;
	}

#homeCol3 img, #homeCol4 img { float:right; padding: 0 0 10px 4px;}
.PadFix {
	padding:5px 10px 10px 10px;
	}

#homeFlash {margin:0;}

/*__________________________________________________________________________________________________________*/
/*__________________________________________________________________________________________________________*/


#normLHcol {
	float: left;
	padding: 10px 0 0 0;
	background: #fff;
	width: 190px; 
	} 

#normLHcol li {
	line-height: 1.6;
	/*list-style-image: url(../images/list_back.gif);*/
	list-style:none;
	font-size: small;
	font-weight:bold;
	}

#normLHcol ul {
	margin:0;
	padding:0;
	}

#normLHcol h3 , #normLHcol p{
	font-weight:bold;
	}
	
#longRHcol {
	padding: 10px 0 0 0;
	background:#fff;
	margin: 0;
	color: #666;
	background: transparent; 
	/* compensates for IE Win bungling */
	height: 100%;
	}

	
#normRHcol {
	padding: 10px 0 0 0;
	background:#fff;
	margin: 0 0 0 195px;
	color: #666;
	background: transparent; 
	/* compensates for IE Win bungling */
	height: 100%;
	}

/* I needed to recelare this line-height because IE was fine with the font declaration */
/* in p, li {} but Opera, Firefox, Netscape needed this ? Dont ask me */
#normRHcol p, #longRHcol p {
	padding: 0 10px 0 10px;
	line-height: 18px;
	text-align:justify;
	}

div#normLHcol #contactBox {
	 background: #E8ECF0;
	 border: 1px solid #7088B0;
	 padding:20px;
	 }
/*__________________________________________________________________________________________________________*/
/*__________________________________________________________________________________________________________*/


#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

#button li {
	border-bottom: 1px solid #666;
	margin: 0;
	/* NEED TO RE-DECLARE line-height HERE FOR IE Once agan FFS, doesnt inherit properly */
	line-height: 20px;
	}

#button li a {
	display: block;
	font-size: 11px;
	line-height: 20px;
	padding: 5px 6px 5px 19px;
	background-color: #eee;
	color: #666;
	text-decoration: none;
	width: auto;
	}
	
html>body #button li a {
	width: auto;
	}

#button li a:hover {
	color: #933;
	background: #e7e7e7;
	}

#button li a.navthis {
	background-color: #C37F81;
	color: #efefef;
	}

#button li a.navthis:hover {
	color: #933;
	background: #e7e7e7;
	}

img.buttonHead {
	margin: 0 0 10px 0;
	padding:0;
	}

li#botList {
	border-bottom:0;
	}
/*__________________________________________________________________________________________________________*/
/*__________________________________________________________________________________________________________*/

#footer {
	clear: both;
	padding: 0;
	margin: 0;
	background: #fff url(../images/bottomGrad.gif) repeat-x;
	text-align: center;
	}

#footer p {
	font: bold 9px Verdana, Arial, Sans-Serif;
	color:#666;
	margin:10px 0 0 0;
}

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

/*__________________________________________________________________________________________________________*/
/*__________________________________________________________________________________________________________*/


/*---------------------------------------------------------------------------------------------------
     TOP MENU NAVIGATION STYLES
---------------------------------------------------------------------------------------------------*/
#relFix {
	position:relative;
	line-height:1.2;
	}


/*__________________________________________________________________________________________________________*/
/*---------------------------------------------------------------------------------------------------
     This is my fuckin l337 coding put to use. Fully functional - Cross Browser Drop Down Menu.
	 If you do decide to use this code, please credit my website www.sitescene.com.au 
	 
	 Kind Regards
	 Sean Richards
---------------------------------------------------------------------------------------------------*/
/*__________________________________________________________________________________________________________*/

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#nav {
	background: transparent url(../images/NavGrad.gif) repeat-x;
	height:29px;
	}

ul#nav ul { 
	background: #efefef url(../images/MenuBottom.gif) no-repeat bottom
	}

#nav a {
	display:block;
	font: bold 12px Helvetica, Verdana, Arial, Sans-Serif;
	line-height:21px;
	color: #717272;
	text-decoration: none;
	width: 127px;
	}

#nav a:hover {
	color:#933;
	} 

#nav a.navthis {
	color:#933;
	} 

#nav li li a {
	display: block;
	padding: 4px;
	border-right: solid 1px #717171;
	border-left: solid 1px #717171;
	
	font-weight: normal;
	line-height:15px; /*This fixes the gap in between the list elements */
	font-size: 10px;
	color: #666;
	vertical-align:top; /* This fixes the IE5 Win gap! */
	
	/*The 10 pixel difference in widths below is from the 8px padding Left and Right and the  2px border = 10px */
	width:127px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 117px;	
	}

html>#nav li li a	{
	width: 117px;
	} 

#nav li li a:hover {
	color: #933;
	background: #e7e7e7;
}

#nav li {
	float: left;
	position: relative;
	width: 127px;
	text-align: center;
	cursor: default;
	background: transparent;
	line-height:18px;
	z-index:99;
	margin:0;
	padding:0;
}

#nav li#home, #nav li#home a {
	width:70px;
	}
#nav li#newsletter, #nav li#newsletter a {
	width:130px;
	}
#nav li#contact, #nav li#contact a {
	width:80px;
	}
#nav li#about, #nav li#about a {
	width:110px;
	}

#nav li a:hover { /* Dont ASK ME */}



li ul.menu {
	z-index:99;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background:#efefef;
	padding: 0;
}

#nav li>ul {
	top: auto;
	left: auto;
}

li ul.menu li {
	display: block;
	float: none;
	text-align: center;
	border:0;
	vertical-align:text-top; /* This fixes the IE5 Win gap! */
	width:127px;
	}

#nav li:hover ul, #nav li.over ul {
	display: block;
}


#shit { 
	border:0;
	background:#000; 
	vertical-align:bottom;
	overflow:hidden;
	}
	
#fix {
	display:inline;
	height:8px;
	margin:0;
	padding:0;
	vertical-align:top;
	}
#fix img { display:block; }

hr {
	display: none;
}

.dropCap {
	font: italic 18px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	float:left;
	padding: 0px 4px;
	}
	
	
/*__________________________________________________________________________________________________________*/
/*__________________________________________________________________________________________________________*/
#signup {
	padding-left:60px;
	}

#signup table { 
	background-color: transparent; 
	color: #C37F81; 
	width: 440px; 
	border: 0px solid #C37F81; 
	border-collapse: collapse; 
	} 

#signup td { 
	border:0; 
	padding-left: 4px; 
	}

.labelcell { 
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #C37F81; 
	background-color: transparent; 
	width: 220px; 
	vertical-align:top;
	} 

.fieldcell { 
	background-color: transparent; 
	color: #000000; 
	text-align: left; 
	margin-right: 0px; 
	padding-right: 0px; 
	} 

.fieldcell input, .fieldcell textarea { 
	width: 300px; 
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: #efefef; 
	color: #C37F81; 
	border: 1px solid #C37F81; 
	margin-right: 0px; 
	} 

input.button { 
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #C37F81; 
	color: #efefef; 
	margin-left: 12px; 
	margin-top: 3px; 
	margin-bottom: 2px; 
	}
	
	
/*__________________________________________________________________________________________________________*/
/* NEW FORMS*/
/*__________________________________________________________________________________________________________*/

.scallyForm {
	margin-left:40px;
	}

.scallyForm fieldset {
	border:0;
	text-align:left;
	background:transparent;
	margin:12px 0;
	padding:0;
	}
.scallyForm label{
	font-family:inherit;
	font-weight:normal;
	font-size:90%;
	line-height:2.1em;
	display:block;
	padding:0;
	border:0;
	background:transparent;
	}
.scallyForm label span {
	font-size:70%;
	color:#f00;
	font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
	}
.scallyForm input, .scallyForm textarea, .scallyForm select {
	font-family:arial, Tahoma, sans-serif, serif;
	border-collapse:collapse;
	border:1px solid #C37F81;
	font-weight:normal;
	font-size:100%;
	margin:0 0 1em 0;
	padding:2px;
	vertical-align:middle;
	background:#FBFBE1;
	}

.scallyForm input.btn {
	margin:10px 0;
	cursor:pointer;
	color:#efefef;
	border:2px solid;
	border-color:#efefef #333 #333 #efefef;
	background:#C37F81;
	padding:.3em 0.8em 0.3em 0.8em;
	font-weight:bold;
	}	
#contactForm form {
	display:inline;
	position:relative;
	clear:none;
	}

#contactForm input, #contactForm textarea{
	margin:0;
	text-align:left;
	}
#contactForm input.btn {
	clear:both;
	}
#error {
	background:#FBFBE1;
	border:1px solid #C37F81;
	padding:10px;
	margin-right:18px;
	color:#C37F81;
	}
.org {
	font-size:90%;
	}

/*__________________________________________________________________________________________________________*/
/*SHADOWS */
/*__________________________________________________________________________________________________________*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(../images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 10px 5px;}
.wrap2 {background:url(../images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(../images/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:0px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}