* {font-family:verdana;}

/* DARK GREEN BACKGROUND STRIP */
.backbar {position: absolute; top: 110px; left: 0px; width: 100%;
background-color:#999966; height:394px;z-index:0;}

/* THE INDEX PAGE LEFT COLUMN */
.trueindexleft {position: absolute; top: 110px; left: 0px; width: 278px;
background-color:#999966; height:394px;}

/* IS THIS STILL IN USE? */
.painting {width:91; margin-right:0px;}

/* LOGOTYPE */
.logotype {margin-top: 74px; margin-left: 24px;margin-right:100px;}

/* SPECIAL CLASS FOR ACTIVE PAG NAV */

.activenav {}

.activenav > a:active { background-color: rgb(215,215,196); margin-left:24px;  padding:7px;  font-size:10px; font-weight:bold; color:rgb(130,130,130); text-decoration:none; }

.activenav > a:hover { color:rgb(110,110,101); margin-left:24px;  padding:7px;
font-size:10px; font-weight:bold; background-color: rgb(215,215,196); }

.activenav > a:link { margin-left:24px;  padding:7px;  font-size:10px; font-weight:bold;color:rgb(130,130,130); text-decoration:none;background-color: rgb(215,215,196);}

.activenav > a:visited {  margin-left:24px; padding:7px; font-size:10px; font-weight:bold;color:rgb(130,130,130);text-decoration:none;background-color: rgb(215,215,196);}

/* REGULAR NAV */
.nav {  margin-top:-12px;margin-left:272px;}

.nav > a:active { background-color: rgb(215,215,196); margin-left:24px;  padding:7px;  font-size:10px; font-weight:bold; color:rgb(130,130,130); text-decoration:none; }

.nav > a:hover { color:rgb(110,110,101); margin-left:24px;  padding:7px;
font-size:10px; font-weight:bold; background-color: rgb(215,215,196); }

.nav > a:link { margin-left:24px;  padding:7px;  font-size:10px; font-weight:bold;color:rgb(130,130,130); text-decoration:none;}

.nav > a:visited {  margin-left:24px; padding:7px; font-size:10px; font-weight:bold;color:rgb(130,130,130);text-decoration:none;}

/* NUMBER LINKS  */
.nums { position:absolute; width:741px; top: 528px;padding-right:25px; font-size:10px;letter-spacing:.2em;}

.nums > a:link { padding:4px;  font-size:10px; font-weight:bold;color:#999966;; text-decoration:none;}
.nums > a:hover {color:white; padding:4px;font-size:10px; font-weight:bold; background-color: #CCCC99; }
.nums > a:visited {  padding:4px; font-size:10px; font-weight:bold;color:#999966; text-decoration:none;}
.nums > a:active {  padding:4px;  font-size:10px; font-weight:bold; color:white; text-decoration:none;}

/* LEFT COL */
.l { position:absolute; padding-top:177px; padding-right:18px;top: 110px; left:0px; width:262px; background-color: #999966; height:217px;}

.l > h1 {font-weight:normal; color:rgb(202,202,147); font-size:10px; text-transform:uppercase;margin-bottom:13px;padding-right:25px; letter-spacing:.15em;}
.l > h2  {font-weight:normal; color:white; font-size:9px; text-transform:uppercase; padding-right:25px;letter-spacing:.15em;}

/* COASTAL HOMES BUTTON */
.coastalbutton {width:253px; position:absolute;top:169px;left:0px; z-index:1; font-size:10px;text-transform:uppercase;letter-spacing:.06em;}

.coastalbutton > a:link {text-decoration:none;}
.coastalbutton > a:hover {text-decoration:none;color:#CCCC99;}
.coastalbutton > a:active {text-decoration:none;color:#CCCC99;}
.coastalbutton > a:visited {text-decoration:none;}

/* RENOVATIONS AND ADDITIONS BUTTON */
.renobutton {position:absolute; top:197px; left:0px; width:253px; z-index:1;font-size:10px;text-transform:uppercase;letter-spacing:.06em;}

.renobutton > a:link {text-decoration:none;}
.renobutton > a:hover {text-decoration:none;color:#CCCC99;}
.renobutton > a:active {text-decoration:none;color:#CCCC99;}
.renobutton > a:visited {text-decoration:none;}

/* THUMBNAIL IMAGES */
.thumbs {padding-top:25px;}

/* MIDDLE COLUMN */
.m {position:absolute;top:110px; left:280px; width:295px; height:394px;background-color:#999966; z-index:1overflow:hidden;}

/* WIDE RIGHT COLUMN */
.wideright { position:absolute; top:110px; left: 278px; width: 521px; background-color: #999966; height:394px; overflow:auto;}

/* ARTWORK RIGHT */
.artright { position:absolute; top:110px; left: 278px; width: 521px; background-color: #999966; height:394px; padding-left:36; padding-top:41;}

/* RIGHTMOST COLUMN */
.r { 
position:absolute;
top:110px; 
left:565px;
letter-spacing:.03em; width:167px;
height:338px;
padding-top: 56px;
padding-left:27px;
padding-right:41px; 
background-color:rgb(153,153,102);color:white;font-size:10px;line-height:1.2em;
overflow:auto;
}


.r > h1 {font-weight:bold; color:white;font-size:12px; margin-bottom:5px;margin-top:0px;}
.r > h2 {font-weight:bold; color:white;font-size:11px; margin-bottom:12px;margin-top:0px;}
#projecttext > h1 {font-weight:bold; color:white;font-size:11px; margin-bottom:12px;margin-top:0px;}

.r > p {line-height:1.4em;color:white; font-size:10px; }

/* PROFILE PAGE --------------------------------------------------------------------------*/

.quote {position:absolute; top:163px; left:25px; z-index:1;}

.profrigtxt {padding-left:33px; padding-right:38px; padding-top:58px; color: white; font-size:10px; line-height:1.8em;}

.profrigtxt > p { margin-top:0px; margin-bottom:15px;}

.profileleft {position: absolute; top: 110px; left: 0px; width: 278px;
background-color:#CCCC99; height:394px;}

/* PROCESS PAGE --------------------------------------------------------------------------*/

.processtext {padding-left:26px; padding-right:47px; padding-top:70px; color: white; font-size:10px; line-height:1.8em;}

.processtext > p { margin-top:0px; margin-bottom:15px;}

.processtext > h1 { font-size: 11px; color:white; text-transform: uppercase;}

/* INDEX PAGE --------------------------------------------------------------------------*/

/* LEFT PANEL */
.indexleft {position: absolute; top: 110px; left: 0px; width: 278px;
background-color:#CCCC99; height:394px; overflow:auto;}


/* INDEX RIGHT */
.indexright {position:absolute; top:110px; left:278px; }

.indexartbutton {position:absolute; top:191px; left:180px;z-index:1; }
.indexarchbutton {position:absolute; top:168px; left:150px;z-index:1;}

/* INDEX PIC 1 */
.indexpic1 { position:absolute; top:319px; left:0px; z-index:1; }
.indexpic2 { position:absolute; top:319px; left:93px; z-index:1}
.indexpic3 {position:absolute; top:319px; left:186px; z-index:1}


/* PHILOSOPHY PAGE  --------------------------------------------------------------------*/

.philrigtxt {padding-left:29px; padding-right:43px; padding-top:27px; color: white; font-size:10px; line-height:1.5em;}

.philrigtxt > h1 { font-size: 11px; color:white; text-transform: uppercase;}

/* ARTWORK PAGE  ----------------------------------------------------------------------*/
.artworktext { position:absolute; top:431px; width:255px; color:white; font-size:11px; line-height:1.8em; z-index:1; }


a:link { color:white; text-decoration:none; font-weight:bold;}
a:hover {color: white; text-decoration:underline;font-weight:bold;}
a:active {color:white; text-decoration: none;font-weight:bold;}
a:visited {color: white; text-decoration: none;font-weight:bold;}

/* CONTACT PAGE */
.contacttext {padding-left:33px; padding-right:58px; padding-top:50px; color: white; font-size:10px; line-height:1.7em;}
.contacttext > p {margin-top:0px; margin-bottom:18px;padding-top:0px;}
.contactmap {position:absolute; left:0px; top:320px;}

/* PROJECT THUMBS */
.pt1 { position:absolute;  top: 320px;left:0px;z-index:1}
.pt2 { position:absolute;  top:320px; left:93px;z-index:1}  
.pt3 {  position:absolute; top:320px;left:186px;z-index:1}
.pt4 {  position:absolute; top:413px;left:0px;z-index:1}
.pt5 {  position:absolute; top:413px;left:93px;z-index:1}
.pt6 {  position:absolute; top:413px;left:186px;z-index:1}

/* PROJECT NUMBER NAV */
.projnums { position:absolute; width:250px; top: 286px;font-size:10px;letter-spacing:.2em;}

.projnums > a:link { padding:4px;  font-size:10px; font-weight:bold;color:white; text-decoration:none;z-index:1;}
.projnums > a:hover {color:white; padding:4px;font-size:10px; font-weight:bold; background-color: #999966;z-index:1; text-decoration:none; background-color:#CCCC99;}
.projnums > a:visited {  padding:4px; font-size:10px; font-weight:bold;color:white; text-decoration:none;z-index:1;}
.projnums > a:active {  padding:4px;  font-size:10px; font-weight:bold; color:white; text-decoration:none;z-index:1;}

/* CLICK TO ENLARGE ON ARTWORK PAGE */
.clickto { position: absolute; top: 116px;left:313px;z-index:1;font-size:9px; color:white;}


/* ART THUMBNAILS */
.art1 { position: absolute; top: 137px;left:313px;z-index:1;}
.art2 { position: absolute; top: 137px;left:434px;z-index:1;}
.art3 { position: absolute; top: 137px;left:550px;z-index:1;}
.art4 { position: absolute; top: 137px;left:671px;z-index:1;}
.art5 { position: absolute; top: 260px;left:313px;z-index:1;}
.art6 { position: absolute; top: 260px;left:434px;z-index:1;}
.art7 { position: absolute; top: 260px;left:550px;z-index:1;}
.art8 { position: absolute; top: 260px;left:671px;z-index:1;}
.art9 { position: absolute; top: 384px;left:313px;z-index:1;}
.art10 { position: absolute; top: 384px;left:434px;z-index:1;}
.art11 { position: absolute; top: 384px;left:550px;z-index:1;}
.art12 { position: absolute; top: 384px;left:671px;z-index:1;}