/*****************************************************************
      Main Div Container (ModernBricksMenu2 and Tabs) Styles
	  Tested in the following browsers:  
	  
	  Firefox 3.0.15 PC 		Firefox 3.55 MAC 
	  Opera 9.63 PC				Opera 10.10 MAC
	  Safari 4.0.2 PC			Safari 4.0.4 MAC
	  Chrome 3.0.195.38 PC		Chrome 4.0.249.30 MAC
	  IE 7, IE 6, IE 5.5 PC
******************************************************************/



.modernbricksmenu2 {
	vertical-align: top;
	float: left !important; /*Fix for IE6, IE7 and Opera: Ensures Tabs and Content divs stay "connected" with no dead space in between - Works without fix in Safari 4.04 */
	clear: left !important; /*Fix for Firefox: Ensures Tabs and Content divs stay "connected" with no dead space in between - Works without fix in Safari 4.04*/
	voice-family: "\"}\"";
	voice-family: inherit;
	background-color: transparent;
	z-index: 999;
}

.modernbricksmenu2 ul{
	margin:0;
	margin-left: 0px; /*Margin between first menu item and left browser edge (not necessary in IE6 and IE7, but must have for proper display and alignment in Firefox, Safari and Opera */
	padding: 0;
	list-style: none;
}

.modernbricksmenu2 li{ /*This controls the look of the Tab Text*/
	color: white;
	display: inline;
	margin: 0 2px 0 0;
	text-transform:uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 12.5px;
	letter-spacing: .05em; /*This controls the spacing in between letters of Tab titles*/
	float: left; /*Keeps buttons in a horizontal row... without it buttons stack on top of each other*/
}

.modernbricksmenu2 a{ /*This controls the appearance of LINKS on the tabs*/
	color: white;
	display: block;
	text-decoration: none;
	background-color: #999;
	margin-top: 0;
	margin-right: 3px; /*This controls the spacing in between Tabs*/
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;    /*This controls the spacing around text within the Tabs*/
	padding-right: 10px; /*This controls the spacing around text within the Tabs*/
	padding-bottom: 5px; /*This controls the spacing around text within the Tabs*/
	padding-left: 10px;  /*This controls the spacing around text within the Tabs*/
	border-top-width: 1px;   /*Allows slight offset of unselected versus selected Tabs via color to match background color*/
	border-top-style: solid; /*Allows slight offset of unselected versus selected Tabs via color to match background color*/
	border-top-color: #CCC;
}

.modernbricksmenu2 a:hover{
	background-color: #333; /*Color theme*/ 
	color: white;
}

.modernbricksmenu2 a.selected{ /*Currently selected tab*/
	background-color: #333; /*Color theme*/
	color: white; /*Color theme*/
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}



/*****************************************************************
                    FlowerDivContainers and FlowerNotes
******************************************************************/



#flowerdivcontainer {
	border: 1px solid #999; /*Gives Container a Border*/
	width: 607px;
	background-color: transparent; /*Makes Container Transparent... can also be a color*/
	overflow: visible;  /*Shows content regardless of size (no scrollbars)*/
	visibility: visible; /*Shows content regardless of size (no scrollbars)*/
	vertical-align: top;
}

#flowernote {
	display:none;
	position:relative;
	width:503px;
	height:238px;
	background-color: transparent;
	color:white;
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#flowernote2 {
	display:none;
	position:relative;
	width:607px;
	height:730px;
	background-color: transparent;
	color:white;
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#flowernote3 {
	display:none;
	position:relative;
	width:550px;
	height:280px;
	background-color: transparent;
	color:white;
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#flowernote4 {
	display:none;
	position:relative;
	width:607px;
	height:803px;
	background-color: transparent;
	color:white;
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
}


/*****************************************************************
                    FlowerDivContainer CONTENT
******************************************************************/



.flowerContent {
	padding: 0px;
	margin: 20px;
}

.images {
	vertical-align: top;
	clear: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: right;
}

.flowerContent a:link {
	color: #036;   /* color of any Footer text and-or links */
	text-decoration: none;
}

.flowerContent a:visited {
	color: #036;   /* color of any Footer text and-or links */
	text-decoration: none;
}

.flowerContent a:hover {
	color: #999;   /* color of any Footer text and-or links */
	text-decoration: underline;
}

.flowerContent a:active {
	color: #036;   /* color of any Footer text and-or links */
	text-decoration: underline;
}	
.twoColFixLtHdr #flowertabs {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;   /* ensures #shadow and #footer do not run over top of content above them if browser window is minimized */
	margin-left: 0px;   /* ensures Main Content doesn't run over Sidebar content (if present) */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;  /* ensures #shadow and #footer do not run over top of content above them if browser window is minimized ---- ALSO FIX FOR FLOWERNOTES AND FLOWERS IN TABBED CONTENT */
	padding-left: 0px;
	vertical-align: top;
}
.twoColFixLtHdr #flowerdivcontainer {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;   /* ensures #shadow and #footer do not run over top of content above them if browser window is minimized */
	margin-left: 0px;   /* ensures Main Content doesn't run over Sidebar content (if present) */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;  /* ensures #shadow and #footer do not run over top of content above them if browser window is minimized ---- ALSO FIX FOR FLOWERNOTES AND FLOWERS IN TABBED CONTENT */
	padding-left: 0px;
	vertical-align: top;
}
.site-map-links {
	background-color: #DDDDDF;
	height: 800px;
	width: 607px;
	background-image: url(http://www.sunset-oaks.com/location/so_map.html);
	background-repeat: no-repeat;
}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size: 20pt;
	font-weight: normal;
	text-transform: uppercase;
	color: #036;
}

p, body, html {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	line-height: 145%;
	color: #353535;
}