.picborder-sub {
background-color: #ccbf93;
background-image: url(i/beigeheader.gif);
border: 1px solid #ccbf93;
margin: auto;
padding: 10px;
width: 678px;
}


.pic-sub {
/* background-color: yellow; */
border: 1px solid #cebf89;
height: 100px;
margin: auto;
width: 100%;
}

#pic-about { background: #e8e7a9 url(i/about-header.gif) no-repeat; } 
#pic-process { background: #e8e7a9 url(i/process-header.gif) no-repeat; }
#pic-services { background: #e8e7a9 url(i/services-header.gif) no-repeat; }
#pic-work { background: #e8e7a9 url(i/work-header.gif) no-repeat; }
#pic-contact { background: #e8e7a9 url(i/contact-header.gif) no-repeat; }


.content {
border: 1px solid #ccc;
margin: 20px auto;
padding: 30px 20px 30px 300px;
text-align: left;
width: 380px;
}

#about-content {
background: url(i/about-side.gif) no-repeat;
background-color: #fff;
}

#process-content {
background: url(i/process-side.gif) no-repeat;
background-color: #fff;
}

#services-content {
background: url(i/services-side.gif) no-repeat;
background-color: #fff;
}

#work-content {
background: url(i/work-side.gif) no-repeat;
background-color: #fff;
}

#contact-content {
background: url(i/contact-side.gif) no-repeat;
background-color: #fff;
height: 600px;
}
.content h1 { font-family: Segoe UI, Lucida Sans, Lucida Grande, Trebuchet MS, Arial; }
.content h3 { font-family: Segoe UI, Lucida Sans, Lucida Grande, Trebuchet MS, Arial; }

.content p { 
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-size: 75%;
line-height: 175%;
margin-top: 10px;
margin-bottom: 10px;
}

.main {
float: right;
text-align: left;
width: 400px;
}



/*
//////////
PORTFOLIO 
//////////
*/

#p-cmesa-homepage { background-image: url(p/cmesa-homepage-t-off.gif); }
a:hover#p-cmesa-homepage { background-image: url(p/cmesa-homepage-t.gif); }
#p-5d-flyer { background-image: url(p/5d-flyer-t-off.gif); }
a:hover#p-5d-flyer { background-image: url(p/5d-flyer-t.gif); }
#p-cmesa-leap { background-image: url(p/cmesa-leap-t-off.gif); }
a:hover#p-cmesa-leap { background-image: url(p/cmesa-leap-t.gif); }
#p-fshow-ticket { background-image: url(p/fshow-ticket-t-off.gif); }
a:hover#p-fshow-ticket { background-image: url(p/fshow-ticket-t.gif); }
#p-ewag-flyer { background-image: url(p/ewag-flyer-t-off.gif); }
a:hover#p-ewag-flyer { background-image: url(p/ewag-flyer-t.gif); }
#p-ewag-homepage { background-image: url(p/ewag-homepage-t-off.gif); }
a:hover#p-ewag-homepage { background-image: url(p/ewag-homepage-t.gif); }

a.lbOn { background-color: #252525; border: 1px solid #000; display: block; float: left; height: 100px; margin: 8px; width: 100px; }
a:hover.lbOn { border: 1px solid #FFFFFF; }
.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }



/*
//////////
CONTACT FORM
//////////
*/

.contact-input {
background-image: url(i/contact-bg.gif);
border: 1px solid #EFEFEF; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 75%; padding: 3px;
}

#contact-submit {
background-color: #e8e7a9; border: 1px solid #222222; color: #000; padding: 3px; font-family: Lucida Sans, Verdana, Arial, sans-serif; font-size: 66%;
text-transform: uppercase;
}

#contact-submit:hover {
background-color: #ccbf93; border: 1px solid #fff; color: #fff;
}