@charset "utf-8";
/* CSS Document */
body {
	background: url(../images/bg-wood-repeat.jpg);
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#bg-grad {
	background: url(../images/bg-wood-repeat-grad.jpg) repeat-x;
}
#container {
	width: 670px;
	margin: 0 auto;
}
#top {
	float: left;
	width: 462px;
}
#guild-quote {
	float: left;
	width: 207px;
}
#logo {
}
#main-banner {
	clear: both;
	border-top: 6px solid #796842;
}
#bg-content-home {
	background: url(../images/bg-content-home.jpg) #000 repeat-x;
	padding: 10px 17px;
}
#bg-content-sub {
	background: url(../images/bg-content-sub.jpg) #000 repeat-x;
	border-top: 6px solid #796842;
	padding: 10px 23px;
}

#footer {
	clear: both;
	border-top: 1px solid #796842;
	height: 11px;
	padding: 10px 3px;

}
#bg-content-home #footer {
	margin: 0 6px;
}
#footer .copy {
	float: right;
	color: #796842;
	font-size: 65%;
	line-height: 100%;
	padding: 2px 0 0 0;
	width: 130px;
	text-align: right;
}


/* Global styles */

ul, ol {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
img {
	 border: 0;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

p.bullet-link, p.bullet-link2 {
	background: url(../images/bullet-link.gif) no-repeat 0 5px;
	padding: 0 0 0 14px;
}

.bullet-link3 {
	background: url(../images/bullet-link.gif) no-repeat 0 5px;
	padding: 0 0 0 14px;
}


/* columns */
/* home */
.col-half {
	float: left;
	width: 310px;
	padding: 0 1px 0 7px;
}

#bg-content-home h1 {
	font-size: 120%;
	font-weight: normal;
	margin: 0 0 .7em 0;
}
#bg-content-home .box-grad h2,
.box-home-gold .box-content h2 {
	font-size: 105%;
	font-weight: normal;
	margin: 0 0 .7em 0;
}

#bg-content-home p {
	font-size: 75%;
	line-height: 140%;
	margin: 0 20px 1em 0;
}
#bg-content-home .box-home-gold .box-content p {
	margin: 0 0 5px 0;;
}
#bg-content-home p.lead {
	font-size: 80%;
}
#bg-content-home .box-grad p {
	font-size: 75%;
	line-height: 140%;
	margin: 0 16px;
}
#bg-content-home .col-half p.bullet-link {
	background-position: 0 6px;
	font-size: 75%;
}
#bg-content-home .col-half p.bullet-link2 {
	background-position: 0 6px;
	font-size: 75%;
	margin-left: 28px;
}
#bg-content-home .quotename {
	font-size: 80%;
}


/* serveices */
.col-serv-left {
	float: left;
	width: 428px;
}
.col-serv-right {
	float: left;
	text-align: right;
	width: 196px;
}

.col-serv-right img {
	margin-top: 10px;
}

/* Floor care cols */
.list-col-left {
	float: left;
	width: 398px;
}
.list-col-right {
	float: left;
	text-align: right;
	width: 196px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* Contact cols */
.col-contact-left {
	float: left;
	width: 380px;
}
.col-contact-right {
	float: left;
	width: 234px;
	
}




#bg-content-sub h1 {
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#bg-content-sub h2 {
	font-size: 90%;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#bg-content-sub p {
	font-size: 80%;
	line-height: 110%;
	margin: 0 30px 1em 0;
}
#bg-content-sub p.lead {
	font-size: 90%;
	margin: 0 30px 2em 0;
	line-height: 140%;
}
#bg-content-sub p.bullet-link {
	background-position: 0 6px;
	font-size: 75%;
}
#bg-content-sub .col-serv-left p {
	font-size: 75%;
	margin: 0 40px 1em 0;
	line-height: 140%;
}
#bg-content-sub .col-serv-right p.credit {
	font-size: 65%;
	margin: 0 0 10px 0;
}


/* Lists */
ul.bullet {
	list-style: disc;
}
#bg-content-home .box-grad ul.bullet {
	margin: 0 0 10px 16px;
	padding: 0;
}
#bg-content-home .box-grad ul.bullet li {
	font-size: 75%;
	font-weight: bold;
	padding: 0 0 10px 0;
}

ol.bullet-num {
	padding: 10px 0;	
}

