@import url("gallery.css");

/*
----------------------------------------------------------------------
GLOBAL BASELINES
---------------------------------------------------------------------- 
*/

* {
margin: 0;
padding: 0;
}

html, body {
margin: 0;
padding: 0;
}

body {
	text-align: left;/*for editor, usually would be center*/
	background: #FFFFFF;/*compulsory for editor background colour*/
	font-family: "Lucida Grande", "Century Gothic", Arial, sans-serif;
	color: #777;
	font-size: 83%;
	line-height: 1.6em;
	height: 100%;
	}

h1, h2, h3, h4, h5, h6, p, li, a:link {
	margin: 0 0 1em 0;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "Avant Garde", "Lucida Grande", "Century Gothic", Arial, sans-serif;
}

/*to overcome an IE bug which by default doubles any spacing. Visually the result of the following rule (entered as half the space) is required to visually double the space to what we need*/
* html h1, * html h2, * html h3, * html h4, * html h5, * html h6, * html p, * html li, * html a:link {
	margin-bottom: .5em;
}


li  {
font-size:1em;/*keeps the font size EQUAL to whatever is set in the body tag, ie. if it is set smaller than 1em here it will compound the sizing, eg. .9 of .9 would compund smaller still*/
line-height: 1.2em;
}


/* prevent shrinking nested text , remains 1:1 with WHATEVER the body em is set to, eg. if the body font-size is .9em, so will all of these be. See immediately preceeding rule's comment*/
ol ol, ul ol, ol ul, ul ul, ol p, ul p /*, ul li, li a*/  {
font-size:1em;}


ul, ol {
list-style-position: outside;
margin: 1em 2em 1.5em 40px;
}

.class-speaking ul, ol {
margin-left: 200px;
}

ul li, ol li{
margin: 0;
}


a:link {
	color: #0099FF;
	text-decoration: underline;
}

a:visited {
	color: #666;/*was 993*/
}

a:link:hover {
	color: #F26522;
}

a:link:active {
	color: #F26522;
}

.invisible {
	display: none;
}

.Align-Right {
	float: right;
}

img.Align-Right,
span.Align-Right img{
padding-left: 30px;
padding-bottom: 10px;
}

.Align-Left {
	float: left;
}

img.Align-Left {
margin:0;
}

span.Align-Left img {
margin:5px 0 0 0!important;
}

span.Align-Left {
padding:0;
padding-right: 20px;
}

.Align-Center {
	text-align: center;
}

img.Align-Center,
span.Align-Center img {
	text-align: center;
}

a img { 
border: none;
text-decoration: none;
}



p.imgFramedLeft,
span.imgFramedLeft {
float:left;
margin-right: 20px;
}

p.imgFramedLeft img,
span.imgFramedLeft img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}

p.imgFramedRight,
span.imgFramedRight {
float:right;
margin-left: 20px;
}

p.imgFramedRight img,
span.imgFramedRight img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}



h1 {
color: #F26522;
letter-spacing: .05em;
line-height: 1.3em;
font-weight: normal;
margin: 0 0 1em 0;
}

* html h1 {
font-size: 200%;
}

h2 {
color: #F26522;
line-height: 1.1em;
letter-spacing: .05em;
font-weight: normal;
margin: 1em 0 .5em 0;
}

* html h2 {
font-size: 170%;
}

h3 {
color: #333;
line-height: 1.2em;
letter-spacing: .05em;
font-weight: normal;
margin: 1em 0;
}

h4 {
color: #FFAA67;
line-height: 1.2em;
letter-spacing: .05em;
font-weight: normal;
margin: 1em 0;
} 




.floatRight, #floatRight {
	float: right;
}

.floatLeft, #floatLeft {
	float: left;
}

.imgFramed img,
img.framedLeft{
padding: 10px;
border: 1px solid #6D696A;
background: #F6F9EC;
margin-right: 15px;
margin-bottom: 10px;
float: left;
}

fieldset {
padding: 10px;
margin: 10px 0;
width: auto; 
}

hr {
height: 2px;
color: #dddddd;
background-color: #fff;
border: 0;
border: 0px solid #fff;
display:block; 
clear:both; 
margin-bottom: 30px;
}


