/*orange: #ffb756  mainCyan: #007c99*/
/*Teal: #c2f1ff*/

/* -----------------------------------*/
/* ---------->>> =GLOBAL <<<-----------*/
/* -----------------------------------*/
#home, #services, #gallery, #contact {
	font: 62.5%/1.9em Georgia, "Times New Roman", Times, serif;
	color: #c2f1ff; 
	}
	#home {background: #007c99 url(../img/footOrnament.gif) no-repeat top center;}
	#services {background: #007c99 url(../img/footOrnamentServices.gif) no-repeat top center;}
	#gallery {background: #007c99 url(../img/footOrnamentGallery.gif) no-repeat top center;}
	#contact {background: #007c99 url(../img/footOrnamentContact.gif) no-repeat top center;}
* {  
	margin:0; 
	padding:0; 
	} 
table { 
	border-collapse:collapse; 
	border-spacing:0;
	} 
ol,ul {list-style: none;}
img {border: none;}
a {outline: none;}
/* -----------------------------------*/
/* ---->>> =Page Structure <<<--------*/
/* -----------------------------------*/
#header {
	background: #007c99 url(../img/bgSlice.gif) repeat-x;
	height: 100px;
	}
	#header .wrapper {
	padding: 0 10px 0 10px; 
	margin: 0 auto;
	width: 970px;
	}		
#navContainer {
	width: 160px;
	float: left;
	margin: 0 0 0 -10px;
	display: inline;
	}
#container {
	width: 970px;
	margin: 0 auto;
	padding: 25px 10px 0 10px;
	}
#home #homeContent {
	float: right;
	width: 790px;
	height: 178px;
	padding: 0 0 40px 0;
	}
#gallery #flashcontent {
	margin: 0 0 0 10px;
	}
#content {
	float: right;
	font-size: 1.2em;
	margin: 0 0 40px 0;
	width: 790px;
	clear: right;
	display: inline;
	}
#weDesign, #weAssist {
	float: left;
	}
	html:first-child #weDesign, html:first-child #weAssist /* Opera 9 and below only */ {width: 360px;}
#ourServices {
	clear: both;
	padding: 5px 0 0 0;
	}
#footer {
	float: left;
	padding: 60px 0 0 0;
	margin: 0 0 25px 0;
	width: 990px;
	text-align:center;
	}
	#home #footer {padding: 40px 0 0 0 !important;}
	#services #footer {padding: 85px 0 0 0 !important;}
	#gallery #footer {padding: 75px 0 0 0 !important;}
#gMap {
	clear: left
	}
/* -----------------------------------*/
/* ---------->>> =Nav <<<-----------*/
/* -----------------------------------*/
#nav li {
	height: 45px;
	overflow: hidden;
	}
#nav li a {
	display: block;
	line-height: 28px;
	text-indent: -5000px;
	overflow: hidden;
	}
	#navHome {
		background: url(../img/navHome.gif) no-repeat;
		height: 45px;
		}
	#navServices {
		background: url(../img/navServices.gif) no-repeat;
		height: 45px; 
		}
	#navGallery {
		background: url(../img/navGallery.gif) no-repeat;
		height: 45px;
		}
	#navContact {
		background: url(../img/navContact.gif) no-repeat;
		height: 45px;
		}
	#nav li a:hover {
		background-position: -160px 0;
		}
	#nav li .navActive {
		background-position: -320px 0;
		cursor: default;
		}
	#nav li .navActive:hover {
		background-position: -320px 0 !important;	
		}
/* -----------------------------------*/
/* ---------->>> =Headings <<<--------*/
/* -----------------------------------*/
.logo {
	float: left;
	background: url(../img/custom_kitchen_logo.jpg) no-repeat;
	width: 206px;
	height: 56px;
	text-indent: -6000px;
	display: block;
	overflow: hidden;
	margin: 37px 0 0 0;
	}
.dreamKitchen {
	float: left;
	background: url(../img/dreamKitchen.gif) no-repeat;
	width: 439px;
	height: 14px;
	text-indent: -6000px;
	display: block;
	overflow: hidden;
	}
.contact {
	background: url(../img/contact.gif) no-repeat;
	width: 137px;
	height: 14px;
	text-indent: -6000px;
	display: block;
	overflow: hidden;
	}
.designers {
	background: url(../img/meetDesigners.gif) no-repeat;
	clear: both;
	text-indent: -6000px;
	padding: 15px 0 0 0;
	margin: 0 0 0 5px;
	display: block;
	overflow: hidden;	
	width: 190px;
	height: 11px; 
	}
.design, .assist, .ourServices {margin: 0 0 0 10px;}
.services {
	background: url(../img/services.gif) no-repeat;
	text-indent: -6000px;
	display: block;
	overflow: hidden;	
	width: 134px;
	height: 14px; 
	}	
