/* Start of CMSMS style sheet 'stylesheet' */
* 
	{
	margin: 0;
	padding: 0;
	
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clear
	{
	clear:both;
}



.right
	{
	float: right;
}

img.right {
padding:2px;
border:1px solid #999;
margin:0 0px 2px 10px;
background-color:#fff;
}



.left
	{
	float: left;
}

a:link {
color:#423B3F;
font-weight:bold;
text-decoration:underline;
}

a:visited {
color:#5F5F5F;
font-weight:normal;
text-decoration:underline;
}

a:hover {
color:#0F0E0F;
text-decoration:none;
}

/* Set up the document
-----------------------------------------------------------------------------*/

body
	{
	font: 12px/1.5 Arial, Helvetica, serif;
	background: #423B3F;
	color: #000000;	
	text-align:center;
	
}



#prewrapper
	{
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	background: #423B3F url(images/bg_phonenumber.gif) no-repeat right center;
}

#wrapper
	{ 
	width: 930px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	padding:20px; 
	background-color: #e5eef5;
}

#postwrapper
	{
	width: 970px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 5px;
	color:#fff;
	text-align:left;
	font-size:11px;
	height:30px;
	clear:both;
}

#postwrapper a {
color:#fff;
text-decoration:underline;
font-weight: normal;
}


/* Typography
-----------------------------------------------------------------------------*/

h1
	{
	font-size: 2.2em; /* Equivalent to 22pt */
}
	
h2
	{
	font-size: 2.0em; /* Equivalent to 20pt */
}
	
h3
	{
	font-size: 1.8em; /* Equivalent to 18pt */
font-weight:normal;
}
	
h4
	{
	font-size: 1.6em; /* Equivalent to 18pt */
}
	
h5
	{
	font-size: 1.4em; /* Equivalent to 14pt */
}
	
p, q, cite
	{
	font-size: 1.0em; /* Equivalent to 12pt */
}

ul, ol, dl
	{
	list-style: none;
	font-size: 1.0em; /* Equivalent to 12pt */
}

li, dd, dt
	{
	font-size: 1.0em; /* Equivalent to 12pt */	
}



div#topnav {
margin: 0;
padding: 0;
background-color:#e5eef5;
}

/* Header + Content
-----------------------------------------------------------------------------*/
#header {
background-color:#fffcdc;
height:105px;
position:relative;
}

h1#logo {
	height:75px;
	width:185px;
	background: url(images/logo.gif) no-repeat left top;
	position:absolute;
	top:15px;
	left:25px;
text-indent:-999em;
}

a h1#logo {
cursor: hand;
}

#content {
clear:both;
background-color:#fffcdc;
padding:20px 20px 2px 20px;
min-height:450px;
height:auto!important;
height:450px;
}


/* 2 Column
-----------------------------------------------------------------------------*/
#content-main-col {
	width:580px;
	float:left;
	margin:0px 20px 20px 0;
	background: url(images/bg_content-main-col.gif) no-repeat right 153px;
}


#content-main-col a:link {
color:#423B3F;
font-weight:bold;
text-decoration:underline;
}

#content-main-col a:visited {
color:#5F5F5F;
font-weight:normal;
text-decoration:underline;
}

#content-main-col a:hover {
color:#0F0E0F;
text-decoration:none;
}

#content-right-col {
width:285px;
float:left;
margin-top:0px;
padding-left:5px;
}

#content-right-col a:link,  #content-right-col a:visited {
color:#313131;
font-weight:normal;
text-decoration:underline;
}

#content-right-col a:hover {
color:#0F0E0F;
text-decoration:none;
}

#content-main-col h1, #content-main-col h2 {
color:#58585a;
text-transform:uppercase;
font-weight:normal;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
letter-spacing:-1px;
margin:25px 0 5px 0;
}

#content-main-col p {
margin-bottom:15px;
padding-right:50px;
}

div#content-main-col p.intro {
padding-right:35px;
}



