/* --------------------------------------------------
-----------------------------------------------------
	
	Site: 209.31.182.59
	Stylesheet: public/main.css
	Author: Brent White, Chico Web Design
	Version: February 17 2009
	
-----------------------------------------------------
-------------------------------------------------- */


/* --------------------------------------------------	
GLOBAL
-------------------------------------------------- */
* {
	outline: none;
	}
body {
	font-family: Verdana,Geneva,Helvetica,sans-serif;
	background: #FFF;
	color: #333;
	margin: 0px;
	font-size: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
	}
	h2, h3, h4, h5, h6 {
		font-size: xx-small;
		voice-family: "\"}\"";
		voice-family: inherit;
		font-size: 12px;
		}
		h2 {
			font-weight: bold;
			margin: 3px 0px 10px 0px;
			padding: 0px;
			}
		h3 {
			font-weight: bold;
			margin: 10px 0px 10px 0px;
			padding: 0px;
			}
		h4 {
			font-weight: bold;
			margin: 10px 0px 10px 0px;
			padding: 0px 0px 10px 0px;
			border-bottom: 1px dashed #CCC;
			}
		h5 {
			font-weight: bold;
			color: #900;
			float: left;
			}
		h6 {
			font-weight: bold;
			color: #900;
			margin:  0 !Important;
			}
/* --------------------------------------------------	
GENERAL
-------------------------------------------------- */
.clear {
	clear: both;
	}
.fleft {
	float: left;
	}
.fright {
	float: right;
	}
	
/* --------------------------------------------------	
NAVIGATION
-------------------------------------------------- */
ul#navigation {
	position: relative;
	width: 740px;
	height: 102px;
	margin: 0 auto;
	padding: 0 0 0 220px;
	z-index: 99;
	}
	ul#navigation li {
		position: relative;
		float: left;
		list-style: none;
		}
		ul#navigation li a {
			display: block;
			float: left;
			font-size: 12px;
			line-height: 12px;
			color: #858585;
			text-transform: uppercase;
			margin: 0;
			padding: 70px 30px 20px 0;
			text-decoration: none;
			}
			ul#navigation li a:hover,
			ul#navigation li.hover a { 
				color: #990000;
				}
		ul#navigation li ul {
			position: absolute;
			top: 102px;
			left: -99999px;
			width: 150px;
			background: #000;
			padding: 10px 0 5px;
			border-bottom:  solid 2px #e1cc94;
			}
			ul#navigation li ul li {
				float: none;
				list-style: none;
				}
				ul#navigation li ul li a {
					float: none;
					display: block;
					font-size: 12px;
					line-height:  16px;
					padding: 5px 10px;
					color: #fff !important;
					}
					ul#navigation li ul li a:hover,
					ul#navigation li ul li.hover a {
						background: #e1cc94;
						color: #000 !important;
						}
		ul#navigation li:hover ul {
			left: 0;
			}
			
/* --------------------------------------------------	
HEADER
-------------------------------------------------- */
#header {
	width: 960px;
	margin: 0 auto;
	}
	#header #logo {
		position: relative;
		float: left;
		width: 207px;
		height: 256px;
		background: #000;
		}
	#header #logo.home {
		height: 422px;
		}
		#header #logo h1 {
			position: absolute;
			top: 29px;
			right: 17px;
			width: 120px;
			height: 133px;
			overflow:  hidden;
			background: url(/ui/images/public/layout/stafford-king-wiese-logo-black.gif) no-repeat 0 0;
			}
			#header #logo h1 a {
				display: block;
				line-height: 133px;
				width: 120px;
				height: 133px;
				text-indent: -999px;
				}
				#header #logo h1 a:hover {
					background: url(/ui/images/public/layout/stafford-king-wiese-logo-black.gif) no-repeat -120px 0;
					}
		#header #logo h2 {
			visibility: hidden;
			}
	/* --------------------------------------------------	
	BANNER
	-------------------------------------------------- */
	#header #banner {
		position: relative;
		float: right;
		width: 750px;
		padding: 0 0 0 3px;
		z-index: 98;
		}
		#header #banner.home {
			}
		#header #banner.main {
			height: 253px;
			}
			
/* --------------------------------------------------	
CONTENT
-------------------------------------------------- */
#content {
	width: 960px;
	margin: 0 auto;
	}
	/* --------------------------------------------------	
	CONTENT -- LEFT COLUMN
	-------------------------------------------------- */
	#content #left-column {
		float: left;
		width: 207px;
		padding: 25px 0 0 0;
		}
		/* --------------------------------------------------	
		SUB NAVIGATION
		-------------------------------------------------- */
		ul#sub-navigation {
			width: 207px;
			margin: 0;
			padding: 53px 0;
			text-align: right;
			}
			ul#sub-navigation li {
				list-style: none;
				line-height: 20px;
				margin: 0;
				padding: 0;
				}
				ul#sub-navigation li a {
					display: block;
					font-size: 12px !important;
					line-height: 20px;
					padding: 4px 10px;
					text-decoration:  none;
					text-transform: uppercase;
					color: #858585;
					}
					ul#sub-navigation li a:hover {
						background: #000;
						color: #e1cc93;
						}
				ul#sub-navigation ul {
					margin: 0 0 5px 0;
					padding: 0 0 5px 0;
					border-bottom: solid 1px #ccc;
					}
					ul#sub-navigation li ul li {
						line-height: 14px;
						padding-right: 10px;
						}
						ul#sub-navigation li ul li h3 {
							color: #990000;
							}
						ul#sub-navigation li ul li a {
							font-weight: bold;
							font-size: 10px !important;
							padding-right: 0;
							text-transform: none;
							}
							ul#sub-navigation li ul li a:hover {
								background: none;
								color: #000;
								}
						
	/* --------------------------------------------------	
	CONTENT -- RIGHT COLUMN
	-------------------------------------------------- */
	#content #right-column {
		float: right;
		width: 728px;
		padding: 25px 0 25px 0;
		}
		#content #right-column h1 {
			font-size: 24px;
			font-weight: normal;
			color: #000;
			margin: 0;
			padding: 0 0 35px 0;
			}
			#content #right-column h1 span {
				font-size: 18px;
				color: #990000;
				}
		#content #right-column p {
			font-size: 12px;
			line-height: 16px;
			font-weight: normal;
			color: #333;
			margin: 0 0 25px 0;
			padding: 0;
			}
		#content #right-column a {
			color: #6C86AE;
			}
		#content .left-column {
			float: left;
			width: 74%;
			}
		#content .right-column {
			float: right;
			width: 25%;
			padding: 20px 0 0 0;
			}
			#content .right-column p {
				padding-left: 5px !important;
				margin-left: 10px !important;
				border-left: solid 1px #ccc;
				}
		#right-column ul li {
			line-height: 20px;
			}
				
/* --------------------------------------------------	
FOOTER
-------------------------------------------------- */
#footer {
	position: relative;
	z-index: 99;
	width: 728px;
	margin: 0 auto 40px;
	padding: 0 0 0 232px;
	}
	#footer p#copyright {
		color: #999;
		line-height: 30px;
		}