/*
----------------------------------------------------------------------
layout/positioning - major elements
---------------------------------------------------------------------- 
*/

#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height:100%;
	background: #0099FF url(.gif) 0 0;/*set to be overall background colour*/
	text-align: center;/*usually would put this on the body, but affected the editor*/
	padding: 0;
}


* html #perimeter {/*IE WIN hack to force background colour higher than the viewport*/
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom:0px;
	height: 110%;
}



#outerContainer {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	*padding: 110px 0 0 0;/*for both IE6 and IE7*/
	height: 100%;
	position: relative;
	background:#transparent;/*simulates the borders*/
	width: 900px;
	border-top: 1px solid #0099FF/*for Safari only, is required for the box model to keep the cotainer open and starting at the top of the page */
}


* html #outerContainer {
	height: auto;/*required for IE Win so the background doesn't stretch down to the extent of the perimeter div*/
}



#innerContainer {
	background: #FFFFFF;
	border-bottom: none;
	margin: 110px auto 40px;
	height:100%;
	overflow:visible;
	width: 900px;
}


* html #innerContainer {
	height: auto;/*required for IE Win so the background doesn't stretch down to the extent of the outerContainer div*/
}

#upperNavigation {
	position: absolute;
	top: 10px;
	left:100%;
	margin-left:-500px;
	height: auto;
	width: 500px;
	float:right; 
	color: #FFF;
}

#upperNavigation ul{
float:right; 
}

#upperNavigation li{
margin-left: 10px; 
}

#upperNavigation a{
color: #FFF;
text-decoration:none;
}

#upperNavigation a:visited{
color: #FFF;
}

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

#upperNavigation a:active{
color: #FFF;
text-decoration:underline;
}



#masthead {
height: 0px;
width:0px;
overflow: visible;
}

#mastheadLead {
	padding: 0;/*added bottom after doing adv, IE wanted it but Mac doubles up*/
	text-align: center;
	background: transparent;
	color: #666;
	height: auto;
	width: auto;
} 

#mastheadLead img{
margin:0;
}


#mastheadTail {
	display: none;
}


#identity {
	position: absolute;
	top:15px;
	left:-1px;
	z-index:100;
}

#identity img#logo {
	position: relative;
}

#identity img#printLogo {
	display:none;
}

#content {
	padding: 0 0 10px 0;
	width: auto;
	margin-top: 0px;
	background: url(../images/page_inner_shadow.gif) repeat-x 0 0;
	_height: 1px;
	}

#mainContent{
	float:left;
	margin: 0;
	padding: 15px 20px 10px 20px;
	_padding-top: 0px;
	display: inline; 
	z-index: 90;
	width: 860px;
	_height: 1px;
}

body#id-1 #mainContent {
	padding: 0px 0px 10px 5px;
	width: 895px;
}

body#id-115 #mainContent {
	padding: 15px 20px 10px 20px;
	_padding-top: 0;
	width: 860px;
}


#leftContent, #rightContent  {
	float:left;
	display: inline;
}

#leftContent  {
	width: 100%;
	height: 40px;
	overflow: visible;
}



/*
----------------------------------------------------------------------
PAGEFOOT AND FOOTER
---------------------------------------------------------------------- 
*/


#pageFoot {
	margin: 0 auto;
	background: transparent;
	height:0;
	width:auto;
	text-align:left;
	font-size: 1em;
	overflow:visible;
}

#pageFoot a {
}


#footer {
	color: #888;
	text-align:left;
	margin: 5px auto 0;
	width:auto;
	padding:15px 0 0 15px;
	height: 35px;
	position: relative;
	border-top: 1px solid #ddd;
}

/*body#id-1 #footer {
border-top: none;
}
*/

#footer li {
	display: inline;
}

#footer p {
	display: inline;
	margin-right: 10px;
}

#footer a {
	display: inline;
	margin-right: 10px;
}













/*
----------------------------------------------------------------------
layout/positioning - minor elements
---------------------------------------------------------------------- 
*/





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

#upperNavigation li {
	display: inline;
	height: 30px;
}

