/*	Desc: Knot10
	Author: Asher Companies
	Date: 1/22/08
	
	
/* === === === === === === === === === ===
=RESET
=== === === === === === === === === === */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, hr 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
li,ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Removes outline from a */
a { outline: none; text-decoration:none; }

* { padding: 0; margin: 0: }

hr { display:none;}

/* === === === === === === === === === ===
=STRUCTURE
=== === === === === === === === === === */

#checkback {
	position:absolute;
	top:0; left:0;
	width:150px; height:150px;
	background: url('../img/checkback.png') no-repeat left 0;
	}

html { 
	margin: 0; padding: 0; 
	width: 100%;
	}


body {
	margin: 0; padding: 0;
	font: 62.5%/1.5 Verdana, Helvetica, san-serif; 
	color: #313940; /* default font color */
	position: relative;
	width: 100%;
	text-align: left;
	background: #CCD1DC url('../img/bg.gif') repeat-x left 0;
	}
	
#container {
	width:920px;
	margin:0 auto; padding:0;
	position: relative;
	}


/* === === === === === === === === === ===
=WRAPS
=== === === === === === === === === === */

#masthead-wrap { background: transparent url('../img/mbgd2.png') repeat-x left 0; }

#content-wrap { position: relative; clear:both; }

#footer-wrap { position:relative; padding:20px 0; clear:both;  }

	
/* === === === === === === === === === ===
=MASTHEAD
=== === === === === === === === === === */

 
#masthead {
	margin:0 auto;
	width:920px; height:248px;
	background: transparent url('../img/masthead3.png') no-repeat 50% 0;
	position:relative;
	}

#masthead h1 {
	position:absolute;
	top:117px;
	left:342px;
	display:block;
	height: 140px;
	width:246px;
	background: url('../img/Logo.png') no-repeat left 0;
	text-indent: -9999px;
	font-size: 1%;
	}
	
#masthead h2 {
	text-indent: -9999px;
	font-size: 1%;
	}
	
#social-links	{
	position:absolute;
	top:216px;
	right:0;
	height:100px;
	z-index:9999;
	}
	
#social-links ul li	{
	display:inline; float:left;
	}
	
	#social-links ul li a{ text-indent:-99999px; font-size:1%; display:block; }
	#social-links ul li#twitter a{background: url(../img/twitter_icon.gif) no-repeat left 50%; width:14px; height:14px; margin-right:9px}
	#social-links ul li#blog a{background: url(../img/blog_icon.gif) no-repeat left 50%; width:42px; height:15px;}
	#social-links h3 {
	font-size: 9px;
	font-weight:bold;
	color:#002D56;
	text-transform:uppercase;
	margin:0 0 5px 0;
	}

/* === === === === === === === === === ===
=NAVIGATION
=== === === === === === === === === === */

#nav {
	clear: left;
	float: left;
	width: 205px;
	margin: 0 0 11px;
	list-style: none;
	height:auto;
	}
	
#nav #start, #nav #seller, #nav #Pulse, #nav #contact, #nav #viewList, #nav #newsletter, #nav #Buyer, #nav #Pros { position:absolute; z-index:9999; }

#nav #start span, #nav #seller span, #nav #Pulse span, #nav #contact span, #nav #viewList span, #nav #newsletter span, #nav #Buyer span, #nav #Pros span   { position:absolute; left:-9999px; }


#nav #start  { top:3px; right:40px; width:49px; height:27px; }

#nav #start a  { display:block; width:49px; height:27px; background: url('../img/homenav2.png') no-repeat left 0; }

#nav #start a:hover, #nav #start.current a { display:block; width:49px; height:27px; background: url('../img/homenav2.png') no-repeat left -40px; }


#nav #seller  { top:58px; right:40px; width:141px; height:34px; }

#nav #seller a.t  { display:block; width:141px; height:34px; background: url('../img/Sellernav2.png') no-repeat left 0; }

#nav #seller a:hover.t, #nav #seller.current a.t  { display:block; width:141px; height:34px; background: url('../img/Sellernav2.png') no-repeat left -40px; }


#nav #Buyer  { top:115px; right:40px; width:143px; height:34px; }

#nav #Buyer a  { display:block; width:143px; height:34px; background: url('../img/Buyernav.png') no-repeat left 0; }

