/*
Theme Name: Imagination Exchange
Theme URI: http://www.williamjhines.com
Description: The Imagination Exchange theme built by William J Hines for Imagination Exchange.
Version: 1.0
Author: William J Hines
Author URI: http://williamjhines.com
Tags: Imagination Exchange

	 Imagination Exchange
	 http://imaginationexchange.com

	This theme was designed and built by William J Hines


*/



html, body {

	margin: 0px;
	padding: 0px;
	height: 100%;	
	background: #ffffff url(images/html-cnt.gif) repeat-x top; 

}


#main {

	width: 100%;
	padding: 0;
	margin: 0;
	height: 100%;
	background: url(images/body-top.jpg) no-repeat top center;

}

#footer {

	height: 176px;
	width: 100%;
	padding: 0;
	margin: 15px 0 0 0;
	background: #272621 url(images/footer-cnt.gif) repeat-x top center;

}

#footerL {

	padding: 15px 0 0 0;
	width: 200px;
	float:left;

}

#footerR {

	float:right;

}

#container {

	left: 50%;
	width: 892px;
	top: 0;
	margin-left: -446px;
	margin-top: 0;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	overflow: hidden;

}

#goBackButton, #goBackButton a {

	width: 92px;
	height: 23px;
	background: url(images/goback.gif) no-repeat top left;
	display:block;

}

#navPlacer {

	padding: 50px 0px 0px 307px;

}

#navTable {

	height: 48px;
	padding: 0 0 0 5px;

}

#subNav {

	padding: 3px 0 0 81px;

}

#explorerBtn {

	float: left;

}

#register-form {
	
	width: 530px;

}

#register-form-sub {

	background: #f4edc4;
	padding: 8px 20px;
}

#register-form-top {

	background: #cae0f7;
	padding: 8px 20px;

}

#register-form p {

	padding: 4px 0 4px 0;

}

#registerBtn {
	background: url(images/register-btn.gif) no-repeat top left;
	float: left;
	margin: 31px 0 0 35px;

}

#registerBtn a, #registerBtn a:visited, #registerBtn a:active {

	background: url(images/register-btn.gif) no-repeat top left;
	float: left;
}

#registerBtn a:hover {

	background: url(images/register-btn-o.gif) no-repeat top left;
	float:left;
	
}

#loginBtn {
	background: url(images/login-btn.gif) no-repeat top left;
	float: left;
	margin: 31px 0 0 8px;

}

#loginBtn a, #loginBtn a:visited, #loginBtn a:active {

	background: url(images/login-btn.gif) no-repeat top left;
	float: left;
}

#loginBtn a:hover {

	background: url(images/login-btn-o.gif) no-repeat top left;
	float:left;
	
}

#mycartBtn {
	background: url(images/mycart-btn.gif) no-repeat top left;
	float: left;
	margin: 27px 0 0 8px;

}

#mycartBtn a, #mycartBtn a:visited, #mycartBtn a:active {

	background: url(images/mycart-btn.gif) no-repeat top left;
	float: left;
}

#mycartBtn a:hover {

	background: url(images/mycart-btn-o.gif) no-repeat top left;
	float:left;
	
}

#newsletterSubmit {

	margin: 0 0 2px 174px;
}

#newsletterSubmit a, #newsletterSubmit a:visited, #newsletterSubmit a:active {

	background: url(images/submit-btn.gif) no-repeat top left;
	display:block;
}

#newsletterSubmit a:hover {

	background: url(images/submit-btn-o.gif) no-repeat top left;
	display:block;
	
}

#newsletterInput {

	float: right;
	padding: 2px 3px 0 0;
}

#newsletterBar {

	background: #ebecec;
	width: 221px;
	height: 24px;
	border: medium none;
	padding: 4px 2px 2px 2px;
	font-size: 1.4em;
	text-align: left;
	color: #525354;

}

#wrapper {

	padding: 70px 0 0 0;

}

#bodyContent {

	width: 892px;

}

#indexHeader {

	margin: 4px 0px 0px 6px;
	height: 330px;
	width: 880px;
	background: url(images/center-console.jpg) no-repeat top left;
}

#talentWrapper1 {
	padding: 130px 0 10px 440px;

}

#talentWrapper2 {
	padding: 0 0 0 440px;

}

#talent_btn1 {
	background: url(images/begin.jpg) no-repeat top left;
	padding: 0;
	margin: 0;

}

#talent_btn1 a, #talent_btn1 a:visited, #talent_btn1 a:active {

	background: url(images/begin.jpg) no-repeat top left;
	display: block;
}

#talent_btn1 a:hover {

	background: url(images/begin-o.jpg) no-repeat top left;
	display: block;
	
}

#talent_btn2 {
	background: url(images/courses.jpg) no-repeat top left;
	padding: 0;
	margin: 0;

}

#talent_btn2 a, #talent_btn2 a:visited, #talent_btn2 a:active {

	background: url(images/courses.jpg) no-repeat top left;
	display: block;
}

#talent_btn2 a:hover {

	background: url(images/courses-o.jpg) no-repeat top left;
	display: block;
	
}

