/* base
================================================== */
body {
 background: #A9B08A url(http://www.g-n-l.com/images/bg/bodyBg.gif) center top;
 margin: 0;
 padding: 0;
 text-align: center;
}
#container {
 margin: 0 auto;
 width: 735px;
 text-align: left;
}
#top {
 height: 171px;
 background: url(http://www.g-n-l.com/images/bg/topBg.jpg) no-repeat;
}
#nav {
 position: relative;
 top: 37px;
 left: 302px;
 background: url(http://www.g-n-l.com/images/nav.gif) no-repeat;
 width: 403px;
 height: 33px; 
}
#logo {
 width: 246px;
 height: 63px;
 position: relative;
 top: 15px;
 left: 401px;
}
#logo a {
 text-indent: -8000px; 
 display: block;
 text-decoration: none;
 width: 246px;
 height: 63px; 
 border: 0;
}
#logo a:hover, #logo a { background: transparent url(http://www.g-n-l.com/images/logo.jpg) no-repeat; }
#leftCol {
 width: 430px;
 float: left;
 padding: 0 0 0 38px;
 font: 11px/17px Verdana,Arial,Helvetica,Serif;
 color: #643F1B; 
}
#rightCol {
 width: 216px;
 float: right;
 padding: 0 30px 0 0;
 color: #643F1B;
 font: 11px/17px Verdana,Arial,Helvetica,Serif;
}
#middleCol {
 width: 735px;
 float: left;
 color: #643F1B;
 padding: 0 30px 0px 38px;
 font: 11px/17px Verdana,Arial,Helvetica,Serif;
 background: url(http://www.g-n-l.com/images/bg/copyBg2.jpg) repeat-y; 
}

#middleCol2 {
 padding: 0 30px 0px 85px;
}

acronym {
 cursor: help;
 border-bottom: 1px dotted #C4AD83;
}
acronym:hover {
 border-bottom: 2px solid #C4AD83;
}
#copy { background: url(http://www.g-n-l.com/images/bg/copyBg.jpg) repeat-y; }
#footer {
 background: transparent url(http://www.g-n-l.com/images/footer.jpg) no-repeat;
 padding: 20px 0 0 25px;
 font: 10px/17px Georgia,Times,Serif;
 color: #A08367;
 height: 75px; 
}
* html ul li a { height: 1%; }
#home .comInvite { margin: 15px 0 0 0; }

/* navigation
================================================== */
#nav ul, #nav ul li {
 margin: 0;
 padding: 0;
 list-style: none; 
}
#nav ul li {
 position: absolute;
 display: block; 
}
#homeNav { left: 0; top: 0; }
#homeNav, #homeNav a { height: 33px; width: 78px; }
#homeNav a:hover { background: transparent url(http://www.g-n-l.com/images/nav.gif) 0 -33px no-repeat; }
#aboutNav { left: 78px; top: 0; }
#aboutNav, #aboutNav a { height: 33px; width: 76px; }
#aboutNav a:hover { background: transparent url(http://www.g-n-l.com/images/nav.gif) -78px -33px no-repeat; }
#folioNav { left: 154px; top: 0; }
#folioNav, #folioNav a { height: 33px; width: 76px; }
#folioNav a:hover { background: transparent url(http://www.g-n-l.com/images/nav.gif) -154px -33px no-repeat; }
#linksNav { left: 230px; top: 0; }
#linksNav, #linksNav a { height: 33px; width: 76px; }
#linksNav a:hover { background: transparent url(http://www.g-n-l.com/images/nav.gif) -230px -33px no-repeat; }
#contactNav { left: 303px; top: 0; }
#contactNav, #contactNav a { height: 33px; width: 97px; }
#contactNav a:hover { background: transparent url(http://www.g-n-l.com/images/nav.gif) -303px -33px no-repeat; }
/* you are here menu */
body#home #homeNav { background: transparent url(http://www.g-n-l.com/images/nav.gif) 0 -33px no-repeat; }
body#about #aboutNav { background: transparent url(http://www.g-n-l.com/images/nav.gif) -78px -33px no-repeat; }
body#folio #folioNav { background: transparent url(http://www.g-n-l.com/images/nav.gif) -154px -33px no-repeat; }
body#links #linksNav { background: transparent url(http://www.g-n-l.com/images/nav.gif) -230px -33px no-repeat; }
body#contact #contactNav { background: transparent url(http://www.g-n-l.com/images/nav.gif) -303px -33px no-repeat; }
#homeNav a, #folioNav a, #aboutNav a, #linksNav a, #contactNav a {
 display: block;
 text-indent: -8000px; 
 background: transparent;
 border: 0;
}