#upperNavigation a {
	display: inline;
	padding: 5px 4px 3px;
	border-bottom: none;
}







#lowerNavigation ul {
	margin-left: -1px; /*moved across to avoid edge highlight visual error*/
}


#lowerNavigation li {
	display: inline;
}

#lowerNavigation a {
	font-weight: bold;
	display: inline;
	background: #555;
	line-height: 30px;
	padding: 7px 10px 8px;
	border-bottom: 0;
	margin: 0;
	border-left: 1px solid #777;
	border-right: 1px solid #444;
	color: white;
	height: 30px;
}







/*
----------------------------------------------------------------------
element treatments -specific
---------------------------------------------------------------------- 
*/

#contactDetails {
float: right;
width: 154px;
color: #000;
padding: 10px 10px 0px 20px;
margin-left: 20px;
margin-right:0;
margin-top: 210px;
background: #FFF;
border: 8px solid #BF1048;/*#F37630;*/
}

#contactDetails h3 {
margin-top:.5em;
}





/*
----------------------------------------------------------------------
floatClearing 
---------------------------------------------------------------------- 
*/



.floatClear,#floatClear  {
	clear: both;
	line-height : 0em;
	font-size: 0em !important;
	background-color: transparent;
}


/*
----------------------------------------------------------------------
custom classes
---------------------------------------------------------------------- 
*/

.invisible {
	display:none;
}

div.floatClear, span.floatClear {
	clear: both;
	line-height : 0em;
	font-size: 0em;
	background-color: transparent;
}





#footer p, #footer ul {
	float: left;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}



/*
----------------------------------------------------------------------
BACK TO TOP
---------------------------------------------------------------------- 
*/


#backToTop {
	float: right;
	position: relative;
	bottom:-21px;
	z-index: 90;
	margin: 0 15px 0 0;
	padding:0;
}

* html #backToTop {
	float: right;
	position: relative;
	bottom:-45px;
	z-index: 90;
	margin: 0 10px 0 0;
	padding:0;
}

#backToTop a {
	text-decoration: none;
	color: #888;
	background: url(../images/arrow_backToTop.gif) no-repeat 0 50%;
	padding-left: 15px;
}

#backToTop a:hover {
	color: #666;
	text-decoration: underline;
	background: url(../images/arrow_backToTop_hover.gif) no-repeat 0 50%;
	padding-left: 15px;
}






/*
----------------------------------------------------------------------
tests
---------------------------------------------------------------------- 
*/


table {
border: 1px solid #ccc;
border-right: none;
border-bottom: none;
background: #EEEEEE;
font-size: 1em;
margin-bottom: 10px;
}

td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
}




/*
----------------------------------------------------------------------
contact form
---------------------------------------------------------------------- 
*/

fieldset  {
	}


legend  {
	color: #FFFFFF;
	background-color: #F0FAFC;
	padding: 3px 8px;
	display: none;
	}

label   {
	font-weight: normal;
	text-align: left;
	display: block;
	float: left;
	}

label.fieldLabel	{
	display: inline;
	float: none;
	}
	
input.formInputField   {
	border: solid 1px #666;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	width: auto;
	}

form input.basicSubmitButton {	
margin: 0 0 5px 5px;
padding: 0 15px;
background: url(../images/submit_button_normal.gif) 0 0 repeat-x;
border:none;
border-top: 1px solid #666;
border-right: 2px solid #666;
border-bottom: 1px solid #666;
border-left: 2px solid #666;
height: 30px;
font-weight: bold;
}


fieldset#contactFormFieldset {
margin-top: 15px;
background: #E0F3FF;
border: 0px solid #bbb;
}

fieldset#contactFormFieldset label {
color: #666666;
text-shadow: 0px 1px 0px #ffffff;
}

/*in normal state*/
#valid-firstName,
#valid-lastName,
#valid-subject,
#valid-email,
#valid-message {
background: #E0F3FF;
padding: 5px;
margin-bottom: -10px;
}

#input-valid-firstName,
#input-valid-lastName,
#input-valid-subject,
#input-valid-email,
#input-valid-message {
	width: 300px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	border: 1px solid #bbb;
	}
	
