@import url(fonts.css);

/* Heggenes Construction */

div,span,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,a img,em,img,small,strike,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    }

body { margin: 0; padding: 0; background: url(../img/bg-body.png) left top; font-size: 100%; text-align: center; }

a { text-decoration: none; }

a img { border: none; }

h1 { font-family: 'CalaRegular', Times, serif; font-size: 2.063em; font-weight: normal; line-height: 1.125; color: white; }

h2 { margin-bottom: 15px; font-family: 'CalaRegular', Times, serif; font-size: 1.7em; font-weight: normal; line-height: 1; color: #746333; }

#header { width: 980px; height: 405px; margin: 0 auto; text-align: center; clear: both; }
#header div.slide { height: 405px; }
#header div.slide h1 { padding: 151px 103px 0 103px; }
#header div.one { background: url(../img/bg-heggenes.jpg) left top no-repeat; }

#page { width: 980px; margin: 0 auto; background: url(../img/bg-content.png) left top repeat-y; }

#content { width: 662px; padding: 32px 0 70px 322px; text-align: left; }
#content div.rule { width: 620px; margin: 20px 0 34px 0; }
#content h3 {  }
#content a { text-decoration: underline; color: #88893d; }
#content p { font-family: 'CalaLight', Times, serif; font-size: 1.125em; font-weight: normal; line-height: 1.35; text-align: justify; padding-right: 50px; padding-bottom: 29px; color: #666; }
#content p strong { font-family: 'CalaRegular', Times, serif; font-size: 1.188em; font-weight: normal; }

#sidebar { width: 282px; float: left; }
#sidebar div.rule { width: 229px; margin-left: 28px; margin-bottom: 15px; }
#sidebar h2, #sidebar p { padding-left: 37px; text-align: left; }
#sidebar p { margin-bottom: 10px; width: 225px; }
#nav { margin-left: 28px; margin-bottom: 25px; }
#nav h4 a { display: block; width: 218px; height: 33px; padding-top: 10px; padding-left: 10px; background: #88893d; font-family: 'CalaLight', Times, serif; font-size: 1.125em; font-weight: normal; text-align: left; color: white; border-bottom: 5px solid white; }
#nav h4 a:hover, #nav h4 a.active { background: #746333; }
#nav .collapse img { margin-left: -27px; border-bottom: 8px solid white; }
#nav div p { padding-bottom: 15px; padding-left: 0; width: 225px; }

#sidebar p { font-family: 'EpocaProRegular', Arial, sans-serif; font-size: 0.75em; line-height: 1.75; color: #666; }
#sidebar p.contact { font-size: 1em; color: #88893d; padding-bottom: 8px; }
#sidebar p.contact a { font-size: 0.875em; color: #88893d; }

#portfolio { width: 616px; height: 160px; padding: 15px 0 15px 4px; background: white; }
#portfolio div { float: left; margin-left: 12px; }
#portfolio p { font-family: 'EpocaProRegular', Arial, sans-serif; font-size: 0.875em; margin-top: 8px; }
#portfolio p a { color: #746333; }

#expectations { display: table; }
#expectations div { display: table-row; }
#expectations div div { display: table-cell; margin: 15px 0; vertical-align: top; }
#expectations div div img { margin-right: 20px; }
#expectations h3 { font-family: 'CalaRegular', Times, serif; font-size: 1.375em; font-weight: normal; line-height: 1; color: #88893d; margin-bottom: 4px; }

#content.testimonials h2 { margin-left: 101px; }
#content.testimonials div.rule { margin-top: 5px; }
#testimonials { display: table; }
#testimonials div { display: table-row; }
#testimonials div div { display: table-cell; margin: 15px 0; vertical-align: top; }
#testimonials h3 { font-family: 'CalaRegular', Times, serif; font-size: 1.375em; font-weight: normal; line-height: 1; color: #88893d; margin-bottom: 14px; }
#testimonials p img { margin-top: 5px; margin-right: 0 !important; margin-left: 20px; }
#testimonials div div p.attribution { color: #746333; }
#testimonials div.gallery a span { display: block; width: 80px; height: 110px; margin-right: 20px; overflow: hidden; }
#testimonials div.gallery a img  { margin-top: 0; }
#testimonials div.gallery a img:hover  { margin-top: -110px; }

#media { display: table; }
#media div { display: table-row; }
#media div div { display: table-cell; margin: 15px 0; vertical-align: top; }
#media div div img { margin-right: 20px; }
#media h3 { font-family: 'CalaRegular', Times, serif; font-size: 1.375em; font-weight: normal; line-height: 1; color: #88893d; margin-bottom: 4px; }
#media h3 a { color: #88893d; }
#media p img { margin-top: 5px; margin-right: 0 !important; margin-left: 20px; }

#footer { width: 980px; height: 73px; margin: 0 auto; background: #a3a3a3 url(../img/bg-hclogo.png) 27px 11px no-repeat; text-align: left; }
#footer div.left { width: 232px; padding-left: 92px; float: left; }
#footer div.right { width: 500px; padding-left: 99px; float: left; }
#footer p { font-family: 'EpocaProRegular', Arial, sans-serif; font-size: 0.814em; margin-top: 30px; color: #666; }
#footer p a { color: white; }

div.clear { width: 100%; clear: both; }
div.rule { height: 1px; background: url(../img/bg-dotted.png) left top repeat-x; }

/* positioning */
img.logo { margin-bottom: 33px; }
img.about { margin-bottom: 14px; }

/* collapse plugin */
.js .collapse {display: none;}