/*

	-- -- -- -- -- -- --
	Basic layout CSS file
	last edit: November 9, 2007 6:05:50 PM PST
	-- -- -- -- -- -- --

	File Contents:
	Base layout style for site.
	
*/

/* --------------------------------------------------------------- */
/* -- Setup -- */
*
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-align: center;
	background: #D5DED9 url("images/website-v2-back_03.png") no-repeat center top;
}

#wrapper
{
	margin: 0pt;
	padding: 0pt;
	background: transparent url(images/logo_03.png) no-repeat scroll 95% 90%;
	_background: transparent url(images/logo_03.png) no-repeat scroll 95% 90%;

}

/* --------------------------------------------------------------- */
/* -- Container -- */
#container
{
	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: transparent url("images/website-v2_05.jpg") repeat-y center top;
	
}

h2
{
	font-weight: normal;
	font-family: Verdana, helvetica, sans-serif;
	padding: 0 0 0 0;
	color: #6A461F;
	letter-spacing: -1px;
}

h3
{
	font-weight: normal;
	font-family: palatino, georgia, serif;
	margin: 1.5em 0 1em 0;
}

h4
{
	font-weight: normal;
	text-transform: uppercase;
	margin: 1.5em 0 1em 0;
}

h5
{
	font-weight: normal;
	margin: 1.5em 0 1em 0;
}

h6
{
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 18px 0 12px 0;
}

li { line-height: 1.5; }

p
{
	line-height: 1.65;
	margin: 0.8em 0;
}

pre code
{
	display: block;
	line-height: 1.6;
	margin: 12px 0;
	padding: 6px 38px 6px 12px;
}

/* --------------------------------------------------------------- */
/* -- Header -- */
#header
{
	height: 300px;
	background: transparent url("images/website-v3_03.png") no-repeat scroll center top;
	margin: 0;
	_margin: 0 0 0 18px;
	padding: 0;
	width: 850px;
}

#header-meta
{
	height: 294px;
	margin: 0pt 0pt 0pt 385px;
	_margin: 0pt 0pt 0pt 385px;
	padding: 0;
	position: absolute;
	text-align: right;
	width: 440px;
	z-index: 5;
}

#header-meta h1 { top: 0px; }

h1
{
	position: absolute;
	top: 25px;
	left: -21px;
	width: 280px;
	height: 100px;
	background-color: #ce7246;
	display: none;
}

h1 a
{
	display: block;
	text-indent: -9000px;
	height: 60px;
	background: url(logo.png) no-repeat 20px;
	text-decoration: none;
	overflow: hidden;
}

/* -- Primary Nav -- */
#icons
{
	float: right;
	height: 25px;
	margin-bottom: 0px;
	margin-right: 35px;
	padding: 0pt;
	position: relative;
	text-align: center;
	width: 200px;
	z-index: 15;
}

#icons ul
{
	display: block;
	float: left;
	list-style-type: none;
}

#icons li
{
	display: block;
	float: left;
}

#icons a
{
	margin: 0;
	padding: 0;
	border: 0;
}

#icons a span.a
{
	background: transparent url("images/website-v4-nav_04.png") no-repeat scroll left top;
	height: 35px;
	width: 50px;
	display: block;
	text-indent: -9000px;
}

#icons a span.b
{
	background: transparent url("images/website-v4-nav_05.png") no-repeat scroll left top;
	display: block;
	height: 35px;
	width: 71px;
	text-indent: -9000px;
}

#icons a span.c
{
	background: transparent url("images/website-v4-nav_06.png") no-repeat scroll left bottom;
	display: block;
	height: 35px;
	width: 79px;
	text-indent: -9000px;
}
#icons a:hover span.a
{
background: transparent url("images/website-v4-nav-over_04.png") no-repeat scroll left bottom;
}
#icons a:hover span.b
{
background: transparent url("images/website-v4-nav-over_05.png") no-repeat scroll left bottom;
}
#icons a:hover span.c
{
background: transparent url("images/website-v4-nav-over_06.png") no-repeat scroll left bottom;
}
#primary-nav2
{
	float: right;
	margin: 0 35px 0 0;
}

.invertedshiftdown2
{
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

.invertedshiftdown2 ul
{
	
	margin-left: 40px;
	_margin-left: 250px;
	/*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

.invertedshiftdown2 li
{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}

.invertedshiftdown2 a
{
	float: left;
	display: block;
	font: bold 12px Arial;
	color: black;
	text-decoration: none;
	margin: 0 1px 0 0;
	/*Margin between each menu item*/
	padding: 5px 10px 5px 10px;
	/*Padding within each menu item*/
	background-color: #99B2B7;
	/*Default menu color*/
	border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover
{
	background-color: #6A461F;
	/*Highlight red color theme*/
	padding-top: 10px;
	/*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 0;
	/*Set padding-bottom value to 0 */
	border-bottom-color: #6A461F;
	/*Highlight red color theme*/
	color: white;
}

.invertedshiftdown2 a:active
{
	/** currently selected menu item **/
	background-color: #948C75;
	/*Highlight red color theme*/
	padding-top: 10px;
	/*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 0;
	/*Set padding-bottom value to 0 */
	border-bottom-color: #948C75;
	/*Highlight red color theme*/
	color: #222;
}

#primary-nav
{
	height: 36px;
	margin: -36px 25px 0pt 0pt;
	padding: 0 0 0 378px;
	position: relative;
	float: right;
	z-index: 10;
}

#primary-nav ul
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0pt;
}

#primary-nav li
{
	margin: 0pt;
	padding: 0;
}

#primary-nav a
{
	background: transparent url(images/website-v2-nav-bottom_10.gif) no-repeat scroll left top;
	float: left;
	margin: 0pt;
	padding: 0px 0pt 0pt 10px;
	text-decoration: none;
}

#primary-nav a span
{
	background: transparent url(images/website-v2-nav-bottom_13.gif) repeat-x scroll right top;
	color: #3B3B3B;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 18px 14px 0px 5px;
}

#primary-nav a span { float: none; }
#primary-nav a:hover span { color: #EEEEEE; }
#primary-nav #current a { background-position: 0pt -70px; }

#primary-nav #current a span
{
	background-position: 100% -70px;
	color: black;
}

#primary-nav a:hover { }
#primary-nav a:hover span { }

/* -- main body -- */
#page-body
{
	clear: both;
	background: transparent;
	
	margin: 0;
	padding: 0;
}

#main-content
{
	background: transparent;
	width: 850px;
	
}

#main-content .wrapper
{
	margin: 0;
	padding: 13px 25px 0px 25px;
	
}

#main-content .wrapper-main
{
	margin: 0;
	padding: 13px 50px 10px;
	_padding: 13px 50px 0px 55px;
	
}

.content-title
{
	position: absolute;
	top: -25px;
	left: 10px;
	padding: 12px 0 0 15px;
	width: 200px;
	height: 25px;
	text-transform: uppercase;
	color: #DE7247;
	background-color: #fff;
	display: none;
}

#main-content p { 
	font-size: 12px; 
	color: #302314;
	
}

#main-content h2
{
	font-size: 18px;
	font-variant: small-caps;
	font-weight: bold;
	padding-bottom: 10px;
}
.headerbig
{
	font-size: 14px;
	color: #99B2B7;
	letter-spacing: -1px;
}
.headersmall
{
	color: #6A461F;
	font-weight: bold;
	font-size: 14px
}

#main-content a
{
	color: #B28E51;
	text-decoration: none;
}

#main-content a:hover
{
	color: #6A461F;
	text-decoration: none;
}

#main-content a:visited
{
	color: #D9CEB2;
	text-decoration: none;
}

#main-content img
{
	position: relative;
	padding: 0 0 10px 10px;
}
#main-content img.left {
	padding: 0 10px 10px 0;
}

/* -- Inline Images -- */
.caption
{
	margin: 12px 0 25px 0;
	color: #777;
	font-size: 11px;
}

.caption-title { font-weight: bold; }

/* ----------------------- */
/* -- Side Bar --*/
#sidebar
{
	position: relative;
	float: left;
	width: 225px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
	text-transform: uppercase;
}

#sidebar .wrapper { padding: 180px 10px 10px 20px; }

#sidebar-content ul
{
	list-style-type: none;
	margin: 0;
	text-align: right;
}

#sidebar-content li
{
	line-height: 2;
	padding: 8px 0 4px 0;
}

#sidebar-content a
{
	display: block;
	color: #351E08;
	text-decoration: none;
	height: 30px;
}

#sidebar-content a:hover
{
	color: #222;
	background: url("navback2.gif") top right no-repeat;
}

#sidebar-content a:active
{
	color: #222;
	background: url("arrow.gif") center right no-repeat;
}

#sidebar p
{
	padding: 0 10px 10px 10px;
	color: #ddd;
}

#add p { color: fff; }

#bottom
{
	height: 200px;
	clear: both;
	padding: 25px 0 0 0;
	_padding: 25px 0 0 16px;
	
}

#btm-left
{
	float: left;
	padding: 0 0 0 27px;
}

#btm-mid { float: left; }
#btm-right { float: left; }

#bottom img
{
	padding: 0;
	margin: 0;
}

/* --------------------------------------------------------------- */
/* -- Footer -- */
#footer
{
	clear: both;
	position: relative;
	width: 100%;
	height: 95px;
	background: url("images/footer.png") top right no-repeat;
	_padding: 0 0 0 18px;
}



#footer p
{
	text-align: center;
	font-size: 11px;
	margin: 0;
	padding: 30px 0 0 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #D5DED9;
}
#footer .headersmall { 
	color: #ededed;
	font-size: 11px;
	
}

#footer ul
{
	padding: 0 25px 15px 25px;
	float: right;
}

#footer li
{
	font-size: 11px;
	color: #fff;
	display: inline;
	margin: 0 0 0 0;
	padding: 0 12px 0 12px;
}

#footer a
{
	color: #663300;
	text-decoration: none;
	font-weight: bolder;
}

#footer a:hover
{
	color: #444;
	text-decoration: underline;
}

<!--
- Contact ----!>

.contact-info li
{
	margin-bottom: 10px;
	line-height: 16px;
}

.contact-info li strong
{
	display: block;
	color: #00204E;
}

.contact-info li.address
{
	background: url(/_images/icons/address.gif) 0 3px no-repeat;
	padding-left: 35px;
}

.contact-info li.phone
{
	background: url(/_images/icons/phone.gif) 0 2px no-repeat;
	padding-left: 35px;
}

.contact-info li.email
{
	background: url(/_images/icons/email.gif) 0 3px no-repeat;
	padding-left: 35px;
}

#contact-form fieldset { margin-bottom: 20px; }

#contact-form fieldset.mini
{
	width: 340px;
	margin-right: 30px;
	float: left;
	display: inline;
}

#contact-form fieldset.large
{
	padding: 15px;
	background: #888469;
}

#contact-form legend
{
	font-size: 16px;
	color: #A22B38;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0;
}

#contact-form input, #contact-form textarea, #contact-form select { font-weight: normal; }

.input
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #202020;
	color: #000000;
	font-size: 13px;
	padding: 3px;
	background: #E3E3E3;
}

#contact-form fieldset input:focus
{
	border-bottom: 1px solid #000;
	background-color: #D1D1D1;
}

#contact-form fieldset textarea
{
	line-height: 24px;
	width: 100%;
}

#contact-form fieldset textarea:focus
{
	border-bottom: 1px solid #000;
	background: #9B9881;
}

#contact-form p { font-weight: normal; }

span.required
{
	font-size: 11px;
	color: #99957B;
	font-weight: normal;
}

#contact-form label
{
	font-size: 11px;
	color: #333333;
}

#contact-form select { color: #000; }

#contact-form .submit
{
	background: #202020;
	color: #FFF;
	border: 1px solid #9B9881;
}

#contact-form table { width: 100%; }

#contact-form th
{
	width: 300px;
	vertical-align: top;
}

#contact-form td { vertical-align: top; }
#contact-form th, #contact-form td { border-bottom: 1px solid #B0AC94; }

#kiwiupover {
	clear: both;
	text-align: center;
}

#kiwiupover p {
	font-size: 10px;
	color: #333;
	margin: 0;
	padding: 0 0 5px 0;
}