html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}h1,h2,h3,h4,h5{font-weight:400;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}legend{display:none;}strong,b{font-weight:700;}i,em{font-style:italic;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.clearfix{*zoom:1;}

/* Lambert Green : 5e7743 */

body {background:url(../img/bg.jpg) no-repeat center top #5e7743; font:75%/1em "Helvetica Neue", Helvetica, Arial, sans-serif;}

/* Generic Style */
.clear {display:block; clear:both;}
.left {float:left; margin:0 10px 10px 0;}
.right {float:right; margin:0 0 10px 10px;}
.has-js .js-hide {display:none;}

a {color:#5e7743; text-decoration:none;}
    a:hover, a:focus {text-decoration:underline;}
    a.thumb {display:block; margin:0 0 10px;}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}

form li {padding:0 0 10px;}
    form li.buttons {padding-left:150px;}

label {float:left; width:150px;}

input[type=text],
textarea {display:block; width:278px; padding:3px 4px; border-top:1px solid #666; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; border-left:1px solid #666;}

.copy {color:#666; line-height:16px;}
    .copy h3,
    .copy h4,
    .copy h5,
    .copy h6 {margin:0 0 8px; color:#000;}
    
p {margin:0 0 12px;}
p.error {margin:0 0 15px; color:#d02626; font-weight:bold;}
p.success {color:#5f7745; font-weight:bold;}

/*  Columns and Modules
    -------------------
*/
.main {padding:10px 16px 0 170px;}
.main-menu {padding:10px 16px 0 18px;}
.col-menu {float:left; width:132px; padding:4px 0; border-top:2px solid #e7e7e7; margin:0 20px 0 0;}
.ie6 .col-menu li {zoom:1;}
.col-menu a {display:block; padding:4px 0;}
    .ie6 .col-menu a {zoom:1;}
    .col-menu a.selected {color:#000; font-weight:bold;}
.col-1 {float:left; width:230px; padding:0 22px 20px 0; color:#666; line-height:1.25em;}
    .col-last {padding-right:0;}
.col-2 {float:left; width:482px; padding:0 22px 20px 0;}
.col-3 {padding:0 0 20px;}

.col-1 h4,
.col-2 h3,
.col-3 h2 {padding:6px 0; border-top:5px solid #000; border-bottom:2px solid #e7e7e7; margin:0 0 10px; background-color:#fafafa; color:#000; font-size:1.167em; font-weight:bold; line-height:1em;}
.col-1 h5 {margin:0 0 8px;}
    .featured-gallery h5 {margin:0 0 3px;}

.portfolio-project {float:left; width:734px;}
.portfolio-project .head {padding:6px 0; border-top:5px solid #000; border-bottom:2px solid #e7e7e7; background:#fafafa; color:#000;}
.portfolio-project .head h3 {float:left; margin:0 20px 0 0; font-size:1.167em; line-height:1em;}
.portfolio-project .head span {float:right;}
.portfolio-project ul.meta {padding:6px 0; border-bottom:2px solid #e7e7e7; margin:0 0 10px; background:#fafafa; color:#999;}
.portfolio-project ul.gallery {margin:0 0 30px;}
.portfolio-project ul.meta strong {color:#666; font-weight:normal;}
.portfolio-project li {float:left; width:167px; margin:0 22px 0 0;}
    .portfolio-project li.fourth {margin:0;}
.portfolio-project img {display:block;}

.portfolio-home h3 {margin:0;}
.ie6 .portfolio-home li {zoom:1;}
.portfolio-home li a {display:block; padding:7px 0; border-bottom:1px solid #eee; background:url(../img/arrow.png) no-repeat right center;}

ol.news {border-top:5px solid #000;}
ol.news h3 {padding:16px 0 0; border-top:none; border-bottom:none; background:transparent;}

.mod-contact p {margin:0 0 10px;}
.mod-contact dt {float:left; width:45px; font-weight:bold;}
.mod-contact dd {float:left; width:185px;}
.mod-contact .email {padding:10px 0 0;}

/*  Layout
    ------
*/
#wrap {width:920px; padding:0 2px 2px; margin:0 auto; background:url(../img/bg-wrap.png) no-repeat center top #fff;}

/*  Header Area
    -----------
*/
#header {padding:35px 16px 0 40px;}
#logo {float:left; width:86px; height:85px; margin:0 44px 0 0;}
    h1#logo {background:url(../img/logo.png) no-repeat; overflow:hidden; text-indent:-9999px;}

#header ul {float:right; width:734px; padding:54px 0 5px; border-bottom:2px solid #e7e7e7; margin:0;}
#header ul li {float:left; width:138px; margin:0 11px 0 0;}
    #header ul li.fifth {margin:0;}
#header ul a {display:block; width:138px; padding:4px 0; border-bottom:3px solid #5e7743;}
    #header ul a.selected {background:url(../img/bg-nav-selected.png) repeat;}
    #header ul a:hover {color:#000; text-decoration:none;}
        #header ul li > a:hover {border-bottom-color:#000;} /* So IE6 doesn't get this rule. We love you, little browser. */
#header .breadcrumb {float:right; width:734px; padding:12px 0 2px; margin:0;}
    #header .breadcrumb-border {padding-bottom:12px; border-bottom:5px solid #000;}

/*  Hero Area
    ---------
*/
#hero {position:relative; height:286px; background:#f3f3f3;}
#hero .cycler {position:absolute; top:0; left:0; z-index:1; display:block; width:652px; height:286px; background:#999;}
#hero .cycler img {position:absolute; top:0; left:0; z-index:2; display:block;}
    #hero .cycler img.first {z-index:3;}
#hero .mask {position:absolute; top:0; left:0; z-index:99; display:block; width:160px; height:286px; background:url(../img/white-diagonal-mask.png);}
    .ie6 #hero .mask {display:none;}
#hero .title {position:absolute; top:35px; left:170px; z-index:100; width:482px; height:251px; color:#fff; font-size:5em; font-weight:bold; line-height:.9em;}
    .ie6 #hero .title,
    .ie7 #hero .title {line-height:normal;}
#hero .text {float:right; width:230px; border-top:1px solid #888; margin:30px 16px 0 0; color:#666; line-height:1.25em;}
    .ie6 #hero .text {display:inline;}
#hero .text h3 {margin:.5em 0 1em; color:#444; font-size:1.182em; font-weight:bold;}

/*  Footer Area
    -----------
*/
#footer {position:relative; padding:12px 0; border-top:2px solid #e7e7e7; margin:0 16px 0 170px; color:#888; font-size:.917em; line-height:1.273em;}
#footer p {float:left; width:504px;}
    #footer .credit {float:right; width:230px;}
#footer p span {padding:0 .3em; color:#ccc;}
.has-js #about-the-site {display:none; position:absolute; top:-43px; right:-25px; width:250px; padding:5px; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px -webkit-border-radius:5px; -ms-border-radius:5px; background:#fff;}
.has-js #about-the-site .close {position:absolute; bottom:2px; right:2px; display:block; padding:3px; border-radius:3px; -moz-border-radius:3px -webkit-border-radius:3px; -ms-border-radius:3px;}
.has-js #about-the-site .close:hover {background:#5f7745; color:#fff; text-decoration:none;}


/*  Colorbox
    --------
*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay {position:fixed; width:100%; height:100%;}
#cboxMiddleLeft,
#cboxBottomLeft {clear:left;}
#cboxContent {position:relative; overflow:hidden;}
#cboxLoadedContent {overflow:auto;}
#cboxLoadedContent iframe {display:block; width:100%; height:100%; border:0;}
#cboxTitle {margin:0;}
#cboxLoadingOverlay,
#cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%;}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft,
#cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight,
#cboxTopCenter, #cboxBottomCenter {display:none;}
#cboxContent{padding:10px; background:#fff;}
    #cboxLoadedContent{margin:0 0 35px;}
    #cboxTitle{position:absolute; bottom:10px; left:0; text-align:center; width:100%; color:#949494; line-height:25px;}
    #cboxCurrent{position:absolute; bottom:10px; left:-9999px; color:#949494; line-height:25px;}
    #cboxPrevious{position:absolute; bottom:10px; left:10px; background:url(../img/cbox-controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxPrevious.hover{background-position:-75px -25px;}
    #cboxNext{position:absolute; bottom:10px; left:37px; background:url(../img/cbox-controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxNext.hover{background-position:-50px -25px;}
    #cboxLoadingGraphic{background:url(../img/cbox-loading.gif) center center no-repeat;}
    #cboxClose{position:absolute; bottom:10px; right:10px; background:url(../img/cbox-controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxClose.hover{background-position:-25px -25px;}
