body { font-size: small; font-family: verdana, arial, sans-serif; padding: 0; margin: 0; background: url(../images/bg2.png); }

h1 { font-size: 140%; margin: 0; padding-top: 4px; padding-bottom: 1px; color: black; }
h2 { font-size: 120%; margin: 0; padding-top: 4px; padding-bottom: 1px; color: #3A3A3A; }
h3 { font-size: 110%; margin: 0; padding-top: 4px; padding-bottom: 1px; color: #4d8f1a; }
p { margin: 0; padding-top: 4px; padding-bottom: 8px; }

a:link, a:active, a:visited { color: #3A3A3A; text-decoration: underline; }
a:hover { color: black; text-decoration: none; }

#top { width: 100%; height: 552px; background: url(../images/bg1.png) repeat-x top left; float: left; }
#container { padding: 0; margin: 0; width: 858px; margin: 0 auto; }
#logo { width: 243px; height: 94px; background: url(../images/logo.png) no-repeat; margin-top: 40px; float: left; }
#highlight { width: 615px; height: 168px; background: url(../images/highlight.png); float: right;}
#highlight #panelMailSent2 {margin-top:20px;}
#highlight #panelSendEmail2 {margin-top:20px;text-align:right;}

#navbar { width: 857px; height: 53px; background: url(../images/navbar.png) no-repeat; clear: both; }
#navbar ul { list-style: none; list-style-image: none; padding: 0; margin: 0; margin-left: 10px; }
#navbar ul li { float: left; text-align: center; padding: 0; margin: 0; margin-left: 0px; width: 138px;}
#navbar li a { float: left; line-height: 53px; width: 138px; display: block; text-decoration: none; }
/* Hide from IE5-Mac \*/
#navbar li a { float: none; }
/* End hide */
#navbar li a:hover { background: url(../images/navhover.png) center center no-repeat; color: white; }

#feature-apples { width: 385px; height: 285px; padding-left: 450px; padding-right: 20px; padding-top: 15px; border: 1px solid white; }
#feature-apples { background: white url(../images/apples.jpg) bottom left no-repeat; }

#portfolio1 { width: 385px; height: 235px; padding-left: 430px; padding-right: 20px; padding-top: 25px;  }
#portfolio1 { background: url(../images/portfolio/wfh.jpg) bottom left no-repeat; }
#portfolio2 { width: 385px; height: 260px; padding-left: 430px; padding-right: 20px; padding-top: 25px; }
#portfolio2 { background:  url(../images/portfolio/fbeas.jpg) bottom left no-repeat; }
#portfolio3 { width: 385px; height: 380px; padding-left: 430px; padding-right: 20px; padding-top: 25px; }
#portfolio3 { background: url(../images/portfolio/int.jpg) bottom left no-repeat; }
#portfolio4 { width: 385px; height: 255px; padding-left: 430px; padding-right: 20px; padding-top: 25px; }
#portfolio4 { background: url(../images/portfolio/ahl.jpg) bottom left no-repeat; }
#portfolio5 { width: 385px; height: 190px; padding-left: 430px; padding-right: 20px; padding-top: 25px; }
#portfolio5 { background: url(../images/portfolio/skm.jpg) bottom left no-repeat; }
/* example */
#feature-other { width: 385px; height: 285px; padding-left: 450px; padding-right: 20px; padding-top: 15px; border: 1px solid white; }
#feature-other { background: white url(../images/_____CHANGE_FILENAME_HERE_____) bottom left no-repeat; }
/***********/

#canvas { width: 835px; padding: 10px; height: 300px; height: auto !important; min-height: 300px; border: 1px solid white; background: white url(../images/canvasbg.png) top repeat-x; }

#contact {width:600px; height:300px; margin-left:auto; margin-right:auto;margin-top:40px;}
#contact .nametag {width:150px; float:left; line-height:30px;}
#contact .nameboxtag {width:430px; float:left; line-height:30px;}
#contact .emailtag {width:150px; line-height:30px; clear:left; float:left;}
#contact .emailboxtag {width:430px; float:left; line-height:30px;;}
#contact .messagetag {width:150px;float:left; line-height:30px; clear:both;}
#contact .messageboxtag {width:350px; float:left; }
#contact .buttontag {float:right; clear:both;}
#messagesend, #messagesend2 {text-align: center; vertical-align: middle; width:550px; height:100px;  margin-left:auto; margin-right:auto;margin-top:40px;}

#panelSendEmail2 #quickcontact {font-size: small;font-family: verdana, arial, sans-serif;padding:0px;}
#panelSendEmail2 #quickcontact #txtName2 {width: 190px;font-size:small;padding:0px;margin-right:10px; float:left;}
#panelSendEmail2 #quickcontact #txtEmail2 {width: 190px;font-size:small;padding:0px; float:left;}
#panelSendEmail2 #quickcontact .txtMessageLable  {margin-left:85px; padding-right:4px; width:123px; float:left;}
#panelSendEmail2 #quickcontact .txtMessageBox {width: 400px; float:left; }
#panelSendEmail2 #quickcontact #txtMessage2 {width: 396px;font-size: small;font-family: verdana, arial, sans-serif;padding:0px;}
#panelSendEmail2 .buttontag {margin-left:85px; width:123px; float:left;margin-top:30px; text-align:right;}
.quickcontact {text-align:center; font-weight:bold;}


#footer-greyline { width: 857px; height: 40px; padding-top: 20px; text-align: center; background: white; border-top: 2px solid #959595; }
#footer-green { width: 857px; height: 76px; padding-top: 20px; text-align: center; background: url(../images/footer-green.png); }
#footer-gray { width: 857px; height: 76px; padding-top: 20px; text-align: center; background: url(../images/footer-gray.png); }
#footer-gradient { width: 857px; height: 40px; padding-top: 20px; text-align: center; background: url(../images/footer-gradient.png); border-top: 2px solid #959595; }

#footer-facebook { width: 847px; height: 15px; padding: 5px; background: white; border-top: 1px solid #C0C0C0; font-size: 80%; }
#footer-left { float: left; }
#footer-right { float: right; }

#bottom-gap { height: 20px; }

.Notes {font-size:11px;}