@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(images/main-bg.gif);
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #535353;
}
img {border: none; outline: none;}

/* Fonts */

@font-face {
    font-family: MuseoSans100;
    src:url(fonts/MuseoSans/MuseoSans100/MuseoSans100/MuseoSans_100.otf);
    font-weight:100;
}

@font-face {
    font-family: MuseoSans300;
    src:url(fonts/MuseoSans/MuseoSans300/MuseoSans300/MuseoSans_300.otf);
    font-weight:300;
}

@font-face {
    font-family: MuseoSans500;
    src:url(fonts/MuseoSans/MuseoSans500/MuseoSans_500.otf);
    font-weight:500;
}

@font-face {
    font-family: MuseoSans700;
    src:url(fonts/MuseoSans/MuseoSans700/MuseoSans700/MuseoSans_700.otf);
    font-weight:700;
}

@font-face {
    font-family: MuseoSans900;
    src:url(fonts/MuseoSans/MuseoSans900/MuseoSans_900.otf);
    font-weight:900;
}

@font-face {
    font-family: MuseoSlab100;
    src:url(fonts/MuseoSlab/MuseoSlab100/Museo_Slab_100.otf);
    font-weight:100;
}

@font-face {
    font-family: MuseoSlab300;
    src:url(fonts/MuseoSlab/MuseoSlab300/Museo_Slab_300.otf);
    font-weight:300;
}

@font-face {
    font-family: MuseoSlab500;
    src:url(fonts/MuseoSlab/MuseoSlab500/Museo_Slab_500.otf);
    font-weight:500;
}

@font-face {
    font-family: MuseoSlab700;
    src:url(fonts/MuseoSlab/MuseoSlab700/Museo_Slab_700.otf);
    font-weight:700;
}

@font-face {
    font-family: MuseoSlab900;
    src:url(fonts/MuseoSlab/MuseoSlab900/Museo_Slab_900.otf);
    font-weight:900;
}