/* links
================================================== */
#leftCol a { background: #E5CEAC; }
a {
 color: #A4171F;
 text-decoration: none;
 outline: none;
}  
a:hover, #leftCol a:hover {
 color: #6B7442;
 border-bottom: 1px dotted #A9B08A;
 background: transparent; 
}
a:visited {
/* 
 background: #E5CEAC;
 color: #643F1B; 
*/
}
a:active { outline: none; }
#footer a {
 text-decoration: none;
 padding: 0 3px;
 margin: 0 3px;
 border-bottom: 0;
 color: #A08367;
 text-transform: uppercase;
}
#footer a:hover {
 background-color: #A8AF89;
 color: #912A2E;
 border: 0;
}
#tunes span a, #tunes span a:visited {
 float: left;
 display: block;
 width: 60px;
 height: 60px;
 border: 0;
 background: transparent url(http://www.g-n-l.com/images/bg/cdBg.gif) 0 0 no-repeat;
 margin: 0 10px 0 0;
 padding: 0;
}
#tunes span a:hover { 
 background: transparent url(http://www.g-n-l.com/images/bg/cdBg.gif) 0 -60px no-repeat; 
 border: 0;
}
#tunes span a img {
 margin: 4px 0 0 4px;
 border: 0;
}
#tunes a, #tunes a:visited, #folioDesc a, #folioDesc a:visited {
 color: #A4171F;
 background: #C9B08C;
 padding: 1px;
}
#tunes a:hover,#folioDesc a:hover {
 background: #A4171F; 
 color: #C9B08C;
 border: 0;
}
#shortStuff a, .delLinks a {
 display: block;
 border-bottom: 0;
 color: #A4171F;
 padding: 1px 1px 1px 0;
 font-size: 11px;
}
#shortStuff a:hover, .delLinks a:hover {
 color: #643F1B;
 background: transparent url(http://www.g-n-l.com/images/pix.gif);
 text-decoration: line-through;
 border: none;
}
#shortStuff a:visited, .delLinks a:visited {
 background: transparent url(http://www.g-n-l.com/images/pix.gif);
}
#folioCont a {
 border: 1px solid #AE9067;
 padding: 3px 6px;
 margin: 0 10px 0 0;
 text-align: center;
 background: #D1BA98;
 color: #575757;
 font-size: 9px;
 cursor: pointer;
 color: #643F1B;
}
#folioList ul li a, #folioList ul li a.current:hover {
 padding: 2px;
 background: transparent;
 font-size: 10px;
 display: block;
}
#folioList ul li a:hover, #folioList ul li a.current {
 padding: 2px 15px 2px 4px;
 border: 0;
 background: #D3C1A4 url(http://www.g-n-l.com/images/bg/folioListBg.gif) 175px 50% no-repeat;
}
.linkLeft {
 width: 210px;
 float: left;
}
.linkRight {
 width: 210px;
 float: right;
}
#leftCol .linkBox a {
 display: block;
 font-size: 10px;
 line-height: 14px;
 padding: 8px;
 margin: 4px 0;
 background: transparent url(http://www.g-n-l.com/images/bg/pix.gif);
 color: #643F1B;
 border-left: 1px dotted #C9B18C;
 width: 194px;
}
#leftCol .linkBox a:hover {
 border-left: 2px solid #C9B18C;
 border-bottom: 0;
 color: #6B7442;
 padding-left: 7px;
}
#leftCol .linkBox a:hover b { color: #A31720;  }
#leftCol .linkBox a b {
 display: block;
 font-size: 11px;
 font-weight: normal;
 margin: 0 0 3px 0;
 color: #B42831;
}
#leftCol .comHead a {
 background: transparent;
}
#leftCol .comHead a:hover {
 font-weight: bold;
}

