/* --------- Normalize ---------- */

* {
margin: 0;
padding: 0;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* --------- End Normalize ---------- */

html {
	background:#3C8C83 url(images/ovalback.gif) no-repeat center top;
	text-align:center;
}

body {
	font: 82%/1.7em Arial, Helvetica, sans-serif;
	width: 800px;
	margin:auto;
	text-align:left;
}

body#home-page {
background-color:#15524C;
padding:0 0 0 20px;
}

/* --------- Colors

15524C	Add Dark

3C8C83 Medium

77AFA8 lightest

#FBD078 Yellow

941200  burgundy

 ---------- */

/******************
Layout
*******************/

#header {
	background:url(images/bg-gallery-header.png) no-repeat 600px bottom;
	border-bottom:solid 1px #3C8C83;
	padding-bottom:30px;
	margin-bottom:10px;
}

#home-page #header {
background:transparent;
border-bottom:0;
}

#logo {
	margin-top:10px;
}

#home-page #logo {
	margin-top:36px;
	padding-right: 12px;
}

div#nav {
clear:left;
float:left;
width: 250px;
}

#content {
background:url(images/white-screen.png);
margin:0 0 0 255px;
padding:1em 2em 1em 1em;
min-height:200px;
}



#home-page #content {
background:transparent;
color:#77AFA8;
padding-top:0;
padding-right:3em;
}

#home-page #home-nav a:link, #home-page #home-nav a:visited, #home-page #home-nav a:active {
font-size:1.2em;
text-decoration:none;
	text-transform:uppercase;

}

#home-page #home-nav a:hover {
color:#fff;
}

#nav-two {
clear:both;
margin-top:40px;
line-height:normal;
color:#fff;
}

#nav-two #plan-room {
margin:-33px 0 10px 0;
}




#nav-two a:link, #nav-two a:visited  {
color:#fff;
}

#nav-two a:hover  {
color:#FBD078;
}


#footer {
clear:both;
line-height:normal;
font-size:0.9em;
}

#dfd {
clear:both;
line-height:normal;
font-size:0.9em;
/*color:#15524C;*/
}

#dfd a:link {
color:#15524C;
}



/* --------- Colors

15524C	Add Dark

3C8C83 Medium

77AFA8 lightest

#FBD078 Yellow

 ---------- */
 

/******************
Navigation
*******************/

#nav {
	position:relative;
	float:left;
	
	/*margin:6px 0 0 6px;*/
	z-index:1000;
}


#nav ul {
list-style: none;
line-height:normal;
}

#nav li a {/* must be done at this level for IE */
text-align:right;
}

#nav li li a {
text-align:left;
}


#nav ul li a {
	color:#15524C;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.1em;
padding-right:25px;
}

	#home-page #nav ul li a {
	color:#77AFA8;
	}
	
	
	#nav ul ul li a {
	padding:3px 10px;
	background-color:#15524C;
	border:solid #3C8C83 1px;
	margin-bottom:-1px;
	color:#fff;
	}
	
	
	#nav ul li a:hover, #home-page #nav ul li a:hover {
color:#fff;
}

	#nav ul ul li a:hover {
	color:#fff;
	background-color:#941200;
/*	background-color:#3C8C83;*/

	}




	li.daddy ul a {
	background:transparent;
	}

li.daddy a:hover {
background:url(images/arrow-over.png) no-repeat right center;
}

	li.daddy ul a:hover {
	background:transparent;
	}


/* -=-=-=-=-=-=- suckerfish =-=-=-=-= */
	
	
	#nav li li { /* all sub list items */
	position : relative;
	
	}
#nav li ul { /* second-level lists */
	list-style: none;
	width : 14em;
	position : absolute;
	left: -999em;
	margin-left : 249px;
	margin-top: -1.3em;
}
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	margin-left : 14em;
	margin-top: -1.77em;
}


#nav li a {
		display : block;		
	}

#nav li li a {
/*width : 14em;*/
/*display : block;*/
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* -=-=-=-=-=-=- suckerfish end =-=-=-=-= */



/******************
Formatting
*******************/


.imageleft {
float:left;
margin:0 5px 5px 0;
}

.imageright {
float:right;
margin:0 0 5px 5px;
}

a img {
border:0;
}

a:link {
color:#005669;
text-decoration:underline;
}

	#home-page a:link {
	color:#77AFA8;
	}

a:visited {
color:#15524C;
}

	#home-page a:visited {
	color:#77AFA8;
	}

a:hover {
color:#FBD078;
text-decoration:none;
}

a:active {
color:#fff;

}


#content ul, #content ol {
margin-left:40px;
margin-bottom:1em;
}

h1, h2, h3, h4, h5, h6 {
line-height:normal;
color:#15524C;
}



#home-page h1, #home-page h2, #home-page h3, #home-page h4, #home-page h5, #home-page h6 {
color:#77AFA8;
font-family:"Times New Roman", Times, serif;
color:#FBD078;
font-weight:normal;
margin-top:0;
}

#home-page h1 {
font-size:2.5em;
margin-bottom:0;
font-family:"Goudy Old Style", "Times New Roman", Times, serif;
}

#home-page h2 {
font-size:2.5em;
margin-bottom:1em;
}

h2, h3, h4, h5, h6 {
margin-top:1em;
}

h1 {
font-size:1.7em;
margin-bottom:1em;
}

h2 {
font-size:1.6em;
}

h3 {
font-size:1.3em;
}

h4 {
font-size:1.2em;

}

h5 {
font-size:1.1em;
}

h6 {
font-size:1em;
}

p {
padding-bottom:1em;
}

/******************
Gallery
*******************/



#gallery #content #gallery-photos {
float:left;
width:155px;
text-align:center;
margin:0 0 0 0;
padding-bottom:20px;
}

#gallery #content #gallery-photos h1 {
	margin:15px auto;
	padding:5px 10px;
	font-size:1em;
	color:#fff;
	border:1px solid #77AFA8;
	width:105px;
	background:#15524C url(images/bg-gallery-h1.png) repeat-y right top;
	font-weight:normal;
}


#gallery #content {
background:url(images/gallery-screen.png);
padding:0;
margin:0;
height:600px;
overflow:auto;
}

#gallery #content p, #gallery #content h1, #gallery #content h2, #gallery #content h3, #gallery #content h4, #gallery #content h5, #gallery #content h6 {
margin-left:165px;
}

#gallery #content h1 {
margin-top:15px;
margin-bottom:0;
}


#gallery #nav-two #plan-room {
margin:0 0 10px 0;
}

/* -=-=-=-=-=-=- hoverbox =-=-=-=-= */

.hoverbox, #content ul.hoverbox
{
	list-style: none;
	margin:0;
	padding:0;
}

.hoverbox a, .hoverbox a:visited, .hoverbox a:hover, .hoverbox a:active 
{
	text-decoration:none;
	color:#77AFA8;
}

.hoverbox img
{
	padding: 0;
	
	/*width: 88px;
	height: 70px;*/
}

.hoverbox li
{

	margin: 3px;
	padding: 5px;
	
	/*border:solid red 1px;*/	
}


/******************
End Gallery
*******************/
