/*
	Brockton Creative Group
	John Kellyn Resman
	brocktoncg.com

	COLORS
			green rgb(201, 214, 166)
			yellow rgb(255, 196, 35)
			blue rgb(85, 156, 190)
			orange rgb(223, 122, 28)
			grey rgb(39, 39, 39)


*/

/*
	RESET
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

body		{ background: rgb(239, 239, 239); font-family: Arial, Verdana, sans-serif; font-size: 62.5%; }
ul		{ list-style: none; }
ol { list-style: disc; margin: 0 0 0 20px; } ol li { font-size: 1.4em; color: rgb(82, 82, 82); margin: 7px 0; line-height: 1.6em; }
a			{ color: rgb(85, 156, 190); text-decoration: none; }
a:hover     { text-decoration: underline; }
a img		{ border: none; outline: none }
img			{  }
table		{  }
strong {font-weight:bold;}

/*UTILITY */

.left		{ float: left;}
.right		{ float: right;}
.clear		{ clear: both;}
.blockIMG {display:block;margin:0;}

#emailwrap { position: relative; }
input[name="signup"]          { width: 251px; height: 14px; background: none; padding: 7px; margin-top: 10px; border: none;   }


/* SUBMIT */
input[type="submit"]       { width: 61px; height: 13px; background: url(../images/send-btn.png) no-repeat; border: none; cursor:pointer; text-indent: -9999px; margin: 10px 20px 0 0; float: right;  }

input[type="login"]       { width: 80px; height: 30px; background: url(../images/login-btn.png) no-repeat; border: none; cursor:pointer; text-indent: -9999px; margin: 10px 1px 0 0; float: right;  }
#loginbtn { width: 80px; height: 30px; background: url(../images/login-btn.png) no-repeat; border: none; cursor:pointer; text-indent: -9999px; margin: 10px 1px 0 0; float: right;  }

.divider1 { width: 4px; height: 59px; background: url(../images/divider.jpg) no-repeat; margin: 25px 55px 0 50px; float: left; }
.divider2 { width: 100%; height: 25px; border-bottom: 1px dotted rgb(100, 100, 100); margin-bottom: 20px; }


/* TYPE */

p { font-size: 1.4em; color: rgb(82, 82, 82); line-height: 1.6em; }

h1 { font-size: 2em; color: rgb(85, 156, 190); font-weight: bold; }

