:link, :visited { text-decoration: none; }
ul,ol{ list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code{ font-size:100%; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,span,img,dt,dd,dl { margin:0; padding:0; }
a img,:link img,:visited img{ border:none; }
address{ font-style:normal; }
/*                                                                          *
 *                              Main Styles                                 *
 *                                                                          */
body { text-align: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: small; color: #666; background-color: #fff; }
a { color: #2b5940; }
a:hover{ text-decoration: underline; }
a:visited { color: #2b5940; }
h1 { font-size: 140% !important; color: #005345 !important; padding-bottom: 10px; }
h2 { font-size: 120% !important; color: #005345 !important; padding-bottom: 10px; }
h3 { font-size: 98% !important; color: #005345 !important; }
h4 { font-size: 100% !important; color: #383838 !important; }
div .image { background: #e2e2e2; padding: 3px; }
div .image:hover {background: #fffdc8; }
div .image-border-padded { background: #e2e2e2; border: #ccc 1px solid; padding: 4px;}
div .image-border-padded:hover { background: #fffdc8; }
span .hide { display: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.inline { display: inline; }
.block { display: block; }
.padded-L10 { padding-left: 10px; }
.padded-L5 { padding-left: 5px; }
.padded-B5 { padding-bottom: 5px; }
.padded-B10 { padding-bottom: 10px; }
.padded-B18 { padding-bottom: 18px; }
.padded-T5 { padding-top: 5px;}
.padded-T10 { padding-top: 10px; }
.padded-T18 { padding-top: 18px; }
.margin-R5 { margin-right: 5px; }
.margin-B5 { margin-bottom: 5px; }
.margin-B10 { margin-bottom: 10px; }
.wrap { margin: 0 auto; width: 760px; text-align: left; }
/*                                                                          *
 *                                Header                                    *
 *                                                                          */
#header { background-image:url(../images/header_bg.png); background-repeat: repeat-x; height: 82px; }
/*                                                                          *
 *                                 Logo                                     *
 *                                                                          */
#logo { background-image:url(../images/logo.png); background-position: top left; background-repeat: no-repeat; height: 80px; }
/*                                                                          *
 *                                 Nav                                      *
 *                                                                          */
#nav { display: block; text-align: left; width: 100%; height: 97px; }
#nav div { float: left; display: inline; }
#nav ul { display: inline; width: 100%; height: 97px; }
/*#nav li { float: left; display: block; padding-top: 15px; padding-left: 42px; padding-right: 42px; width: 104px; height: 100%; }*/
#nav li { float: left; display: block; padding-top: 15px; padding-left: 23px; padding-right:23px; width: 104px; height: 100%; }
#nav li:hover { background-image:url(../images/nav_over_bg.gif); background-repeat: repeat-x; }
#nav h1 { padding-bottom: 2px; }
#nav p { font-size: 92%; }
#nav .active { background-image:url(../images/nav_active_bg.gif); background-repeat: repeat-x; }
#nav .spacer { float: left; background-image:url(../images/nav_border.gif); background-position: center; background-repeat: no-repeat; width: 1px; height: 97px; }
/*                                                                          *
 *                               Content                                    *
 *                                                                          */
#content { display: block; padding-top: 28px; padding-bottom: 30px; background: #fff; width: 100%;}
#content .pane-outer { background: #fff; border-left: #e4e4e4 1px solid; border-right: #e4e4e4 1px solid; padding-left: 2px; padding-right: 2px; }
#content .pane-outer-top { background-image:url(../images/index_left_border_top.gif); background-repeat: no-repeat; background-position: bottom; width: 100%; height: 5px; }
#content .pane-outer-bottom { background-image:url(../images/index_left_border_bottom.gif); background-repeat: no-repeat; width: 100%; height: 5px; }
#content .pane-inner { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; background: #f7f7f7; }
#content .pane-inner h4 { padding-top: 23px; }
#content .pane-inner p { font-size: 98%; color: #3f3f3f; line-height: 1.5; padding-bottom: 10px; }
#content .line-hd { border-bottom: dotted 1px #666; width: 100px; height: 1px; }
#content #left { float: left; padding-right: 18px; }
#content #right { float: right; }
#content .spacer { position: relative; z-index: 0; background-image:url(../images/content_spacer.gif); background-repeat: repeat-x; width: 760px; height: 39px; }
#content .spacer h2 { padding-top: 7px; }
#content .portfolio { }
#content .portfolio p { font-size: 98%; }
#content .selected-projects { display: block; float: left; padding-left: 10px; width: 100%; padding-top: 10px; padding-bottom: 10px; }
#content .selected-projects:hover { background: #f6f6f6; }
#content .selected-projects h3 { font-style: italic; }
#content .selected-projects dt { font-size: 92%; padding: 0; }
#content .selected-projects dd { font-size: 92%; padding: 0; }
#content .selected-projects p { font-size: 92%; padding: 0; }
#content .client-list { position: relative; top: -5px; width: 760px;}
#content .client-list ul { font-size: 100%; color: #666; padding-bottom: 15px; }
#content .client-list li { font-size: 92%; padding-left: 10px; padding-bottom: 2px; }
#content .project-details { float: left; }
#content .project-details h2 { padding-bottom: 0px; font-style: italic; }
#content .project-details p { font-size: 98%; line-height: 1.2; }
#content .services { }
#content .services h4{ display: inline; }
#content .services span {float: left; display: block; padding-top: 18px; }
#content .services span p { display: inline; font-size: 98%; line-height: 1.2; }
#content .about { }
#content .about p { font-size: 98%; line-height: 1.2; }
#content .contact { padding-bottom: 5px; }
#content .contact p { font-size: 98%; line-height: 1.2; }
div .slideshow { display: block; padding: 5px 0 10px 0; }
div .slideshow ul { float: right; display: inline; padding-top: 5px; width: 90px; }
div .slideshow li { display: inline; float: left; }
div .slideshow p { float: left; display: inline; padding-top: 8px; padding-left: 5px; font-size: 92%; line-height: 1.2; letter-spacing: .1em; }
.slideshow-btn-prev { background-image: url(../images/slideshow/prev.gif); background-repeat: no-repeat; cursor: pointer; width: 36px; height: 24px; }
.slideshow-btn-prev:hover { background-image: url(../images/slideshow/prev_over.gif); background-repeat: no-repeat; }
.slideshow-btn-next { background-image: url(../images/slideshow/next.gif); background-repeat: no-repeat; cursor: pointer; width: 40px; height: 24px; }
.slideshow-btn-next:hover { background-image: url(../images/slideshow/next_over.gif); background-repeat: no-repeat; }
/*                                                                          *
 *                                Footer                                    *
 *                                                                          */
#footer { border-top: #666 1px dotted; padding-bottom: 30px; height: 50%; width: 100%; }
#footer p { background-image: url(../images/footer_border_top.gif); background-repeat: no-repeat; background-position: top left; padding-top: 5px; font-size: 90%; color: #666; }
#footer a { color: #666; }
