/* CSS Cabinets of the Carolinas 6/24/2008 */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(images/background.jpg) repeat-x;
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #505146;
}

img {
	border: 0px;
}

p {
	padding: 0 10px 10px 10px;
}

a {
	color: #4e422d;
	text-decoration: none;
}

a:hover {
	color: #4e422d;
	text-decoration: underline;
}


/* wrapper */

#wrap {
	width: 903px;
	margin: 0 auto;
	overflow: auto;
}


/* header */

#header {
	width: 903px;
	height: 117px;
	background:url(images/top.jpg);
	text-align: center;
}

#nav {
	padding-top: 0px;
}

#nav .logo {
	width: 199px;
	float: left;
}

#nav .link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	width: 176px;
	float: left;
}

#nav .link a {
	color: #5e533d;
	text-decoration: none;
}

#nav .link a:hover {
	color: #aebac4;
	text-decoration: none;
}

#brown-bar {
	clear: both;
	width: 903px;
	height: 21px;
	text-align: right;
	font-size: 13px;
	background: #5e533d;
}

#brown-bar a {
	color: #ffffff;
	text-decoration: none;
}

#brown-bar .brown a:hover {
	color: #cccaaa;
	text-decoration: none;
}

#brown-bar .tan a:hover {
	color: #4e422d;
	text-decoration: none;
}

#brown-bar .brown {
	background: #5e533d;
	float: right;
	height: 17px;
	width: 100px;
	padding: 2px;
	text-align: center;

}

#brown-bar .brown-tan {
	background:url(images/brown-tan.jpg) no-repeat;
	float: right;
	height: 21px;
	width:21px;
}

#brown-bar .tan {
	background: #cdcaab;
	float: right;
	height: 17px;
	width: 125px;
	padding: 2px;
	text-align: center;
}


/* body */

#monoSlideshow {
	clear: both;
	width: 903px;
	height: 353px;
}

#slide-show {
	clear: both;
	width: 903px;
	height: 353px;
}

#content {
	clear: both;
	background: url(images/content-background.jpg) no-repeat;
	padding-top: 20px;
	width: 903px;
	overflow: auto;
}

#content .left {
	background:url(images/bracket.jpg) no-repeat right top;
	float: left;
	width: 165px;
	padding: 20px 35px 45px 35px;

}

#content .right {
	float: left;	
	width: 490px;
	padding: 20px 143px 25px 25px;

}


/* footer */

#footer {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 903px;
	height: 20px;
	text-align: center;
	font-size: 9px;
	color: #000000;
}

/* text classes */

.quote {
	font-size: 18px;
	color: #7f8179;
}

.red {
	color: #9a4343;
}

.hkred a {
	color: #9a4343;
	text-decoration: none;
}

.hkred a:hover {
	color: #9a4343;
	text-decoration: underline;
}

/* misc classes */

ul {
	margin-left: 25px;
	line-height: 18px;
	text-shadow: #666666;
}


.list {
	padding-left: 15px;
}

/* form elements */
form {
	margin: 10px; padding: 15px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #CCC;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
select {
	padding: 2px;
	border:1px solid #CCC;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:300px;
	padding:2px;
	border:1px solid #CCC;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 3px 4px; 
	color: #9a4343;
}