#nav #Buyer a:hover, #nav #Buyer.current a  { display:block; width:143px; height:34px; background: url('../img/Buyernav.png') no-repeat left -40px; }


#nav #Pros  { top:170px; right:40px; width:157px; height:29px; }

#nav #Pros a  { display:block; width:157px; height:29px; background: url('../img/Prosnav.png') no-repeat left 0; }

#nav #Pros a:hover, #nav #Pros.current a  { display:block; width:157px; height:29px; background: url('../img/Prosnav.png') no-repeat left -41px; }


#nav #Pulse  { top:227px; right:40px; width:139px; height:27px; }

#nav #Pulse a  { display:block; width:139px; height:27px; background: url('../img/Pulsenav.png') no-repeat left 0; }

#nav #Pulse a:hover, #nav #Pulse.current a  { display:block; width:139px; height:27px; background: url('../img/Pulsenav.png') no-repeat left -40px; }


#nav #contact  { top:283px; right:40px; width:62px; height:27px; }

#nav #contact a  { display:block; width:62px; height:27px; background: url('../img/contactNav.png') no-repeat left 0; }

#nav #contact a:hover, #nav #contact.current a  { display:block; width:62px; height:27px; background: url('../img/contactNav.png') no-repeat left -40px; }


#nav #viewList  { top:335px; right:40px; width:144px; height:29px; }

#nav #viewList a  { display:block; width:144px; height:29px; background: url('../img/listNav.png') no-repeat left 0; }

#nav #viewList a:hover, #nav #viewList.current a  { display:block; width:144px; height:29px; background: url('../img/listNav.png') no-repeat left -40px; }


#nav #newsletter  { top:377px; right:40px; width:102px; height:35px; }

#nav #newsletter a  { display:block; width:102px; height:33px; background: url('../img/newsnav.png') no-repeat left 0; }

#nav #newsletter a:hover, #nav #newsletter.current a  { display:block; width:102px; height:33px; background: url('../img/newsnav.png') no-repeat left -42px; }


 /*--flyout menue --

#nav li li a{
	display: block;
	width:175px;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.2em;
	line-height:2.0em;
	text-transform:uppercase;
	}

#nav li li a:hover { color:#97103A; }



#nav li ul {
	position: absolute;
	padding:7px 15px;
	left: -999em;
	z-index: 999;
	margin: -67px 0 0 165px;
	list-style: none;
	background: url('../img/dropBgd.png') repeat-x left 0;
	}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
	left: -999em;
	}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul{
	left: auto;
	}
*/
	
/* === === === === === === === === === ===
=SUBNAV
=== === === === === === === === === === */

#subnav { 
	position: absolute; 
	bottom:0; left:60px; 
	width:205px; 
	text-align:right;
	border-bottom:1px solid #354874;
	padding-bottom:5px;
	}
	
#subnav li { 
	font-size: 1.1em;
	line-height:1.9em;
	text-transform:uppercase;
	}
	
#subnav li a { 
	text-decoration:none;
	color: #76777A;
	}
	
#subnav li a:hover  { 
	color: #354874;
	}
	
body#struct #subnav li#sub_struct a,
body#adv #subnav li#sub_adv a,
body#pres #subnav li#sub_pres a
 { color: #97103A; }

/* === === === === === === === === === ===
=CONTENT
=== === === === === === === === === === */

#content {
	margin: 0 auto; padding:48px 10px 0 0;
	width:920px;
	position:relative;
	overflow:hidden;
	background: transparent url('../img/boat.gif') no-repeat 50% bottom;
	}
	
	#content-list {
	margin: 0 auto; padding:15px 0 0px 0;
	width:1200px;
	position:relative;
	overflow:hidden;
	background: transparent url('../img/boat.gif') no-repeat 50% bottom;
	}
	
#content p {
	font-size: 1.4em;
	line-height:1.8em;
	padding-bottom:20px;
	text-align: justify;
	}
	
#sidebar {
	position: relative;
	width:310px;
	float:left;
	clear:left;
	height:800px;
	margin-bottom:45px;
	display:block;
	}
	
#home #mainContent {
	width:569px; padding-bottom:0px;
	float:right; clear:right;
	}
	
#contact #mainContent {
	width:569px; padding-bottom:0px;
	float:right; clear:right;
	}
	
#mainContent {
	width:569px; padding-bottom:100px;
	float:right; clear:right;
	}
	