/* copy
================================================== */
.post {
 margin: 0;
 padding: 26px 5px 12px 5px;
 background: url(http://www.g-n-l.com/images/bg/postBg.gif) center top no-repeat;
}
#article .post {
 margin: 0 0 5px 0;
 padding: 12px 0 23px 5px;
 background: url(http://www.g-n-l.com/images/bg/postBg.gif) center bottom no-repeat;
}
.postNoLine {
 margin: 0;
 padding: 12px 0 0 5px;
 background: none;
}
.postWlc {
 margin: 0;
 padding: 5px 0 15px 5px;
}
.postWlc p {
 padding: 0;
 margin: 7px 0;
}
.post p {
 padding: 0 0 0 7px;
 margin: 5px 0 9px 0;
}
#about p {
 margin: 0;
 padding: 7px 0 3px 0;
}
h4 {
 text-indent: -8000px;
 height: 33px;
 margin: 0;
 padding: 0;
} 
h4#hdWlc { background: url(http://www.g-n-l.com/images/hdWlc.jpg) no-repeat; }
.comEven, .comOdd, .comRob {
 padding: 8px;
 clear: both;
 margin: 0 0 0 8px;
}
.comH3 { margin-top: 16px; }
small { font: 9px Verdana,Arial,Helvetica,Sans-Serif; }
#about h5 {
 margin: 10px 0 0 0;
 font-size: 12px;
 color: #A3181F;
}
#about h3 {
 margin: 0;
}
.rBase {
 padding: 0 0 9px 0;
 background: url(http://www.g-n-l.com/images/bg/rListBttm.gif) bottom left no-repeat;
}
.rBody {
 background: url(http://www.g-n-l.com/images/bg/rListMid.gif) repeat-y;
 font: 9px Verdana,Arial,Helvetica,Sans-Serif;
}
h2 {
 height: 38px;
 margin: 0;
 padding: 0;
 text-indent: -8000px;
}
h2#hdFortFriend { background: url(http://www.g-n-l.com/images/hdFriends.gif) no-repeat; }
h2#hdFortFamily { background: url(http://www.g-n-l.com/images/hdFamily.gif) no-repeat; }
h2#hdTunes { background: url(http://www.g-n-l.com/images/hdDest.gif) no-repeat; }
h2#hdShortStuff { background: url(http://www.g-n-l.com/images/hdLang.gif) no-repeat; }
h2#hdProj { background: url(http://www.g-n-l.com/images/hdProjs.gif) no-repeat; }
h2#hdProjDesc { background: url(http://www.g-n-l.com/images/hdProjDesc.gif) no-repeat; }
#tunes b { display: block; padding-top: 3px; }
#folioCont {
 padding: 0 0 10px 18px;
}
#rightCol #folioCont p {
 padding: 10px 0 0 5px;
}
#folioCont a:hover {
 background-color: #A4171F;
 color: #F4F4EF;
}
#rightCol #folioDesc p {
 padding: 7px 15px 0 20px;
 margin: 0;
 font-size: 11px;
 line-height: 15px;
}
#client { font-weight: bold; }
#date { color: #A4171F; }
u { text-decoration: line-through; }
#rightCol p { padding: 0 8px 10px 8px }
#rightCol h3 { margin: 0 0 10px 8px }
.fRightCol, .fLeftCol {
 float: left;
 width: 200px;
}
.fRightCol { margin-left: 30px; }
.error { color: #A3181F; }
#contact h3 { margin-bottom: 8px; }
#links h3 { margin: 5px 0; }

#contact #leftCol fieldset { margin-top: 15px; }
label { display: block; }
#uName2, #uEmail, #uMsg { width: 385px; }
.comEven small, .comOdd small {
 float: right;
}
#article small {
 text-transform: uppercase;
}
.comHead {
 background: #E8D5B6 url(http://www.g-n-l.com/images/bg/comHeadBg.gif) bottom repeat-x;
 padding: 7px;
 margin: 0;
 font: 11px Georgia,Times,Serif;
 border-bottom: 1px solid #C5B494;
}
.comBody {
 padding: 13px 8px 3px 48px;
 margin: 0 3px;
}
.comEven .comBody {  background: #E5D1AF url(http://www.g-n-l.com/images/bg/comEvenBodyBg.gif) top repeat-x; }
.comOdd .comBody {  background: #CCB999 url(http://www.g-n-l.com/images/bg/comOddBodyBg.gif) top repeat-x; }
.comRob .comBody {  background: #B1B893 url(http://www.g-n-l.com/images/bg/comRobBodyBg.gif) top repeat-x; }
.comNum {
 font: 18px Georgia,Times,Serif;
 padding: 0 3px 0 0;
 margin: 0 0 0 -39px;
 float: left;
 width: 24px;
 text-align: center;
}
.comOdd .comNum {
 border-right: 1px solid #939A76;
 color: #939A76;
}
.comEven .comNum {
 border-right: 1px solid #939A76;
 color: #939A76;
}
.comRob .comNum {
 border-right: 1px solid #939A76;
 color: #939A76;
}
.comHead small { float: right; }
.comBody p {
 padding: 0 0 8px 0;
 margin: 0;
}
p#txpCommentInputForm {
 padding: 8px;
 border: 1px solid #7E0C13;
 background: #A4171F;
 color: #fff;
 margin: 15px 8px 20px 20px;
}
div#cpreview {
 background: url(http://www.g-n-l.com/images/comPreview.gif) 90% 100% no-repeat;
 padding-bottom: 18px;
}

/* misc
================================================== */
.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
 margin-bottom: -1px;
}
#progressBar {
 position: relative;
 width: 200px;
 height: 15px;
 border: 1px solid #575757;
 background: #fff;
 padding: 0;
 top: 185px;
 left: 120px;
}
#progressIndicator {
 background-color: #A8151F;
 width: 200px;
 height: 15px;
 font-size: 1px;
}
#progressText {
 position: absolute;
 top: 0;
 left: 0;
 width: 200px;
 height: 15px;
 text-align: center;
 text-indent: -5000px;
 background: transparent url(http://www.g-n-l.com/images/folioLoad.gif) center no-repeat;
}
#mContainer {
 position: absolute;
 left: -9000px;
}
 
