/*
	iHuman
	by Incite Marketing
	http://incitemarketing.ca
	
	Author: Ivan Soto
	ivan@incitemarketing.ca
	
	
	Contents:
	
	- General tags
	- General classes
	- Header
	- Main Content
	- Contact form
	- Sidebar
*/

* {
	outline: none;
}
body {
	background: #b7bfc9 url(/img/ihuman-background_light.jpg) center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a {
	text-decoration: none;
	color: #00aeef;
}
h1 {
	background: url(/img/logo.png) no-repeat;
	display: block;
	width: 340px;
	height: 125px;
}
h1 a {
	display: block;
	width: 340px;
	height: 125px;
	text-indent: -9000px;
}
h2 {
	color: #01aff4;
	font-family: Verdana, Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 40px;
	margin: 0 0 25px 0;
}
h3 {
	background: #FFF;
	font-size: 19px;
	display: inline;
	padding: 3px 4px;
}
h3 a {
	line-height: 27px;
	color: #00395a;
}

/** General Classes */

	.clear {
		clear: both;
	}
	.hidden {
		display: none;
	}


/** Header */

	#wrapper {
		width: 974px;
		margin: 0 auto;
		position: relative;
	}
	#banner {
		position: absolute;
		z-index: -5;
		text-align: center;
	}
		#banner img {
			position: absolute;
		}
	#splash1 {
		position: absolute;
		top: 250px;
		left: 700px;
		z-index: -3;
	}
	#splash2 {
		position: absolute;
		top: 345px;
		left: -150px;
		z-index: -3;
	}
	#menu {
		position: absolute;
		top: 50px;
		left: 304px;
		width: 660px;
		height: 55px;
		background: url(/img/menu.png) no-repeat center;
		line-height: 63px;
		text-align: center;
	}
		#menu li {
			display: inline;
			list-style: none;
		}
		#menu a {
			padding: 0 12px;
			color: #e10000;
			position: relative;
			z-index: 5;
			font-weight: bold;
		}
		#menu a:hover {
			color: #000;
		}
		#menu img {
			position: absolute;
			float: left;
			top: -40px;
			left: -5px;
			z-index: -1;
		}
		#menu .here a {
			color: #03ACED;
		}
	#top_links {
		position: absolute;
		top: 0;
		left: 668px;
	}
	#top_links a {
		display: block;
		width: 125px;
		height: 40px;
		float: left;
		line-height: 40px;
		text-align: center;
		background: #01aef0;
		color: #FFF;
		margin: 0 15px;
		font-size: 16px;
	}
	#top_links a.donate {
		background: #e10000;
		width: 100px;
	}
	#top_links a:hover {
		color: #000;
	}
		