a {color: #004f88;}
h1 {
	font-family: MuseoSlab900, Trebuchet, serif;
	color: #004f88;
	font-size: 36px;
	line-height: 38px;
}
h2 {
	font-family: MuseoSans900, Trebuchet, serif;
	color: #a01625;
	font-size: 26px;
	line-height: 28px;
	text-align: center;
}
h3 {
	font-family: MuseoSans900, Trebuchet, serif;
	color: #5b5b5b;
	font-size: 22px;
	text-align: center;
}
h4 {
	font-family: MuseoSans900, Trebuchet, serif;
	font-size: 20px;
	color: #5b5b5b;
}
.blue {
	color: #004f88;
}
.red {
	color: #a01625;
}
h2.blue, h3.blue, span.blue {color: #004f88;}
h2.grey, h3.grey, span.grey {color: #5b5b5b;}
h2.red, h3.red, span.red {color: #a01625;}
.greenlist li {list-style-image: url(images/green-check.png); line-height: 1.4em;}
.redlist {list-style-image: url(images/red-arrow.png); line-height: 1.4em;}
.keylist li {list-style-image: url(images/key-bullet.png); line-height: 1.4em;}
.helplist li {list-style-image: url(images/help-bullet.png); line-height: 1.4em;}
.topsector {width: 100%; height: 153px; background-color: #fff;}
.navsector {width: 100%; height: 60px; background-image:url(images/nav-bg.jpg); background-repeat: repeat-x;}
.footsector {
	width: 100%;
	height: 420px;
	margin-top: 48px;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
}

.topholder {margin: 0px auto; width: 970px;}
.homeboxes {padding-top: 30px;}
.homesubbox {width: 288px; height: 160px; padding: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.homesubbox p {line-height: 1.3em;}
.contentholder {padding: 10px 20px; border: 1px solid #ccc; background-color: #fff; border-radius: 5px; margin-top: 28px;}
.contentholder img.shadow {padding: 4px; box-shadow: 0px 0px 5px #aaa; background-color: #fff;}
.contentholder p {line-height: 1.5em;}
.footholder {padding-top: 35px;}
.footholder h2 {font-family: MuseoSans100, Trebuchet, serif; font-size: 16px; color: #fff; text-shadow: 1px 1px #000; font-weight: 100;}
.footholder li {list-style-image: url(images/footer-li.png); font-size: 12px; color: #80aece; margin-left: -25px; line-height: 1.5em;}
.footholder li a {font-size: 12px; color: #80aece; text-decoration: none;}
.subfootholder p, .subfootholder a {color: #e5e5e5; font-family: Helvetica, Arial, sans-serif; text-decoration: none; font-size: 12px;}
.subfootholder a {margin-left: 15px;}
.subfootholder {
	margin-top: 50px;
}

.yellowbox {width: 266px; background-color: #fffee1; border: 1px solid #e6e3a3; padding: 15px; border-radius: 5px; margin-top: 15px; position: relative;}
.yellowbox p {color: #3f3f3f; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em;}
.yellowbox h2 {
	font-family: MuseoSans700;
	color: #a01625;
	font-size: 17px;
	text-align:center;
	line-height: 20px;
}

.yellowboxwide {width: 522px; background-color: #fffee1; border: 1px solid #e6e3a3; padding: 15px; border-radius: 5px; margin-top: 15px; position: relative;}
.yellowboxwide p {color: #3f3f3f; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em;}
.yellowboxwide h2 {
	font-family: MuseoSans700;
	color: #a01625;
	font-size: 17px;
	text-align:center;
	line-height: 19px;
}

.yellowboxfull {
	width: 860px;
	background-color: #fffee1;
	border: 1px solid #e6e3a3;
	padding: 15px;
	border-radius: 5px;
	margin-top: 15px;
	position: relative;
}
.yellowboxfull p {color: #3f3f3f; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em;}
.yellowboxfull h2 {
	font-family: MuseoSans700;
	color: #a01625;
	font-size: 17px;
	text-align: center;
	line-height: 21px;
}

.yellowdashbox {width: 740px; background-color: #fffee1; border: 3px dashed #000; padding: 0px 15px 10px 15px; border-radius: 5px; margin-top: 15px; position: relative; margin-left: 70px;}
.yellowdashbox p {color: #5c5c5c; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4em;}
.yellowdashbox h2 {font-family: MuseoSans900; color: #000; font-size: 22px; text-align:center;}

.bluebox {width: 740px; background-color: #e8f1f7; border: 1px solid #a8c8e0; padding: 0px 15px 10px 15px; border-radius: 5px; margin-top: 15px; position: relative; margin-left: 70px;}
.bluebox p {color: #5c5c5c; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4em;}
.bluebox h2 {font-family: MuseoSans900; color: #000; font-size: 22px; text-align:center;}

.greenbox {width: 740px; background-color: #effbf0; border: 1px solid #98da8b; padding: 0px 15px 10px 15px; border-radius: 5px; margin-top: 15px; position: relative; margin-left: 70px;}
.greenbox p {color: #5c5c5c; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4em;}
.greenbox h2 {font-family: MuseoSans900; color: #000; font-size: 22px; text-align:center;}

p.testimonialtext {
	color: #004f88;
	font-size: 12px;
	margin-left: 15px;
	line-height: 1.3em;
}
p.disclaimer {font-size: 12px;}

.misc1 {margin-top: 25px;}
.misc1 h3 {font-family: MuseoSans700; font-size: 18px; margin-bottom: 0px; padding-bottom: 0px;}
.misc1 p {margin-top: 5px;}

.misc2 {margin-top: 25px;}
.misc2 h3 {font-family: MuseoSans700; font-size: 18px; margin-bottom: 0px; padding-bottom: 0px;}
.misc2 p {margin-top: 5px;}

/* Nav */

a.home {display: block; width: 28px; height: 60px; text-decoration:none; background:url(images/nav-home-full.jpg); float: left;}
a.homecurrent {display: block; width: 28px; height: 60px; text-decoration:none; background:url(images/nav-home-full.jpg); float: left; background-position: 0 -60px;}
a.home:hover {background-position: 0 -60px;}

a.you {display: block; width: 91px; height: 60px; text-decoration:none; background:url(images/nav-is-this-you-full.jpg); float: left;}
a.youcurrent {display: block; width: 91px; height: 60px; text-decoration:none; background:url(images/nav-is-this-you-full.jpg); float: left; background-position: 0 -60px;}
a.you:hover {background-position: 0 -60px;}

a.how {display: block; width: 110px; height: 60px; text-decoration:none; background:url(images/nav-how-we-work-full.jpg); float: left;}
a.howcurrent {display: block; width: 110px; height: 60px; text-decoration:none; background:url(images/nav-how-we-work-full.jpg); float: left; background-position: 0 -60px;}
a.how:hover {background-position: 0 -60px;}

a.different {display: block; width: 175px; height: 60px; text-decoration:none; background:url(images/nav-what-makes-us-different-full.jpg); float: left;}
a.differentcurrent {display: block; width: 175px; height: 60px; text-decoration:none; background:url(images/nav-what-makes-us-different-full.jpg); float: left; background-position: 0 -60px;}
a.different:hover {background-position: 0 -60px;}

a.book {display: block; width: 79px; height: 60px; text-decoration:none; background:url(images/nav-the-book-full.jpg); float: left;}
a.bookcurrent {display: block; width: 79px; height: 60px; text-decoration:none; background:url(images/nav-the-book-full.jpg); float: left; background-position: 0 -60px;}
a.book:hover {background-position: 0 -60px;}

a.products {display: block; width: 74px; height: 60px; text-decoration:none; background:url(images/nav-products-full.jpg); float: left;}
a.productscurrent {display: block; width: 74px; height: 60px; text-decoration:none; background:url(images/nav-products-full.jpg); float: left; background-position: 0 -60px;}
a.products:hover {background-position: 0 -60px;}

a.coaching {display: block; width: 79px; height: 60px; text-decoration:none; background:url(images/nav-coaching-full.jpg); float: left;}
a.coachingcurrent {display: block; width: 79px; height: 60px; text-decoration:none; background:url(images/nav-coaching-full.jpg); float: left; background-position: 0 -60px;}
a.coaching:hover {background-position: 0 -60px;}

a.services {display: block; width: 69px; height: 60px; text-decoration:none; background:url(images/nav-services-full.jpg); float: left;}
a.servicescurrent {display: block; width: 74px; height: 60px; text-decoration:none; background:url(images/nav-services-full.jpg); float: left; background-position: 0 -60px;}
a.services:hover {background-position: 0 -60px;}

a.testimonials {display: block; width: 96px; height: 60px; text-decoration:none; background:url(images/nav-testimonials-full.jpg); float: left;}
a.testimonialscurrent {display: block; width: 74px; height: 60px; text-decoration:none; background:url(images/nav-testimonials-full.jpg); float: left; background-position: 0 -60px;}
a.testimonials:hover {background-position: 0 -60px;}

a.about {display: block; width: 57px; height: 60px; text-decoration:none; background:url(images/nav-about-full.jpg); float: left;}
a.aboutcurrent {display: block; width: 57px; height: 60px; text-decoration:none; background:url(images/nav-about-full.jpg); float: left; background-position: 0 -60px;}
a.about:hover {background-position: 0 -60px;}

a.blog {display: block; width: 47px; height: 60px; text-decoration:none; background:url(images/nav-blog-full.jpg); float: left;}
a.blogcurrent {display: block; width: 47px; height: 60px; text-decoration:none; background:url(images/nav-blog-full.jpg); float: left; background-position: 0 -60px;}
a.blog:hover {background-position: 0 -60px;}

a.contact {display: block; width: 61px; height: 60px; text-decoration:none; background:url(images/nav-contact-full.jpg); float: left;}
a.contactcurrent {display: block; width: 61px; height: 60px; text-decoration:none; background:url(images/nav-contact-full.jpg); float: left; background-position: 0 -60px;}
a.contact:hover {background-position: 0 -60px;}

.displace {position: absolute; left: -5000px;}
.yellowhighlight {
	background-color: #fef23a;
}