﻿body {
	color: #ffffff;
	font-size : 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #305076 url(images/site-back-gradient.jpg) top center repeat-x scroll;
	margin: 0px auto;
}
html, body {
	height: 100.1%;
}
img {
	border: none;
}
a, a:link, a:visited {
	color: #143761;
	text-decoration: underline;
	background-color: transparent;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
a:active {
	color: black;
	background-color: #e0e1ca;
}
h1, h2, h3, h4, h5, h6 {
	color: #0065a4;
	text-align: left;
	background-color: transparent;
	margin-left: 10px;
	margin-right: 0px;
	padding: 0px;
}
p {
	color: black;
	background-color: transparent;
	text-align : left;
	font-weight: normal;
	font-size: 90%;
	margin-left: 10px;
}
div#colors {
	width: 466px;
	height: 397px;
	float: left;
}
td {
	font-size: 90%;
}

table#contact-form {
	margin: 1em auto;
	text-align: center;
	color: #0065a4;
}
table#colors {
	width: 260px;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}
table#colors td {
	padding-top: 0px;
	padding-bottom: 10px;
	vertical-align: top;
}
table#colors td a {
	text-decoration: none;
}
ul, li {
	list-style: disc;
	text-align: left;
	color: #0065a4;
}
li {
	font-size: 90%;
}
input, textarea {
	background-color: #FFFFFF;
	border: 1px solid #818285;
}
input.btn {
	background-color: #A6CE39;
}
div {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#outer {
	width: 860px;
	margin: 0px auto;
	text-align: center;
}
#wrap {
	width: 860px; /*background: transparent url(images/wrap-back-860.jpg) center top repeat-y scroll;*/;
	background-color: #ffffff;
	background-image: url(images/bottom-right.jpg);
	background-attachment: scroll;
	background-position: bottom right;
	background-repeat: no-repeat; /*background: #ffffff url(images/bottom-right.jpg)right bottom no-repeat scroll;*/;
	text-align: center;
	margin: 16px auto 0px auto;
	height: auto;
}
#home-inner {
	background: #ffffff url(images/closet-pro-closet-680.jpg) top right no-repeat;
	height: 550px;
}
#banner {
	height: 188px;
	background: transparent url(images/top-blue-banner-860.jpg) right bottom no-repeat scroll;
	margin: 0px 2px;
	text-align: center;
}
#logo {
	height: 121px;
	width: 264px;
	text-align: left;
	margin-top: 0px;
}
#left-col {
	text-align: left;
	margin: 0px 0px 0px 2px;
	width: 262px;
	float: left;
	color: #cccccc;
	background-color: white;
}
address {
	font-size: 65%;
	color: #000000;
	text-align: center;
	border-top: 1px solid #A8D03C;
	width: 261px;
}
#menu {
	background-color: transparent;
	width: 587px;
	float: right;
	color: #333333;
	text-align: center;
	margin-top: 0px;
}
#menu a, #menu a:link, #menu a:visited {
	background-color: transparent;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 75%;
	height: 18px;
}
#menu a:hover {
	background-color : transparent;
	text-align: left;
	color: #0065A4;
}
/*menu active page buttons*/
body.hm #menu #hm, body.hm #menu #hm a, body.cc #menu #cc, body.cc #menu #cc a, body.gs #menu #gs, body.gs #menu #gs a, body.ho #menu #ho, body.ho #menu #ho a, body.ps #menu #ps, body.ps #menu #ps a, body.mr #menu #mr, body.mr #menu #mr a, body.fc #menu #fc, body.fc #menu #fc a, body.ac #menu #ac, body.ac #menu #ac a, body.ga #menu #ga, body.ga #menu #ga a, body.tp #menu #tp, body.tp #menu #tp a, body.wuc #menu #wuc, body.wuc #menu #wuc a, body.ctc #menu #ctc, body.ctc #menu #ctc a, body.ev #menu #ev, body.ev #menu #ev a {
	color: #A6CE39;
}
#content {
	background-color: transparent;
	color: black;
	text-align: center;
}
#content-inner-garage {
	background: transparent url('images/garage-storage-back.jpg') top center no-repeat;
}
#content-inner-accessories {
	background: transparent url('images/show-display-back.jpg') top center no-repeat;
}
#content-inner-process {
	background: transparent url('images/process-back.png') top center no-repeat;
}
#content-inner-children {
	background: transparent url('images/childrens-closet-back.jpg') top center no-repeat;
}
#content-inner-contact {
	background: transparent url('images/contact-back.jpg') top center no-repeat;
}
#content-inner-ho {
	background: transparent url('images/home-office-back.jpg') top center no-repeat;  /* Get replaced! */
}
#content-inner-mud {
	background: transparent url('images/home-office-back.jpg') top center no-repeat; /* Get replaced! */
}
#content-inner-pantry {
	background: transparent url('images/pantry-back.jpg') top center no-repeat;
}
#content-inner-shows {
	background: transparent url('images/show-display-back.jpg') top center no-repeat;
}
#content-inner-why {
	background: transparent url('images/why-back.jpg') top center no-repeat;
}
#content-inner-thank-try {
	background: transparent url('images/thank-try-back.jpg') top center no-repeat;
}
#content-inner-gallery {
	background: transparent url('images/gallery-back-temp.jpg') top center no-repeat; /* Replace with slidesow */
}
#copy {
	/*margin-left: 187px; 

	margin-right: 2px;

	background-color: transparent;*/

	margin-left: 262px;
}
#right-col {
	float: right;
	width: 200px;
	margin-right: 2px;
	background-color: #cccccc;
	color: black;
	border-right: 2px solid #97ca3d;
	border-top: 2px solid #97ca3d;
	border-left: 2px solid #97ca3d;
	height: 395px;
	overflow: auto;
	font-size: 90%;
}
#left-col h3 {
	background-color: transparent;
	color: #0064A7;
	margin-top: 0px;
	text-align: left;
	font-weight: normal;
}
#left-col p {
	/*font-size: 75%;*/

color: #106EA9;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.larger {
	font-size: 120%;
	font-weight: normal;
	color: #4b4939;
	background-color: white;
}
.hide {
	display : none;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.no-bottom-margin {
	margin-bottom: 0px;
}
.no-top-margin {
	margin-top: 0px;
}
.smaller {
	font-size: x-small;
}
.small {
	font-size: small;
	font-weight: bold;
}
.red {
	color: red;
}
.blue {
	color: blue;
}
.white {
	color: white;
}
.white-bold-center {
	color: white;
	font-weight: bold;
	text-align: center;
}
.lt-green {
	color: #17e24b;
}
#flashcontent {
	visibility : visible;
}
#titles {
	visibility : hidden;
}
#footer {
	color: #666666; /*background: transparent url(images/bottom-860.jpg) center top no-repeat scroll;*/;
	background-color: transparent;
	height: 28px;
	font-size: 90%;
	text-align: left;
	width: 860px;
	margin: 0px auto;
}
#footer a, #footer a:link, #footer a:visited {
	text-decoration: none;
	font-size: 70%;
	color: #666666;
}
.required {
	color: red;
	width: 4px;
}

/* Allset Clearing Method - may not need this. DELETE if we don't */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* backslash hack hides from IE Mac\ */
* html .clearfix {
	height: 1%;
}
/* end backslash hack */
