/******************************** 

   Kitchen Cabinet: Global CSS 

********************************/

/* Text and Links */
	/* Static Text */
	
		h1{ margin: 0; padding: 0; }
		h2{ margin: 0; padding: 0; }
		h3{ color: #336699; font-family: Verdana, Geneva, sans-serif; font-size: 13px; margin: 0; padding: 2px;}
		.boldText{ font-weight: bold; }		
		.italicText{ font-style: italic; }
		.underlinedText { font-decoration: underline;}
	

	/* Links */
	
		a{ color: #669966; font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: underline; }
		a:hover{ color: #336633; text-decoration: none;}

		.largeLink a { font-size: 14px;}


/* Basic */
	body{
		background: url("../../media/images/global-bg.png") 0 0 repeat #fff;
		color: #000;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		line-height: 16px;
		margin: 0 auto;
		padding: 0;
	}
	
	img, img a, img a:hover{ border: none; }

	.accessibility, .hide{ display: none; }
	
	ol{
		color: #336699;
		font-size: 12px;
		line-height: 20px;
		list-style-image: url("../../media/images/whisk-bullet.gif");
	}

	.clear{clear: both;}
	hr {height: 1px; margin: 5px auto; padding: 0; position: relative; width: 600px;}
	.indent{margin-left: 15px;}

/* Splash */
	.container{
		background: url("../../media/images/global-gradient-shadow-bg.png") 0 0 repeat-y transparent;
		height: 100%;
		margin: 0 auto;
		top: 0;
		padding: 0;
		position: relative;
		text-align: center;
		width: 690px;
	}

		.splashEnter {height: 60px; margin: 0 auto; padding: 0 0 35px 0`; position: relative; text-align: center;} 
	
/* Main */
	#container{
		background: url("../../media/images/global-gradient-shadow-bg.png") 0 0 repeat-y transparent;
		height: 100%;
		margin: 0 auto;
		top: 0;
		padding: 0 0 5px 0;
		position: relative;
		width: 690px;
	}

		#header{
			background-color: #fff;
			height: 540px;
			margin: 0 auto;
			position: relative;
			width: 598px;
		}

			.headLogo{
				float: left;
				height: 116px;
				margin: 0;
				padding: 15px 0;
				position: relative;
				width: 380px;

			}

			#nav{
				background-color: #fff;
				float: right;
				height: 200px;
				margin: 0 auto;
				position: relative;
				width: 167px;
			}

				#nav ul{list-style-type: none; width: 167px; margin: 0; padding: 0;}
				#nav li a{background-color: transparent; display: block; margin: 0; width: 167px; padding: 0px; position: relative; text-indent: -3000px;}
					.nav1 a{background:  url("../../media/images/nav/home.gif") top right no-repeat; height: 26px;}
						.nav1 a:hover{background-position: top left;}
					.nav2 a{background:  url("../../media/images/nav/about.gif") top right no-repeat; height: 24px;}
						.nav2 a:hover{background-position: top left;}
					.nav3 a{background:  url("../../media/images/nav/press.gif") top right no-repeat; height: 26px;}
						.nav3 a:hover{background-position: top left;}
					.nav4 a{background:  url("../../media/images/nav/resources.gif") top right no-repeat; height: 25px;}
						.nav4 a:hover{background-position: top left;}
					.nav5 a{background:  url("../../media/images/nav/testimonials.gif") top right no-repeat; height: 24px;}
						.nav5 a:hover{background-position: top left;}
					.nav6 a{background:  url("../../media/images/nav/frequently-asked-questions.gif") top right no-repeat; height: 24px;}
						.nav6 a:hover{background-position: top left;}
					.nav7 a{background:  url("../../media/images/nav/contact.gif") top right no-repeat; height: 26px;}
						.nav7 a:hover{background-position: top left;}
					.nav8 a{background:  url("../../media/images/nav/blog.gif") top right no-repeat; height: 26px;}
						.nav8 a:hover{background-position: top left;}
					.active a{background-position: top left;}

			/* Header Images */
			.homeImg{background: url("../../media/images/head-imgs/home.jpg") 0 0 no-repeat #fff; height: 328px; width: 598px;}
			.aboutImg{background: url("../../media/images/head-imgs/about.jpg") 0 0 no-repeat #fff; height: 328px; width: 598px;}
			.pressImg{background: url("../../media/images/head-imgs/press.jpg") 0 0 no-repeat #fff; height: 328px; width: 598px;}
			.testimonialsImg{background: url("../../media/images/head-imgs/testimonials.jpg") 0 0 no-repeat #fff; height: 328px; width: 598px;}
			.resourcesImg{background: url("../../media/images/head-imgs/resources.jpg") 0 0 no-repeat #fff; height: 328px; width: 598px;}
			.faqImg{background: url("../../media/images/head-imgs/faq.jpg") 0 0 no-repeat #fff; height: 328px; width: 598px;}
			.contactImg{background: url("../../media/images/head-imgs/contact.jpg") 0 0 no-repeat #fff; height: 328px; width: 598px;}

		#main{
			background-color: #fff;
			height: 100%px;
			margin: 0 auto;
			position: relative;
			width: 600px;
		}

			.leftCol{
				background-color: #fff;
				float: left;
				margin: 0 auto;
				position: relative;
				width: 200px;
			}

				.contact{
					background-color: #336699;
					color: #fff;
					padding: 3px;
					position: relative;
				}

					.contact a, .contact a:hover { color: #fff;}

				/* Left Column Ads */

				.homeLeftColImg{background: url("../../media/images/left-col-img/home.gif") 0 0 no-repeat transparent; height: 300px; width: 190px;}
				.aboutLeftColImg{background: url("../../media/images/left-col-img/about.gif") 0 0 no-repeat transparent; height: 300px; width: 190px;}
				.pressLeftColImg{background: url("../../media/images/left-col-img/press.gif") 0 0 no-repeat transparent; height: 300px; width: 190px;}
				.resourcesLeftColImg{background: url("../../media/images/left-col-img/resources.gif") 0 0 no-repeat transparent; height: 300px; width: 190px;}
				.testimonialsLeftColImg{background: url("../../media/images/left-col-img/testimonials.gif") 0 0 no-repeat transparent; height: 300px; width: 190px;}
				.faqLeftColImg{background: url("../../media/images/left-col-img/faq.gif") 0 0 no-repeat transparent; height: 300px; width: 190px;}
				.contactLeftColImg{background: url("../../media/images/left-col-img/contact.gif") 0 0 no-repeat transparent; height: 300px; width: 190px;}

		
			.rightCol{
				background-color: #fff;
				float: right;
				margin: 0 auto;
				position: relative;
				width: 395px;
			}

				.faqHead{height: 36px; width: 370px;}
				.headers{ height: 26px; position: relative; }
				.resourceDetail { margin-left: 25px; font-style: italic;}
				.rightColFooter {background: url("../../media/images/right-col-foot.gif") top right no-repeat transparent; float: right; height: 59px; padding-top: 15px; position: relative; width: 102px;}

			
		#footer{
			background: url("../../images/footer_bg.gif") 0 0 repeat-x scroll #fff;
			font-size: 11px;
			height: 100%;
			margin: 0 auto;
			padding: 5px 0;
			text-align: center;
			width: 570px;
		}

		#footer a{font-size: 11px;}