.design {
	background: url(../img/weDesign.gif) no-repeat;
	clear: both;
	padding: 0 0 15px 10px;
	text-indent: -6000px;
	display: block;
	overflow: hidden;	
	width: 104px;
	height: 11px;
	}
.assist {
	background: url(../img/weAssist.gif) no-repeat;
	padding: 0 0 15px 10px;
	text-indent: -6000px;
	display: block;
	overflow: hidden;	
	width: 270px;
	height: 11px; 
	}
.ourServices {
	background: url(../img/servicesInclude.gif) no-repeat;
	padding: 0 0 15px 10px;
	text-indent: -6000px;
	display: block;
	overflow: hidden;	
	width: 213px;
	height: 11px; 
	}
.gallery {
	background: url(../img/gallery.gif) no-repeat;
	margin: 0 0 0 0;
	text-indent: -6000px;
	display: block;
	overflow: hidden;	
	width: 129px;
	height: 14px; 
	}	
/* -----------------------------------*/
/* -------->>> =Link Styles <<<-------*/
/* -----------------------------------*/
.wMode {
	background: url(../img/woodMode.gif) no-repeat;
	margin: 65px 0 0 15px;
	width: 128px;
	height: 64px;
	text-indent: -6000px;
	display: block;
	overflow: hidden;
	}
	.wMode:hover {
		background-position: 0 -64px;
		}
.viewGallery {
	float: right;
	position: relative;
	top: -25px;
	margin: 0 5px 0 0;
	background: url(../img/viewGallery.jpg) no-repeat;
	width: 288px;
	height: 154px;
	text-indent: -6000px;
	display: block;
	overflow: hidden;
	}
	.viewGallery:hover {
		background-position: 0 -155px;
		}
a:link, a:visited {
	color: #ffb756;
	text-decoration: none;
	}
a:hover, a:active {text-decoration: underline;}
/* -----------------------------------*/
/* ----->>> =Text Styles <<<----------*/
/* -----------------------------------*/
.tagline {
	float: right;
	background: url(../img/tagline.gif) no-repeat;
	width: 334px;
	height: 70px;
	text-indent: -6000px;
	display: block;
	overflow: hidden;	
	margin: 20px 0 0 0;
	}
.intro {
	float: left;
	width: 445px;
	padding: 10px 0 0 10px;
	}
#footer p {
	/*float: left;*/
	font-size: 1.2em;
	padding: 0 20px 0 0;
	color: #fff;
	display: inline;
	font-size:150%;
	text-align:center;
	}
	.flourish {
		background: url(../img/flourish.gif) no-repeat 100% 50%; 
		padding: 0 30px 0 0 !important;
		margin: 0 10px 0 0;
		font-weight: normal !important;
		color: #b4edfa !important;
		}
.moreInfo {
	padding: 30px 0 15px 5px;
	color: #c2f1ff;
	}
.addy {
	float: left;
	color: #fff;
	padding: 0 0 0 20px;
	}
.directions {
	float: left;
	clear: left;
	color: #ffb756;
	padding: 10px 0 0 20px;
	}
.team {
	float: left;
	clear: both;
	padding: 5px 0 20px 0;
	width: 670px;
	font-size:95%;
	line-height:1.3em;
	}
.servicesIntro {
	padding: 25px 0 45px 10px;
	width: 640px;
	}
.galleryIntro {
	padding: 25px 0 20px 10px;
	width: 640px;
	}
/* =Lists */
#services #content ul {
	float: left;
	}
	#services #content ul li { 
		float: left;
		background: url(../img/bullet.gif) no-repeat 0 50%;
		padding: 0 0 0 10px;
		margin: 0 20px 0 10px;
		clear: left;
		}
		#weDesign ul.right li, #weAssist ul.right li {
			float: left;
			width: 220px !important;
			margin: 0 0 0 10px !important;
			clear: none;
			}
			html:first-child #weDesign ul  /* Opera 9 and below only */ {width: 125px !important;}
			html:first-child #weAssist ul, html:first-child #ourServices ul /* Opera 9 and below only */ {width: 155px !important;}
			html:first-child #services #content ul.right li  /* Opera 9 and below only */ {width: 220px !important;}
/* -----------------------------------*/
/* ----->>> =Inline Imgs <<<----------*/
/* -----------------------------------*/
.google {
	float: left;
	padding: 13px 0 25px 5px;
	}
.tThumb {
	float: left;
	margin: -5px 10px 0 20px;
	display: inline;
	}
/* -----------------------------------*/
/* --------->>> =Tables <<<-----------*/
/* -----------------------------------*/
#cInfo {
	float: left;
	width: 300px;
	border: none;
	border-collapse: collapse;
	margin: 0 0 0 140px;
	}
	#cInfo th {
		text-align: right;
		}
	#cInfo td {
		padding: 0 0 0 10px;
		color: #fff;
		}
/* -----------------------------------*/
/* --------->>> =Extras <<<-----------*/
/* -----------------------------------*/	

