/** 
 * A Woman's Touch Theme
 * http://www.feliciadesigns.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
}

html {
	background: #996699 url(images/bg.gif) repeat-x;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border:0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	border:0;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
#Container {
	width: 100%;
	margin:0 auto;
	padding: 0;
	background: transparent url(images/floral1_r_bot.png) no-repeat right bottom;
	color:#2D002E;
}
#Main {
	width:100%;
	height:100%;
	background: url(images/floral1_l_bot.png) no-repeat left bottom;
}
#Layout {
	width: 910px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding:15px 0 150px 0;
	text-align: left;
}
#Content {
	width: 588px;
	float: right; 	
	margin: 0;
	text-align: left;
}

#HeaderContainer { 
 	width: 100%;
	height:182px;
 	margin: 0 auto;
}
#Header { 
 	width: 950px;
	height:182px;
 	margin: 0 auto;
	overflow: hidden;
	background: url(images/header4.jpg) no-repeat;
	position:relative;
}

#Footer { 
 	clear: both;  
	width: 100%;
	margin:0 auto;
	text-align: center;
	color:#996699;
	background-color:#660066;
	padding:10px 0;
	border-top:#55781a 5px solid;
}

/* HEADER
----------------------------------------- */

#Header h1 { 
	color: #fff; 
	font-size: 3.2em; 
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: 300;
	padding: 20px 0 0 30px;
}
#Header p {
	font-size: 1.4em;
	color: #fff;
	clear: left;
	margin: 0 0 0 100px;
}
#logo {
	width: 130px;
	height:128px;
	margin: 0 auto;
	position:absolute;
	overflow:hidden;
	top:54px;
	left:265px;
	}
	

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#NavWrapper {
	width: 100%;
	height:72px;
	background:transparent url(images/navbg.gif) repeat-x center top;
}

#Navigation {
	width: 1000px;
	margin:0 auto;
	overflow: visible;
	position: relative;
}

#PrimaryWrapper{
	margin-bottom: 0;
	padding-bottom: 0;
	display: table;
	margin: 0 auto;
	line-height: 1;
	color: #000000;
	height: 38px;
}

#Primary, #Primary ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}

#Primary a {
	display: block;
	margin: 0;
	padding: 19px 18px 10px 18px;
	color: #FFF;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration: none;
	line-height: 1.3em;
}

#Primary a.daddy {}

#Primary li {
	float: left;
	padding: 0;
}

#Primary li ul {
	background:#996699;
	position: absolute;
	left: -999em;
	height: auto;
	width: 1000px;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#Primary li li {
	padding-right: 1em;
}

#Primary li ul a {
	padding: 10px 18px 7px;
}

#Primary li ul ul {
	background:#660066;
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	margin: -.5em 0 0 10em;
}

#Primary li li li {
	padding-right: 1em;
	width: 13em
}

#Primary li ul ul a {
	width: 13em;
	w\idth: 9em;
}

#Primary li:hover ul ul, #Primary li:hover ul ul ul, #Primary li.sfhover ul ul, #Primary li.sfhover ul ul ul {
	left: -999em;
}

#Primary li:hover ul,  #Primary li.sfhover ul {
	left: 0;
	z-index:100;
}

#Primary li li:hover ul, #Primary li li li:hover ul, #Primary li li li.sfhover ul, #Primary li li.sfhover ul {
	left: auto;
	z-index:100;
}

#Primary li:hover, #Primary li.sfhover {
	color: #FFF;
	background-color:#996699;
	cursor: pointer;
}
#Primary li li:hover a, #Primary li li.sfhover a {
	color: #660066;
}
#Primary li li:hover li a, #Primary li li.sfhover li a {
	color: #FFF;
}

#Primary li#gardens_current ul, #Primary li#indoor_current ul, #Primary li#packages_current ul, #Primary li#learn_current ul, #Primary li#about_current ul, #Primary li#services_current ul {
    left: 0;
}

#Primary li#gardens_current ul ul, #Primary li#indoor_current ul ul, #Primary li#packages_current ul ul, #Primary li#learn_current ul ul, #Primary li#about_current ul ul, #Primary li#services_current ul ul {
    left: -999em;
}

#Primary li#gardens_current li:hover ul, #Primary li#gardens_current li li:hover ul, #Primary li#gardens_current li li.sfhover ul, #Primary li#gardens_current li.sfhover ul,
#Primary li#indoor_current li:hover ul, #Primary li#indoor_current li li:hover ul, #Primary li#indoor_current li li.sfhover ul, #Primary li#indoor_current li.sfhover ul,
#Primary li#packages_current li:hover ul, #Primary li#packages_current li li:hover ul, #Primary li#packages_current li li.sfhover ul, #Primary li#packages_current li.sfhover ul,
#Primary li#learn_current li:hover ul, #Primary li#learn_current li li:hover ul, #Primary li#learn_current li li.sfhover ul, #Primary li#learn_current li.sfhover ul,
#Primary li#about_current li:hover ul, #Primary li#about_current li li:hover ul, #Primary li#about_current li li.sfhover ul, #Primary li#about_current li.sfhover ul,
#Primary li#services_current li:hover ul, #Primary li#services_current li li:hover ul, #Primary li#services_current li li.sfhover ul, #Primary li#services_current li.sfhover ul {
	left: auto;
}

#PrimaryWrapper li ul#sub-about li.spacer {
	width:85px;
}
#PrimaryWrapper li ul#sub-services li.spacer {
	width:115px;
}
#PrimaryWrapper li ul#sub-gardens li.spacer {
	width:25px;
}
#PrimaryWrapper li ul#sub-indoor li.spacer {
    width:350px;
}
#PrimaryWrapper li ul#sub-packages li.spacer {
	width:250px;
}
#PrimaryWrapper li ul#sub-learn li.spacer {
	width:325px;
}


/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}


/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}


/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 2px;
	background-color: #9a0000;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		color: #666;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}


/* FOOTER
----------------------------------------------- */

	#Footer .footerTop {
		width: 100%;
		background: transparent url(images/footerbg.gif) repeat-y top left;
		display: block;
	}
  	#Footer p { 
		color: #996699;
		font-size: 1.1em;
		text-align: center;
		margin-top: -0.6em;
	}
  		#Footer a { 
	   		color: #996699; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #996699;
				text-decoration: underline;
			}


/* PHOTO
----------------------------------------------- */

.photo { 
	padding:3px;
	background-color:#996699;
	border:#660066 2px solid;
	margin:0 20px;
}
.photo-right { 
    padding:3px;
    background-color:#996699;
    border:#660066 2px solid;
    margin:0 0 0 20px;
}
.photo-before { 
	padding:0;
	border:#FFF 1px solid;
}
.photo-after { 
	padding:3px;
	background-color:#996699;
	border:#660066 2px solid;
	margin:0;
}