/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Zero In
	Created: 2008-11-28
	Created by: Gianni Casagrande gianni@rkd.ca
	
	COLOURS:
	
	Errange:   	#dc7728
	Reaad:		#bc3626
	Blue:		#2c4d57
	Black:		#000000
	Brown:		#c4aa72
	
------------------------------------------------------------------- */

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {font: 62.5%/1.6em Arial, Helvetica, sans-serif;}
	
	.bodyhomepage {background:url(../../images/sitebg.jpg) top left repeat-x;}
	
	.bodycontent {background: url(../../images/bg_content.jpg) top left repeat-x;}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.clear { clear: both; } /* clears all floats; apply to empty divs */


/* ---------------------
	GLOBAL STYLES - style as necessary
--------------------- */

a:link { color: #bc3626; text-decoration: underline; }
a:visited { color: #bc3626; text-decoration: underline; }
a:hover { color: #bc3626; text-decoration: none; }
a:active { color: #2c4d57; text-decoration: none; }

p { 
	text-align:justify;
	padding: 0.6em 0 0.6em 0;
	}
	
strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}
	
br {line-height:1.6em;}
	
h1 {
	font-family: "Times New Roman", Times, serif;
	color: #bc3626;
	font-size: 30px;
	line-height: 1.2em;
	}
	h1.CatchPhrase {
		position: absolute;
		top: 252px;
		margin-left: -279px;
		font-size: 34px;
		line-height: 37px;
		color: #000;
		}
h2 {
	font-family: "Times New Roman", Times, serif;
	color: #dc7728;
	font-size: 20px;
	/*padding-bottom: 12px;*/
	}
	h2.interest {
		color: #bc3626;
		margin: 60px 0 -5px;
		}
h3 {
	font-weight:bold;
	color: #2c4d57;
	margin: 0 5px 0 0;
	padding: 0;
	display:inline;
}

ul {
	padding-left: 45px;
	line-height: 2em;
	margin: 5px 0;
}

li { 
	list-style:url(../../images/bullet.gif);
	list-style-image:url(../../images/bullet.gif);
	list-style-type:none;
	padding-left: 5px;
}

ol { }

hr { }

/* styles used by WYSIWYG - style as necessary */
pre { }

address { }

iframe {
	margin-top: 40px;
	display: block;
	border: 1px solid #2c4d57;
	}

/*=================
STRUCTURE
==================*/

#container {
	width: 926px;
	/*min-height:1000px;*/
	margin: 0 auto;
}

#head {
padding: 33px 0 15px 23px;
}
#tagline {
	position: absolute;
	font-size: 26px;
	line-height: 22px;
	color: #bc3626;
	font-family: "Times New Roman", Times, serif;
	top: 59px;
	margin-left: 525px;
	width: 400px;
	text-align: right;
	}
	#tagline:after {
		content: "."
		}
#menu {
	float: right;
	width: 643px;
	/*background-color: #fff;
	border: solid 2px #dc7728;*/
	padding: 0 0 5px;
	font-size: 1.4em;
	color: #2c4d57;
	text-align:center;
}

	#menu .spacingleft {padding-left: 24px;}
	
	/*.rounded{}*/
	
	#menu a:link, #menu a, #menu a:visited {color:#2c4d57; text-decoration:none; }
	#menu a:hover {color:#bc3626; text-decoration:none; }
	#menu a:active {color:#dc7728; text-decoration:none; }


#splash { text-align: right;}

#wrapper {
	width:100%;
	float: left;
}

#content {
	width:609px;
	margin-left: 280px;
	padding: 35px 18px;
	font-size: 1.4em;
	line-height: 1.6em;
}

#sidebar {
	color: #dc7728;
	float: left;
	width: 244px;
	margin-left: -926px;
	padding: 35px 18px;
	font-size: 1.4em;
	line-height: 1.6em;
}

