/* Standard CSS Stylesheet */
/* Author: Karl Peschel */
/* for OutOfSightCabs.com and t2Power */

/*  Colors Used
#330A80  dark purple/blue in logo
#5A0980  purple
#80091C  med red
#454545  dark grey
#B06D09  med yellow brown
#B44018  burnt orange in brochure
#F8F2E7  light tan used in brochure
*/

/* ============================================== */
/* Reset elements */

body, div, span, h1, h2, h3, h4, p, blockquote, a, img, ol, ul, li, form, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* ============================================== */
/* Default Tag Styles */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	background-color: #B44018;
/*	background-image: url(images/body-bg.jpg);
	background-position: top left;
	background-repeat: repeat;*/
}

p {
	padding: 5px 0 10px 0;
	font-size: 100%;
	line-height: 150%;
}

#screen-wid {
	margin: 20px auto;
	width: 900px;
	color: #000000;
/*	background-color: #F8F2E7;*/
}

* html #screen-wid {
	margin: 20px;
}

/* ============================================== */
/* Header Text Styles */

h1, h2, h3, h4 {
	text-align: left;
}

h1 {
	padding: 10px 0px;
	font-size: 150%;
}

h2 {
	padding: 10px 0 5px 0;
	font-size: 120%;
}

h3 {
	padding: 10px 0 5px 0;
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
}

h4 {
	padding: 5px 0px;
	font-size: 100%;
	text-decoration: underline;
}

/* ============================================== */
/* Default Anchor Styles */

a {
	text-decoration: none;
	color: #000000;
}

a:link, a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	background-color: #80091C;
	color: #FFFFFF;
}

a:active {
	text-decoration: none;
}

/* ============================================== */
/* Body class Styles for page customizations */
.home {}
.cabinet {}
.flooring {}
.closet {}
.faq {}
.testimonial {}
.consult {}
.gallery {}
.contact {}
.about {}

.privacy ul, .flooring ul {
	padding: 0 0 0 30px;
	display: list-item;
}
.privacy ul li, .flooring ul li {
	list-style: square;
}

/* ============================================== */
/* Header Page Styles */

#header {
	position: relative;
	height: 200px;
	width: 900px;
	background-image: url(images/header.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#header-logo {
	width: 300px;
	padding: 10px 10px 10px 50px;
	float: left;
}

#header-logo a:hover {
	background-color: transparent;
}

#header-rt {
	padding: 5px 10px 10px 10px;
	width: 485px;
	position: absolute;
	top: 45px;
	left: 375px;
	color: #FFFFFF;
}

#specials {
	padding: 0 10px;
	width: 475px;
	font-size: 110%;
	font-weight: bold;
	overflow: hidden;
}

h1.tagline {
	padding: 5px 20px 5px 40px;
	width: 840px;
	float: left;
	position: relative;
	font-size: 120%;
	font-weight: bold;
	color: #330A80;
}


/* ============================================== */
/* Main content Styles */

#container {
	float: left;
	position: relative;
	width: 900px;
	border-top: 5px solid #B44018;
	background-color: #F8F2E7;
}

#content {
	padding: 0px 10px 0 9px;
	width: 610px;
	position: relative;
	float: left;
	border-left: 1px dotted #B06D09;
	display: inline;
}

#photo-gallery {
	border: 2px solid #B44018;
	text-align: center;
}

#content img {
	margin: 5px 10px;
	padding: 5px;
	border: 2px solid #80091C;
}

.faq #content img {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: bottom;
}

.about #content img {
	border: none;
}

#content h2 {
	margin: 10px 0 0 0;
	clear: both;
	border-bottom: 3px solid #80091C;
}

#fakeframe {
	width: 450px;
	height: 150px;
	margin: 10px;
	padding: 10px;
	overflow: auto;
	background-color: #FFFFCC;
	border: 2px solid #000000;
	border-right: 1px solid #000000;
}

#fakeframe p {
	text-align: center;
}

#feature-wrap {
	width: 610px;
	float: left;
	position: relative;
}

#feature-left {
	width: 200px;
	float: left;
}

#feature-mid {
	width: 200px;
	padding: 0 5px;
	float: left;
}

#feature-right {
	width: 200px;
	float: left;
}

#contact-form, #consult-form {
	margin: 10px 0;
	text-align: center;
}

/*  FAQ and Testimonial pages*/
p.ques {
	font-weight: bold;
	padding: 5px 0;
}

p.ans {
	font-size: 90%;
	margin: 5px 0 5px 15px;
	padding: 0 0 0 5px;
	border-left: 3px solid #454545;
}

p.t-quote {
	padding: 5px 0 0 0;
	text-align: left;
}

p.t-author {
	padding: 0 15px 20px 15px;
	font-size: 110%;
	color: #330A80;
	font-weight: bold;
	text-align: left;
}

/* Color samples on Floor, cabinet and closet pages */

#cab-pic {
	text-align: center;
}

#cab-pic a:hover {
	background-color: transparent;
	text-decoration: none;
}

#content .the-colors {
	margin: 10px 0;
	padding: 0px;
	clear: both;
	width: 610px;
	float: left;
	position: relative;
}

#content .color-box {
	padding: 0 1px 0 0;
	float: left;
	position: relative;
	width: 150px;
	height: 170px;
	display: inline;
}

#content .color-box img {
	padding: 0px;
	margin: 0;
	border: none;
}

#content p.color-title {
	padding: 0 0 5px 0;
	font-size: 90%;
	text-align: center;
}

/* ============================================== */
/* Sidebar Styles */

#sidebar {
	padding: 0 10px;
	width: 250px;
	position: relative;
	float: left;
}

#bbb {
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
}

#troubleshooter {
	margin: 10px 0;
	padding: 10px 5px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	text-align: center;
	font-weight: bold;
}

#showroom {
	margin: 10px 0;
	padding: 10px 0px;
	text-align: center;
	font-size: 110%;
}

/* ============================================== */
/* Navigation Styles */

#nav {
	margin: 0 0 10px 0;
	width: 250px;
	font-size: 110%;
	font-weight: bold;
}

#nav ul {
	padding: 5px 0px;
	list-style: none;
	color: #000000;
}

#nav ul li {
	display: block;
	padding: 3px 5px 3px 30px;
}

#nav ul li a {
	text-decoration: none;
	background-color: transparent;
}

/*<!--[if IE 6]>
#nav ul li a:hover {
	background-color: #FDAE79;
}
<![endif]-->*/

#nav ul li:hover {
	color: #FFFFFF;
	background-image: url(images/nav-li.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

#nav ul li.urhere {
	color: #330A80;
	text-decoration: underline;
}


/* ============================================== */
/* Footer Styles */

#footer {
	margin-top: 10px;
	clear: both;
	width: 900px;
	float: left;
	position: relative;
	background-color: #F8F2E7;
	border-top: 5px solid #B44018;
}

#footer p {
	text-align: center;
	font-weight: bold;
}

#footer-nav {
	padding: 10px 5px;
	background-color: transparent;
	color: #330A80;
}

#footer-nav ul {
	padding: 0px;
	list-style: none;
	text-align: center;
}

#footer-nav ul li {
	display: inline;
	font-size: 80%;
}

#footer-nav ul li a {
	padding: 3px;
	color: #000000;
}

#footer-nav ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #80091C;
}

p.t2 {
	font-size: 80%;
	background-color: #F8F2E7;
	text-align: center;
}

/* ============================================== */
/* Misc Styles */

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearboth {
	clear: both;
}

.hilite {
	background-color: #FFFF33;
}

.text-red {
	color: Red;
}

.text-yellow {
	color: Yellow;
}

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

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

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