@charset "UTF-8";
/* CSS Document */


/*

	File: styles.css
	Media: screen
	Copyright: (c) 2008 Webb Roofing
	Author: Bill Jones
	Notes: 


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

blockquote { font-size: 1.8em; margin: 30px auto 35px auto; width: 80%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.6em; text-align: center; color: #000000; font-style: italic;}
blockquote p {  }

/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #FFF; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #665d55; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-size:3.0em; font-weight:normal; color: #8c511d; font-family: Helvetica, Arial, Verdana, sans-serif; }
p { font-size:1.2em; line-height:1.4em; margin:12px 0; }
small { font-size:1.1em;}

.first-paragraph { margin:6px 0 12px; }

.services { padding-left: 20px; line-height: 1.4em;}
.services li { font: normal 1.2em Arial, Helvetica, Verdana, sans-serif; color: #665d55; list-style-type: disc;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }
.margin-bottom { margin-bottom: 20px; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }


/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.container { width:960px; margin: 0 auto; padding:0px; background: #FFF; position: relative; }
.header { width:960px; height:400px; margin: 0 auto; padding: 0; overflow: hidden; background: url(../images/header.jpg) no-repeat; position: relative; }
.logo { width: 960px; position: absolute; z-index: 1000; top: 175px; left: 0px; }
.content { width:920px; margin: 30px auto 0px; padding: 20px; background: url(../images/content_columns.jpg) no-repeat; overflow: hidden; position: relative; }
.left-column { width: 260px; float: left; }
.center-column { width: 260px; float: left; padding: 0px; margin:0 0 0 70px; }
.right-column { width: 260px; float: left; padding: 0px; margin:0 0 0 70px; }
.photos { width: 940px; padding: 20px 0 20px 20px; font: bold 2.4em Helvetica, Arial, sans-serif; color: #FFF; background: #b4cdcf; clear: both; margin: 0; }
.footer { width: 960px; margin: 0 auto; padding: 12px 0 24px 0; color: #baaa9b; overflow: hidden;}
.footer-text { float: left; margin:10px 0 0 10px; font: normal 1.2em Helvetica, Arial, sans-serif;}

/* Flickr
--------------------------------------------------------------------------------------- */

#flickr_badge_uber_wrapper { overflow: hidden; width: 100%; margin: 14px 0 0 0;}
.flickr_badge_image { float: left; display: inline; margin: 0 20px 0 0;}
.flickr_badge_image img { border: 5px solid #FFF; width: 87px; height: 87px;}
#flickr_badge_source {text-align:left; margin:0 0 0 0;}
#flickr_badge_icon {float:left;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
.flickr-text { font: normal 65% Helvetica, Arial, sans-serif; }
.flickr-text a { color: #8c511d; text-decoration: none; }
.flickr-text a:visited { color: #8c511d; text-decoration: none; }
.flickr-text a:hover { color: #FFF; text-decoration: none; }
.flickr-text a:visited:hover { color: #FFF; text-decoration: none; }
.flickr-text a:active { color: #8c511d; text-decoration: none; }
.flickr-text a:link { color: #8c511d; text-decoration: none; }


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: normal; text-decoration: underline;}
a:link { color: #489198; text-decoration: underline; }
a:visited { color: #489198;}
a:hover { color: #665d55; text-decoration: none;}
a:active { color: #489198;}

.header a { position: absolute; top: 332px; left: 660px; font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#8c511d; border: 3px solid #daeef0; z-index: 1000; }
.header a:visited { font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#8c511d; border: 3px solid #daeef0; z-index: 1000; }
.header a:hover { font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#daeef0; border: 3px solid #daeef0; z-index: 1000; }
.header a:visited:hover { font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#daeef0; border: 3px solid #daeef0; z-index: 1000; }
.header a:active { font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#8c511d; border: 3px solid #daeef0; z-index: 1000; }
.header a:link { font: normal 3.0em Helvetica, Arial, sans-serif; color: #FFF; text-decoration: none; display: block; padding: 5px 15px; background-color:#8c511d; border: 3px solid #daeef0; z-index: 1000; }