@charset "utf-8";
* {margin:0px; padding:0px;}
html, body {height: 100%;} 
body {background:#f2f2f2 url(images/bg-body.png) repeat-x center 30px; font: normal 12px verdana, Arial, Helvetica, sans-serif;}

p {font: normal 12px/1.5 Verdana, Arial, Helvetica, sans-serif; margin-bottom:11px;}
p:last-child{margin-bottom:0px;}
h1 {font: bold 18px/1.2 Verdana, Arial, Helvetica, sans-serif;}
h2 {font: bold 14px/1.2 Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 5px 0px; padding-top: 15px;}
h3 {font: bold 12px/1.2 Verdana, Arial, Helvetica, sans-serif; margin:15px 0px 5px 0px;}
blockquote {margin-left: 25px; padding-bottom: 12px;}
a:link, a:visited, a:active {color: #003399; text-decoration:none;}
a:hover {color:#990000;text-decoration:u;}
#content a:link, #content a:visited, #content a:active {font-weight: normal; text-decoration:underline;}
#content a:hover {font-weight: normal; text-decoration:underline;}

#wrapper {width:100%; background: transparent url(images/bg-wrapper.png) repeat-x center 323px; min-height:100%; height:auto !important; /*Cause footer to stick to bottom in IE 6*/ height:100%; margin:0px auto -37px auto; /*Allow for footer height*/}
#wrapper #header {position:relative; z-index:10; /*reinforces relationship between two for Flash*/}
#header {width:824px; height:189px; margin-right:auto; margin-left:auto; position:relative;}

/*TOP NAVIGATION TABS*/
#topnavtabs {height:30px; background:#313131 url(images/topnavtabs-bg.gif) repeat-x left top;}
#topnavtabs #topnavtabs-wrap {width:810px; margin:0px auto 0px auto; position:relative;}
#topnavtabs .tab-off-left {float:left; width:7px; height:25px; background:transparent url(images/topnavtabs-tab-off-left.gif) no-repeat top left; margin-top:5px;}
#topnavtabs .tab-off-right {float:left; width:7px; height:25px; background:transparent url(images/topnavtabs-tab-off-right.gif) no-repeat top left; margin-top:5px;}
#topnavtabs .tab-off-fill {background:#b6b4ae url(images/topnavtabs-tab-off-fill.gif) repeat-x top left;}
#topnavtabs .tab-on-left {float:left; width:7px; height:25px; background:transparent url(images/topnavtabs-tab-on-left.gif) no-repeat top left; margin-top:5px;}
#topnavtabs .tab-on-right {float:left; width:7px; height:25px; background:transparent url(images/topnavtabs-tab-on-right.gif) no-repeat top left; margin-top:5px;}
#topnavtabs .tab-on-fill {background:#d2cec6 url(images/topnavtabs-tab-on-fill.gif) repeat-x top left;}
#topnavtabs .tab-on-fill a {color:#000000; cursor:default; text-decoration:none; font-weight:inherit; /*inherit from the fill class*/}
#topnavtabs .tab-off-fill a {color:#595959; cursor:pointer; text-decoration:none; font-weight:inherit; /*inherit from the fill class*/}
#topnavtabs .tab-on-fill, #topnavtabs .tab-off-fill {float:left; min-width:112px; height:25px; text-align:center; font:normal 12px verdana; line-height:25px; padding:0px 1px 0px 1px; margin-top:5px;}
#topnavtabs .tabshadow {float:left; width:12px; height:25px; background:transparent; margin:0px 0px 0px 0px;}

/*LOGIN RELATED*/
/*#login {position:absolute; right:25px; top:10px; text-align:right; z-index:20;}*/
#login {padding-top:8px; margin:0px 0px 0px 0px; text-align:right; float:right;}
#login a, #login a:link, #login a:visited, #login a:active {color:#aaa; text-decoration:none; font-weight:bold;}
#login a:hover {color:#ffffff; text-decoration:none;}
#login input.text {border:1px solid #888; height:13px; padding:1px; font:normal 11px verdana; color:#888; width:100px;}
#login input.button {border-top:1px solid #aaa; border-left:1px solid #aaa; border-bottom:2px solid #000; border-right:2px solid #000; background:#555; font:bold 10px verdana; padding:2px 3px 3px 3px; height:17px; line-height:9px; color:#fff;}
#login input.button:hover {background:#777; font:bold 10px verdana; padding:2px 3px 3px 3px; height:17px; line-height:9px; cursor:pointer;}
#login input.buttonpress {border-top:2px solid #000; border-left:2px solid #000; border-bottom:1px solid #aaa; border-right:1px solid #aaa; background:#777; font:bold 10px verdana; padding:2px 3px 3px 3px; height:17px; line-height:9px;}

/* SHOPPING CART, CONTACT, SEARCH, LOGIN, NEWSLETTER */
#navFunctions {position:absolute; top:10px; right:9px; text-align:right;}
#navFunctions a {color:#000000; text-decoration:none; padding:0px 3px 0px 3px; text-transform:uppercase;}
#navFunctions a:hover {text-decoration:underline;}
#navFunctions img.cart {margin:0px 2px -2px 0px;}
#navFunctions img.arrow {margin:0px 2px 0px 12px;}
#newsletterSignUp {padding-top: 7px; font-size: 11px;}

/* NAVIGATION MENU */
#navBar {position:absolute; right:0px; bottom:65px;}

#nav {display:block; margin:0px; padding:0px;}
#nav li {list-style-type:none; display:block; float:left; text-align:center; z-index:10;}
#nav a {display:block; font-size:11px; color:#000000; text-decoration:none; text-transform:uppercase;}
#nav li li a:hover, #nav li li {color:#7E0227;}

#aboutMenu, #creativeMenu, #coachingMenu, #educationMenu, #toolsMenu {position:relative; float: left;}

#nav li:hover #aboutMenu, 
#nav li:hover #creativeMenu, 
#nav li:hover #coachingMenu, 
#nav li:hover #educationMenu, 
#nav li:hover #toolsMenu {background: url(images/nav-middle.png) repeat-x center top;}

#nav .tabLeft {height: 50px; width: 5px; float: left;}
#nav li:hover .tabLeft {background: url(images/nav-left.png) no-repeat left top;}
#nav .tabRight {height: 50px; width: 5px; float: left;}
#nav li:hover .tabRight {background: url(images/nav-right.png) no-repeat right top;}

/* ABOUT MENU */
#nav li.aboutMenu {background: url(images/nav-about-bw.png) no-repeat 8px center; height:50px;}
#aboutMenu {padding: 12px 7px 12px 38px; white-space: nowrap;}
#nav li:hover #aboutMenu {padding-left: 7px;}
#nav #aboutMenu > a {display:inline-block;}
#nav #aboutMenu img {float:left; margin-right: 4px; display: none;}
#nav li:hover #aboutMenu img {display:inline-block;}

/* CREATIVE MENU */
#nav li.creativeMenu {background: url(images/nav-creative-bw.png) no-repeat 12px center; height:50px;}
#creativeMenu {padding: 12px 7px 12px 40px; white-space: nowrap;}
#nav li:hover #creativeMenu {padding-left: 7px;}
#nav #creativeMenu > a {display:inline-block;}
#nav #creativeMenu img {float:left; margin-right: 4px; display: none;}
#nav li:hover #creativeMenu img {display:inline-block; margin-top:-1px;}

/* COACHING MENU */
#nav li.coachingMenu {background: url(images/nav-coaching-bw.png) no-repeat 12px center; height:50px;}
#coachingMenu {padding: 12px 7px 12px 31px; white-space: nowrap;}
#nav li:hover #coachingMenu {padding-left: 7px;}
#nav #coachingMenu > a {display:inline-block;}
#nav #coachingMenu img {float:left; margin-right: 4px; display: none;}
#nav li:hover #coachingMenu img {display:inline-block; margin-top:-1px;}

/* EDUCATION MENU */
#nav li.educationMenu {background: url(images/nav-education-bw.png) no-repeat 12px center; height:50px;}
#educationMenu {padding: 12px 7px 12px 29px; white-space: nowrap;}
#nav li:hover #educationMenu {padding-left: 7px;}
#nav #educationMenu > a {display:inline-block;}
#nav #educationMenu img {float:left; margin-right: 4px; display: none;}
#nav li:hover #educationMenu img {display:inline-block; margin-top:-1px;}

/* TOOLS MENU */
#nav li.toolsMenu {background: url(images/nav-tools-bw.png) no-repeat 12px center; height:50px;}
#toolsMenu {padding: 12px 7px 12px 39px; white-space: nowrap;}
#nav li:hover #toolsMenu {padding-left: 7px;}
#nav #toolsMenu > a {display:inline-block;}
#nav #toolsMenu img {float:left; margin-right: 5px; display: none;}
#nav li:hover #toolsMenu img {display:inline-block;}

/* DROP-DOWN MENU */
#nav li ul {background:#ffffff; display:none; position:absolute; top:50px; /*top-down adjusts dropdown position */ right:-5px; /*left-right adjusts dropdown position*/ padding:0px; /*adjust padding around dropdown text */ border-top:none; border-bottom:1px solid #6c6c6c; border-left:1px solid #6c6c6c; border-right: 1px solid #6c6c6c; width:225px;}
#nav li li {display:block; float:none; text-align:left; padding:5px 10px; color: #555; overflow:visible; white-space:normal;}
.subMenuText {font-size: 9px; white-space:normal; color:#808080;}
#nav li li div.subMenuText a {display: inline; text-transform: none; color: #808080; font-size:9px;}
#nav li li div.subMenuText a:hover {text-transform: none; text-decoration:underline; color:#7E0227;}
#nav li li:hover {background: url(images/nav-bg-drop-hover.png) top center repeat-x;}
#nav li:hover  ul, #nav  li.over  ul {display:block; z-index:10;}

/* BOTTOM NAVIGATION */
#bnav-wrap{text-align:center; clear:both; z-index:10; position:relative; margin:20px 0px 0px 0px; background:transparent url(images/bg-bnav.jpg) repeat-x center 7px; padding:0px; overflow:hidden;}
#bnav {overflow:hidden; text-align:center; display:inline-block; width:802px; height: 180px;}
#bnav a:link, #bnav a:active, #bnav a:visited {color:#404040;}
#bnav a:hover {color:#7E0227;}
#bnav .bnav-item {margin-left:0px; text-align:left; float:left; background:transparent url(images/bg-bnavitem.png) no-repeat center 7px; width:136px; padding:18px 12px 10px 12px; height: 180px;}
#bnav .bnav-item:hover {background:transparent url(images/bg-bnavitem-hover.png) no-repeat center top;}
#bnav .bnav-item-last {background:transparent url(images/bg-bnavitemlast.png) no-repeat center 7px; width:136px; padding:18px 13px 0px 12px; height:180px; float:left; margin-left:0px; text-align:left;}
#bnav .bnav-item-last:hover {background: url(images/bg-bnavitem-hover-last.png) no-repeat center top;}
#bnav .bnav-item span, #bnav .bnav-item-last span {font-size:11px; text-transform:uppercase; margin-bottom:8px; display:block;}
#bnav .bnav-item span a, #bnav .bnav-item-last span a {display: block;}
#bnav .bnav-item  span.about a {background:transparent url(images/nav-about-bw.png) no-repeat 30px center; padding-left:32px; text-align: center;}
#bnav .bnav-item span.creative a {background:transparent url(images/nav-creative-bw.png) no-repeat 22px center; padding-left:32px; text-align:center;}
#bnav .bnav-item span.coaching a {background:transparent url(images/nav-coaching-bw.png) no-repeat 16px center; padding-left:20px; text-align: center;}
#bnav .bnav-item span.events a {background:transparent url(images/nav-education-bw.png) no-repeat 23px center; padding-left:25px; text-align:center;}
#bnav .bnav-item-last span.tools a {background:url(images/nav-tools-bw.png) no-repeat 28px center; padding-left:27px; text-align:center;}
#bnav .bnav-item ul, #bnav .bnav-item-last ul {list-style:none;}
#bnav .bnav-item>ul, #bnav .bnav-item-last>ul {margin-bottom:0px;}
#bnav ul li {padding-left:0px; font-size:11px;}
#bnav ul li ul {margin-bottom:5px;}
#bnav ul li ul li {font-size:11px; margin-left:10px;} 
/*END BOTTOM NAV*/

#contact {text-align:right; position:absolute; right:12px; bottom:12px; font-size:12px; line-height:18px; font-weight:bold;}
#contact a {font-size:12px; color:#000000; text-decoration: none; font-weight: normal;}
#contact a:hover {text-decoration: underline;}

#banner {width:800px; margin:0px auto 0px auto;}

#content {width:758px; margin:0px auto 0px auto; min-height:350px; padding:24px 21px 24px 21px; position:relative;}
#content #breadcrumbs {margin-bottom: 10px;}
#content #breadcrumbs a {color: #666666; text-decoration: none;}
#content #breadcrumbs a:hover {text-decoration: underline;}
#content ul {margin: 0px 0px 11px 0px;padding: 0px;}
#content li {margin-left: 40px; font: normal 12px/1.5 Verdana, Arial, Helvetica, sans-serif;}

table.regtab  tr.head td {border-bottom: 1px solid #666666; padding-bottom: 3px;}
table.regtab  tr.body td {padding-bottom: 5px;padding-top: 2px;}
table.cart td {padding-bottom: 5px;}
table td.designoption {border: 1px solid #666666; padding: 0px 8px 15px 8px; background: transparent url(images/bg-designoptions.jpg) no-repeat center top;}

input.button {border-top:1px solid #aaa; border-left:1px solid #aaa; border-bottom:2px solid #000; border-right:2px solid #000; background:#555; font:bold 12px verdana; padding:2px 3px 3px 3px; height:22px; line-height:12px; color:#fff;}
input.button:hover {background:#777; font:bold 12px verdana; padding:2px 3px 3px 3px; height:22px; line-height:12px; cursor:pointer;}
input.buttonpress {border-top:2px solid #000; border-left:2px solid #000; border-bottom:1px solid #aaa; border-right:1px solid #aaa; background:#777; font:bold 12px verdana; padding:2px 3px 3px 3px; height:22px; line-height:12px;}

.red {color:#CC0033;}
.highlight {float: right; margin: -139px 0px 10px 10px; text-align: center;}

.caseStudies {float: left; width: 240px; margin-bottom: 25px;border-right: 1px solid #666666;}
.caseStudies .agentPhoto {width:65px; float:left; margin-right:12px; margin-bottom:10px; text-align:center; font-size:10px;}
.caseStudies .agentPhoto img {border:1px solid #333333; margin-bottom:2px; width:65px;}
.caseStudies .nextLink {float:right; margin-right:22px;}
.caseStudyContent {margin-left:240px; padding-left:20px;}
.caseStudyContent .headshot {float:right; border:1px solid #333333; margin:0px 0px 10px 15px;}
.testimonialLeft {background: transparent url(images/bg-testimonial-top.png) no-repeat center top; width:289px; padding-top:12px; float:left; margin:0px 15px 15px 0px;}
.testimonialLeft p {font-size:11px; padding-right:12px; padding-left:12px;}
.testimonialLeft .author {margin-bottom:1px; text-align: right;}
.calendaritem {margin-left: 130px; margin-bottom: 25px;}
.calendaritem h2 {padding-top: 0px;}

.pagecount {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height:18px; color: black; font-weight : normal;}
.productname, .productname a {font:normal 16px Verdana, Arial, Helvetica, sans-serif !important; color:#000000; text-decoration:none !important; text-transform:uppercase;}
.subproducts td {padding-bottom:3px;}

.bioPhotos {float:left; border:1px solid #333333; margin:3px 15px 10px 0px;}
p.bio {margin-left: 115px;}
.leftNoBorder {float: left; margin-right:15px; margin-bottom:10px;}
.rightNoBorder {float:right; margin-bottom:5px; margin-left:12px;}

#push {height:37px;}

#footer {background:transparent url(images/bg-footer.png) repeat-x center top; height:37px; font-size:10px;}
#footer img {margin-left: 6px;}
#footCenter {height:37px; width:800px; margin:0px auto 0px auto;}
#footer #copyright {padding-top:12px;}
#footer #social {float:right; padding-top:7px;}

.coinput {font-size: 13px; line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background:#ffffff; border:1px solid black; padding:2px;}
.coinputhover {font-size: 13px; line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background:#eeeeee; border:1px solid #8f1919; color:#000000; padding:2px;}

textarea {border:2px #444444 solid; /*scrollbar-base-color:#370505;*/ background:#ffffff; padding:3px 3px 3px 3px;}

.tiny {font:normal 1px/2.0 verdana, arial, helvetica, sans-serif;}
.smallest {font:normal 8px/1.5 verdana, arial, helvetica, sans-serif;}
.smaller {font:normal 9px/1.2 Verdana, Arial, Helvetica, sans-serif;}
.small {font:normal 11px/1.2 Verdana, Arial, Helvetica, sans-serif;}
.medium {font:normal 13px/1.2 Verdana, Arial, Helvetica, sans-serif;}
.large {font:normal 15px/1.2 Verdana, Arial, Helvetica, sans-serif;}
.larger {font:normal 17px/1.2 Verdana, Arial, Helvetica, sans-serif;}
.largest {font:normal 22px/1.2 verdana, arial, helvetica, sans-serif;}
.boldsmall {font: bold 11px/1.2 verdana, arial, helvetica, sans-serif;}

#content .menuInterior {background: transparent url(images/bg-testimonial-top.png) no-repeat center top; width: 289px; padding-top: 5px; float: right; margin: 0px 0px 15px 15px; text-align: center;}
#content .menuInterior ul {margin: 0px 0px 10px 0px; padding: 0px;}
#content .menuInterior ul li {padding:0px; list-style-type:none; margin:0px; line-height:160%;}

/* WEB PORTFOLIO */
#webPortfolio {
	width: 760px;
	margin-top: 0px;
}
#webPortfolio td {
	border-bottom: 1px solid #dadada;
}
#webPortfolio td.cellLeft {
	padding: 20px 20px 20px 0px;
	border-right: 1px solid #dadada;
}
#webPortfolio td.cellRight {
	padding: 20px 0px 20px 20px;
}
#webPortfolio h2 {
	font-size: 16px;
	color: #595959;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
}
#webPortfolio td img {
	border: 3px solid #a3a3a3;
	margin:0px 0px 12px 0px;
	padding:0px;
}
#webPortfolio p {
	color: #595959;
}
#webPortfolio a.goToWeb {
	display:inline-block;
	padding: 12px 20px 12px 20px;
	border: 1px solid #bcbcbc;
	background-color: #e8e8e8;
	color: #595959;
	font-weight: normal;
}
#webPortfolio a.goToWeb:hover {
	background-color: #d9d9d9;
}
#webPortfolio p.centerLink {
	text-align:center;
	margin-top: 15px;
}