ol.bullet-num li {
	clear: both;
	font-size: 80%;
	line-height: 160%;
	padding-top: 2px;
	padding-right: 40px;
	padding-bottom: 2em;
	padding-left: 30px;
}
ol.bullet-num li.cols {
	padding: 2px 0 2em 30px;	
}
ol.bullet-num li h3 {
	font-size: inherit;
	font-weight: bold;
	margin: 0 0 10px 0;
}
ol.bullet-num li p {
	font-size: inherit;
}
ol.bullet-num li#num0 {background: url(../images/bullet-0.gif) no-repeat;}
ol.bullet-num li#num1 {background: url(../images/bullet-1.gif) no-repeat;}
ol.bullet-num li#num2 {background: url(../images/bullet-2.gif) no-repeat;}
ol.bullet-num li#num3 {background: url(../images/bullet-3.gif) no-repeat;}
ol.bullet-num li#num4 {background: url(../images/bullet-4.gif) no-repeat;}
ol.bullet-num li#num5 {background: url(../images/bullet-5.gif) no-repeat;}
ol.bullet-num li#num6 {background: url(../images/bullet-6.gif) no-repeat;}
ol.bullet-num li#num7 {background: url(../images/bullet-7.gif) no-repeat;}
ol.bullet-num li#num8 {background: url(../images/bullet-8.gif) no-repeat;}
ol.bullet-num li#num9 {background: url(../images/bullet-9.gif) no-repeat;}
ol.bullet-num li#num10 {background: url(../images/bullet-10.gif) no-repeat;}
ol.bullet-num li#num11 {background: url(../images/bullet-11.gif) no-repeat;}







/* Promos */

ul.promo-home {
	width: 636px;
}
ul.promo-home li {
	float: left;
	width: 150px;
	padding: 0 0 20px 12px;
}
ul.promo-home li.first {
	padding: 0;
}


#bg-content-home ul.promo-home h3 {
	font-size: 85%;
	font-weight: normal;
	line-height: 140%;
	margin: 5px 0 0 7px;
}
#bg-content-home ul.promo-home p {
	font-size: 70%;
	line-height: 140%;
	margin: 0 0 0 7px;
}
#bg-content-home ul.promo-home a {
	display: block;
}

/* boxes */

.box-grad {
	background: url(../images/bg-box-grad.jpg) no-repeat;
	padding: 10px 12px;
}

.box-home-gold {
	background: url(../images/box-home-gold-bot.gif) no-repeat bottom #796842;
	width: 310px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.box-home-gold .box-content {
	background: url(../images/box-home-gold-top.gif) no-repeat top;
	padding: 15px 15px 10px 15px;
	text-align: left;
	width: 280px;
}
.box-home-gold .box-content .pic-left {
	float: left;
	margin-bottom: 10px;
	width: 140px;
}
.box-home-gold .box-content .text-right {
	float: left;
	width: 140px;
}

.box-serv1 {
	background: url(../images/box-serv1-bot.gif) no-repeat bottom #562534;
	margin: 20px 0 10px 0;
	width: 193px;
}
.box-serv1-content {
	background: url(../images/box-serv1-top.gif) no-repeat top;
	font-size: 90%;
	line-height: 160%;
	padding: 20px;
	text-align: left;
}

.box-links {
	background: url(../images/box-links-bot.gif) no-repeat bottom #562534;
	margin: 20px 0 30px 30px;
	width: 388px;
}
.box-links-content {
	background: url(../images/box-links-top.gif) no-repeat top;
	padding: 10px 20px 15px 20px;
	text-align: left;
}
.box-links-content p {
	font-size: 90%;
	line-height: 160%;
}
.box-links-content ul.links li {
	clear: both;
	padding: 10px 0 0 0;
}
.box-links-content ul.links li .pic {
	float: left;
	width: 130px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.box-links-content ul.links li .link {
	float: left;
	font-size: 75%;
	width: 208px;
	padding: 0 0 10px 0;
}

.box-contact1 {
	background: url(../images/box-contact1-bot.gif) no-repeat bottom #562534;
	margin: 20px 0 10px 0;
	width: 234px;
}
#bg-content-sub .box-contact1-content {
	background: url(../images/box-contact1-top.gif) no-repeat top;
	padding: 20px;
	text-align: center;
}
#bg-content-sub .box-contact1-content p {
	font-size: 90%;
	line-height: 160%;
	margin: 0;
}
#bg-content-sub .box-contact1-content p.lead {
	font-size: 120%;
	line-height: 120%;
}
#bg-content-sub .box-contact1-content p.tel {
	font-size: 160%;
	font-weight: bold;
}

#bg-content-sub .box-contact2 {
	background: url(../images/box-contact2-bot.gif) no-repeat bottom #796842;
	margin: 20px 0 10px 0;
	width: 234px;
}
#bg-content-sub .box-contact2-content {
	background: url(../images/box-contact2-top.gif) no-repeat top;
	padding: 10px 15px;
	text-align: left;
}
#bg-content-sub .box-contact2-content h2 {
	font-size: 140%;
	font-weight: normal;
	line-height: 120%;
	margin: 0 0 .7em 0;
}
#bg-content-sub .box-contact2-content p {
	font-size: 70%;
	line-height: 120%;
	margin: 0;
}


/* Gallery */

.gallery-row {
	clear: both;
	margin: 18px 1px 0 1px;
}
.gallery-row img {
	float: left;
	margin: 0 0 0 18px;
}
.gallery-row img.first {
	margin: 0;
}
.box-more {
	float: left;
	background: url(../images/box-more-right.gif) no-repeat right #562534;
	padding: 0 10px 0 0;
	margin: 20px 0;
	height: 24px;
}
ul.box-more-content {
	float: left;
	background: url(../images/box-more-left.gif) no-repeat;
	padding: 6px 0 0 10px;
	height: 18px;
}
ul.box-more-content li {
	float: left;
	font-size: 75%;
	line-height: 100%;
	padding-right: 5px;
}
ul.box-more-content li.first {
	border-right: 1px solid #fff;
	margin-right: 5px;
}