/* Right Column
-----------------------------------------------------------------------------*/
.sidebox {
margin:10px 5px 10px 0;
background-color:#e5eef5;
}

.sidebox h2 {
	background: #c56991 url(images/bg_box_header.jpg) repeat-x left bottom;
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	padding:5px 10px 0 10px;
	min-height:30px;
	height:auto!important;
	height:30px;
}

.sidebox p {

}

div.sidebox ul {
margin:0;
padding:10px;
list-style-type:none;
}

div.sidebox ul li {
display:block;
padding:5px 0; 
}


/* Homepage
-----------------------------------------------------------------------------*/
#hp-content-header {
	height:215px;
	background: url(images/bg_hp_welcome.jpg) no-repeat right top;
position:relative;
}

#intro {
width:300px;
position:absolute;
top:15px;
right:25px;
font-size:12px;
line-height:1.35em;
color:#fff;
}

#intro h1 {
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
font-size:22px;
line-height:1em;
padding-right:100px;
font-weight:normal;
color:#FFFCDC;
margin-bottom:5px;
}

/*
.loading {
 background: url(images/loading.gif) no-repeat center center; 
 width:555px;
 height:215px;
}
*/

#hp-content-left-col {
width:435px;
float:left;
margin:20px 20px 20px 0;
}

#hp-content-right-col {
width:435px;
float:left;
margin-top:20px;
}

.box {
background-color:#e5eef5;
}

.box h2 {
	background: #c56991 url(images/bg_box_header.jpg) repeat-x left bottom;
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	padding:5px 10px 0 10px;
	min-height:30px;
	height:auto!important;
	height:30px;
}

.box h3 {
	background: #c56991 url(images/bg_box_header.jpg) repeat-x left bottom;
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	padding:5px 10px 0 10px;
	margin-right:185px;
	min-height:30px;
	height:auto!important;
	height:30px;
}

.box p {
padding:10px 190px 10px 10px;
}

.live-work {
	background:#e5eef5 url(images/bg_box_live-work.jpg) no-repeat right bottom;
	min-height:270px;
	height:auto!important;
	height:270px;
}

.craft {
	background:#e5eef5 url(images/bg_box_craft.jpg) no-repeat right 0px;
	margin-bottom:20px;
	min-height:125px;
	height:auto!important;
	height:125px;
}

.whos-here {
	background:#e5eef5 url(images/bg_box_whos-here.jpg) no-repeat right 0px;
	min-height:125px;
	height:auto!important;
	height:125px;
}

ul#icons {
height:50px;
list-style-type:none;
clear:both;
background-color:#FFFCDC;
margin:0px;
padding:0px;
}

ul#icons li {
margin:0 10px 0 0;
float:left;
}



/* Your template
-----------------------------------------------------------------------------*/


/* Forms
-----------------------------------------------------------------------------*/



input.text, td input, select, textarea
	{
	padding: 2px;
	border: 1px solid #999999;	
}










#pointermenu {
margin: 0;
padding: 0;
background-color:#e5eef5;
}

#pointermenu ul {
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: normal 14px Arial;
background-color:#e5eef5;
}

* html #pointermenu ul { /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li {
display: inline;
}


#pointermenu ul li a, #pointermenu ul li a:visited {
float: left;
color: #58585a;
padding: 10px 15px 7px 15px;
text-decoration: none;
font-weight:bold;
}

{
color: white;
}


#pointermenu ul li a:hover, #pointermenu ul li a#selected { /*hover and selected link*/
color: #828487;
background: transparent url(images/pointer1.gif) top center no-repeat;
}

span.date {
font-size:11px;
}

.sitemap ul, #content-main-col ul {
list-style-type:disc;
margin:10px 20px;
}


.sitemap ul li {
padding:5px;
}

.sitemap ul li ul {
margin-left:20px;
}

a.white {
color:#fff;
}





/* End of 'stylesheet' */