body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	margin:30px 0 20px;
	background:#f5f5f5 url('../images/bkgd.jpg') no-repeat center top;
}

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

p, .list, icons,
form label, td		{ color:#666; line-height:1.3em; font-size:1em;}
p					{ margin-bottom:1em;  }
p.no-margin-bottom	{ margin-bottom:.3em}

.txt-small			{ font-size:.8em; }
.txt-medium			{ font-size:1.2em}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.list				{ margin:0 0 1em 1.5em; }
.list li 			{ }

a					{ color:#9a3732;}
a:hover				{ text-decoration:none}
a:visited			{ }

a.hide				{ position:absolute; left:-999em; }

h1					{ width:543px; height:108px; background:url('../images/logo.jpg') no-repeat left bottom; display:block; text-indent:-999em; position:relative; }
h1 span				{ text-indent:-999em; display:block; width:543px; height:108px; position:absolute; top:0; left:0; cursor:pointer;  }
h2					{ margin-bottom:15px; display:block; width:450px; height:28px; text-indent:-999em; background-position:0 0; background-repeat:no-repeat }
h2.home				{ background-image:url('../images/titles/home.png');}
h2.statement		{ background-image:url('../images/titles/statement.png');}
h2.work				{ background-image:url('../images/titles/work.png');}
h2.contact			{ background-image:url('../images/titles/contact.png');}
h3					{ color:#9a3732; font-size:1.4em; font-weight:normal; margin:10px 0; }



/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container,
#footer					{ position:relative; width:770px; margin:0 auto;}
#container				{ text-align:left; background-color:#FFF; padding:20px 0; }
#header					{ margin:0 20px;}
#content				{ clear:both; margin-top:20px; padding:0 25px 0 45px }
#col-left				{ float:left; width:200px; margin-right:5px }
#col-right				{ float:left; width:495px; text-align:right }
#footer					{ background:url('../images/shad-bottom.jpg') no-repeat 0 0; clear:both; }


/* ---------------------------- */
/* WORK */
/* ---------------------------- */
ul.thumbs					{}
ul.thumbs li				{ list-style:none; float:left; margin-right:2px }
ul.thumbs li a				{}
ul.thumbs li a img			{ border:2px solid #FFF;}

ul.thumbs li a:hover				{ background-color:transparent}
ul.thumbs li a:hover img			{ border-color:#5d6575; }
ul.thumbs li.active a img			{ border-color:#9a3732; }


/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
#nav 					{ margin:20px 0 0 20px}
#nav li 				{ list-style:none; float:left; margin-right:50px}
#nav li a				{ display:block; height:24px; background-position:0 0; background-repeat:none; text-indent:-999em; text-decoration:none }
#nav li.home a			{ background-image:url('../images/nav/home.png'); width:61px;}
#nav li.statement a		{ background-image:url('../images/nav/statement.png'); width:176px;}
#nav li.work a			{ background-image:url('../images/nav/work.png'); width:52px;}
#nav li.contact a		{ background-image:url('../images/nav/contact.png'); width:101px;} 

#nav li a:hover,
#nav li.active a		{ background-position:0 -30px;}


/* Footer-nav */
/* ---------------------------- */
#footer ul					{ padding:10px 45px}
#footer ul li				{ list-style:none; float:left; padding-right:10px; border-left:1px solid #495264; padding-left:10px; color:#e2ded6; font-size:.8em;}
#footer ul li.first			{ padding-left:0; border-left:none;}
#footer ul li a				{ text-decoration:none; color:#cc0114; color:#495264}
#footer ul li a:hover		{ color:#9a3732}

/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
/*html .clearfix {height: 1%;}
.clearfix {display: block;}*/
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */