/*#############################################################

/* standard elements */

html {min-height: 100%;}
html * {
	margin: 0;
	padding: 0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	line-height: 1.3em;
	text-align: center;
	background: #d9d6c3;
}
h1 {
	padding-bottom: 15px;
}
a {color: #963;}
a:hover {color: #805751;}
blockquote {
	display: block;
	font-weight: bold;
	padding-left: 122px;
	background: url(../img/quote.gif) no-repeat;
}
img {
	border: 0px;
}
.clearer {
	clear: both;
	height: 1%;
	font-size: 1%;
}
/*/////////////////////////////////////////////////

HEADER ELEMENTS
 
/////////////////////////////////////////////////*/
.top { 
	height: 123px;
	padding: 0 7px 5px 7px;
	background: url(../img/bgwebsitemain.gif) repeat-x;
}
.northrupheader {
	background: url(../img/northrupheader.gif);
	height: 80px;
}
.header { 
	width: 780px;
	height: 120px;
	margin: 0 auto;
	padding: 7px 7px 5px;
	background: #FFF;
	font-size: 1.2em;
}
.header .left, .header .right {
	background: #A4A4A0;
	color: #FFF;
	height: 100px;
}
.header .left {
	background: #B3C2C7 url(../img/header.jpg) no-repeat;
	text-align: center;	
	width: 564px;
}
.header .right {
	overflow: auto;
	width: 212px;
}
.header .right p,
.header .right h2 {
	padding: 0 16px;
}
.header .right h2 {
	padding-top: 16px;
	font: normal 1.6em "Trebuchet MS",sans-serif;
}
.header a.logo_link {
	display: block;
	width: 200px;
	height: 60px;
	text-decoration: none;
}
.header a.logo_link span {
	display: none;
}
/*/////////////////////////////////////////////////

NAVIGATION ELEMENTS
 
/////////////////////////////////////////////////*/
#navcontainer ul {
	float: right;
	height: 10px;
	padding-left: 0;
	margin-left: 0;
	list-style: none;
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	background-color: #FFF;
}
#navcontainer ul li {
	display: inline;
}
#navcontainer ul li a {
	float: left;
	padding: 0 1em;
	background-color: #FFF;
	color: #666;
	text-decoration: none;
	border-right: 1px solid #999;
}
#navcontainer ul li a.noborder {
	border-right: none;
}
#navcontainer ul li a:hover {
	background-color: #FFF;
	color: #000;
}
.navigation {
	height: 41px;
	background: #FFF url(../img/nav.gif);
}
.navigation a {
	display: block;
	float: left;
	height: 41px;
	border-right: 1px solid #FFF;
	padding: 0 14px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color: #456;
	line-height: 41px;
	text-decoration: none;
	background: #FFF url(../img/nav.gif);
}
.navigation a:hover {
	color: #234;
	background-position: left bottom;
}
/*/////////////////////////////////////////////////

SIDE NAVIGATION ELEMENTS
 
/////////////////////////////////////////////////*/
.sidenav_ad {
	display: block;
	bottom: 0;
	border-top: 6px solid #FFF;
}
/* Different subnav colors /////////////////////*/
.sidenav01,
.sidenav02,
.sidenav03,
.sidenav04,
.sidenav05,
.sidenav06 {
	float: left;
	width: 172px;
}
.sidenav01 h2,
.sidenav02 h2,
.sidenav03 h2,
.sidenav04 h2,
.sidenav05 h2,
.sidenav06 h2 {
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	letter-spacing: 2px;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 30px;
	margin: 0;
	border-bottom: 5px solid #7d8659;
	background: #868f60;
}
.sidenav02 h2 {
	background: #8ca1b4;
	border-bottom: 5px solid #839aac;
}
.sidenav03 h2 {
	background: #805751;
	border-bottom: 5px solid #77504b;
}
.sidenav04 h2 {
	background: #867a88;
	border-bottom: 5px solid #7d717f;
}
.sidenav05 h2 {
	background: #af8964;
	border-bottom: 5px solid #aa7f5d;
}
.sidenav06 h2 {
	background: #caa45a;
	border-bottom: 5px solid #bb9a5b;
}
.sidenav01 ul,
.sidenav02 ul,
.sidenav03 ul,
.sidenav04 ul,
.sidenav05 ul,
.sidenav06 ul {
	padding: 0;
	border-top: 1px solid #FFF;
	list-style: none;
}
.sidenav01 li,
.sidenav02 li,
.sidenav03 li,
.sidenav04 li,
.sidenav05 li,
.sidenav06 li {
	border-bottom: 1px solid #FFF;
}
.sidenav01 li a,
.sidenav02 li a,
.sidenav03 li a,
.sidenav04 li a,
.sidenav05 li a,
.sidenav06 li a {
	display: block;
	padding: 2px 0 2px 10px;
	font-size: 10px;
	color: #4a4251;
	text-decoration: none;
}
.sidenav02 li a {
	color: #4a4251;
}
.sidenav03 li a {
	color: #4a4251;
}
.sidenav04 li a {
	color: #49434f;
}
.sidenav05 li a {
	color: #4a4251;
}
.sidenav06 li a {
	color: #4a4251;
}
.sidenav01 li a:hover,
.sidenav02 li a:hover,
.sidenav03 li a:hover,
.sidenav04 li a:hover,
.sidenav05 li a:hover,
.sidenav06 li a:hover {
	color: #FFF;
	background: #b5ba9a;
}
.sidenav02 li a:hover {
	background: #acbac7;
}
.sidenav03 li a:hover {
	background: #a18987;
}
.sidenav04 li a:hover {
	background: #afa5b0;
}
.sidenav05 li a:hover {
	background: #bda897;
}
.sidenav06 li a:hover {
	background: #bda897;
}
/*/////////////////////////////////////////////////

MAIN CONTENT ELEMENTS AND WRAPPERS
 
/////////////////////////////////////////////////*/
.container {
	width: 780px;
	margin: 0 auto;
	padding: 0 7px 7px 7px;
	text-align: left;
	background: #FFF;
}
.main {
	text-align: left;
	border-top: 5px solid #FFF;
	background: url(../img/bgmain.gif) repeat-y;
}
/* home page Flash */
.intro {
	float: left;
	width: 527px;
}
/* home page right content */
.homecontent {
	float: right;
	width: 246px;
	background-color: #b7ab85;
}
.homecontent ul.whynot {
	padding: 0px;
	margin: 10px 35px 0 35px;
	font: bold 13px "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #fff;
}
.homecontent ul.whynot li {
	list-style: url(../img/li_house.gif);
	padding-left: 8px;
	margin-bottom: 10px;
	line-height: 1.2em;
}
.homecontent ul.whynot li span {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #443935;
}
/* content */
.content {
	float: right;
	width: 600px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	background: #e7e5d9;
}
.content .secimage {
	margin-bottom: 6px;
}
.content .descr {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 0.9em;
	color: #805751;
}
.content ul { 
	margin-left: 18px;
}
.content li {
	list-style: url(../img/li.png);
	font-size: 10px;
	margin-left: 18px;
	margin-right: 18px;
	line-height: 18px;
}
.content p { 
	margin: 5px 20px 18px;
	font-size: 10px;
	line-height: 16px;
}
.content h1 {
	margin: 15px 20px 4px 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 26px;
}
span.photo_right {
	float: right;
	clear: right;
	margin: 0px 18px 18px 18px;
}
span.photo_left {
	float: left;
	clear: left;
	margin: 0px 18px 18px 18px;
}
span.photo_right img,
span.photo_left img {
	border: 0px;
	margin: 0px;
	padding: 5px;
	background: #FFF;
}
span.photo_right span,
span.photo_left span {
	display: block;
	border: 0px;
	padding: 2px 5px;
	margin: 0px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #494351;
	background-color: #d3d2c0;
}
.photo2 {
	clear: both;
	width: 151px;
	margin: 18px;
	border: 5px solid #fff;
	background-color: #d3d2c0;
}
.photo3 {
	border: 5px solid #fff;
}
.photo4 {
	clear: both;
	width: 139px;
	margin: 18px;
	border: 5px solid #fff;
	background-color: #d3d2c0;
}
/*/////////////////////////////////////////////////

FOOTER ELEMENTS
 
/////////////////////////////////////////////////*/
.footer {
	font-size: 9px;
	color: #6f765e;
	line-height: 18px;
	padding: 0 12px;
	margin-top: 15px;
	text-align: center;
}
.footer a,.footer a:hover {
	color: #963;
}
.footer p {
	font-size: 9px;
	color: #a4a07b;
	margin: 6px 0;
}
/*/////////////////////////////////////////////////

EXTRA ELEMENTS
 
/////////////////////////////////////////////////*/
h1 span {color: #3f3f49;}

#sec01 h1 {color: #858e5f;}
#sec02 h1 {color: #8499ae;}
#sec03 h1 {color: #805751;}
#sec04 h1 {color: #7d6f80;}
#sec05 h1 {color: #a8805c;}
#sec06 h1 {color: #a8805c;}  /* Warranty*/

#sec01 .navigation a.page1 {background-position: left bottom; color: #234;}
#sec02 .navigation a.page2 {background-position: left bottom; color: #234;}
#sec03 .navigation a.page3 {background-position: left bottom; color: #234;}
#sec04 .navigation a.page4 {background-position: left bottom; color: #234;}
#sec05 .navigation a.page5 {background-position: left bottom; color: #234;}
#sec06 .navigation a.page6 {background-position: left bottom; color: #234;}  /* Warranty*/
/*/////////////////////////////////////////////////

FAQ ELEMENTS
 
/////////////////////////////////////////////////*/
.QA_01 {
	background-color: #dfddce;
	padding: 5px 25px;
}
.QA_02 {
	background-color: #e9e7db;
	padding: 5px 25px;
}
p.q {
	color: #8f6d64;
	font-weight: bold;
	padding-bottom: 8px;
	padding-left: 25px;
	margin-bottom: 0px;
	border-bottom:1px solid #fff;
	background: url(../img/question.gif) 0 5px no-repeat;
}
p.a {
	color: #4a4251;
	padding-left: 25px;
	margin-top: 8px;
	background: url(../img/answer.gif) 0 5px no-repeat;
}
/*/////////////////////////////////////////////////

CONTACT US ELEMENTS
 
/////////////////////////////////////////////////*/
.contact_01 {
	clear: both;
	background-color: #dfddce;
	padding: 5px 25px;
}
.contact_02 {
	clear: both;
	background-color: #e9e7db;
	padding: 5px 25px;
}
.contact_01 img, .contact_02 img {
	border: 5px solid #fff;
	margin: 20px 20px 20px 0;
	float: left;
}
.contact_01 h2, .contact_02 h2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #aa7e57;
	margin: 20px 0 0 0;
}
.contact_01 p.email, .contact_02 p.email {padding-bottom: 20px;}
.contact_01 p, .contact_02 p {
	color: #4a4452;
	margin: 0;
}
address {
	padding: 15px 0px;
	font-style: normal;
}
address p {
	text-align: left;
}
p.address {
	display: block;
	padding-left: 22px;
	background: url(../img/icon_address.gif) 0 5px no-repeat;
}
p.phone {
	display: block;
	padding-left: 22px;
	font-weight: bold;
	background: url(../img/icon_phone.gif) 0 5px no-repeat;
}
p.fax {
	display: block;
	padding-left: 22px;
	font-weight: bold;
	background: url(../img/icon_fax.gif) 0 5px no-repeat;
}
p.email {
	display: block;
	padding-left: 22px;
	font-weight: bold;
	background: url(../img/icon_email.gif) 0 5px no-repeat;
}
.table_preowned {
	margin-left: 20px;
	width: 560px;
	border: 0px;
	padding: 0px;
}
.table_preowned td {
	vertical-align: top;
	padding: 0px;
	font-size: 10px;
	line-height: 1.4em;
}
.table_preowned td.photo {
	width: 140px;
	height: 80px;
}
.table_preowned td.photo a img {
	padding: 5px;
	background: #FFF;
}
.table_preowned td.desc {
}
/*//////////////////////////////////////////////////

CODA SLIDER ELEMENTS

//////////////////////////////////////////////////*/
#c_slider {
	clear: both;
	height: 280px;
	margin: 0 20px;
	padding: 10px 0;
	border: 4px solid #FFF;
	background: #f6f6f6;
}
#slider1 {
	display: none;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	position: relative;
	height: 250px;
}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	margin: auto;
	/* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 270px;
	clear: both;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float: left;
	width: 500px;
	height: 250px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.stripViewer .panelContainer .panel .wrap {

}
.stripNav {
	display: none;
}
.stripNavL,
.stripNavR { /* The left and right arrows */
	position: absolute;
	top: 105px;
	text-indent: -9000em;
	z-index: 10;
}
.stripNavL a,
.stripNavR a {
	display: block;
	height: 20px;
	width: 20px;
}
.stripNavL {
	left: 10px;
}
.stripNavR {
	right: 10px;
}		
.stripNavL {
	background: url(../img/slider_arrow_left.png) no-repeat;
}		
.stripNavR {
	background: url(../img/slider_arrow_right.png) no-repeat;
}