/* forms
================================================== */
form { 
 padding: 0;
 margin: 0;
}
#leftCol fieldset {
 padding: 20px 6px 6px 6px;
 margin: 8px 0;
 position: relative;
 background: url(http://www.g-n-l.com/images/bg/postBg.gif) center top no-repeat;
 border: 0;
}
#leftCol fieldset b {
 display: block;
 margin: 4px 0 0 0;
}
#leftCol fieldset input, #leftCol fieldset textarea  {
 background: #fff url(http://www.g-n-l.com/images/bg/inputBg.gif) right repeat-y;
 margin-left: 3px;
}
#leftCol fieldset input:focus, #leftCol fieldset textarea:focus, #leftCol fieldset input:hover, #leftCol fieldset textarea:hover  {
 border: 1px solid #A9B08A; /* 758144 */
 margin-left: 3px;
}
#leftCol input, #leftCol textarea {
 border: 1px solid;
 border-color: #EAD3AC #BA9D69 #BA9D69 #EAD3AC;
 padding: 4px;
 font: 11px Verdana,Arial,Helvetica,Sans-Serif;
 color: #643F1B; 
}
input.button, #leftCol input.button {
 background: #A4171F;
 font: 10px Georgia,Times,Serif;
 color: #fff;
}
#leftCol input.button:hover, #leftCol input.button:focus, input.button:hover, input.button:focus {
 background: #758144;
 border: 1px solid;
 border-color: #A9B08A #808A56 #808A56 #A9B08A;
 /*color: #A4171F;*/
}
#leftCol fieldset input.button:hover, #leftCol fieldset input.button:focus {
 margin-left: 3px;
}
#comLeft {
 float: left;
 width: 260px;
 margin: 10px 0 0 0;
}
#comRight {
 float: left;
 height: 95px;
 /* width: 80px; */
 border-left: 1px dotted #BA9D69;
 padding: 8px 5px 0 18px;
 margin: 36px 0 0 0;
}
#comRight label { display: inline; }
#leftCol fieldset #comRight input, #leftCol fieldset #comRight input:focus, #leftCol fieldset #comRight input:hover {
 background: none;
 border: 0;
 margin: 0 5px 0 3px;
}
input.rSubmit {
 height: 20px;
 width: 66px;
 background: url(http://www.g-n-l.com/images/rSubmit.gif) no-repeat;
 text-indent: -8000px;
 border: 0;
}
#rightCol fieldset label { margin-top: 5px; }
input.rSubmit {
 height: 20px;
 width: 66px;
 background: url(http://www.g-n-l.com/images/rSubmit.gif) no-repeat;
 text-indent: -8000px;
 border: 0;
 cursor: pointer;
}
#fortFriend input.rSubmit {
 margin: 8px 0 0 100px;
}
#fortFriend fieldset {
 padding: 5px 18px 0 23px;
 margin: 0;
 border: 0;
}
#fortFriend fieldset input.fields {
 background: #E4DAC8;
 border: 0;
 padding: 3px;
 font: 9px Verdana,Arial,Helvetica,Sans-Serif;
 width: 164px;
 color: #947F5F; 
}