#mainContent-list {
	width:100%; padding-bottom:0;
	position:relative;
	}
	
#mainContent h2, #mainContent-list h2 {
	font-size: 2.0em;
	font-weight:normal;
	color:#354874;
	text-transform:uppercase;
	margin:0 0 5px 0;
	}
	
	#mainContent h3 {
	font-size: 1.2em;
	font-weight:bold;
	color:#97103A;
	text-transform:uppercase;
	margin:0 0 5px 0;
	}
	
#mainContent a {
	text-decoration:none;
	color:#354874;
	}
	
#mainContent a:hover {
	text-decoration:none;
	color: #97103A;
	}
		
#mainContent em { font-weight:bold; }

#mainContent strong { font-weight:bold; word-spacing:0; }

#mainContent p span { text-transform:uppercase; color:#354874; }

#mainContent .callout { font: 1.8em Georgia, "Times New Roman", Times, serif ; color:#2B4874; font-style:italic; line-height:1.7em; margin-top:20px; word-spacing:0; }
#mainContent .calloutb { font: 1.8em Georgia, "Times New Roman", Times, serif ; color:#2B4874; font-style:italic; line-height:1.7em; margin-top:20px; word-spacing:.1em; }


#mainContent ul { 
	margin-bottom:20px;  
	}
	
ul#regard li { 
	list-style:none;
	color:#76777A;
	}

#mainContent li { 
	font-size: 1.4em; 
	line-height:1.8em; 
	list-style: inside disc; 
	color: #97103A; 
	}

#mainContent li span { color: #76777A; }

#mainContent li.nolist { list-style: none; color: #76777A; }

p.back-link a { font-size:1.2em;  color: #354874; margin-bottom:20px; display:block; width:200px; }
	p.back-link a:hover { color:#97103a; }

.photoarea {
	width:100%;
	margin-bottom:20px;
	}


.homePhotos { 
	position: absolute; 
	top:285px; right:-35px; 
	z-index:999; 
	display:block;
	}
	
.contactPhotos { 
	position: absolute; 
	top:155px; right:-35px; 
	z-index:999; 
	display:block;
	}
	
.sidePhotos { 
	position: absolute; 
	top:450px; left:-4px; 
	z-index:99999; 
	display:block;
	margin-bottom:100px;
	clear:both;
	
	}
	
.signature {
	margin:10px 0;
	}
	
	/*=FLASH
=== === === === === === === === === === */ 


#introclip  { margin:20px auto; position:relative; width: 569px; height:330px; border: 10px solid #ffffff; background-color:#ffffff; z-index:99; float:right; }

#no-flash {  z-index: 99; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 1.6em; margin: 0 auto; padding: 90px; text-align: center; color: #D3D6CD; line-height: 1.8em; font-weight: bolder; }

#no-flash a { text-decoration: none; color: #D3D6CD; font-weight: bolder; }

#movie {  width: 569px; height: 330px; z-index: 99; position:relative; background-color:transparent; }

	
/* === === === === === === === === === ===
=TABLE
=== === === === === === === === === === */

table.data { 
	margin:0 auto; 
	width:530px;
	font-size: 1.3em; 
	line-height:1.6em;
	margin-bottom:20px;
	}

.data strong { font-weight:bold; }

table span { text-align: right; }
	 
td, th { padding:2px; }
	 
.red { color: #97103A; }

/* === === === === === === === === === ===
=FOOTER
=== === === === === === === === === === */

#footer-wrap { 
	clear: both; 
	padding: 0px 50px 30px; 
	}

#footer { 
	position: relative;
	width: 920px; 
	margin: 0 auto; 
	text-align:center;  
	}
 
ul#footer-nav {
	padding-top: 5px; 
	height:36px;
	}
 
ul#footer-nav li {  
	color: #C7C6B4; 
	display:inline;
	height:36px;
	text-transform:uppercase;
	}
	
ul#footer-nav li a#last { border: none; }
 
 
ul#footer-nav li a { 
	color: #313940; 
	text-decoration:none; 
	padding: 0 10px 0 10px;
	font-size: 1.0em;
	border-right: 1px solid #ffffff ; 
	}

ul#footer-nav li.currentpage a, ul#footer-nav li a:hover { color: #354874; }

#phone { margin:20px 0; font: 1.5em  Georgia, "Times New Roman", Times, serif; color:#97103A; } 