#homeTvOneWrapper {

	float:right;
	padding:4px;

}

#homeTvOne {

	width: 430px;
	height: 307px;
	background: url(images/left-tv.jpg) no-repeat top left;
	padding: 0px;
	margin: 0px;
	overflow:hidden;

}

#homeTvOnePlacer {

	padding: 240px 0 0 210px;
}

#homeDiv {

	background: url(images/tv-divider.jpg) no-repeat top left;
	width: 18px;
	height: 307px;
	float: left;
	position: relative;
	
}

#homeTvTwoWrapper {
	padding:4px;
	float:left;

}

#homeTvTwo {

	width: 425px;
	overflow: hidden;
	height: 307px;
	background: url(images/right-tv.jpg) no-repeat top left;
	padding: 0;
	margin: 0;

}

#homeTvTwoPlacer {

	padding: 267px 0 0 262px;
	position: relative;

}

#homeTvButton {
	background: url(images/our-classes.jpg) no-repeat top left;
	padding: 0;
	margin: 0;

}

#homeTvButton a, #homeTvButton a:visited, #homeTvButton a:active {

	background: url(images/our-classes.jpg) no-repeat top left;
	float: left;
	width: 148px;
	height: 26px;
}

#homeTvButton a:hover {

	background: url(images/our-classes-o.jpg) no-repeat top left;
	float: left;
	width: 148px;
	height: 26px;
	
}

#indexBodyLeft {

	float:left;
	width: 440px;
}

#exchangeBodyLeft {

	float:left;
	width: 440px;

}

#exchangeBodyRight {

	float:right;
	width: 440px;

}

#exchange-columns {

	margin: 0 0 20px 0;

}

#indexBodyRight {

	float:right;
	width:434px;
	background: url(images/index-r-t.jpg) no-repeat top left;
}

#indexBodyRight2 {

	background: url(images/index-r-b.jpg) no-repeat bottom left;

}

#indexBodyFormat {

	padding: 33px 14px 10px 22px;

}

.indexMainText {

	padding: 15px 0 0 0;
	
}

#indexPointers {

	padding: 15px 0 0 0;

}



#indexBodyLeftSub1 {

	background: url(images/index-l-t.jpg) no-repeat top left;
}

#indexBodyLeftSub2 {
	
	background: url(images/index-l-b.jpg) no-repeat bottom right;
}

#indexBodyLeftSub {

	padding: 0px 20px 10px 20px;
	
}

#indexSubReadSetter {

	padding: 4px 0 5px 330px;
	
}

.indexPointer {
	background: url(images/i-want.jpg) no-repeat top left;
	margin: 0 0 2px 0;
}

.indexPointer a, .indexPointer a:visited, .indexPointer a:active {

	background: url(images/i-want.jpg) no-repeat top left;
	padding: 13px 13px 0 13px;
	height: 27px;
	width: 373px;
	display: block;
}

.indexPointer a:hover {

	background: url(images/i-want-o.jpg) no-repeat top left;
	padding: 13px 13px 0 13px;
	height: 27px;
	width: 373px;
	display: block;
	
}

.indexSubRead {
	background: url(images/read-more.jpg) no-repeat top left;
}

.indexSubRead a, .indexSubRead a:visited, .indexSubRead a:active {

	background: url(images/read-more.jpg) no-repeat top left;
	height: 18px;
	width: 100px;
	display: block;
}

.indexSubRead a:hover {

	background: url(images/read-more-o.jpg) no-repeat top left;
	height: 18px;
	width: 100px;
	display: block;
}

.navItemL {

	background: url(images/nav-l.jpg) no-repeat top left;

}

.navItemL a, .navItemL a:visited, .navItemL a:active {

	background: url(images/nav-l.jpg) no-repeat top left;
	float: left;
	height: 35px;
	padding: 13px 11px 0 11px;
	margin: 0 0 0 2px;

}

.navItemL a:hover {

	background: url(images/nav-l-o.jpg) no-repeat top left;
	float: left;
	height: 35px;
	padding: 13px 11px 0 11px;
	margin: 0 0 0 2px;
	
}

.navItemR {

	background: url(images/nav-r.jpg) no-repeat top right;
}

.navItemR a, .navItemR a:visited, .navItemR a:active {

	background: url(images/nav-r.jpg) no-repeat top right;
	float: left;
	height: 35px;
	padding: 13px 11px 0 11px;
	margin: 0 0 0 2px;

}

.navItemR a:hover {

	background: url(images/nav-r-o.jpg) no-repeat top right;
	float: left;
	height: 35px;
	padding: 13px 11px 0 11px;
	margin: 0 0 0 2px;
	
}

.navItem {

	background: url(images/nav-center.jpg) no-repeat top left;

}

.navItem a, .navItem a:visited, .navItem a:active {

	background: url(images/nav-center.jpg) no-repeat top left;
	float: left;
	height: 35px;
	padding: 13px 11px 0 11px;
	margin: 0 0 0 2px;

}