#input-valid-message {
	width: 600px;
	}
	
#input-valid-firstName p,
#input-valid-lastName p,
#input-valid-subject p,
#input-valid-email p,
#input-valid-message p {
	color: #000000;
}







fieldset#emailCaptureFieldset {
padding:0;
margin:0 15px 0 0;
_margin:0 7px 0 0;
border:0 none;
float:right;

}


fieldset#emailCaptureFieldset label {
color: #FFFFFF;
display:inline;
padding:0 10px;
}

fieldset#emailCaptureFieldset label span {
font-weight: bold;
}

fieldset#emailCaptureFieldset #input-valid-name {
	width: 80px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	border: 1px solid #bbb;
	display:inline;
	height: 14px;
	}
	
fieldset#emailCaptureFieldset #input-valid-email {
	width: 160px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	border: 1px solid #bbb;
	display:inline;
		height: 14px;

	}

fieldset#emailCaptureFieldset #valid-name,
fieldset#emailCaptureFieldset #valid-email {
background: transparent;
margin:0;
padding:0;
}

fieldset#emailCaptureFieldset form input.basicSubmitButton {	
margin: 0 0 0 5px;
padding: 0 5px 0 5px;
_padding: 0;
background: url(../images/submit_button_normal.gif) 0 0 repeat-x;
border:none;
border-top: 1px solid #666;
border-right: 2px solid #666;
border-bottom: 1px solid #666;
border-left: 2px solid #666;
height: 20px;
font-weight: bold;
}

fieldset#emailCaptureFieldset form input.basicSubmitButton {
margin:0 0 0 10px;
padding: 1px 0 0 3px;
background: url(../images/signMeUp.gif) no-repeat 0 1px;
border: 0 none;
width: 71px;
height: 19px;
font-size: .8em;
font-weight: normal;
color: #666;
line-height: 18px;
_line-height: 16px;
}











#mainContent p, #mainContent ul, #mainContent li {
	font-size:1em !important;
	line-height: 1.6em;
	}
	
	
#mainContent ul {
	list-style-image: url(../images/bullet_twirl.gif);
	}
	
body#id-1 #mainContent ul {
	list-style-image: url(../images/bullet_twirl_white.gif);
	}
	







p.Paragraph-Warning {
border-top: 1px solid #FF0000;
border-bottom: 1px solid #FF0000;
padding: 2px 5px 0px 5px;
color: #000;
background: #FFCFCC;
margin: 10px 0 20px 0;
}

p.Paragraph-Centred {
text-align: center;
}

p.PullQuoteLeft {
float: left;
clear: left;
width: 200px;
padding: 10px;
background: #BF1048;
margin: 0 20px 10px 0;
color: #FFF;
}

p.PullQuoteLeft a,
p.PullQuoteLeft a:visited {
color: #FFF!important;
}

p.PullQuoteLeft a:hover {
color: #333!important;
background: #EEE;
}

p.PullQuoteLeft a {
color: #FFF!important;
}

p.PullQuoteRight {
float: right;
clear: right;
width: 200px;
padding: 10px;
background: #5EC259;
margin: 0 0 10px 20px;
font-size: .5em !important;
color: #FFF;
}

p.PullQuoteRight a,
p.PullQuoteRight a:visited{
color: #FFF!important;
}

p.PullQuoteRight a:hover {
color: #333!important;
background: #EEE;
}


p.Paragraph-Boxed {
background: #E0F3FF;
border: 1px solid #85CEFF;
padding: 20px;
margin: 20px 50px;
}

p.indented {
margin-left: 60px;
}



.pagenotpublished a.pageNames
{
text-decoration: line-through;
}


form#contactForm p.alert {
color: #FF0000;
padding: 2px 0 8px 20px;
background: url(http://www.itchybrain.com.au/barebones/images/alert.gif) 0 2px no-repeat;
overflow: visible;
line-height: 1.2em;
margin-top: 5px;
text-shadow: 0px 1px 0px #ffffff;
}


div.rightPullquote a:visited{
color: #41464E;
}



#mainContent img {

}

#feature {
position: absolute;
top: 60px;
height: 30px;
margin-left: 180px;
display:none;
}







