/* GENERAL 
-----------------------------------------------------------------------------*/
 
 /* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }
 
/* Remove padding and margin on all elements*/
* { padding:0; margin:0; border: 0; }
 
/*debug border on all divs*/
div { border: 0px solid #ccc; }	
 
/* Class for clearing floats */
.clear { clear: both; }
 
/* Remove border around linked images and fix Firefox odd spaces */
img { border: 0; vertical-align: bottom; }
 
#edit {float:right; border: 1px solid #f90; padding: 4px; margin: 5px;}

.homeImage {margin: 181px 0 0 0}

span.contactSpace {width: 85px;display:block; float: left; clear: left;}

/* LINKS
-----------------------------------------------------------------------------*/
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color:#9c8F69;}
a.active {color:#9C8F69;}

a.ripe { text-decoration: none; color: #9c8F69; }
a.ripe:hover { text-decoration: none; color:#000;}

a.listing { text-decoration: none; color: #000; }
a.listing:hover { text-decoration: none; color:#000;}

.imgHover img { border: 1px solid #F3F1EC;}
.imgHover:hover img {border: 1px solid #000;}
.imgHover:hover {color: #000; /* irrelevant definition to overcome IE bug */}

		

/* SITE
-----------------------------------------------------------------------------*/
body {background-color: #F3F1EC;  font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#000; line-height:1.5em;}

.font20bold {font-size: 14pt; font-weight:bold;text-transform:uppercase;}
.font20 {font-size: 13pt; font-weight:bold;text-transform:uppercase;}
.font15bold {font-size: 10pt; font-weight:bold;text-transform:uppercase;}
.font9bold {font-size: 9pt; text-transform:uppercase;}
.brown {color:#9C8F69}

h1 {font-size: 10pt; font-weight:bold;text-transform:uppercase;}
h2 {font-size: 9pt; font-weight:bold;text-transform:uppercase;margin-top: 15px;}
.projectTitle {font-size: 8pt;text-transform:uppercase; margin-bottom: 10px;}
.projectDate {font-size: 8pt;}

ul  {margin: 10px 0 10px 0; padding-left: 0; list-style: none;}
li {padding-left: 20px; background-image: url(/images/site/arrow-right.gif); background-repeat: no-repeat; background-position: 0 .2em;}

#container{}


/* CONTENT - LEFT
-----------------------------------------------------------------------------*/
#left{width:533px; float:left;}
#leftHomeText{position: absolute; top: 346px; left: 295px; text-transform:uppercase; }
#leftText{margin:139px 0 10px 30px; text-transform:uppercase; }


/* CONTENT - RIGHT
-----------------------------------------------------------------------------*/
#right{float:left; width: 350px;}
#rightText{margin-top:68px;text-transform:none;}
#rightAbout {width: 310px;}

.column {width:100px; float:left; margin-right:10px;}
.listing {position:relative;margin-top:10px; width:96px; height:96px;}
.listingimg {position:relative; background-color: #F3F1EC;}
.listingtxt {width:96px; height:96px; position:absolute; float:left; top: 0; left: 0; background-image:url("/images/site/listbackground.gif"); }
.above {z-index:2;}
.below {z-index:1;}
.address {position:relative;padding: 10px; line-height: 11px;}

.project {position:relative;margin-top:10px; width:329px; height:173px;}
.projectimg {position:relative;}
.projecttxt {width:327px; height:171px; position:absolute; float:left; top: 0; left:0; background-color:#F3F1EC; border:1px solid #000;}
.paddress {position:relative;padding-left: 5px; top: 40%;line-height: 11px;}

.r-arrow {background-image:url("/images/site/arrow-right.gif"); background-position:left; padding-left:20px; background-repeat:no-repeat;}
.l-arrow {background-image:url("/images/site/arrow-left.gif"); background-position:left; padding-left:20px; background-repeat:no-repeat;}

#homeQuote {position:absolute; top: 160px; left: 423px;}

h1.title {text-transform: uppercase; font-size: 11px; margin: 20px 0 10px 0; font-weight: bold;}