.navItem a:hover {

	background: url(images/nav-center-o.jpg) no-repeat top left;
	float: left;
	height: 35px;
	padding: 13px 11px 0 11px;
	margin: 0 0 0 2px;
	
}

#navPlacerFooter {


}

#navTableFooter {

	height: 48px;
	padding: 0 0 0 5px;
	width: 560px;
	

}

.navItemFooterL {

	background: url(images/footer-nav-l.gif) no-repeat top left;

}

.navItemFooterL a, .navItemFooterL a:visited, .navItemFooterL a:active {

	background: url(images/footer-nav-l.gif) no-repeat top left;
	float: left;
	height: 45px;
	padding: 27px 11px 0 11px;

}

.navItemFooterL a:hover {

	background: url(images/footer-nav-l-o.gif) no-repeat top left;
	float: left;
	height: 45px;
	padding: 27px 11px 0 11px;
	
}

.navItemFooterR {

	background: url(images/footer-nav-r.gif) no-repeat top right;

}

.navItemFooterR a, .navItemFooterR a:visited, .navItemFooterR a:active {

	background: url(images/footer-nav-r.gif) no-repeat top right;
	float: left;
	height: 45px;
	padding: 27px 11px 0 11px;

}

.navItemFooterR a:hover {

	background: url(images/footer-nav-r-o.gif) no-repeat top right;
	float: left;
	height: 45px;
	padding: 27px 11px 0 11px;
	
}

.navItemFooter {

	background: url(images/footer-nav-center.gif) no-repeat top left;
}

.navItemFooter a, .navItemFooter a:visited, .navItemFooter a:active {

	background: url(images/footer-nav-center.gif) no-repeat top left;
	float: left;
	height: 45px;
	padding: 27px 11px 0 11px;
}

.navItemFooter a:hover {

	background: url(images/footer-nav-center-o.gif) no-repeat top left;
	float: left;
	height: 45px;
	padding: 27px 11px 0 11px;
	
}

.navItemFooterDiv {

	width: 6px;
	height: 72px;
	float: left;
	background: url(images/footer-nav-div.gif) no-repeat top left;

}

#content-wrapper {
	padding: 0 0 40px 0;
}

#content1 {
	background: url(images/content-bottom.jpg) no-repeat bottom right;
}

#content2 {
	background: url(images/content-cnt.jpg) repeat-x top;
}

#content3 {
	background: url(images/content-top.jpg) no-repeat top left;
}

#content4 {
	background: url(images/content-right.jpg) no-repeat top right;
}

#content {
	padding: 30px;
}

#content-footer-right {
	width: 433px;
	float:right;
}

#content-footer-right1 {
		background: url(images/content-r-cnt.jpg) repeat-x top;
}

#content-footer-right2 {
		background: url(images/content-r-tl.jpg) no-repeat top left;
}

#content-footer-right3 {
		background: url(images/content-r-tr.jpg) no-repeat top right;
}

#content-footer-right4 {
		background: url(images/content-r-f.jpg) no-repeat bottom right;
}

#content-footer-right-format{
	padding: 10px 0 20px 20px;
}

#content-footer-left {
	width: 439px;
	float:left;
}

#content-footer-left1 {
		background: url(images/content-l-cnt.jpg) repeat-x top;
}

#content-footer-left2 {
		background: url(images/content-l-tl.jpg) no-repeat top left;
}

#content-footer-left3 {
		background: url(images/content-l-tr.jpg) no-repeat top right;
}

#content-footer-left4 {
		background: url(images/content-l-f.jpg) no-repeat bottom right;
}

#content-footer-left-format{
	padding: 3px 20px 10px 175px;
}

.contentRegBtn {
	background: url(images/register-btn.jpg) no-repeat top left;
}

.contentRegBtn a, .contentRegBtn a:visited, .contentRegBtn a:active {

	background: url(images/register-btn.jpg) no-repeat top left;
	display: block;
	height: 28px;
	width: 249px;
}

.contentRegBtn a:hover {

	background: url(images/register-btn-o.jpg) no-repeat top left;
	display: block;
	height: 28px;
	width: 249px;;
	
}

.careerBtn {
	background: url(images/career-btn.jpg) no-repeat top left;
}

.careerBtn a, .careerBtn a:visited, .careerBtn a:active {

	background: url(images/career-btn.jpg) no-repeat top left;
	display: block;
	padding: 5px 10px 0 70px;
	height: 23px;
	width: 328px;
	margin: 0 0 5px 0;
}

.careerBtn a:hover {

	background: url(images/career-btn-o.jpg) no-repeat top left;
	display: block;
	padding: 5px 10px 0 70px;
	height: 23px;
	width: 328px;
	margin: 0 0 5px 0;
}


#join-text {

	text-align: left;

}

#join-text img {

	float:left;
	padding: 0 10px 10px 0;

}

#participate-image {

	margin: 5px 0 5px 0;

}

/* Clearfix for Styling Main Container*/


.clearfix:after {

    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

.clearfix {display:inline-block;}


/* Hides from IE-mac \*/



* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* End hide from IE-mac */