/*
------------------------------------------------------------------------
PRIMARY NAVIGATION - HORIZONTAL MENU WITH POPDOWNS
------------------------------------------------------------------------
*/

/*POSITIONING CONTAINER */






/* Level 1 - Section navigation*/

#mainMenu { 
	margin: 0;
	padding: 10px 0 0 20px;
	z-index: 99;
	margin-top: 0px;
	margin-left: 0px;
	font-size: .9em;
	position:relative; /*set positioning context for subnav */
	width: 880px;
	height: 30px;/*required for IE, FF and safari didn't respond, since they have overflow?*/
	background: url(../images/bg_primaryNav_shaded.gif) no-repeat 0 0;
}

/*body#id-1 #mainMenu { 
	background: url(../images/bg_primaryNav.gif) no-repeat 0 0;
}*/


#mainMenu ul  { /*the overall ul container */
	padding: 0;
	margin: 0;
	list-style: none;
}

#mainMenu li { /* all list items */
	*float:left;/*for IE6 and 7*/
	/*position: relative;*/
	padding: 0;
	margin: 0;
}

#mainMenu li li { 
	display:none;
}

#mainMenu a {
	float:left;
	display: block;
	padding: 5px 17px 2px 0px;
	_padding-right: 15px;/*to shorten the overall width of the nav in IE6*/
	color:#666;
	text-decoration:none;
	white-space: normal;
	margin:0;
}

/*for IE7 only */
*+html div#mainMenu a {
	padding-right:13px;
	display:inline;
}




#mainMenu a:hover/* all menu anchors, used to also include #mainMenu li.current ul li a:hover*/ { 
	text-decoration: underline;
}




/*
----------------------------------------------------------------------
Navigation 'you are here' highlighting effect
---------------------------------------------------------------------- 
*/

/* Level 1 - Section navigation*/


#mainMenu li.current a:link,
#mainMenu li.current a:visited
{
	color : #0099FF;
	text-decoration: none;
	font-weight:bold;
	}
	
#mainMenu li.current a:hover
{
	color : #F26522;
	}
	
/* Level 2 - Sub section navigation*/

	
#mainMenu li.current ul {
	position:absolute;
	left:40px;
	top:9.5em;
	_top:8.8em;
	width: 300px;
}

#mainMenu li.current li {
	width: 200px;
	padding:0;
	margin:0;
	float: left;
	display:block;
	font-size: 1.3em!important;/*may differ from top level, since top needed smaller size to fit horizontally */
}








	




























/*
----------------------------------------------------------------------
login
---------------------------------------------------------------------- 
*/

body#login {
background: #F0F0C0;
padding-top: 100px;
}

fieldset.login {
padding: 30px 10px 10px 10px;
margin: 0 auto;
width: 30em;
background: #FFFFFF;
text-align: center;
border: 3px solid #A7B191;
-moz-border-radius: 1em;
}


fieldset.login form{
text-align: center;
margin: 15px 10px 20px;
background: #E0E0AA;
padding: 10px;
-moz-border-radius: 1em;
}

body#login form input.basicSubmitButton{
padding: 4px 6px;
background: #A7B191;
color: #FFFFFF;
border: 2px solid #444;
border-top-color: #F0F0C0;
border-left-color: #F0F0C0;
}

body#login form input.basicSubmitButton:active{
border-top-color: #444;
border-left-color: #444;
border-bottom-color: #F0F0C0;
border-right-color: #F0F0C0;
}

fieldset.login label {
display:block;
text-align: center;
width: 100%;
margin:0;
}

* html body#login p.alert {
font-size: .75em;
}

body#login p.alert {
color: #000000;
padding: 5px 0 6px 20px;
background: #FFE5E5 url(http://www.itchybrain.com.au/barebones/images/alert_bright.gif) 10px center no-repeat;
overflow: visible;
line-height: 1em;
margin: 5px 0;
font-size: .88em;
border-top: 1px solid #FF0000;
border-bottom: 1px solid #FF0000;
}

body#login a {
color: #000000;
}

body#login a:hover {
background-color: #FF0000;
padding: 2px 0;
color: #FFFFFF;
}

