/*	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: #76777A; /* 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/mbgd.gif') 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/masthead_02.gif') 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:24px;
	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 #difference, #nav #careers, #nav #story, #nav #contact, #nav #viewList, #nav #Adver, #nav #Stage { position:absolute; z-index:9999; }

#nav #start span, #nav #difference span, #nav #careers span, #nav #story span, #nav #contact span, #nav #viewList span, #nav #Adver span, #nav #Stage span   { position:absolute; left:-9999px; }


#nav #start  { top:3px; right:40px; width:60px; height:20px; }

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

#nav #start a:hover, #nav #start.current a { display:block; width:60px; height:20px; background: url('../img/homenav.png') no-repeat left -22px; }


#nav #difference  { top:38px; right:40px; width:220px; height:47px; }

#nav #difference a.t  { display:block; width:220px; height:47px; background: url('../img/diffNav.png') no-repeat left 0; }

#nav #difference a:hover.t, #nav #difference.current a.t  { display:block; width:220px; height:47px; background: url('../img/diffNav.png') no-repeat left -50px; }


#nav #Adver  { top:100px; right:40px; width:250px; height:47px; }

#nav #Adver a  { display:block; width:250px; height:47px; background: url(../img/AdvMarknav.png) no-repeat left 0; }

#nav #Adver a:hover, #nav #Adver.current a  { display:block; width:250px; height:47px; background: url('../img/AdvMarknav.png') no-repeat left -50px; }


#nav #Stage  { top:158px; right:40px; width:229px; height:47px; }

#nav #Stage a  { display:block; width:229px; height:47px; background: url('../img/Stagenav.png') no-repeat left 0; }

#nav #Stage a:hover, #nav #Stage.current a  { display:block; width:229px; height:47px; background: url('../img/Stagenav.png') no-repeat left -50px; }


#nav #careers  { top:220px; right:40px; width:93px; height:22px; }

#nav #careers a  { display:block; width:93px; height:22px; background: url('../img/careersNav-2.png') no-repeat left 0; }

#nav #careers a:hover, #nav #careers.current a  { display:block; width:93px; height:22px; background: url('../img/careersNav-2.png') no-repeat left -22px; }


#nav #story  { top:259px; right:40px; width:100px; height:50px; }

#nav #story a  { display:block; width:100px; height:50px; background: url('../img/storyNav.png') no-repeat left 0; }

#nav #story a:hover, #nav #story.current a  { display:block; width:100px; height:50px; background: url('../img/storyNav.png') no-repeat left -49px; }


#nav #contact  { top:324px; right:40px; width:70px; height:22px; }

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

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


#nav #viewList  { top:361px; right:40px; width:180px; height:50px; }

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

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


 /*--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 {
	border-bottom:1px dotted #76777A;
	color:#76777A;
	}
	
#mainContent a:hover {
	border-bottom:1px dotted #97103A;
	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;
	}
	
/* === === === === === === === === === ===
=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: #ffffff; 
	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;}