/*
----------------------------------------------------------------------
global settings miscellanea
---------------------------------------------------------------------- 
*/

* {
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", Verdana, Arial, Helvetica, sans-serif;
	color: #41464E;
	font-size: 80%;
	line-height: 1.6em;
	height: 100%;
	width: 100%;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	font-family: "Trebuchet MS", Trebuchet;
}

p, li, a:link {
	margin: 0 0 2em 0;
}


h4 {
font-family: Georgia, serif;
font-weight: normal;
font-style: italic;
}

/*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 {
	margin-bottom: .5em;
}

/*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 p, * html a:link {
	margin-bottom: 1em;
}




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 60px;
}


ul li, ol li{
margin: 0 0 1.5em 0;
}


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

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

a:hover {
	color: #449c9a;
}

a:active {
	color: #449c9a;
}


.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,
span.Align-Left img {
padding-right: 20px;
padding-bottom: 10px;
}

body#leftMainRight img.Align-Left,
body.class-home img.Align-Left{
padding-right: 0px;
padding-bottom: 10px;
}

body#leftMainRight img.Align-Right,
body.class-home img.Align-Right{
padding-right: 0px;
padding-bottom: 10px;
}

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

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


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

a * {
border: 0;
}


h1 {
line-height: 1.2em;
color: #255566;
font-size: 125%;
}

* html h1 {
/*background: url(../images/h1-underline.jpg) bottom left no-repeat;
padding-bottom: 5px;*/

}

h2 {
color: #449c9a;
line-height: 1.2em;
}

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

h3 {
color: #314396;
line-height: 1.2em;
font-size: 150%;
font-family: "Arial";
font-weight: normal;

}

h4 {
color: #449c9a;
line-height: 1.2em;
font-size: 140%;
} 

h5 {
color: #314396;
line-height: 1em;
} 

h6 {
color: #314396;
line-height: 1em;
} 




.floatRight, #floatRight {
	float: right;
}

.floatLeft, #floatLeft {
	float: left;
}



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

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

#perimeter {
	position: static;
	width: 100%;
}


* html #perimeter {/*IE WIN hack to force background colour higher than the viewport*/
	position: static;
}



#outerContainer {
	text-align: left;
	margin: 0;/*the AUTO left and right is causing IE to play up, showing misalignments between the divs. Currrently this also makes it FLASH heaps*/
	padding: 0px;
	height: 100%;
	position: relative;
	/*background:transparent url(../images/mastheadBackground.jpg) top center no-repeat;simulates the borders*/
}


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



#innerContainer {
	background: transparent;
	border-bottom: none;
	margin: 0;
	height:100%;

	width: 100%; }


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

#upperNavigation {
	display:none
	}


#masthead {
position: relative;
background: transparent;
height: 40mm;
overflow: hidden;
width: 100%;
	}

/*body#id-home #masthead {
background: url(../images/IrisCam_Logo_print.jpg) 0 0 no-repeat;
}*/


#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: 100%;
} 

#mastheadLead img{
margin:0;

}


#mastheadTail {
	display: none;
}


#content {
	padding: 0 0 10px 0;
	width: 100%;
	margin-top: 10px;

}

#mainContent{
	float:none;
	margin: 0px;
	padding: 15px 20px 10px 0px;
	z-index: 90;
	overflow: visible;
	width:65%;
	}
	
*html #mainContent{
	width:75%;
	}

body.class-home #mainContent {
	width: 100%;
}


body.class-home #mainContent h1,
body.class-home #mainContent h2,
body.class-home #mainContent h3,
body.class-home #mainContent h4{
	text-align: center;
 	margin-left: auto;	
 	margin-right: auto;	
}



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


#pageFoot {
display:none;
}

#footer {
	color: #000;
	text-align:left;
	margin: 5px 0 0 0;
	width:100%;
	font-size:10px;
	padding:20px 0 0 10px;
height: 38px;
position: relative;
border-top: 1px dotted silver;
background: url(../images/footerBackground.gif) 0 0 repeat-x;
}

* html #footer {
border-top: none;
	width:100;
}








#upperNavigation {
	display: none;

}






