/*
-----------------------------------------------
The Pumphouse Screen Styles
Author:   David Galovic
Company:  August P/L
Version:  29 October 2007
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #fff;
	background-color: #000;
}


/* Structure
----------------------------------------------- */

div#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

div#header {
	margin: 0 auto;
	width: 998px;
	height: 132px;
	padding: 30px 0 0 10px;
}

div#main-wrapper {
	margin: 12px 0 0 0;
	width: 100%;
	background-color: #292421;
	clear: both;
}

div#main {
	margin: 0 auto;
	width: 998px;
	padding-left: 10px;
	background: #231e1b url(/common/images/bg-main.gif) bottom right no-repeat;
}

div#main-content {
	width: 832px;
	background: transparent url(/common/images/bg-trans-sidebar.png) top right repeat-y; /* for Mozilla/Opera/etc */
}

div#content-col {
	margin: 0;
	width: 624px !important;
	float: left;
	background-color: #0b0908;
	z-index: 1;
	position:relative;
}

div#side-col {
	margin: 0;
	padding: 10px 27px;
	width: 150px;
	float: left;
}

div#content {
	padding: 10px 30px;
}
	div#content hr{
		border: none;
		background-color: #97141B;
		padding: 0;
		height: 5px
	}

div.content_area{ margin-top: 25px; }

div#content, div#side-col {
	z-index: 1;
	position: relative;
}

div#footer, div#nav-footer {
	margin: 0 auto;
	width: 998px;
	padding-left: 10px;	
	clear: both;
	color: #a68b73;
}

div#footer {
	height: 100px;
}

div#nav-footer {
	height: 30px;
	margin-top: 15px;
}

div#navigation {
	float: left;
	width: 668px;
	margin: 100px 0 0 0;
}

div#contact {
	float: left;
	color: #a68b73;
	text-align: right;
}

div#logo {
	float: right;
	margin-right: 20px;
}

div#heading {
	height: 44px;
	width: 832px;
	background-color: #61141b;
}


/* Home Page
----------------------------------------------- */

#home div#main-content {
	width: 100%;
	background: transparent url(/common/images/bg-trans-home.png) top left repeat-x; /* for Mozilla/Opera/etc */
}

div#intro-feature {
	float: left;
	width: 405px;
}

div#intro-content {
	float: left !important;
	width: 565px;
	height: 191px;
	padding: 30px 0 0 25px;
	margin: 0;
	position: relative;
}

div#home-content{
	float:right;
	width: 505px;
	padding-left: 15px;
	padding-right: 65px;
}
div#home-content p{ line-height: 1.4em; }

#home .feature {
	float: left;
	width: 115px;
	margin: 15px 20px 0 0;
	padding: 0;
}

div.news {
	margin-bottom: 20px;
}



/* Typography
----------------------------------------------- */

p { font-size: 1.1em; margin-bottom:15px; }

div#content-col p, div#content-col li {
	/*font-size: 1.6em;
	line-height: 1.3em;*/
	
	font-size: 1.1em;
	line-height: 1.4em;
}

div#content-col li ul li {
	font-size: .9em;
}

a {
	color: #a68b73;
}

div#contact h2 {
	margin-bottom: 0;
	font-size: 1.5em;
	color: #a68b73;
}

div#contact p {
	margin-top: 6px;
}

div#footer p.copyright {
	float: left;
	margin: 10px 0 0 30px;
}

div#footer p.august,
div#footer p.hoopla,
div#footer p.minotaur{
	float: right;
	margin: 10px 30px 0 0;
}
div#footer p a{ display:block; height: 24px; font-size:10px; display:block; text-decoration:none; color: #292421; height:100%; }
div#footer p a:hover{ color: #a68b73; }
div#footer p.august{ background:transparent url(/common/images/august.gif) no-repeat; height: 45px; width: 65px; }
div#footer p.august:hover{ background:transparent url(/common/images/august_over.gif) no-repeat; }
div#footer p.hoopla{ background:transparent url(/common/images/hoopla.gif) no-repeat; height: 34px; width: 75px; }
div#footer p.hoopla:hover{ background:transparent url(/common/images/hoopla_over.gif) no-repeat; }
div#footer p.minotaur{ background:transparent url(/common/images/minotaur.gif) no-repeat; height: 34px; width: 125px; }
div#footer p.minotaur:hover{ background:transparent url(/common/images/minotaur_over.gif) no-repeat; }

div#nav-footer li.noborder{border-right:none;}

div#footer p.august a {
	text-decoration: none;
}

div#side-col a, div#intro-content a {
	text-decoration: none;
	color: #fff;
	background-color: #97141b;
	display: block;
	padding: 4px;
	text-transform: uppercase;
	font-size: 12px;
}


div#side-col a:hover, div#intro-content a:hover {
	background-color: #61141B;
}
div#side-col .cms_contentItemEditLink a, div#intro-content .cms_contentItemEditLink a {
	background-color: transparent;
	padding: 0;
}
div#intro-content h2 {
	margin-bottom: 0;
}

div#intro-content p {
	margin-top: 5px;
}

.news p {
	margin: 4px 0;
}

td {
	padding: 4px 0;
}


/* Headings
----------------------------------------------- */

h1 {
	z-index:100;
}

h2 {
	font-size: 1.0em;
	color: #97141b;
	font-weight: normal;
	z-index:100;
	position:relative;
}

h3, h4 {
	margin: 4px 0 2px 0;
	font-size: 1.2em;
}

h5{
	font-size: 14px;
	font-weight:normal;
	margin-bottom:10px;
}
h6{
	font-size: 14px;
	text-transform:uppercase;
	background-color: #97141A;
	color:#FFFFFF;
	padding: 3px;
	font-weight:normal;
	margin-bottom: 10px;
}

