@import url(reset.css);



/* BASICS */
html {
	background: #fff url(../shared/images/background.png) top left repeat-x;
}
body {
	font: 0.65em Verdana, Arial, sans-serif;
	line-height: 2em;
	color: #555;
}
a {
	text-decoration: underline;
	color: #4175be;
}
a:hover {
	text-decoration: none;
	color: #7da9f6;
}



/* CONTAINING BLOCK */
#content {
	margin: 0 auto;
	padding: 0 25px 0 25px;
	width: 900px;
}
#content {
	background: #fff url(../shared/images/background_content.png) top left no-repeat;
	padding-top: 36px;
}



/* FOOTER */
p#footer {
	margin: 0 auto;
	padding: 1px 25px 0 25px;
	width: 900px; height: 34px;
	background: url(../shared/images/footer.png) top left no-repeat;
	color: #fff;
	text-indent: 2em;
	clear: left;
}



/* TOP NAV BAR */
ul#nav {
	margin-left: 20px;
}
ul#nav li {
	float: left;
}
ul#nav li a {
	display: block;
	background: url(../shared/images/nav.png) top left no-repeat;
	height: 43px;
	text-indent: -5000px;
}

	/* Sizing and graphic position for each tab */
ul#nav li#services a {
	width: 101px;
	background-position: 0 -86px;
}
ul#nav li#learn a {
	width: 166px;
	background-position: -101px -86px;
}
ul#nav li#faqs a {
	width: 57px;
	background-position: -267px -86px;
}
ul#nav li#ourstory a {
	width: 95px;
	background-position: -324px -86px;
}
ul#nav li#clients a {
	width: 76px;
	background-position: -419px -86px;
}
ul#nav li#examples a {
	width: 92px;
	background-position: -495px -86px;
}
ul#nav li#products a {
	width: 93px;
	background-position: -587px -86px;
}
ul#nav li#training a {
	width: 85px;
	background-position: -680px -86px;
}
ul#nav li#contact a {
	width: 96px;
	background-position: -765px -86px;
}

	/* Page highlight for each tab */
body#services_page ul#nav li#services a {background-position: 0 0;}
body#learn_page ul#nav li#learn a       {background-position: -101px 0;}
body#faqs_page ul#nav li#faqs a         {background-position: -267px 0;}
body#ourstory_page ul#nav li#ourstory a {background-position: -324px 0;}
body#clients_page ul#nav li#clients a   {background-position: -419px 0;}
body#examples_page ul#nav li#examples a {background-position: -495px 0;}
body#products_page ul#nav li#products a {background-position: -587px 0;}
body#training_page ul#nav li#training a {background-position: -680px 0;}
body#contact_page ul#nav li#contact a   {background-position: -765px 0;}

	/* Hover states for each tab */
ul#nav li#services a:hover         {background-position: 0 -43px;}
ul#nav li#learn a:hover            {background-position: -101px -43px;}
ul#nav li#faqs a:hover             {background-position: -267px -43px;}
ul#nav li#ourstory a:hover         {background-position: -324px -43px;}
ul#nav li#clients a:hover          {background-position: -419px -43px;}
ul#nav li#examples a:hover         {background-position: -495px -43px;}
ul#nav li#products a:hover         {background-position: -587px -43px;}
ul#nav li#training a:hover         {background-position: -680px -43px;}
ul#nav li#contact a:hover          {background-position: -765px -43px;}

	/* Subnav */
ul#nav li {
	position: relative;
}
ul#nav li ul {
	position: absolute; top: 43px;
	display: none;
}
ul#nav li.revealed ul {
	display: block;
}
ul#nav li li {
	float: none;
	background: none;
}
ul#nav li#services li a,
ul#nav li#learn li a,
ul#nav li#faqs li a,
ul#nav li#ourstory li a,
ul#nav li#clients li a,
ul#nav li#examples li a,
ul#nav li#products li a,
ul#nav li#training li a,
ul#nav li#contact li a {
	width: 150px;
}
ul#nav li ul li a {
	height: 22px;
	background: url(images/background_submenu.png);
	background: none;
	background-color: #b20b30;
	padding: 0 .5em;
	border-bottom: 1px solid #fff;
	text-indent: 0;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