/* Navigation */

/* drop down menu */
ul#nav {
	font-size: 75%;
	margin: 5px 0 0 68px;
}
ul#nav li.topnav {
	float: left;
	border-left: 1px solid #796842;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	line-height: 100%;
}
ul#nav li.first {
	border: 0;
	margin: 0;
	padding: 0;
}
ul#nav li.topnav a.toplink {
	display: block;
}
ul#nav li ul#sub {
	position: absolute;
	background: url(../images/bg-drop-menu.png) repeat-x;
	margin: 0;
	padding: 0;
	left: -999em; /* fix for Opera */
}
#nav li#shownav ul, ul#nav li:hover ul#sub, ul#nav li.sfhover ul#sub {
	display: block;
	margin: 0 0 0 -11px;
	padding: 11px;
	left: auto; /* bring back after fix for Opera */
}

/* These are for top level non link menu headers*/
#nav li#shownav, ul#nav li:hover, ul#nav li.sfhover {
	color: #796842;
}
ul#nav h2 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}
ul#nav h2.current {
	font-weight: bold;
}
/* END top level non link menu headers */

ul#nav li ul#sub li {
	line-height: 140%;
}
ul.nav-anchors li {
	background: url(../images/bullet-dash.gif) no-repeat 2px 8px;
	padding-left: 12px;
}
/* END drop down menu */



/* flickr */
#footer .footer-flickr {
	float: left;
	font-size: 65%;
	line-height: 100%;
	width: 88px;	
}
p.flickr-right {
	float: right;
	font-size: 75%;
	margin: 0 !important;
	padding: 25px 0 0 0;
}
p.flickr-right img.flickr-big {
	vertical-align: bottom;
}



#footer ul.foot-nav {
	float: left;
	width: 390px;
	line-height: 100%;
	overflow: hidden;
	padding: 2px 0 0 0;
}
#footer ul.foot-nav li {
	float: left;
	border-left: 1px solid #796842;
	font-size: 65%;
	line-height: 100%;
	padding: 0 6px 0 6px;
}
#footer ul.foot-nav li.first {
	border: 0;
	padding: 0 6px 0 0;
}


/* Links */

a {color: #796842; text-decoration: none;}
a:hover {text-decoration: underline}

#nav a {color: #fff; text-decoration: none;}
#nav a:hover {color: #796842; text-decoration: none;}
#nav li.current a {color: #fff; font-weight: bold;}

ul.box-more-content a {color: #fff; text-decoration: none;}
ul.box-more-content a:hover {color: #796842;}

#bg-content-sub .box-contact1-content a,
.box-home-gold .box-content a {color: #fff;}


/* for contact form confirm and error */
#bg-content-sub .bg-hilite {
	background: #796842;
	padding: 20px;	
	margin: 20px 40px 20px 0;
}
#bg-content-sub .bg-hilite p {
	font-size: 75%;
	font-weight: bold;
}
#bg-content-sub p.form-error {
	background-color: #900;
	color: #fff;
	font-size: 90%;
	margin-top: 5px;
	margin-right: 40px;
	padding: 4px 6px;
}


/* Form */
form {
	margin: 0 0 30px 0;
}

form#contactForm h3 {
	font-size: 85%;
	font-weight: normal;
	margin: 0 0 5px 0;
	line-height: 140%;
}

label {
	color: #fff;
	font-size: 85%;
	font-weight: normal;
}
label.header {
	clear: both;
	display: block;
	margin-bottom: 5px;
}
label.checkboxheader {
	float: left;
	height: 30px;
	margin: 0 30px 0 0;
}
.checkbox-grp {
	clear: both;
	margin-bottom: 20px;
}
.select-col {
	float: left;
	margin: 20px 20px 20px 0;
	width: 110px;
}
select {
	font-size: 75%;
}
.textbox {
	background: #ccc;
	border: 1px solid #666;
	color: #000;
	font-size: 80%;
	width: 310px;
	padding: 4px 2px;
	margin-bottom: 20px;
}
textarea {
	background: #ccc;
	border: 2px solid #796842;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 4px 2px;
	margin-bottom: 20px;
	width: 310px;
}
textarea#measurements {
	height: 55px;
	margin: 0 0 5px 0;
}

textarea#msgbody {
	height: 160px;
}
form #submit {
	display: block;
}
form .required {
	float: right;
	color: #562534;
	font-size: 75%;
	padding: 0 65px 0 0;
	margin: 0 !important;
}
/* Modifiers */
.padtop {padding-top: 20px !important;}
.nomargin {margin: 0 !important;}
.smalltext {font-size: 70% !important;}
.left {float: left;}