div#content-col h1 {
	color: #97141b;
	font-weight: normal;
	font-size: 2em;
}

div#content-col h2 {
	font-size: 2em;
	color: #fff;
}

div#content-col h3, div#content-col h4 {
	font-size: 1.6em;
}

div#content-col .date {
	font-size: 1.1em;
}


/* Navigation
----------------------------------------------- */

div#navigation a {
	outline-color: invert;
	outline-style: none;
}

div#navigation ul.top-level {
 	width: 631px;
 	height: 35px;
 	background: url(/common/images/navigation.gif);
	margin: 0;
	padding: 0;
 	position: relative;
}

div#navigation ul.top-level li {
	margin: 0; 
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 0;
}

div#navigation ul.top-level li, div#navigation ul.top-level li a.base-link {
	height: 35px; 
	display: block;
}

div#navigation ul.top-level li a.base-link, div#navigation ul.top-level li a.selected {
	float: left;
	padding: 35px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:35px; /* for IE5/Win only */
	width: 100%;
}

#menu-main-1 { left: 0; width: 50px; }
#menu-main-2 { left: 51px; width: 77px; }
#menu-main-3 { left: 128px; width: 123px; }
#menu-main-4 { left: 251px; width: 124px; }
#menu-main-5 { left: 375px; width: 92px; }
#menu-main-17 { left: 466px; width: 99px; }
#menu-main-7 { left: 565px; width: 66px; }

#menu-main-1 a.base-link:hover, #menu-main-1 a.selected { background: url(/common/images/navigation.gif) 0 -35px no-repeat;}
#menu-main-2 a.base-link:hover, #menu-main-2 a.selected { background: url(/common/images/navigation.gif) -51px -35px no-repeat;}
#menu-main-3 a.base-link:hover, #menu-main-3 a.selected { background: url(/common/images/navigation.gif) -128px -35px no-repeat;}
#menu-main-4 a.base-link:hover, #menu-main-4 a.selected { background: url(/common/images/navigation.gif) -251px -35px no-repeat;}
#menu-main-5 a.base-link:hover, #menu-main-5 a.selected { background: url(/common/images/navigation.gif) -375px -35px no-repeat;}
#menu-main-7 a.base-link:hover, #menu-main-7 a.selected { background: url(/common/images/navigation.gif) -565px -35px no-repeat;}
#menu-main-17 a.base-link:hover, #menu-main-17 a.selected { background: url(/common/images/navigation.gif) -466px -35px no-repeat;}


div#navigation ul.sub-level { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

div#navigation ul.sub-level li a {
	display: block;
	width: 10em;
	text-decoration: none;
	color: #fff;
	padding: 4px 8px;

}

div#navigation ul.sub-level li a:hover {
	color: #DF374A;
}

div#navigation ul.sub-level li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	height: auto;
	position: relative;
}

div#navigation ul.top-level li ul.sub-level { /* second-level lists */
	position: absolute;
	background: #000;
	width: 10em;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	bottom: 35px;
}

div#navigation ul.top-level li:hover ul { /* lists nested under hovered list items */
	left: 0;
}

div#navigation ul.top-level li.sfhover {

}


/* Footer
----------------------------------------------- */
div#footer{position: relative;}
div#footer div{
	position: relative;
	top: -40px;
}
div#nav-footer ul {
	margin: 0 0 0 21px;
	padding: 0;
	list-style: none;
}

div#nav-footer li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #a68b73;
}

div#nav-footer li a {
	display: block;
	outline-color: invert;
	outline-style: none;
}

div#nav-footer #util-menu-8 {
	border-right: 0;
}


/* Sitemap
----------------------------------------------- */

div#sitemap ul, div#sitemap ul li {
	margin:1.4em auto;
}


/* Forms
----------------------------------------------- */

#contact-form {
	margin-top: 30px;
}

#contact-form p {
	margin: 14px 0;
}

#contact-form .compulsory {
	font-weight: bold;
}

#contact-form label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

#contact-form .textarea label {
	display: block;
}

#contact-form input, textarea {
	border: 1px solid #231E1B;
	color: #333;
	width: 200px;
	font: 12px Arial, Helvetica, sans-serif;
}

#contact-form input {
	height: 16px;
}

#contact-form textarea {
	width: 280px;
	height: 100px;
}

#contact-form .buttons {
	margin: 10px 0 20px 0;
}

#contact-form .buttons .button {
	width: 110px;
	height: 20px;
	color: #fff;
	background-color: #97141b;
	text-transform: uppercase;
	font-size: 12px;
	border: 0;
}

.form-message, .errors {
	background-color: #97141B;
	border: 3px solid #DF1B28;
	color: white;
	margin: 10px 0;
	padding: 10px;
	font-size: 1.1em;
}


/* Misc
----------------------------------------------- */

a img {
	border: 0;
}

.image-replace {
	text-indent: -5000px;
}

.clear {
	clear: both;
	height: 0;
}

div#skip-nav { display:none; }
a#content-begins { height:0; width:0; }


/* Gallery page
----------------------------------------------- */
/* Hide the second level menu item... */
ul.sub-level {
	display:none;
}
div.gallery_item {
	float: left;
	width: 170px;
	margin: 0 5px 10px 0;
	text-align: center;
}
div.gallery_item a {
	background-color: #1d1916;
	text-decoration:none;    vertical-align: middle;
	float: left;
}
div.gallery_item a:hover {
    background-color: #292421;
}
/*div.gallery_item a span { display:block; margin-top: 5px; font-size:9px; letter-spacing:0.5px; text-decoration:none; }*/
div.gallery_item a img, div.gallery_item a:hover img {
    text-decoration: none;
	border: 1px solid #292421;
	margin: 5px;            
}