/* Layout Stylesheet */ 

body {
 margin:0px;
 padding:0;
 text-align:center;
 color: #333333;
	background-color: #bebebe;
}

body a:link {
 color: #92d246;
 }

body a:visited {
 color: #92d246;
 }

body a:hover {
 color: #92d246;
 }

#container {
 width:1000px;
 margin:auto;
 background: url(../_images/bgnd.png) repeat-y;
}

#wrapper {
 text-align:left; 
 width:960px;
 margin:auto;
 padding:0;
 }

#header {
 width: 960px;
 height: 136px;
 }

#header1-bgnd {
 width: 251px;
 height: 136px;
 background-image: url(../_images/header1-bgnd.png);
 float: left;
 }

#header2-bgnd {
 width: 230px;
 height: 136px;
 background-image: url(../_images/header2-bgnd.png);
 float: left;
 }

#header3-bgnd {
 width: 230px;
 height: 136px;
 background-image: url(../_images/header3-bgnd.png);
 float: left;
 }

#header4-bgnd {
 width: 249px;
 height: 136px;
 background-image: url(../_images/header4-bgnd.png);
 float: left;
 }

.header-img {
	display: block;
}

#subheader {
 width: 960px;
 height: 20px;
 background-image: url(../_images/subheader.png);
 }

#bodyheader {
 width: 960px;
 height: 145px;
}

#bodylogo {
 width: 260px;
 height: 145px;
 background-image: url(../_images/logo.png);
 float: left;
	display: block;
}

#bodylogo a {
 display: block;
 margin: 0; padding:0;
 width:100%; height:100%;
 overflow:hidden;
 text-decoration: none;
 }
 
#bodylogo span {
 display: block;
 margin:0;
 }

#bodyslogan {
 width: 700px;
 height: 140px;
 background-image: url(../_images/slogan.png);
 float: left;
}

#bodyslogan-ourteam {
 width: 700px;
 height: 140px;
 background-image: url(../_images/slogan-ourteam.png);
 float: left;
}

#bodyslogan-contactus {
 width: 700px;
 height: 145px;
 background-image: url(../_images/slogan-contactus.png);
 float: left;
}

#bodyslogan-residential {
 width: 700px;
 height: 145px;
 background-image: url(../_images/slogan-residential.png);
 float: left;
}

#bodyslogan-listed {
 width: 700px;
 height: 145px;
 background-image: url(../_images/slogan-listed.png);
 float: left;
}

#bodyslogan-other {
 width: 700px;
 height: 145px;
 background-image: url(../_images/slogan-otherprojects.png);
 float: left;
}

#bodyslogan-plannedmaintenance {
 width: 700px;
 height: 145px;
 background-image: url(../_images/slogan-cyclical.png);
 float: left;
}

#bodyslogan-partywall {
 width: 700px;
 height: 145px;
 background-image: url(../_images/slogan-partywall.png);
 float: left;
}

#bodyslogan-cdm {
 width: 700px;
 height: 145px;
 background-image: url(../_images/slogan-cdm.png);
 float: left;
}

#bodyslogan-projectmanagement {
 width: 700px;
 height: 145px;
 background-image: url(../_images/slogan-projectmanagement.png);
 float: left;
}

#bodyslogan-planprinting {
 width: 700px;
 height: 145px;
 background-image: url(../_images/slogan-printing.png);
 float: left;
}

table#general {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid yellow;
}

tr.general-header td {
	height: 2em;
	background-color: #f4f7dc;
}

tr.general-row td {
	height: 2em;
}

td.general-cell {
	padding: 10px;
	background-color: #F9F9F9;
	border: 1px solid white;
}

table#contact {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid yellow;
}

tr.contact-row {
	height: 2em;
}

td.contact-header {
	padding: 10px;
	background-color: #f4f7dc;
	border: 1px solid white;
	width: 33%;
	vertical-align: top;
}

td.contact-cell {
	padding: 10px;
	background-color: #F9F9F9;
	border: 1px solid white;
}

textarea
{ width: 230px;
	height: 8em;
}

/*footer*/

#subfooter {
 width: 960px;
 height: 20px;
 background-image: url(../_images/subfooter.png);
 }

#footer
    {
	clear: both;
	background: url(../_images/footer.png) repeat-y;
	width:960px;
}

#footer-top
    {
	clear: both;
}

#footer-col1,
#footer-col2,
#footer-col3
    {
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	width: 260px;
	text-align: left;
}

#footer-col3
    {
	text-align: right;
}

#body-main {
 position:relative;
 width:960px;
 padding: 0 0 0 20px;
	clear: both;
}
 
/* index page 3 columns */

#l-col {
 font: normal 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
 width: 260px;
 float: left;
}

#l-col-wrapper {
 background-image: url(../_images/l-col-bgnd.png);
}

#l-col-logo {
 width: 260px;
 height: 295px;
 float: left;
	background: url(../_images/logo-lower.png) no-repeat;
}

#l-col-content {
	padding-left: 30px;
}

#l-col-footer {
 width: 260px;
 height: 16px;
	background: url(../_images/l-col-footer.png) no-repeat;
}

#l-col-credits {
	padding-left: 33px;
}


#r-col {
 width: 248px;
 padding-bottom: 20px;
 font: 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
 float: right;
 background-image: url(../_images/side-bgnd.png);
}

#r-col-sidebox {
 width: 218px;
 height: 305px;
 float: right;
	border: 5px solid #f4f7dc;
	margin-right: 30px;
	_margin-right: 10px;
}

#my_show {
	padding-top: 15px;
	padding-right: 3px;
}

.slideshow-images {
	border: 3px solid #f2f2f2;
}

#r-col-content {
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 20px;
}

#main-col {
 width: 420px;
	font: 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

#main-r-col {
 width: 668px;
	font: 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.staff-entry {
	clear: both;
	margin-bottom: 40px;
}

.staff-pic {
	float: right;
	border: 1px solid silver;
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 5px;
}

div.gmap-balloon {
      width: 145px;
      float: right;
	padding-top: 2px;
}
.gmap-thumb {
	background-color: white;
	border: 1px solid #D4DD82;
	padding: 2px;
}

div.gmap-balloon-text {
	font-size: 12px;
	line-height: 15px;
}

/* misc page elements */

.closer
    {
	clear: both;
}