#phone h3 { font-size:1.4em; line-height:1.6em; }

.address	{ font-size:11px; padding-top:10px; }
	
	
/*****************************************************
 * Form Fields
 *****************************************************/
#form {width:569px; position:relative; margin-top:10px; }

#form ol li { 
	font-size: 1.4em; 
	line-height:1.8em; 
	list-style: none; 
	color: #76777A;
	margin:5px 0;
	}
	
legend {
	font-size: 2.0em;
	font-weight:normal;
	color:#354874;
	text-transform:uppercase;
	}
	
input, textarea {
	border:1px solid #76777A;
	padding:3px; color: #76777A;
	}
	
input:hover,input:focus, textarea:hover,textarea:focus {
	background-color: #CCD1DC;
	color: #354874;
	}
	
input#name, input#address, input#number, textarea  {
	width:100%;
	}
	
input#email  { width:95%; }

input#city  { width:95%; }

input#state  { width:75%; }

input#zip { width:100%; }
	

li.field-phone, li.field-email, li.field-city, li.field-state, li.field-zip, li.check-buy, li.check-sell {
	display:block;
	float:left;
	}
	
input#interest_buy, input#interest_sell { width:15px; height:15px; margin-right:5px; }

li.field-phone, li.field-email { width:50%; }
	
li.field-city { width:50%; }
	
li.field-state { width:10%; }
	
li.field-zip { width:40%;}
	
li.field-name, li.field-address, li.field-comments  {
	clear:both;
	}
	
li.field-interest { clear:left; display:block; margin-top:10px; }

li.check-buy, li.check-sell { width:100px;}

input.submit { background-color: #76777A; color:white; border: 1px solid #ffffff; padding:5px 15px; text-transform:uppercase; }

input.submit:hover { background-color: #97103A; color:white; border: 1px solid #ffffff; cursor:pointer; }









/*****************************************************
 * CAREER FORM FIELDS
 *****************************************************/
.career-form {width:569px; position:relative; margin-top:10px; }
.career-form fieldset {clear:both; }
.career-form fieldset ol li {list-style:none; }
.career-form ol li { 
	font-size: 1.4em; 
	line-height:1.8em; 
	list-style: none; 
	color: #76777A;
	margin:5px 0;
	}
	
legend.emp { text-indent:-99999px; display:none; }

.career-form legend {
	font-size: 1.4em;
	font-weight:normal;
	color:#354874;
	text-transform:none;
	padding-bottom:15px;
	}
	
.career-form input, .career-form textarea {
	border:1px solid #76777A;
	padding:5px; color: #76777A;
	}
	
input:hover,input:focus, textarea:hover,textarea:focus {
	background-color: #CCD1DC;
	color: #354874;
	}
	
.career-form input#fm_name, .career-form input#fm_address, .career-form input#fm_phone { width:99%; }
.career-form textarea  { width:99%; }
	
.career-form input#fm_email  { width:95%; }

.career-form input#fm_city  { width:95%; }

.career-form input#fm_state  { width:75%; }

.career-form input#fm_zip { width:100%; }
	
.career-form li.field-phone,.career-form  li.field-email { width:50%; }
	
.career-formli.field-city { width:50%; }
	
.career-form li.field-state { width:10%; }
	
.career-form li.field-zip { width:40%;}
	
.career-form li.field-name, .career-form li.field-address, .career-form li.field-comments  { clear:both; }
.career-form li.field-comments  { margin-bottom:10px; }
#fm_upload { margin-bottom:15px; }
#fm_verify { width:30%; display:block;}
img.verify { margin: 5px 0 0 0;}
	
.career-form input.submit { background-color: #76777A; color:white; border: 1px solid #ffffff; padding:5px 15px; text-transform:uppercase; margin-top:25px; }

input.submit:hover { background-color: #97103A; color:white; border: 1px solid #ffffff; cursor:pointer; }

li.disclaimer { font-style:italic; padding:10px 0 0 0; border-top:1px solid #76777A; } 

.error	{padding:1em; background-color:#97103A; border:1px solid #900; margin:1em 0; font-size:11px; color:#fff;}

.ddfmerrors	{ font-size:16px; margin-bottom:.5em; font-weight:bold; color:#FFf;}

.thanks	{padding:1em; margin:1em 0; width:100%; background-color: #7CAC6B; border:1px solid fff; color:#fff;}