ul#nav li ul li a:hover {
	background: url(images/background_submenu.png);
}



/* SIDEBAR */
#sidebar {
	float: left;
	width: 210px; height: 100%;
	border-right: 1px solid #b4cbe5;
}
#sidebar h1#logo {
	border-bottom: 1px solid #b4cbe5;
}
#sidebar h1#logo a {
	display: block;
	width: 210px; height: 254px;
	background: #fff url(../shared/images/logo.png) 29px 17px no-repeat;
	text-indent: -5000px;
}
#sidebar p#lowes {
	text-indent: -5000px;
	padding: 14px 0 8px 0;
	background-color: #fff;
}
#sidebar p#lowes a {
	display: block;
	height: 110px;
	background: #fff url(../shared/images/lowes.png) top center no-repeat;
}
#sidebar h2#testimonials {
	display: none;
}
#sidebar p.testimonial {
	padding: 75px 20px 20px 20px;
	background: #fff url(../shared/images/whatotherssay.png) top left no-repeat;
	height: 166px;
	font-size: 1.2em;
	color: #fff;
}



/* MAIN */
#main {
	float: left;
	width: 689px;
}
#main #billboard {
	display: block;
	width: 690px; height: 278px;
	margin-bottom: -24px;
}

#main p#servicesweprovide, #main p#learntheprocess {
	float: left;
	text-indent: -5000px;
	border-top: 1px solid #b4cbe5;
	border-bottom: 1px solid #b4cbe5;
}
#main p#servicesweprovide a, #main p#learntheprocess a {
	display: block;
	height: 160px;
}
#main p#servicesweprovide a {
	width: 345px;
	background: url(../shared/images/services.png) 23px 34px no-repeat;
	border-right: 1px solid #b4cbe5;
}
#main p#learntheprocess a {
	width: 343px;
	background: url(../shared/images/learn.png) 41px 34px no-repeat;
}

#main .text {
	width: 294px;
	float: left;
	padding: 30px 10px 30px 30px;
}
#main .text_wide {
	width: 630px;
	float: left;
	padding: 30px 10px 30px 30px;
}
#main .text h2#ourstory_hed {
	text-indent: -5000px;
	background: url(../shared/images/ourstory.png) top left no-repeat;
	width: 148px; height: 2em;
}
#main .text_wide h2#faqs_hed {
	text-indent: -5000px;
	background: url(../shared/images/faqs.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#services_hed {
	text-indent: -5000px;
	background: url(../shared/images/services_hed.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#learn_hed {
	text-indent: -5000px;
	background: url(../shared/images/learntheprocess.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#ourstory_hed {
	text-indent: -5000px;
	background: url(../shared/images/our_story.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#ourcommunity_hed {
	text-indent: -5000px;
	background: url(../shared/images/our_community.gif) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#clients_hed {
	text-indent: -5000px;
	background: url(../shared/images/clients.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#examples_hed {
	text-indent: -5000px;
	background: url(../shared/images/examples.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#products_hed {
	text-indent: -5000px;
	background: url(../shared/images/products.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#products_hed {
	text-indent: -5000px;
	background: url(../shared/images/products.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#training_hed {
	text-indent: -5000px;
	background: url(../shared/images/training.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#contact_hed {
	text-indent: -5000px;
	background: url(../shared/images/contact.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#trainingsolutions_hed {
	text-indent: -5000px;
	background: url(../shared/images/training_solutions.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
	}
#main .text_wide h2#ourteam_hed {
	text-indent: -5000px;
	background: url(../shared/images/ourteam.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#nonus_hed {
	text-indent: -5000px;
	background: url(../shared/images/non-us.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text_wide h2#pcm_hed {
	text-indent: -5000px;
	background: url(../shared/images/pcm.png) top left no-repeat;
	padding: 0px 10px 30px 30px;
}
#main .text p {
	margin-top: .7em;