@import url(/index.php?includes/reset);
@import url(/index.php?includes/typography);
@import url(/index.php?includes/elements);
/* -------------------------------------------------------------- 
Event Essentials stylesheet V1 - 
Author - benbailey.com.au
-------------------------------------------------------------- */

#content #capImage img {
float: none;
}

.hide { display: none; }
#skip, .structure-label { position: absolute; left: -9999px; width: 8888px; overflow: hidden; }
#plug, #plug a { font-size: 1em; color: #DDD; }

#catalogueDownload, #termsBox {
float: right;
width: 230px;
border: 1px solid #DDD;
padding: 5px;
margin: 0 0 15px 15px;
clear: right;
}

#catalogueDownload h2, #catalogueDownload p, #termsBox h2, #termsBox p {
margin: 0;
}

#content #catalogueDownload img {
float: none;
border: 0;
background: none;
margin: 0;
padding: 0 4px 0 0;
clear: none;
}

/* =wrapper 
--------------------------------------------------------------------------
*/
#wrapper {
position: relative;
width: 712px;
margin: 0 auto; 
padding: 0 28px 0 30px;
background: url(../i/bg-wrapper.jpg) repeat-y; 
_overflow: hidden;
_padding-top: 20px;
}

/* =header 
--------------------------------------------------------------------------
*/
#header {
position: relative;
width: 770px;
top: -20px;
left: -30px;
background: url(../i/bg-header.jpg) no-repeat;
margin-bottom: 9px;
}

#header img {
position: relative;
top: 25px;
left: 30px;
width: 711px;
height: 100px;
margin-bottom: 0;
}

#header a {
display: block;
width: 255px;
height: 35px;
position: absolute;
top: 55px;
left: 50px;
background: inherent;
z-index: 2;
}

#header a span { display: none; }

/* =primaryNavigation
--------------------------------------------------------------------------
*/
#primaryNavigation {
float: left;
width: 710px;
background: #F1F1F1 url(../i/bg-nav.jpg) bottom repeat-x;
border: 1px solid #ddd;
border-bottom: 0;
margin-bottom: 6px;
}

#primaryNavigation ul { margin: 0 0 0 10px; padding: 0; }

#primaryNavigation li { list-style-type: none; background: none; float: left; padding: 0; }

#primaryNavigation li a {
display: block;
float: left;
height: 2.4em;
text-decoration: none;
padding: 0.8em 7px 0 7px;
margin: 0 1px;
font-size: 1.15em;
font-weight: bold;
}

#primaryNavigation li a:hover, #primaryNavigation li a.current {
background: #FFF;
border: 1px solid #d6d6d6;
border-top: 0;
border-bottom: 0;
margin: 0;
_padding: 0.8em 8px 0 8px;
}

#home a#nav-home, #home a#nav-home:hover, #catalogue a#nav-catalogue, #catalogue a#nav-catalogue:hover {
background: #FFF;
border: 1px solid #d6d6d6;
border-top: 0;
border-bottom: 0;
text-decoration: none;
margin: 0;
cursor: text;
color: #009; 
font-weight: bold;
_padding: 0.75em 16px 0 16px;
}

/* =banner 
--------------------------------------------------------------------------
*/
#banner {
min-height: 123px;
_height: 123px;
background: #97B9C1 url(../i/bg-banner.jpg) bottom repeat-x;
border: 1px solid #56848F;
color: #FFF;
padding: 1.5em 20px 0 20px;
clear: both;
}

#banner h1, #banner p, #banner ul {
color: #FFF;
width: 38em;
_width: 450px;
max-width: 95%;
}

#banner ul, #banner li {
background: none;
color: #FFF;
margin-left: 0;
padding-left: 0;
}

/* =content
--------------------------------------------------------------------------
*/
#content, #caseStudyContent {
float: left;
width: 460px;
padding: 20px 0 40px 20px; 
}

#caseStudyContent {
width: 670px;
}

#catalogue #content, #case-studies #content {
width: 690px;
padding: 10px 0 40px 20px; 
}

#content img, #caseStudyContent img {
float: right; 
padding: 5px;
border: 1px solid #ccc;
background: #DDD;
margin: 10px 0 10px 25px;
clear: right;
}

ul#breadCrumbs {
padding-left: 0;
margin-left: 0;
margin-bottom: 0.5em;
}

#breadCrumbs li {
font-size: 0.95em;
list-style-type: none;
display: inline;
padding: 0;
}

#breadCrumbs li a {
background: url(/i/bgArrow.png) no-repeat right;
padding-right: 15px;
margin-right: 7px;
border-bottom: 0;
}

#content td img {
float: left;
clear: right; 
}

.feature {
float: left;
width: 100%;
clear: left;
padding-bottom: 1em;
margin-bottom: 1em;
}


#content .feature img {
float: left;
clear: left;
margin: 0 10px 5px 0;
}

.feature a img:hover {
background: #F1662B;
border: 1px solid #FFF;
opacity: 0.9;
}

/* float an image right. */
#content .right {
float: right;
margin: 0 0 20px 25px;
padding: 5px;
border: 3px double #ddd;
}