#footer {
	clear:both;
	background:url(../../images/footerbg.jpg) top left repeat-x;
	width:100%;
	height: 170px;
	font-size: 1.2em;
	line-height: 1.6em;
		color: #B3C2C5;
}

	#footer a:link { color: #B3C2C5; text-decoration: none; }
	#footer a:visited { color: #B3C2C5; text-decoration: none; }
	#footer a:hover { color: #fff; text-decoration: none; }
	#footer a:active { color: #fff; text-decoration: none; }


	#footer .content {
		clear: both;
		width: 926px;
		margin: 0 auto;
	}
	
	#footer .text {
		float: left;
		width: 296px;
		padding-top: 60px;
	}
	
		#footer .contact {
		float: left;
		width: 620px;
		padding-top: 1.6em;
		/*margin-left: -287px;
		padding-top: 12px;	*/
	}
		#footer .vcard .org { display: none; }
	
		#footer .about {
		float: left;
		width: 620px;
		padding-top: 50px;
		/*margin-left: -133px;
		padding-top: 12px;*/
	}
	
/*======================
REQUEST FORM
======================*/

.fields {
	border: solid 1px #c4aa72;
	color: #000;
	margin: 2px;
}


/*======================
CHECKBOXS & RADIO
======================*/

.checkboxes label {
	padding-left: 20px;
	background: url(../../images/checkbox.gif) no-repeat;
	cursor: pointer;
	color: #bc3626;
}
.checkboxes label.checked {
	background-color:blue;
	background: url(../../images/checkbox_over.gif) no-repeat;
	color: #2c4d57;
}
.checkboxes label.over {
	color: #2c4d57;
}

/* ------------------------------------------------------------------------
	This you can customize -- Look and Feel
------------------------------------------------------------------------- */

	/*label.checkbox span.holder {*/
		/*height: 61px;*/ /* Total height of your checkbox image */
		/*background: url(../../images/checkbox.gif) no-repeat;*/ /* Path to your checkbox image */
	/*}*/
	
	/*label.radio span.holder {*/
		/*height: 61px;*/ /* Total height of your radio buttons image */
		/*background: url(../../images/checkbox.gif) no-repeat;*/ /* Path to your radio button image */
/*	}*/
	
/*	label.checkbox:hover span.holder,
	label.radio:hover span.holder {  } /* Background position on mouseover */
	
/*	label.checked span.holder,*/
/*	label.checked span.holder {  }*/ /* Background position when checked */*/
	


/* ------------------------------------------------------------------------
	Customize at your own risk -- Placements, will require some tweaking
------------------------------------------------------------------------- */

	label.list {
		/*float: left; */
		clear: left;
		margin: 0 0 5px 0;
	}
	
	label.inline {
		/*float: left; */
		margin: 0 10px 0 0;
	}
	
		input.hiddenCheckbox {
			position: absolute; 
			left: -10000px; /* Hide the input */
		}
	
		label.prettyCheckbox span.holderWrap {
			display: block; 
			float: left;
			position: relative;
			margin-right: -15px;
			overflow: hidden;
		}
		
		label.prettyCheckbox span.holder {
			display: block;
			position: absolute;
			top: 0; left: 0;
		}


/* --------------------------
	Other random styles
-------------------------- */


div#address span.tel, div#address span.street-address, div#address span.extended-address { display: block; }
.type { display: none; }

table.form .label { width: 120px; }

.button {
	background: transparent;
	border: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #bc3626;
	cursor: pointer;
	}
	
.required, .error, .indicate-required, .note-required, .mce_inline_error { color: #bc3626; }

.error, .mce_inline_error {
	font-size: 0.9em;
	font-style: italic;
	}

ul.benefits {
	color: #dc7728;
	font-size: 0.9em;
	padding-left: 17px;
	line-height: 1.5em;
	}
	ul.benefits li {
		list-style: none;
		list-style-image: none;
		list-style-type: disc;
		}
		
/* for address & map on contact page */
div#address { 
	float: left;
	margin-top: 20px;
	}
div.map { 
	float: right; 
	margin: -20px 0 20px;
	}
	div.map div a { font-size: 11px; }

.first { /* moves content up on homepage */
	margin-top: 0;
	padding-top: 0;
	}