/* Resets */

* {
	margin:0;
	padding:0;
	border:0;
}

/* Layouts */

body {
	background: #f1f1f1;
}

body {
	background: #f1f1f1 url(../images/home-back.jpg) top center no-repeat;
}

#wrapper {
	margin:20px auto;
	width:760px;
}

#content {
	border:1px solid #000000;
	background:#a090bf;
	padding:25px;
}

#header {
	margin-bottom:15px;
}

#navigation {
	float:left;
	padding-top:45px;
}

#logo {
	float:right;
}

#footer {
	margin-top:15px;
}

#footerright {
	float:right;
}

#footerleft {
	float:left;
}

ul#menu	{
	width:343px;
	height:37px;
	background: transparent url(../images/navigation.gif) top left no-repeat;
	position: relative;
}
	
ul#menu li {
	position: absolute;
	list-style:none;
	line-height:0px;
	font-size:1px;
	float:left;
}

ul#menu li, ul#menu a {
	height: 37px;
	display: block;
}

ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
}

#home			{left: 0px; width:49px; }
#traditional	{left: 49px; width:101px; }
#contemporary	{left: 150px; width:120px; }
#contact		{left: 270px; width:73px; }

#home a:hover			{background: transparent url(../images/navigation.gif) 0px -37px no-repeat;}
#traditional a:hover 	{background: transparent url(../images/navigation.gif) -49px -37px no-repeat;}
#contemporary a:hover 	{background: transparent url(../images/navigation.gif) -150px -37px no-repeat;}
#contact a:hover 		{background: transparent url(../images/navigation.gif) -270px -37px no-repeat;}

body#st-h #home				{background: transparent url(../images/navigation.gif) 0px -37px no-repeat;}
body#st-t #traditional 		{background: transparent url(../images/navigation.gif) -49px -37px no-repeat;}
body#st-c #contemporary 	{background: transparent url(../images/navigation.gif) -150px -37px no-repeat;}
body#st-co #contact 		{background: transparent url(../images/navigation.gif) -270px -37px no-repeat;}

.quicklinks {
	background:url(../images/quicklink-back.gif) top left repeat-y;
	margin-left:-25px;
	padding:10px;
	padding-left:25px;
	margin-bottom:10px;
}

.quicklinks a img {
	border:1px solid #ffffff;
}

.quicklinks a:hover img {
	border:1px solid #000033;
}

.mainimage {
	float:right;
	margin-top:1px;
	margin-right:1px;
}


/* Typography */

body {
	font-family:Arial,Sans-Serif;
	font-size:85%;
}

#content p {
	color:#000033;
	width:345px;
	line-height:1.3em;
	margin-top:10px;
	margin-bottom:10px;
}

#footerleft {
	font-size:1.1em;
	line-height:1.3em;
}

#footerright {
	font-size:0.75em;
	color:#333333;
	text-align:right;
	line-height:1.3em;
}

#footerright a {
	color:#333333;
}

.emailfooter {
	color:#333333;
	font-size:0.8em;
}

#content .quicklinks p {
	color:#ffffff;
	font-weight:bold;
	font-size:0.8em;
	line-height:1em;
}

#content a {
	color:#ffffff;
	font-weight:bold;
	font-size:0.9em;
	line-height:1em;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}


/* Clear element */
.fc:after { 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden; 
} 
.fc { display: inline-block; } 
/* Hides from IE Mac \*/ 
* html .fc { height: 1%; } 
.fc { display:block; } 
/* End Hack */