/* general settings */
body {background:#bcbec0 url(../image/background.gif) repeat-y center top; margin:0px; font:14px arial, helvetica, sans-serif; color:#404040;}
form {margin:0px;}
input {font-size:14px; color:#666; background:url(../image/input-background.gif) no-repeat left top; border:1px solid #ddd;}
select {font-size:14px; color:#666;}
textarea {font:14px arial; color:#666; background:url(../image/input-background.gif) no-repeat left top; border:1px solid #ddd;}
input:focus, select:focus, textarea:focus {border:1px solid #aaa; color:#000;}
h1 {font:bold 18px verdana; color:#333; margin:0px; padding:0px;}
label {cursor:pointer;}
img {border:0px;}


/* layout settings */
#top-nav {background:#254433; padding:18px 8px;}
#top-nav .wrapper {width:980px; margin:0px auto;}
#top-nav .wrapper ul {margin:0px; padding:0px;}
#top-nav .wrapper ul li {list-style:none; display:inline; text-align:center;}
#top-nav .wrapper ul li a:link, #top-nav .wrapper  ul li a:visited {font:12px arial; color:#fff; padding:0px 8px 0px 16px; background:url(../image/bullet.png) no-repeat left center;}
#top-nav .wrapper ul li a:active, #top-nav .wrapper  ul li a:hover {font:12px arial; color:#fff; padding:0px 8px 0px 16px; background:url(../image/bullet.png) no-repeat left center;}
#top-nav .wrapper ul ul li a:link, #top-nav  .wrapper ul ul li a:visited {background:none;}
#top-nav .wrapper ul ul li a:active, #top-nav .wrapper  ul ul li a:hover {background:none;}
#top-nav .wrapper ul li a.first {padding-left:4px; background:none;}
#top-nav .wrapper ul li a.last {padding-right:0px;}

#home-nav-middle {background:#fff; height:238px;}
#home-nav-middle .wrapper {width:980px; margin:0px auto;}
#home-nav-middle .wrapper #logo {float:left; width:247px; height:179px; margin:32px 0px 0px 30px;}
#home-nav-middle .wrapper #gallery {float:right; width:630px; position:relative; z-index:1;}
#home-nav-middle .wrapper #gallery .wrapper {height:263px; width:630px; background:url(../image/rotate-background.png) no-repeat; position:absolute; margin-top:14px;}
#home-nav-middle .wrapper #gallery .wrapper img {margin:19px 0px 0px 25px;}
#home-nav-bottom {background:#254433; padding:18px 8px;}
#home-nav-bottom .wrapper {width:980px; margin:0px auto; color:#fff; font:italic 14px arial;}
#content {width:980px; margin:0px auto; padding:35px 0px;}
#content h1 {font:bold 22px arial; color:#0d2b0d; padding-bottom:4px; margin-bottom:20px; border-bottom:2px solid #379f37;}
#content .image-left {float:left; margin:0px 20px 20px 0px; padding:3px; background:#fff; border:1px solid #aaa;}
#content .image-right {float:right; margin:0px 0px 20px 20px; padding:3px; background:#fff; border:1px solid #aaa;}
.clear {clear:both; margin:0px; padding:0px; height:0px; font-size:0px; line-height:0px; float:none;}

/* header settings */
#header {background:url(../image/interior-header-background.png) no-repeat center top; height:108px; padding-top:12px;}
#header .wrapper {width:980px; margin:0px auto;}
#header .wrapper .left {float:left; width:122px; margin-left:125px;}
#header .wrapper .right {float:right; width:530px; position:relative; height:88px;}
#header .wrapper .right .wrapper {color:#fff; font:italic 14px arial; width:auto; position:absolute; bottom:0px; left:5px;}

/* mission statement settings */
#mission-statement {float:left; width:350px; height:208px; background:url(../image/mission-statement-background.png) no-repeat;}
#mission-statement .wrapper {padding:20px 24px 20px 30px; height:132px; overflow:hidden;}
#mission-statement .wrapper h1 {font:bold 16px arial; color:#0d2b0d; padding-bottom:4px; margin-bottom:10px; border-bottom:2px solid #379f37;}
#mission-statement .wrapper p {margin-top:5px; color:#0d2b0d; font-size:14px;}

/* mission statement settings */
#our-portfolio {float:right; width:588px; height:208px; background:url(../image/our-portfolio-background.png) no-repeat;}
#our-portfolio .wrapper {padding:20px 20px 20px 30px;}
#our-portfolio .wrapper h1 {font:bold 16px arial; color:#0d2b0d; padding-bottom:4px; margin-bottom:10px; border-bottom:2px solid #379f37;}
#our-portfolio .wrapper .left {float:left; width:14px; margin:47px 0px 0px 0px;}
#our-portfolio .wrapper .middle {float:left; width:480px; margin-left:16px; padding:5px 0px 0px 0px;}
#our-portfolio .wrapper .middle .project {float:left; margin:0px 9px 0px 0px;}
#our-portfolio .wrapper .middle .project img {border:1px solid #f0f0f0; padding:2px;}
#our-portfolio .wrapper .middle .project img:hover {border:1px solid #ccc;}
#our-portfolio .wrapper .right {float:right; width:14px; margin:47px 0px 0px 0px; height:auto; padding:0px;}

/* footer settings */
#footer {color:#022502; text-align:center; clear:both; width:980px; margin:0px auto; padding:50px 0px; font:12px arial;}
#footer #bottomnav {padding-bottom:15px; margin-bottom:15px; border-bottom:2px solid #379f37;}
#footer #bottomnav ul {margin:0px; padding:0px;}
#footer #bottomnav ul li {list-style:none; display:inline; padding:0px 5px 0px 9px; background:url(../image/breaker.gif) no-repeat left 3px;}
#footer #bottomnav ul li.first {padding-left:0px; background:none;}
#footer #bottomnav ul li.last {padding-right:0px;}
#footer #bottomnav ul li a:link, #footer #bottomnav ul li a:visited {color:#386f51; text-decoration:underline;}
#footer #bottomnav ul li a:active, #footer #bottomnav ul li a:hover {color:#409567; text-decoration:underline;}
#footer #disclaimer {line-height:18px;}
#footer #disclaimer a:link, #footer #disclaimer a:visited {color:#319c31; text-decoration:none;}
#footer #disclaimer a:active, #footer #disclaimer a:hover {color:#409567; text-decoration:none;}

/* drop down menu settings */
.dropmenudiv {position:absolute; top:0px; margin:0px; line-height:18px; z-index:10000; background:#fff; width:150px; visibility:hidden;}
.dropmenudiv ul {margin:0px; padding:0px; border:1px solid #bbb; border-top:0px; border-bottom:0px;}
.dropmenudiv li {list-style:none;}
.dropmenudiv a:link, .dropmenudiv a:visited {display:block; border-bottom:1px solid #bbb; padding:5px 8px; text-decoration:none; font-weight:bold; color:#404040;}
.dropmenudiv a:active, .dropmenudiv a:hover {display:block; border-bottom:1px solid #bbb; padding:5px 8px; text-decoration:none; font-weight:bold; color:#000; background:#f5f5f5;}
.misc {margin:0px;}

/* grid settings */
.grid {border:1px solid #999; margin-bottom:15px; background:#fff;}
.grid label {}
.grid label.required {background:url(../image/required.gif) no-repeat right top; padding-right:10px;}
.grid tr {}
.grid th {padding:7px 6px; background:#777; font:bold 14px arial; color:#fff; text-align:left;}
.grid td {padding:5px 6px;}
.grid tr.even {background:#fafafa;}
.grid td input {padding:6px; width:300px;}
.grid td input#NAME {}
.grid td input#EMAIL {}
.grid td input#ADDRESS {}
.grid td input#CITY {width:200px;}
.grid td input#STATE {width:22px; text-transform:uppercase;}
.grid td input#ZIP {width:75px;}
.grid td input#PHONE {width:150px;}
.grid td input#FAX {width:150px;}
.grid td textarea#MESSAGE {width:96%; height:200px; padding:8px;}
.grid input.checkbox {margin:0px; padding:0px; border:0px; width:18px; height:18px; background:none; cursor:pointer;}
input.submit {font:bold 16px arial; cursor:pointer; background:url(../image/button-background.gif) repeat-x; border:1px solid #999; padding:8px 12px;}
input.submit:hover {text-decoration:underline;}

/* pagination settings */
.pagination {padding:0px; margin:0px;}
.pagination ul {margin:0px; padding:0px; text-align:left; font-size:12px;}
.pagination li {list-style-type:none; display:inline; padding-bottom:1px; background:transparent; padding-left:0px; margin:0px; line-height:25px;}
.pagination a:link, .pagination a:visited {padding:3px 6px; border:1px solid #ccc; text-decoration:none; color:#a3a3a3;}
.pagination a:hover, .pagination a:active {border:1px solid #666; color:#404040; background:#f7f7f7; text-decoration:none;}
.pagination li.currentpage {font-weight:bold; padding:3px 5px 3px 7px; border:1px solid #666; background:#379F37; color:#fff; margin-right:3px;}
.pagination li.disablepage {padding:3px 6px; border:1px solid #929292; color: #929292; margin-right:3px;}
.pagination li.nextpage {font-weight:bold;}
* html .pagination li.currentpage, * html .pagination li.disablepage {margin:0px 4px; padding-right:0px;}


/* link settings */
a:link, a:visited {color:#2879cc; text-decoration:none;}
a:active, a:hover {color:#1b83ed; text-decoration:underline;}

/* projects settings */
#projects {padding:20px 0px;}
#projects ul {margin:0px; padding:0px;}
#projects ul li {list-style:none; float:left; margin:0px 7px 7px 0px; padding:8px;  background:none; width:147px; text-align:center;}
#projects ul li.last {margin-right:0px;}
#projects ul li img {display:block; margin:0px 0px 5px 0px; padding:2px; border:1px solid #e5e5e5; background:#fff;}
#projects ul li img:hover {border:1px solid #bbb;}
#projects ul li span {color:#b26b6b; font-weight:normal;}
#projects ul li a {text-decoration:none; color:#999; font-weight:bold;}
#projects ul li.clear {border:0px; float:none; clear:both; background:none; padding:0px; margin:0px;}
#project {padding:20px 0px;}
#project .photo-gallery {float:left; width:356px;}
#project .photo-gallery .main img {background:#fff; padding:2px; border:1px solid #eee;}
#project .photo-gallery .main img:hover {border:1px solid #ccc;}
#project .photo-gallery ul {margin:8px 0px; padding:0px;}
#project .photo-gallery ul li {list-style:none; float:left; margin:0px 10px 3px 0px;}
#project .photo-gallery ul li img {background:#fff; padding:2px; border:1px solid #eee;}
#project .photo-gallery ul li img:hover {border:1px solid #ccc;}
#project .details {float:right; width:610px;}
#project .grid {margin-top:0px;}

/* customers settings */
#customers {padding:10px 0px;}
#customers .customer-overview {border-bottom:1px solid #379f37; padding-bottom:10px; margin-bottom:10px;}
#customers .customer-overview .customer-image {float:left; width:150px; margin-right:10px;}
#customers .customer-overview .customer-content {float:right; width:800px;}
#customers .customer-overview .customer-content h3 {margin-top:0px;}

#customer {padding:20px 0px;}
#customer .photo-gallery {float:left; width:356px;}
#customer .photo-gallery .main img {background:#fff; padding:2px; border:1px solid #eee;}
#customer .photo-gallery .main img:hover {border:1px solid #ccc;}
#customer .photo-gallery ul {margin:8px 0px; padding:0px;}
#customer .photo-gallery ul li {list-style:none; float:left; margin:0px 10px 3px 0px;}
#customer .photo-gallery ul li img {background:#fff; padding:2px; border:1px solid #eee;}
#customer .photo-gallery ul li img:hover {border:1px solid #ccc;}
#customer .details {float:right; width:610px;}
#customer .grid {margin-top:0px;}

#breadcrumb {font-size:12px; margin-bottom:5px;}

.sf-menu ul { list-style: none !important; }
.sf-sub-indicator { display:none !important; background:none !important; }

#SUCCESS {border:1px solid #007700; color:#007700; background:#EEFFEE; padding:10px; margin:15px 0px;}
#SUCCESS p { margin:2px 0px; font-size:12px;}
#ERROR {border:1px solid #770000; color:#770000; background:#FFEEEE; padding:10px; margin:15px 0px;}
#ERROR p {margin:2px 0px; font-size:12px;}
.required {color:#FF0000;}