/* Start of CMSMS style sheet 'screen' */
/* Fixed Template - screen.css */

/* Eric Meyer's Reset Reloaded - Compact */
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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

#wrapper { font-size: 0.9em; }

/* Global
---------------------------*/
html { width: 100%; height: 100%; }

body {
	background: #0b9444 url(uploads/siteGraphics/ui/body_bg.gif) repeat-x top;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: normal;
	font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
}

/* Phrase Elements
---------------------------*/
strong, b { font-weight: bold; }
em, i { font-style: italic; }

blockquote, q {
	margin: 10px 50px 10px 50px;
	padding: 10px;
	border-bottom: 2px solid #eaeaea;
	border-top: 2px solid #eaeaea;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#page-content p { padding: 0 0 1em 0; }
small { font-size: 80%; }
address {  }
abbr {  }
cite {  }
acronym {  }
code, pre { font-family: "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; }
code {  }
pre {  }
code pre {  }
del { text-decoration: line-through; }
ins {  }

/* Standard Lists */
ul, ol, ul ul, ol ol { padding: 0 0 0 3em; }

ul { list-style: disc; }
ul ul { list-style: circle; }
ul li {  }

ol { list-style: decimal; }
ol ol { list-style: lower-alpha; }
ol li {  }

dl {  }
dt {  }
dd {  }

a:link, a:visited { color: #009933; }
a:hover, a:active, a:focus { color: #999; }

#header, #content-wrapper, #page-content, #footer, #top-bar, #mid-bar { clear: both; display: block; }

/* Wrapper
---------------------------*/
#wrapper { width: 960px; margin: 0 auto; }

/* Header
---------------------------*/
#header { height: 246px; background: transparent url(uploads/siteGraphics/ui/header.jpg) no-repeat center; }
#header a { display: block; text-indent: -9999px; height: 246px; width: 280px; border: 0; }

/* Bars
---------------------------*/
.bar {  }
#top-bar { height: 50px; line-height: 50px; }
#mid-bar {  }
#breadcrumb { height: 36px; line-height: 36px; color: #fff; padding: 0 0 0 10px; }
#sidebar { width: 25%; float: right; }

#breadcrumb a { color: #fff; }

/* Content Wrapper
---------------------------*/
#content-wrapper {  }

/* Columns, Sidebar
---------------------------*/
.column { float: left; width: 220px; display: inline; }
#column-1 {  }
#column-2 {  }
#column-3 {  }
#column-4 {  }

#column-2 .inner-padding { padding-left: 30px; }
#column-1 .inner-padding { padding: 0 10px 0 0; }

/* Navigation
---------------------------*/
/* Vertical */
ul#v-navigation { list-style: none; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; }
ul#v-navigation li { padding: 0; display: block; }

ul#v-navigation li a:link, ul#v-navigation li a:visited {
	display: block;
	padding: 8px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	border-bottom: 1px dotted #999;
}

ul#v-navigation li a:hover, ul#v-navigation li a:active {
	background: #fff url(uploads/siteGraphics/ui/nav_hover_bg.gif) repeat-x bottom;
	color: #009933;
	border-bottom: 1px dotted #333;
}

ul#v-navigation li.current a {  }

ul.sub { padding: 0 0 0 20px !important; list-style: none; border: 0 !important; }
ul.sub li { padding: 0; }
ul.sub li a { font-size: 90%; padding: 3px 3px 3px 15px !important; }

ul.sub ul { font-size: 90%; }

/* Page Content
---------------------------*/
#page-content { padding: 10px; background: #fff url(uploads/siteGraphics/ui/wrapper_bg.gif) repeat-y left; color: #333; }
#page-content ul { padding-bottom: 10px; }
#page-content ul ul { padding-bottom: 0; }

/* Footer
---------------------------*/
#footer {
	text-align: center;
	padding: 15px;
	background: #006633 url(uploads/siteGraphics/ui/footer_bg.gif) repeat-x top;
	color: #fff;
	font-size: 0.9em;
}

#footer ul { list-style: none; padding: 0; }
#footer ul li { display: inline; }
#footer ul li span { padding: 0 3px 0 6px; }
#footer a { color: #fff; }
#footer a:hover { color: #009933; }
#footer address { padding: 10px 0 0 0; font-size: 90%; font-style: normal; }

/* Headings
---------------------------*/
h1, h2, h3, h4, h5, h6 { color: #009933; padding: 15px 0 10px 0; }
h1, h2, h3, h4, h5 { font-family: Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 2.2em; line-height: 1.25em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; text-transform: uppercase; letter-spacing: 1px; }

/* Reusable Items
---------------------------*/
.two-col { width: 50%; display: block; }
.three-col { width: 74%; display: block; }
.tri { width: 306px; }
.dual { width: 460px; }
.inner-padding { padding: 10px; }
.right, .left { width: 45%; }
.right { float: right; text-align: right; }
.left { float: left }
.clear { clear: both; visibility: hidden; }
.fl-left { float: left; }
.fl-right { float: right; }
.fl-right-pad { float: right; padding: 0 0 0 10px; }
.fl-left-pad { float: left; padding: 0 10px 0 0; }
.noclear { clear: none !important; }

/* Images */
.border-img-r, .border-img-l, .border-img { border: 1px solid #ccc; padding: 5px; background-color: #eaeaea; }
.border-img-r { float: right; margin: 0 0 0 10px; }
.border-img-l { float: left; margin: 0 10px 0 0; }

/* Photo Caption Block */
#photoblock { float: left; padding: 0; margin: 0 10px 0 0; }
#photoblock p { width: 90%; position: relative; display: block; clear: both; padding: 5px 0 5px 0; margin: 0; }
#photoblock img, .pbimage { float: left; padding: 3px; margin: 0 8px 20px 0; background-color: #eaeaea; border: 1px solid #ccc; }

/* Home Banners
---------------------------*/
#home-banners { padding: 0 !important; margin: 0 !important; list-style: none !important; }
#home-banners li { display: inline; }
#home-banners li a,
#home-banners li a span { background: transparent url(uploads/siteGraphics/ui/home_banners.jpg) no-repeat; width: 218px; height: 250px; }
#home-banners li a { display: block; text-indent: -9999px; float: left; position: relative; }
#home-banners li a span { position: absolute; left: 0; top: 0; z-index: 10; }

/* Static */
#home-banners #banner-commercial a { background-position: 0 0; }
#home-banners #banner-residential a { background-position: -218px 0; }
#home-banners #banner-remodel a { background-position: -436px 0; }

/* Hover */
#home-banners #banner-commercial a span { background-position: 0 -250px; }
#home-banners #banner-residential a span { background-position: -218px -250px; }
#home-banners #banner-remodel a span { background-position: -436px -250px; }

/* Call to Action Banners
---------------------------*/
#cta-banners { padding: 10px 0 0 0; }
#cta-banners .left, #cta-banners .right { width: 315px; }
#cta-banners .left { float: left; }
#cta-banners .right { float: right; }
#cta-banners img { display: block; margin: 0 0 10px 0; }
#cta-banners a {  }
#cta-banners a img {  }

/* Home Introduction Text
---------------------------*/
#home-intro {
	background: #eaeaea;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 20px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.5em;
}

#home-intro h1 { font-size: 1.2em; padding: 0 0 5px 0 !important; margin: 0 0 5px 0 !important; border-bottom: 1px solid #ccc; }
#home-intro p { padding: 0 !important; margin: 0 !important; }
/* End of 'screen' */

