/* CSS Document */

div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote  {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {font-family: Arial, Helvetica, sans-serif;}

a img, :link img, :visited img {border: none}

body { margin: 0px 0px 30px; padding: 22px 0px 0px; background: #Ffffff; }

div.clear {clear: both; overflow: hidden; height: 1px; }

.link { color: #B3B300; }
a.link:hover { color: #D49377; }

#wrapper { width: 808px; text-align: left; padding-left: 8px; margin-right: auto; margin-left: auto; 
}

#container { width: 800px; border: 0px solid #000000; clear: none; margin-bottom: 25px; background: #FFFFFF; }

/* main navigation styles */
#mainNav { background: url(images/navBack.jpg) repeat-y; height: 15px; width: 530px; clear: both; margin: 0px; padding: 0px; overflow: hidden; }
#mainNav ul { margin-left: 44px !important; margin-left: 22px; width: 480px; height: 13px; float: left; margin-top: 1px; padding: 0px; }
#mainNav li { float: left; padding-right: 24px; list-style: none; font-size: 11px; height: 11px; display: block; }
.mainNav { font: bold 10px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; float: left; }
a.mainNav:hover { color: #000000; }
.mainNavOn { font: bold 10px Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; float: left; }

/* styles for work pages navigation */
#workNav { width: 800px; height: 83px; float: none; position: relative; }

ul.workCategory { margin-left: 119px !important; margin-left: 60px; margin-top: 7px; margin-bottom: 6px; display: block; height: auto; width: 408px; float: left;  }
ul.workCategory li { font: 12px Arial, Helvetica, sans-serif; list-style: none; padding-bottom: 1px; }
ul.workPages   { float: left;  margin: 0px; padding: 0px; }
ul.workPages  li  { float: left; padding-right: 0px; list-style: none;  display: block; }
ul.workCategory  span { text-align: right; float: left; width: 72px; margin-right: 17px; display: block;  }

.workNavOff { color: #999999; text-decoration: none; display: block !important; display: inline-block; padding-right: 3px; padding-left: 3px;}
a.workNavOff:hover { color: #333333; text-decoration: none; }

.workNavOn { color: #333333; text-decoration: none; display: block !important; display: inline-block; padding-right: 3px; padding-left: 3px; }

.workSubNav { color: #000000; text-decoration: none; display: block !important; display: inline-block; padding-right: 3px; padding-left: 3px; }
a.workSubNav:hover { color: #576400; text-decoration: none; }
.workSubNavOn { color: #B3B300; text-decoration: none; display: block !important; display: inline-block; padding-right: 3px; padding-left: 3px; }

#logo { float: left; height: auto; width: 220px; margin-left: 0px; margin-top: 23px; border: 0px solid #000000; }
#altLogo { float: left; height: auto; width: 220px; margin-left: 527px !important; margin-left: 264px; margin-top: 23px; border: 0px solid #000000; }

div.navLine { background: #000000; clear: both; height: 1px; width: 705px; overflow: hidden; bottom: 0px; position: absolute; left: 44px; visibility: visible; }


/* content styles */
#homeContent { margin-top: 70px; float: left; height: 460px; width: 800px; }
#content { float: left; width: 760px; background: #FFFFFF; float: left; margin-left: 0px; padding-bottom: 50px; }
#contentContainer { width: 800px; font-family: Arial, Helvetica, sans-serif; float: left; font-size: 12px; color: #333333; margin-top: 25px; 
	
}
#contentWrapper1 { width: 760px; background: #BDD0E1 url(images/leftborder.jpg) repeat-x top; float: left; padding-right: 20px; border-bottom: 20px solid #BDD0E1; padding-left: 20px; 
}



#samples { height: auto; float: left; margin-top: 11px; width: 748px; margin-bottom: 0px; }
#samplePic { float: left; width: 480px; margin-right: 20px; margin-left: 9px !important; margin-left: 4px; }
#sampleText { font: 12px Arial, Helvetica, sans-serif; color: #000000; float: left; height: auto; width: 220px; margin-top: 93px; }

#sampleText h2 {font: normal 14px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; margin-bottom: 10px}
#sampleText p { margin-bottom: 10px; line-height: 17px; }
#sampleNav { }
ul.sampleNav { }
ul.sampleNav li { float: left; list-style: none; font: 28px/20px Georgia, "Times New Roman", Times, serif; display: block; }
ul.sampleNav li span { color: #FB6BC3; font-size: 22px; padding-right: 4px; padding-left: 4px; }
.sampleNavOn { color: #B3B300; text-decoration: none; padding-right: 4px; padding-left: 4px; }
.sampleNavOff { color: #999999; text-decoration: none; padding-right: 4px; padding-left: 4px; }
.sampleNavOff:hover { color: #B3B300; text-decoration: none; }


#aboutContent { width: 390px; float: left; height: auto; margin-right: 45px; margin-top: 35px; margin-left: 75px !important; margin-left: 37px }
#aboutContent h2 { font: normal 14px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; margin-bottom: 10px }
#aboutContent p { margin-bottom: 10px; line-height: 17px; font-size: 12px; }
#contactContent { width: 272px; float: left; height: auto; margin-right: 45px; margin-top: 75px; margin-left: 192px !important; margin-left: 96px }
#contactContent h2 { font: normal 14px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; margin-bottom: 10px }
#contactContent p { margin-bottom: 10px; line-height: 17px; font-size: 12px; }


#about #squares { float: left; height: auto; width: 250px; }
#contact #squares { float: left; height: auto; width: 250px; margin-top: 75px; margin-bottom: 0px; }
#square1 { height: 85px; width: 90px; margin-left: 130px; float: none; background: #CCCC00; }
#square2 { height: 85px; width: 130px; float: none; background: #99CC66; }
#square3 { height: 85px; width: 90px; margin-left: 130px; float: none; background: #CCCC99; }
#square4 { height: 125px; width: 130px; margin-left: 0px; float: none; background: #CCCC00; }