#fortFamily input.rSubmit {
 margin: 8px 0 0 100px;
}
#fortFamily fieldset {
 padding: 5px 18px 0 23px;
 margin: 0;
 border: 0;
}
#fortFamily fieldset input.fields {
 background: #E4DAC8;
 border: 0;
 padding: 3px;
 font: 9px Verdana,Arial,Helvetica,Sans-Serif;
 width: 164px;
 color: #947F5F; 
}

.comment_name_input, .comment_email_input, .comment_web_input { width: 210px; }
.txpCommentInputMessage { width: 400px; height: 130px; }
div.comments_error {
 margin-top: 15px;
 background: #E6BC9E;
 font-weight: bold;
 padding: 10px;
 color: #A4171F;
 border: 1px solid #A4171F;
}
#leftCol input.comments_error, #leftCol textarea.comments_error { border: 1px solid #A4171F; }

/* image
================================================== */
a img { border: 0; }
img.left, img.right, img.noFloat {
 padding: 5px;
 border: 1px solid #C4AC85;
 background: #E9D1AA; 	
}
img.left { 
 float: left;
 margin: 4px 10px 5px 0;
}
img.right { 
 float: right;
 margin: 4px 0 5px 10px;
}
img.left:hover, img.right:hover, img.noFloat:hover { border: 1px dotted #643F1B; }
#leftCol .linkBox img {
 float: left;
 border: 1px solid #A2987D;
 margin: 3px 4px 3px 0;
}
dl dd img {
 float: left;
 margin: 5px 5px 5px 0;
 border: 1px solid #B5A480;
}

/* sIFR
================================================== */
h3 {
 font: 16px Georgia,Times,Serif;
 font-weight: bold;
 color: #A4171F;
 text-transform: uppercase;
 margin: 0;
 padding: 0;
}
h5 {
 font: 11px Georgia,Times,Serif;
 color: #643F1B;
 text-transform: uppercase;
 margin: 0 0 8px 0;
 padding: 0;
}
.sIFR-flash {
 visibility: visible !important;
 margin: 0;
}
.sIFR-replaced {
 visibility: visible !important;
}
span.sIFR-alternate {
 position: absolute;
 left: 0;
 top: 0;
 width: 0;
 height: 0;
 display: block;
 overflow: hidden;
}
.sIFR-hasFlash h3 {
 visibility: hidden;
 letter-spacing: -6px;
 font-size: 16px;
}
.sIFR-hasFlash h5 {
 visibility: hidden;
 letter-spacing: -3px;
 font-size: 10px;
}
.sIFR-hasFlash .comNum {
 visibility: hidden;
 letter-spacing: 0;
 font-size: 18px;
}

/* lists
============================================= */
#tunes, #shortStuff, #folioDesc { margin-top: 15px; }
#tunes ul, #tunes li {
 list-style: none;
 padding: 0;
 margin: 0;
 line-height: 11px;
}
#tunes ul li {
 background: url(http://www.g-n-l.com/images/bg/liBg.gif) no-repeat;
 height: 72px;
 padding: 8px 15px 0 20px;
}
#tunes ul li:hover {
 background: url(http://www.g-n-l.com/images/bg/liBg.gif) -213px 0 no-repeat;
}
#shortStuff div ul, #folioList div ul, .delLinks {
 list-style: none;
 padding: 0;
 margin: 0;
}
#shortStuff ul li {
 font-size: 10px;
 padding: 0 15px 0 30px;
 background: transparent url(http://www.g-n-l.com/images/smStar.gif) 18px 2px no-repeat;
 margin: 0;
}
.delLinks li {
 font-size: 10px;
 padding: 0 15px 0 22px;
 background: transparent url(http://www.g-n-l.com/images/smStar.gif) 9px 2px no-repeat;
 margin: 0;
}
#shortStuff ul > li {
 padding-bottom: 6px;
}
#folioList ul li {
 padding: 0 14px 0 15px;
}
#folioList ul > li {
 padding-bottom: 3px;
}
dl dd {
 padding: 0;
 margin: 0 0 8px 0;
}
ol li ul {
 margin: 0;
 padding: 5px 0 1px 10px;
}
.post ul, .postNoLine ul, #about #leftCol ul {
 list-style: none;
 margin: 8px 0 8px 15px;
 padding: 0;
}
.post ul li, .postNoLine ul li, #about #leftCol ul li {
 padding: 0 0 0 15px;
 background: url(http://www.g-n-l.com/images/bg/artLiBg.gif) no-repeat 0 3px;
}
.arch dt { font-weight: bold; margin-top: 10px; }
.arch dd { padding-left: 5px; margin: 2px 0; }