* html body#login h3 {
font-size: 1.1em;
}

body#login input.formInputField   {
	border: solid 1px #A7B191;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	width: auto;
	}






















/*
----------------------------------------------------------------------
breadcrumbs
---------------------------------------------------------------------- 
*/

body.class-home #breadcrumbs,
body.class-search #breadcrumbs {
display: none;
}

#breadcrumbs {
float: left;
margin: 0 0 10px 0;
padding: 0;
width: 100%;
clear: both;
position: relative;
height: 20px;
line-height: 1;
z-index: 100;
}

#breadcrumbs ul {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}

#breadcrumbs li {
display: inline;
float: left;
width: auto;
margin: 0;
padding: 0;
}

#breadcrumbs a:link {

}

#breadcrumbs a:visited {

}

#breadcrumbs a:hover {

}

#breadcrumbs a:active {

}


/*
----------------------------------------------------------------------
search
---------------------------------------------------------------------- 
*/

#searchContainer {
position: absolute;
top: 76px;
left: 100%;
z-index: 100;
width: 300px;
margin-left: -300px;
}

#searchContainer fieldset {
border: none;
margin:0;
padding:0;
float:right;
}

#searchSubmitButton {
margin:0 0 0 10px;
padding: 2px;
background: url(../images/bg_searchButton.gif) no-repeat 0 0;
border: 0 none;
width: 55px;
height: 18px;
font-size: .8em;
font-weight: bold;
color: #0086E0;
line-height: 18px;
_line-height: 16px;
}

#searchContainer label {
text-indent: -9999em;
}

hr.search_excerpt_separator {
height: 1px;
color: #dddddd;
background-color: #dddddd;
border: 0;
border: 0px solid #dddddd;
margin: 15px 0;
}

p#searchResults {
background: #E0F3FF;
border-top: 4px solid #0099CC;
padding: 2px 7px;
margin-bottom: 20px;
}

p.searchTitle {
margin: 0;
padding:0;
}

p.searchTitle a {
font-size: 1.25em;
font-weight: normal;
margin: 0;
padding:0;
}

p.searchTitle a:visited {
color: #0099FF!important;
}




p.searchExcerpt {
margin: 0;
padding:0;
}









#mainContentLead {
height: 0px;
margin:0;
padding:0;
}


body#id-1 #home_image_replacement {
background: url(../images/home_image.jpg) no-repeat 0 0;
height: 275px;
margin:0;
}

body#id-1 #home_image_replacement h1,
body#id-1 #home_image_replacement ul,
body#id-1 #home_image_replacement p {
position: absolute;
top: -9999em;
margin:0;/*required for IE, it was the only one honoring the original h1 margin-bottom */
}

body.class-home #mainContentLead {
display:none;
}


body.class-home #content {
padding-bottom:0;
margin-bottom:0;
}

body.class-home #mainContent {
margin-bottom:0;margin-top:0;
}













/*
------------------------------------------------------------------------
GALLERY
------------------------------------------------------------------------
*/




.galleryOuter {
position: relative;
width: 100%;
float:left;
margin-top: 10px;
}


.galleryOuter * {
	margin:0;
	padding:0;
}

.galleryOuter H1{
margin-bottom: 10px;
}

/*reversing from main css*/
#mainContent .galleryOuter img {
margin:0;
}






/*container around everything prior to descriptions*/

.galleryInner {
position: relative;
width: 100%;
height: 300px;
}






/*container around the thumbs*/

.thumbnailContainer {
width: 170px;
height: 100%;
overflow: auto;
padding: 0;
margin: 0;
float:right;
text-align: center;
}







/* the actual listing */

ul#imageGalleryThumbs {
	width:auto;
	padding: 0;
	margin: 0;
}

#id-6 #imageGalleryThumbs {

}


#imageGalleryThumbs li {
	float: left;
	padding: 0;
	margin: 0 0 5px .8em;
	list-style: none;
	display: inline;
	/*vertical-align: middle;only needed for the horizontal gallery displays*/
}

#imageGalleryThumbs a {
	color: #c60;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#imageGalleryThumbs li a img {
  border: 4px solid #f2f2f2;
  margin:0;
}