#footer li {
	display: inline;
}

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

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

#lowerNavigation {
	display:none;
}



/*
----------------------------------------------------------------------
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;
}

#search, #breadcrumbs {
	display: none;
}


/*
----------------------------------------------------------------------
typography 
---------------------------------------------------------------------- 
*/

#pageFoot {
	font-size:11px;
	color: black;
}

#leftContent p, 
#leftContent li, 
#leftContent a,
#rightContent p, 
#rightContent li, 
#rightContent a {
	font-size: 11px;
	line-height: 15px;
}


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

#leftContent h3 {
	background: #ccc;
	text-transform: uppercase;
	letter-spacing: .35em;
	font-weight: normal;
	margin: 0 -11px 0 -11px;
	padding: 3px 5px 0 10px;
	font-size: 9px;
	line-height: 19px;
}

#leftContent p {
	line-height: 1.2em;
	font-size: 11px;
}


#backToTop {
	display:none;
}





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

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

/*
----------------------------------------------------------------------
contact page
---------------------------------------------------------------------- 
*/


body.class-contactus h1,
body.class-contactus p {
display:none;
}

#contactDetails {
width: 130px;
border: 6px solid #8CCCCA;
padding: 20px;
}

#contactDetails p{
display:block;
}

* html #contactDetails {
margin-right:-180px;
position: relative;
}



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


fieldset#contactFormFieldset {

display:none;
}



#mainContent p, #mainContent ul, #mainContent li {
	font-size:1em !important;
	line-height: 1.6em;
	}


















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-Centered {
text-align: center;
}

p.Paragraph-Plain {
text-align: left;
}

p.PullQuoteLeft {
float: left;
clear: left;
border: 1px solid #CACACA;
width: 30%;
padding: 10px;
background: #FAFAFF;
margin: 0 20px 10px 0px;
}

p.PullQuoteRight {
float: right;
clear: right;
border: 1px solid #CACACA;
width: 30%;
padding: 10px;
background: #FAFAFF;
margin: 0 0 10px 10px;
}

p.rightColumnCaption {
float: right;
display:block;
width: 30%;
padding: 0px;
background: transparent;
color: #314396;
font-family: georgia;
font-style: italic;
margin: 0 -200px 10px 0px;
z-index: 100;
position: relative;/*fixes peekaboo bug*/
}

p.rightColumnFeature {
float: right;
clear: right;
border: 1px solid #CACACA;
width: 150px;
padding: 10px;
background: #FAFAFF;
margin: 0 -200px 10px 20px;
}


p.Paragraph-Boxed {
background: #F6F9EC;
border: 1px solid #996;
padding: 20px;
}

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






form#contactForm p.alert {
color: red;
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;
}







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




#mainContent img {
margin: 0;
}


#identity img#logo {
position: relative;
}




#feature {
display:none;
}









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

/* Level 1 - Section navigation*/

#mainMenu { 
display:none;
}





/*
----------------------------------------------------------------------

---------------------------------------------------------------------- 
*/

body#login {
display:none;
}

	
hr {
	border: 0;
	height: 1px;
	color: #449C9A;
	background: #449C9A;
	margin: 2em 0;
	}
	
* html hr {
	margin: 1em 0;
	}
	
.imgFramed img {
	padding: 10px;
	border: 1px solid #996;
	background: #F6F9EC;
}

	img.framed {
	border: 1px solid #CACACA;
	padding: 15px;
	margin: 1em 0;
	background: #fff;
	}
	
	img.framedLeft {
	border: 1px solid #CACACA;
	padding: 10px;
	margin: 0 20px 20px 0px;
	background: #fff;
	float:left;
	display:block;
	}
	
	img.framedRight {
	border: 1px solid #CACACA;
	padding: 10px;
	margin: 0 0 20px 20px;
	background: #fff;
	float:right;
	display: block;
	clear:left;
	}
	
	

textarea#editor {
width: 530px;
margin-top: 0px;
padding:0;
}

.centered {
text-align: center;
margin-left: auto;
margin-right: auto;
}

/*div#home-feature {
display:block;
width: 100%;
height: 333px;
}*/