/* CSS Document */
*, html, body { margin: 0; padding: 0; }
body { background: transparent url(http://www.charlespoissongeneralcontracting.ca/images/bodybg.jpg); }
strong { color: #122C4E; }

#mainwrap { width: 780px; margin: 0 auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-left: 3px solid #FFF; border-right: 3px solid #FFF; }
#header { background: transparent url(http://www.charlespoissongeneralcontracting.ca/images/header.jpg) top left no-repeat; height: 162px; }
#menu { padding: 128px 0 0 0; }
#menu a { font-size: 11px; font-weight: bold; padding: 4px 14px; margin: 0 15px; text-decoration: none; color: #333;}
#menu a:hover { background: #666; color: #FFF; }
#content { background: transparent url(http://www.charlespoissongeneralcontracting.ca/images/bgcontent.jpg) top left repeat-y; padding-bottom: 20px; }
#leftcol { width: 568px; float: left; }
#centerimg { background: transparent url(http://www.charlespoissongeneralcontracting.ca/images/centerimg.jpg) top left no-repeat; height: 199px; }
#rightpic { background: transparent url(http://www.charlespoissongeneralcontracting.ca/images/rightpic.jpg) top center no-repeat; height: 250px; }
#centered { text-align: center; font-size: 20px; color: #555E2F; text-decoration: underline; }
.leftbox { padding: 5px; }
.leftbox h3 { font-size: 24px; border-bottom: 1px dashed #B8C097; margin-bottom: 10px; color: #555D39; }
.leftbox h1 { font-size: 24px; border-bottom: 1px dashed #B8C097; margin-bottom: 10px; color: #555D39; text-align:center; }
.leftbox p { padding: 5px 10px 15px; font-size: 13px; text-align: justify; }
#rightcol { width: 203px; float: right; }
.rightbox { padding: 12px; color: #FFF; }
.rightbox h3 { font-size: 18px; font-weight: 400; border-bottom: 1px dashed #FFF; margin-bottom: 8px; }
.rightbox p { padding: 2px 5px 3px; font-size: 13px; }
.clr { clear: both; display: block; font-size: 0; height: 0; line-height: 0; content: " "; }
#footer { background: #73A4DE; border-top: 2px solid #FFF; text-align: center; }
#footer p { padding: 15px; font-size: 12px; }
#footer a { font-weight: bold; text-decoration: none; color: #333; }

#services { padding: 4px 0 0 25px; list-style-type: disc; font-size: 15px; font-weight: bold; color: #003366; }
#services ul.servcon { list-style-type: circle; font-weight: 100; font-size: 13px; padding: 3px 0 8px 25px; color: #000; }
#olform { width: 80%; margin: 0 auto; border: 1px dashed #999; padding: 5px 0; }
#olform legend { background: #0066CC; margin: 0 0 0 10px; padding: 3px 8px; color: #FFF; font-weight: bold; font-size: 11px; border: 2px solid #000066; }
#olform p { padding: 3px 10px 0; }
#olform p label { font-size: 11px; color: #333; line-height: 20px; letter-spacing: 1px; padding: 0 0 0 15px; }
#olform p input.button, #olform p .msgarea, #olform p input.fields { display: block; width: 90%; margin: 0 auto; }
#olform p .msgarea { height: 100px; }
#olform p input.button { padding: 2px 0; background: #336699; color: #FFF; font-weight: bold; font-size: 12px; text-transform: capitalize; }