/*just the image plus title */

#mediumImageAndTitle {
float:left;
width: 350px;
padding:0;
margin:0;
text-align: center;
overflow: hidden;
border: 1px solid #f2f2f2;
}


/*just the medium image */

#mediumImage {
width: 100%;
height: 300px;
line-height: 300px;
/*background: transparent url(../images/diag.gif) 0 0;*/
}

img#placeholder {
margin: 0;
padding:0;
display:inline;
vertical-align: middle;
}


* html #placeholderCell {
position: absolute;
top: 46%;
left: 0;
width: 100%;
}

* html #placeholder {
position: relative;
top: -50%;
}

/* * html body#id-6 #placeholder {
top: -60%;
}*/




/*just the title */

#imageTitle {
background: #f7f7f7;
margin:0;
padding: 3px;
}




/*the extra info*/

ul.fullInfo {
position: absolute;
left:0;
top: 360px;
width: 100%;
text-align: left;
overflow: visible;
}




/*for stage 2 dev*/
.scrollBack {
position: absolute;
left: 0;
margin: 5px 10px 0 10px;
}

.scrollForth {
position: absolute;
right: 0;
margin: 5px 10px 0 10px;
}




#metadata {
margin-top: 30px;
padding-top: 20px;
/*border-top:1px solid #ddd;*/
}

.galleryInfo {
width: 110px;
border: 1px solid #ddd;
background: #f2f2f2;
float: right;
font-size: .7em;
padding: 10px;
margin-right: -20px;
}

.playSlideshow {
}
















div#home_strip {
background: url(../images/bg_blue_strip.jpg) no-repeat -5px 0;
color: #FFF;
margin:0;
height: 30px;
/*width:900px;*/ /*removing this altogether stopped the right margin increase in width */
padding-top: 4px;
}

div#home_strip a:link{
color: #FFF;
text-decoration:none;
font-weight: normal;
}

div#home_strip a:hover{
color: #FFF;
text-decoration:underline!important;
}

div#home_strip a:visited{
color: #FFF;
text-decoration:none;
font-weight: normal;
}


div#newsletter {
padding: 0;
margin:0;
text-align: right;
display:block;
width: 890px;
height: 25px;
}

form#emailCapture {
display:inline;
width: auto;
padding:0;
margin:0;
height: 25px;
text-align: right;

}

form#emailCapture input {
float:left;
display:inline;
}

div#valid-name {float:left; display:inline;}
div#valid-email {float:left; display:inline;}

form#emailCapture p.alert {
color: #FF0000;
padding: 2px 0 8px 50px;
background: #000000;
overflow: visible;
line-height: 1.2em;
margin-top: 5px;
text-shadow: 0px 1px 0px #ffffff;
}


div#home_columns {
color: #FFF;
margin:0;/*required for IE, didn't affect FF or Safari for it to be missing */
height: 200px;
}

div#home_columns ul {
list-style-image:none;
margin:0 0 0 20px;
}

div#home_columns p,
div#home_columns li{
line-height: 1.4em;
}



div#home_columns a:link,
div#home_columns a:visited {
color: #FFF;
}


div#home_columns a:hover {
color: #333;
background: #EEE;
}

div#home_left_column {
width:274px;
height:180px;
padding: 15px 5px 5px 15px;
margin: 0;
background: url(../images/bg_left_column.png) no-repeat 0 0;
float:left;
}


div#home_centre_column {
width:269px;
height:180px;
padding: 15px 10px 5px 15px;
margin:0 4px ;
background: url(../images/bg_centre_column.png) no-repeat 0 0;
float:left;
}


div#home_right_column {
width:269px;
height:180px;
padding: 15px 10px 5px 15px;
margin: 0;
background: url(../images/bg_right_column.png) no-repeat 0 0;
float:left;
}

div#home_right_column span {
font-size: 240%;
display:block;
margin: 15px 0;
}


#rightColumn {
width: 610px;
float: right;
margin:0 0 0 10px;
padding:0;
}

#introduction {
margin:0;
padding:0;
display:none;
}

/*body.class-contactus h1 {
margin-bottom: -1em;
}*/