h2 { color: #fff; margin-top: 10px; }
h2 a { color: rgb(223, 122, 28);text-decoration:underline; }
h2 a:hover {text-decoration:none;}

.question {width: 650px; background: rgb(140, 140, 140); padding: 5px; margin-bottom: 10px; -moz-border-radius: 3px; }

h3 { font-size: 1.6em; color: rgb(73, 73, 73); font-weight: bold; }

blockquote { font-family: Georgia, serif; font-size: 1.8em; color: rgb(39, 39, 39); line-height: 1.3em; }

.green { color: rgb(201, 214, 166); text-decoration: none; }
.yellow { color: rgb(255, 196, 35); text-decoration: none; }
.blue { color: rgb(85, 156, 190); text-decoration: none; }
.orange { color: rgb(223, 122, 28); text-decoration: none; }
.grey { color: rgb(39, 39, 39); text-decoration: none; }

#whatsin b, #whatsin strong { color: rgb(85, 156, 190); text-decoration: none;font-weight: bold; }
#whowe b, #whowe strong { color: rgb(255, 196, 35); text-decoration: none;font-weight: bold; }
#whatis b, #whatis strong { color: rgb(223, 122, 28); text-decoration: none;font-weight: bold; }
				
/* STRUCTURE */

div.wrap { width: 902px; margin: 0 auto; }


/* HEADERS */

div#header { width: 902px; height: 116px; background: url(../images/ia-header-bg.jpg) no-repeat; margin: 25px 0 0 0; }

ul#nav { padding: 17px 0 0 13px; overflow: hidden; }
	ul#nav li { display: inline; float: left; }
		ul#nav li a { display: block; height: 65px; text-indent: -9999px; }
			ul#nav li a.home { width: 174px; background: url(../images/navi/nav.png) no-repeat left bottom; }
			ul#nav li a.whois { width: 155px; background: url(../images/navi/nav.png) no-repeat -178px bottom; }
			ul#nav li a.whowe { width: 127px; background: url(../images/navi/nav.png) no-repeat -331px bottom; }
			ul#nav li a.whatsin { width: 143px; background: url(../images/navi/nav.png) no-repeat -464px bottom; }
			ul#nav li a.whatis { width: 128px; background: url(../images/navi/nav.png) no-repeat -605px bottom; }
			ul#nav li a.request { width: 138px; background: url(../images/navi/nav.png) no-repeat right bottom; }
			
				ul#nav li a.home:hover { background-position: left top; }
				ul#nav li a.whois:hover { background-position: -178px top; }
				ul#nav li a.whowe:hover { background-position: -331px top; }
				ul#nav li a.whatsin:hover { background-position: -464px top; }
				ul#nav li a.whatis:hover { background-position: -605px top; }
				ul#nav li a.request:hover { background-position: right top; }
				
				#whois .wrap #header #nav li a.whois { background-position: -178px top; }
				#whatsin .wrap #header #nav li a.whatsin { background-position: -464px top; }
				#whowe .wrap #header #nav li a.whowe { background-position: -331px top; }
				#whatis .wrap #header #nav li a.whatis { background-position: -605px top; }
				#request .wrap #header #nav li a.request { background-position: right top; }
			
			ul#subnav { padding: 8px 0 0 5px; width:755px; }
				ul#subnav li { display: inline; float: left; }
					ul#subnav li a { display: block; height: 10px; text-indent: -9999px; }
						ul#subnav li a.blog { width: 49px; background: url(../images/navi/subnav.png) no-repeat left bottom; }
						ul#subnav li a.contact { width: 86px; background: url(../images/navi/subnav.png) no-repeat -49px bottom; }
                        ul#subnav li a.testimonials { width: 120px; background: url(../images/navi/subnav.png) no-repeat -135px bottom; }
						ul#subnav li a.media { width: 127px; background: url(../images/navi/subnav.png) no-repeat -255px bottom; }
						ul#subnav li a.store { width: 122px; background: url(../images/navi/subnav.png) no-repeat -382px bottom; }
						ul#subnav li a.faq { width: 53px; background: url(../images/navi/subnav.png) no-repeat -504px bottom; }
						ul#subnav li a.myia { width: 198px; background: url(../images/navi/subnav.png) no-repeat right bottom; }
							
							ul#subnav li a.blog:hover { background-position: left top; }
							ul#subnav li a.contact:hover { background-position: -49px top; }
							ul#subnav li a.testimonials:hover { background-position: -135px top; }
							ul#subnav li a.media:hover { background-position: -255px top; }
							ul#subnav li a.store:hover { background-position: -382px top; }
							ul#subnav li a.faq:hover { background-position: -504px top; }
							ul#subnav li a.myia:hover { background-position: right top; }
								
								#samplesessionrequest .wrap #header #subnav li a.blog { background-position: left top; }
								#samplesessionrequest .wrap #header #subnav li a.contact { background-position: -49px top; }
								#testimonials .wrap #header #subnav li a.testimonials { background-position: -135px top; }
								#media .wrap #header #subnav li a.media { background-position: -255px top; }
								#store .wrap #header #subnav li a.store { background-position: -382px top; }
								#faq .wrap #header #subnav li a.faq { background-position: -504px top; }
								#myia .wrap #header #subnav li a.myia { background-position: right top; }
							
/* FADE */

div.fade { width: 1200px; height: 587px; margin: 15px auto 0 auto; overflow: visible; border-top: 3px solid rgb(83, 83, 83); border-bottom: 3px solid rgb(83, 83, 83); }

div#fadebg { width: 100%; background: rgb(83, 83, 83); }			
	
/* SIDEBAR */

div#sidebar { width: 300px; height: 658px; background: transparent url(../images/ia-sidebar-bg.png) no-repeat; margin-top: -85px; position: relative; padding: 6px; float: left; z-index: 100; }

div#subsidebar { width: 220px; float: left; overflow: hidden; }

div#rightnow { width: 258px; height: 218px; background: transparent url(../images/ia-rightnow-bg.png) no-repeat; padding: 40px 15px 0 15px; margin-bottom: 5px; }

div#social { width: 288px; height: 117px; background: transparent url(../images/ia-stayconnected-bg.png) no-repeat; margin-bottom: 5px; }
	ul#socialmedia { padding: 32px 0 0 17px; }
		ul#socialmedia li { display: inline; float: left; }
			ul#socialmedia li a { display: block; width: 72px; height: 21px; padding: 7px 0 0 50px; color: rgb(39, 39, 39); text-decoration: none; }
				ul#socialmedia li a.twitter { background: url(../images/socialBtns.png) no-repeat -100px 4px; margin: 0 10px 16px 0; }
				ul#socialmedia li a.linkedin { background: url(../images/socialBtns.png) no-repeat -100px -24px; margin-bottom: 16px; }
				ul#socialmedia li a.fb { background: url(../images/socialBtns.png) no-repeat -100px -52px; margin-right: 10px; }
				ul#socialmedia li a.rss { background: url(../images/socialBtns.png) no-repeat -100px -81px; }
				
				ul#socialmedia li a:hover { color: rgb(99, 99, 99); }
				ul#socialmedia li a.twitter:hover { background-position: 20px 4px; }
				ul#socialmedia li a.linkedin:hover { background-position: 20px -24px; }
				ul#socialmedia li a.fb:hover { background-position: 20px -52px; }
				ul#socialmedia li a.rss:hover { background-position: 20px -81px; }
						
div#signup { width: 288px; height: 225px; background: transparent url(../images/ia-signup-bg.png) no-repeat; text-align: center; padding-top: 34px; }

div#sidenav { width: 210px; height: 658; background: transparent url(../images/sidenav_bg.png) repeat-y; overflow: hidden; }

ul#sidenavigation {}
	ul#sidenavigation li { overflow: hidden; }
		ul#sidenavigation li a { display: block; width: 207px; height: 30px; text-indent: -9999px; }
		
			ul#sidenavigation li a.accomplishment {background: url(../images/whois/whois-nav.png) no-repeat right 0;}
				ul#sidenavigation li a.accomplishment:hover { background-position: left 0; }
			ul#sidenavigation li a.excellence {background: url(../images/whois/whois-nav.png) no-repeat right -29px;}
				ul#sidenavigation li a.excellence:hover { background-position: left -29px; }
			ul#sidenavigation li a.vision {background: url(../images/whois/whois-nav.png) no-repeat right -58px;}
				ul#sidenavigation li a.vision:hover { background-position: left -58px; }
			ul#sidenavigation li a.profile {background: url(../images/whois/whois-nav.png) no-repeat right -87px;}
				ul#sidenavigation li a.profile:hover { background-position: left -87px; }
			
			ul#sidenavigation li a.individuals {background: url(../images/whowe/whowe-nav.png) no-repeat right 0;}
				ul#sidenavigation li a.individuals:hover { background-position: left 0; }
			ul#sidenavigation li a.needs {background: url(../images/whowe/whowe-nav.png) no-repeat right -29px;}
				ul#sidenavigation li a.needs:hover { background-position: left -29px; }
			ul#sidenavigation li a.scenarios {background: url(../images/whowe/whowe-nav.png) no-repeat right -58px;}
				ul#sidenavigation li a.scenarios:hover { background-position: left -58px; }
			
			ul#sidenavigation li a.coaching { background: url(../images/whatis/whatis-nav.png) no-repeat right 0; }
				ul#sidenavigation li a.coaching:hover { background-position: left 0; }
			ul#sidenavigation li a.services {background: url(../images/whatis/whatis-nav.png) no-repeat right -29px;}
				ul#sidenavigation li a.services:hover { background-position: left -29px; }
			ul#sidenavigation li a.versus {background: url(../images/whatis/whatis-nav.png) no-repeat right -58px;}
				ul#sidenavigation li a.versus:hover { background-position: left -58px; }
			ul#sidenavigation li a.expect {background: url(../images/whatis/whatis-nav.png) no-repeat right -87px;}
				ul#sidenavigation li a.expect:hover { background-position: left -87px; }
			
			ul#sidenavigation li a.investment {background: url(../images/whatsin/whatsin-nav.png) no-repeat right 0;}
				ul#sidenavigation li a.investment:hover { background-position: left 0; }
			ul#sidenavigation li a.yesyoucan {background: url(../images/whatsin/whatsin-nav.png) no-repeat right -29px;}
				ul#sidenavigation li a.yesyoucan:hover { background-position: left -29px; }

				.coreprinciples .wrap ul#sidenavigation li a.accomplishment { background-position: left 0; }
				.pledgeofexcellence .wrap ul#sidenavigation li a.excellence { background-position: left -29px; }
				.visionstatement .wrap ul#sidenavigation li a.vision { background-position: left -58px; }
				.ownerprofile .wrap ul#sidenavigation li a.profile { background-position: left -87px; }		
				.typesofindividuals .wrap ul#sidenavigation li a.individuals { background-position: left 0; }
				.needswefill .wrap ul#sidenavigation li a.needs { background-position: left -29px; }
				.lifescenarios .wrap ul#sidenavigation li a.scenarios { background-position: left -58px; }
				.howwedefinecoaching .wrap ul#sidenavigation li a.coaching { background-position: left 0; }
				.ourservices .wrap ul#sidenavigation li a.services { background-position: left -29px; }
				.coachingvtherapy .wrap ul#sidenavigation li a.versus { background-position: left -58px; }
				.whattoexpect .wrap ul#sidenavigation li a.expect { background-position: left -87px; }
				.whatjustifiestheinvestment .wrap ul#sidenavigation li a.investment { background-position: left 0; }
				.yesyoucan .wrap ul#sidenavigation li a.yesyoucan { background-position: left -29px; }

/* CONTENT */

div#homecontent { min-height: 375px; padding: 30px 0 0 18px; overflow: hidden; }

div#whoissection { background: transparent url(../images/whois/whois-header.png) no-repeat 0 33px; padding: 80px 0 0 0; overflow: hidden; }
	.whoissection {width: 640px; background: rgb(201, 214, 166); padding: 5px; margin-bottom: 10px; -moz-border-radius: 3px;}
div#whowesection { background: transparent url(../images/whowe/whowe-header.png) no-repeat 0 33px; padding: 80px 0 0 0; overflow: hidden; }
	.whowesection {width: 640px; background: rgb(255, 196, 35); padding: 5px; margin-bottom: 10px; -moz-border-radius: 3px;}
div#whatsinsection { background: transparent url(../images/whatsin/whatsin-header.png) no-repeat 0 33px; padding: 80px 0 0 0; overflow: hidden; }
	.whatsinsection {width: 640px; background: rgb(85, 156, 190); padding: 5px; margin-bottom: 10px; -moz-border-radius: 3px; }
div#whatissection { background: transparent url(../images/whatis/whatis-header.png) no-repeat 0 33px; padding: 80px 0 0 0; overflow: hidden; }
	.whatissection {width: 640px; background: rgb(223, 122, 28); padding: 5px; margin-bottom: 10px; -moz-border-radius: 3px; }

div#thankyou { background: transparent url(../images/thankyou.png) no-repeat 0 33px; padding: 80px 0 0 0; overflow: hidden; }
	
	.sectionimage {margin-bottom: 5px;}

div#content { margin-left: 10px; overflow: hidden; }
div#maincontent { width: 650px; background: url(../images/content-bg.png) repeat-y; padding: 0 16px; overflow:hidden; }

div#contactsection { background: transparent url(../images/contact-header.png) no-repeat 0 33px; padding: 100px 0 0 0; overflow: hidden; }
div#mediasection { background: transparent url(../images/mediaLibrary-header.png) no-repeat 0 33px; min-height: 500px; padding: 70px 0 0 0; overflow: hidden; }
div#storesection { background: transparent url(../images/onlineStore-header.png) no-repeat 0 33px; min-height: 500px; padding: 100px 0 0 0; overflow: hidden; }
div#faqsection { background: transparent url(../images/faq-header.png) no-repeat 0 33px; min-height: 500px; padding: 100px 0 0 0; overflow: hidden; }
div#myiasection { background: transparent url(../images/iaPlan-header.png) no-repeat 0 33px; min-height: 500px; padding: 100px 0 0 0; overflow: hidden; }

div#testimonialssection { background: transparent url(../images/testimonialsHeader.png) no-repeat 0 33px; padding: 80px 0 0 0; overflow: hidden; }
	.testimonialssection {width: 640px; background: rgb(39, 39, 39); padding: 5px; margin-bottom: 10px; -moz-border-radius: 3px; }
                   .testimonial { background: url("../images/horzDashedLine.png") repeat-x scroll left bottom transparent; padding:20px 0; margin: 10px 0;  }

/* Media Library */

.ml { width: 30%; min-height: 200px; background: url(../images/vertDashedLine.png) repeat-y; padding: 0 0 0 10px; margin-left: 20px; float: left; }

#faqquestion { width: 642px; height: 610px; background: url(../images/faq-bg.png) no-repeat; margin: 0 auto 50px auto; padding: 20px; }

.questionmarks { height: 600px; width: 85px; margin-right: 20px; float: left; }

.journal-c { width:300px;float:right; }
.price { font-size:1.5em;font-weight:bold;font-style:italic; }

.workshop-c { width:580px;float:left;margin-top:-50px; }

/* MYIA */
#login { width: 570px; height: 250px; background: url(../images/login-bg.png) no-repeat; margin: 0 auto 50px auto; padding: 57px; }

#loginform { width: 455px; overflow: hidden; }

.compass { height: 300px; width: 82px; margin-right: 20px; float: left; }

/* CONTACT */

#contactform { width: 455px; float: left; overflow: hidden; }
#contactinfo { width: 400px; background: url(../images/vertDashedLine.png) repeat-y; padding: 0 0 0 20px; margin-left: 20px; float: left; }

form {   }
label { font-size: 1.2em; cursor:pointer; }
label.cd { font-size: 1.6em; color: rgb(129, 129, 129); font-weight: bold;}
label.nl { width: 0; font-size: 1.2em; font-weight: normal; }
div#method { height: 70px; }
.error {color: red; margin-left: 60px; display:none; }

input[type="text"]          { width: 436px; height: 15px; background: #fff; padding: 7px; margin: 0 0 10px 0; border: 1px solid rgb(201, 214, 166);   }
input[type="statement"]          { width: 436px; height: 150px; background: #fff; padding: 7px; margin: 0 0 10px 0; border: 1px solid rgb(201, 214, 166);   }

.statement { width: 436px; height: 150px; background: #fff; padding: 7px; margin: 0 0 10px 0; border: 1px solid rgb(201, 214, 166);   }

label.radio span.holder { height: 60px; background: url(../images/radio-btn.png) 0 0 no-repeat; }
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: 5px; overflow: hidden; }
label.prettyCheckbox span.holder { display: block; position: absolute; top: 0; left: 0; }
label.radio:hover span.holder { top: -20px !important; } /* Background position on mouseover */
label.checked span.holder,
	label.checked span.holder,
	label.checked:hover span.holder,
	label.checked:hover span.holder { top: -40px !important; } /* Background position when checked */


/* FOOTER */

div#footer { width: 100%; height: 400px; background: rgb(48, 48, 48) url(../images/ia-footer-bg.jpg) repeat-x; margin-top: 30px; }					
			
ul.footernav { float: left; margin-top: 25px; }
		ul.footernav a.sub { color: rgb(175, 175, 175); text-decoration: none; }
		ul.footernav a.sub:hover     { color: rgb(255, 255, 255); }
		
div#copyright { width: 230px; float: left; }
	.copyright { font-size: 1em; color: rgb(175, 175, 175); }
		.copyright a { color: rgb(175, 175, 175); text-decoration: none; }
			.copyright a:hover { color: rgb(255, 255, 255); }	

div#footersub { width: 325px; float: right; }
ul.footersubnav { }
	ul.footersubnav li { margin: 0 0 5px 15px; float: right; }
		ul.footersubnav a.sub { color: rgb(175, 175, 175); text-decoration: none; }
		ul.footersubnav a.sub:hover     { color: rgb(255, 255, 255); }
		ul.footersubnav a.chamber { display: block; width: 70px; height: 31px; background: url(../images/aff-links.png) no-repeat right top; text-indent: -9999px; }
			ul.footersubnav a.chamber:hover { background-position: right bottom; }
		ul.footersubnav a.icf { display: block; width: 82px; height: 31px; background: url(../images/aff-links.png) no-repeat left top; text-indent: -9999px;  }
			ul.footersubnav a.icf:hover { background-position: left bottom; }
		

#blog {margin:30px 0 0 25px;}
#blogHeader {margin-top:15px;}
.date { padding-right: 10px; float:left; }
.date p { text-size: 1.4em; color:white; background: rgb(85, 156, 190); padding: 5px; margin-bottom: 10px; -moz-border-radius: 3px; text-align:right; }		
.comments {width:660px; background: url(../images/horzDashedLine.png) repeat-x left bottom; padding: 10px; margin: 20px 0 20px 190px; -moz-border-radius: 3px;}		
#commentform {width:472px;margin:30px 0 50px 190px;}		
.commentsHeader {width:680px; height: 30px; background: url(../images/horzDashedLine.png) repeat-x left bottom;margin-left:190px;}		
		
#atomfeed {margin:10px 0; float:left;}
#atomfeed a.atom {display: block; width: 72px; height: 21px; background: url(../images/socialBtns.png) no-repeat -100px -81px; padding: 7px 0 0 50px; color: rgb(39, 39, 39); text-decoration: none;}		
#atomfeed a.atom:hover {background-position: 20px -81px; color: rgb(99, 99, 99);}