/* float an image left. */
#content .left {
float: left;
margin: 0 10px 10px 0;
padding: 3px;
border: 1px solid #ddd;
}

/* =related-content (right hand column in this stylesheet)
--------------------------------------------------------------------------
*/
#related {
border: 1px solid #DDD;
width: 186px;
_width: 180px;
background: url(../i/bg-related.jpg) right repeat-y;
margin: 10px 0 10px 499px;
padding: 10px 12px;
}

#related blockquote {
padding: 0 0 1.5em 0;
margin: 0
}

#related .feature {
display:  none;
width: 216px;
padding-top: 10px;
margin: 0 0 3px 4px;
}

/* =footer
--------------------------------------------------------------------------
*/
#footer { 
background: url(../i/bg-footer.jpg) bottom no-repeat;
width: 770px;
position: relative;
left: -30px;
clear: both;
text-align: center; 
padding: 30px 0;
}


#footer p { 
width: 750px;
text-align: center; 
}

/*  all form elements and styling  
--------------------------------------------------------------------------
*/
form { padding-bottom: 1.25em; }
fieldset { border: 1px solid #ddd; overflow: auto; margin-bottom: 1em; padding: 1em 0.15px 0.75em 15px; }
label { cursor: pointer; }
legend { color: #000; }

#contact-form div, #feedback-form div {
float: left;
width: 100%;
margin-bottom: 0.5em;
}

#contact-form label, #feedback-form label {
display: block;
float: left;
width: 12em;
text-align: right;
margin-right: 10px;
}

#contact-form ul, #contact-form ul li, #contact-form ol, #contact-form ol li, #feedback-form ul, #feedback-form ul li, #feedback-form ol, #feedback-form ol li {
margin: 0;
list-style-type: none;
background: none;
}

#contact-form ul label, #contact-form ol label, #feedback-form ul label, #feedback-form ol label {
display: inline;
float: none;
font-size: 100%;
}

#contact-form label span, #feedback-form label span {
color: #A30046;
background: inherent;
padding: 0 0 0 10px;
}

#contact-form div div, #feedback-form div div  {
width: auto;
float: left;
}

#feedback-form p {
margin-top 1em;
margin-bottom: 0.25em;
clear: left;
padding-top: 1.5em;
}

input, select { 
font-size: 1.25em;
}

.check, .radio {
width: 1.25em;
height: 1.25em;
}

/* =hidden elements
--------------------------------------------------------------------------
*/
#desc { display: none; }

/* =elements
--------------------------------------------------------------------------
*/

blockquote {
padding: 1em 20px;
}

blockquote p {
margin: 0;
padding: 0;
}

cite {
font-style: normal;
font-weight: bold;
line-height: 1.45em;
}




/*
a { color: #009; text-decoration: underline; }
a:visited { color: #666; }
a:hover { color: #F1662B; text-decoration: none; }

acronym { cursor: help; }

body {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
background: #FFF;
padding: 35px 0 15px 0;
_padding: 15px 0 15px 0;
}

blockquote {
font-size: 1.15em;
padding: 1em 20px;
}

blockquote p {
margin: 0;
padding: 0;
line-height: 1.45em;
font-size: 100%;
}

cite {
font-style: normal;
font-weight: bold;
line-height: 1.45em;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
font-size: 1.75em;
margin-bottom: 0.6em;
color: #666;
}

h2, h3, h4, h5, h6 { margin: 0 0 .25em 0; font-size: 1.5em; }

hr { display: none; }

img { border: 0; }

p {
font-size: 1.15em;
line-height: 1.65em;
margin-bottom: 1.25em;
}

ul {
list-style-type: disc;
margin: 0 0 10px 20px;
padding: 0;
}

ul li {
list-style-type: none;
padding-left: 15px;
background: url(../i/bg-bullet.png) no-repeat 0 .25em;
}

ol {
list-style-type: decimal;
margin: 0 0 5px 28px;
padding: 0;
}

li {
font-size: 1.2em;
line-height: 1.45em;
padding: 1px 0;
}
*/

/* grrr! */
td p, ul p, ol p, ol li, ul li, li label { font-size: 100%; }

/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */
table { position: relative; left: -20px; width: 670px; clear: both; padding: 20px 0 0 0; margin: 0 20px 20px 20px; border-collapse: collapse; color: #333; background: #F3F5F7;}
table a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  
table a:visited {color: #777;}
table a:hover {color: #000;}  
table caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font-size: 200% }
table /*thead*/ th {background: #3A4856; padding: 15px 10px; color: #fff; text-align: left; font-weight: normal;}
table tbody, table thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}
table tbody {border-bottom: 1px solid #EAECEE;}	  
table tbody td, table tbody th {padding: 10px; text-align: left;}
table tbody tr {background: #F3F5F7; border-bottom: 1px solid #ddd; vertical-align: top; }
table tbody tr.odd {background: #F0F2F4;}
table tfoot td, table tfoot th, table tfoot tr {text-align: left; font-size: 120% text-transform: uppercase; background: #fff; padding: 10px;}

/* =lightbox css
--------------------------------------------------------------------------
*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}