/** Main Content */		
			
	#main {
		clear: both;
		margin: 310px 0 0;
	}
		#main.secondary {
			margin: 144px 0 0;
		}
		#main.gallery {
			margin: 126px 0 0;
		}
		#content {
			background: url(/img/content_bg.png);
			font-size: 13px;
			float: left;
			width: 535px;
			padding: 27px 27px 55px 27px;
			line-height: 22px;
			color: #EEE;
			/*transform: rotate(15.5deg);*/
		}
		#content.gallery_main {
			background: url(/img/gallery_bg.png);
			width: 675px;
			height: 444px;
			position: relative;
		}
		#content.gallery_main #imageHolder {
			text-align: center;
		}
			#galleryImage {
				border: 4px solid #000;
			}
		#content .gallerycontent {
			position: absolute;
			top: 518px;
			width: 478px;
			font-size: 11px;
			padding: 4px 14px;
			line-height: 14px;
			left: 220px;
		}
			#content .gallerycontent p {
				margin: 0;
			}
			#content.gallery_main h2 {
				padding: 0 0 0 25px;
				margin: 0 0 3px 0;
			}
			#prev {
				position: absolute;
				top: 250px;
				left: 14px;
			}
			#next {
				position: absolute;
				top: 250px;
				left: 676px;
			}

		#content p {
			margin: 4px 0 15px;
			/*text-indent: 15px;*/
		}
		#content h3,
		#content h4 {
			font-size: 19px;
			line-height: 38px;
			margin: 5px 0;
		}
		#content.profiles {
			background: none;
			padding: 2px;
			width: 615px;
		}
		#content a {
			color: #03ACED;
		}
		#content a:hover {
			color: #78daff;
		}
		#content ul,
		#content ol {
			padding: 0 0 0 20px;
		}
		#content li {
			padding: 5px 0;
		}
		.profile {
			background: url(/img/profilebg1.png) no-repeat;
			padding: 20px 27px 10px 27px;
			font-size: 13px;
		}
		.profile h2 {
			margin: 0 0 10px 0;
		}
		.profile .left {
			width: 160px;
			float: left;
			margin: 7px 15px 0 0 ;
		}
		#content .profile .left p {
			margin: 0 0 5px 0;
			text-align: center;
			text-indent: 0;
		}
		#content .profile .right p {
			text-indent: 0;
		}

		.profile .left img {
			border: 4px solid #FFF;
		}
		.profile .left .gallery {
			position: relative;
		}
		.profile .left .gallery img {
			margin: 0;
			left: 5px;
		}
		.profile .left .gallery .border {
			position: absolute;
			margin: 5px;
			top: 0;
			left: 0;
		}
		.bottom {
			background: url(/img/profilebg2.png) no-repeat top;
			height: 25px;
			margin:  0 0 22px 0;
		}

		#sponsors {
			margin: 0 auto;
		}
		#sponsors td {
			padding: 8px;
			vertical-align: middle;
		}



/* Contact form */

	#contact_form label {
		width: 190px;
		display: block;
		float: left;
		text-align: right;
		font-size: 18px;
		padding: 0 15px 0 0;

	}
		#contact_form input,
		#contact_form textarea {
			width: 300px;
			background: #202e3e;
			border: 1px solid #446081;
			color: #CCC;
			padding: 4px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
		}
		#contact_form .submit {
			margin: 0 0 0 205px;
			width: 150px;
			background: #446081;
			border: 1px solid #202e3e;
			cursor: pointer;
		}

		

/** Sidebar */
	#sidebar {
		padding: 0 0 0 30px;
		width: 305px;
		float: left;
		margin: 0 10px 0 0;
	}
		#sidebar.profiles {
			width: 215px;
		}
		#sidebar ul {
			padding: 0;
			margin: 0;
		}
		#sidebar ul li {
			list-style: none;
			margin: 7px 0;
			clear: both;
			padding: 6px 0;
		}
		#sidebar li h3 {
			font-weight: normal;
			margin: 0 0 10px 0;
			color: #00395a;
			background: #FFF;
			font-size: 19px;
			display: inline;
			line-height: 27px;
		}
		#sidebar li a {
			background: #FFF;
			font-size: 19px;
			display: inline;
			padding: 3px 4px;
			line-height: 27px;
			color: #00395a;
		}
		#sidebar li p {
			/*clear: both;*/
			margin: 8px 0 0;
			line-height: 16px;
		}
		#sidebar li.here a {
			color: #FFF;
			background: #03ACED;
		}
		#sidebar.campaigns img {
			float: left;
			border: 2px solid #FFF;
			display: block;
			margin: 0 11px 0 0;
		}
		#sidebar.campaigns h3 {
			background: none;
		}
		#sidebar.campaigns li {
			padding: 0 0 5px 0;
		}
		#sidebar.campaigns li a {
			padding: 0;
			background: none;
			color: #006790;
		}
		#sidebar.campaigns p a {
			font-size: 12px;
			line-height: 18px;

		}
		#sidebar.gallery {
			width: 205px;
		}
		
/** Footer */

	#footer {
		background: #01395a;
		clear: both;
		margin: 50px 15px 0 15px;
		padding: 15px 20px;
		color: #FFF;
		font-size: 11px;
	}
		#footer .right {
			float: right;
		}
		#footer a {
			color: #03aced;
		}
		#footer a:hover {
			text-decoration: underline;
		}
		#footer p {
			margin: 0;
			padding: 0;
		}