/* -------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------

JCS Design Associates XHTML and CSS by Kenneth Feldman, http://www.kpfdigital.com/
All associated graphics copyright 2005, JCS Design Associates.

THIS DESIGN IS NOT A TEMPLATE.
YOU MAY NOT REPRODUCE IT ELSEWHERE WITHOUT THE DESIGNER'S WRITTEN PERMISSION.

You may adapt elements of this CSS in your own projects, but the unique
combination of images, colors, sizes, typography, and positioning ("the design") 
is copyright 2005 JCS Design Associates and may not be reproduced.
	
----------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/





/* Equalizing Default Behaviour of Elements for Cross-Browser Consistancy
------------------------------------------------------------------------------------------- */	


/* Removes the inconsistent default padding or margin (among browsers) across all elements. 
	We'll set them where we want them, rather than remove them every time we don't want them.
	Note: Star selector sets rules universally for all elements in the cascade. */

* { padding: 0; margin: 0; }


/* Safari and Gecko-based browsers (such as Firefox) use padding-left to indent lists;
	Internet Explorer uses margin-left. Neither way is right nor wrong; this just equalizes list behaviors */

ul, ol { padding-left: 0.2em; margin-left: 0; list-style: none; }


/* Setting consistent margin-bottom makes all elements push the next element down evenly. */

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address { margin-bottom: 1em; }
 

/* Link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words. 
   So instead I have set a (dotted) bottom border for in-line text links. 
   IE 5.0pc doesn't display this underline technique, but oh well!   */

:link, :visited { text-decoration: none; color: #fff; }

a:hover { text-decoration: none; color: #D1182E; }

/* Whoever thought blue linked image borders were a good idea? */

a img, :link img, :visited img { border: 0; }

a { outline: none; }



/* Main Structural Elements 
-------------------------------------------- */	
body {
	background: #000 url("img/bg1.gif");
	text-align: center;
	font: 76%/1.5em  Verdana, Geneva, Helvetica, Arial, Sans-serif;
	color: #fff;
	}

#container {
	position: relative;
	background: #000;
	width: 750px;
	margin: 0px auto;
	margin-top: 0px;
	text-align: left;
	font-size: 1.0em;
	}

#home #container {
	position: relative;
	background: #000;
	width: 750px;
	margin: 0px auto;
	margin-top: 0px;
	text-align: left;
	}	
	
#header {
	position: relative;
	height: 137px;
	background: #000;
	}
		
#home #header {
	position: relative;
	height: 117px;
	background: #000;
	color: #666;
	}

#header img {
	position: absolute;
	top: 21px;
	left: 10px;
	}
	
#footer { 
	clear: both; 
	color: #999;
	text-align: left;
	font: 11px Verdana, Geneva, Helvetica, Arial, Sans-serif;
	margin-bottom: 5px;
	}
	
	
#comments #footer { 
	clear: both; 
	color: #999;
	text-align: left;
	font: 11px Verdana, Geneva, Helvetica, Arial, Sans-serif;
	margin-bottom: 5px;
	margin-top: 1280px;
	}

#footer p { margin-bottom: .6em; }



/* Main Navigation Elements 
-------------------------------------------- */		
		

#nav_bar { height: 25px; width: 307px; position: absolute; top: 54px; left: 432px; line-height: 25px; }
#nav_bar ul { margin: 0; padding: 0; width: 307px; height: 25px; position: relative; }
#nav_bar ul li { height: 25px; margin: 0; padding: 0; position: absolute; top: 0;}
#nav_bar a { height: 25px; display: block; border: 0px; }	
#nav_bar ul li a {text-indent: -9999px; text-decoration: none; }
	
#nav_bar ul li#nb1 { left: 0px; width: 68px; background: url("img/nb.gif") 0px 0px no-repeat; }
#nav_bar ul li#nb2 { left: 68px; width: 67px; background: url("img/nb.gif") -68px 0px no-repeat; }
#nav_bar ul li#nb3 { left: 135px; width: 58px; background: url("img/nb.gif") -135px 0px no-repeat; }
#nav_bar ul li#nb4 { left: 193px; width: 48px; background: url("img/nb.gif") -193px 0px no-repeat; }
#nav_bar ul li#nb5 { left: 241px; width: 66px; background: url("img/nb.gif") -241px 0px no-repeat; }

#nb1 a:hover { height: 25px; width: 68px; background: url("img/nb.gif") 0px -25px no-repeat;}
#nb2 a:hover { height: 25px; width: 67px; background: url("img/nb.gif") -68px -25px no-repeat;}
#nb3 a:hover { height: 25px; width: 58px; background: url("img/nb.gif") -135px -25px no-repeat;}
#nb4 a:hover { height: 25px; width: 48px; background: url("img/nb.gif") -193px -25px no-repeat;}
#nb5 a:hover { height: 25px; width: 66px; background: url("img/nb.gif") -241px -25px no-repeat;}

#nav_bar ul li#onpage1 { left: 0px; width: 68px; background: url("img/nb.gif") -0px -25px no-repeat;}
#nav_bar ul li#onpage2 { left: 68px; width: 67px; background: url("img/nb.gif") -68px -25px no-repeat;}
#nav_bar ul li#onpage3 { left: 135px; width: 58px; background: url("img/nb.gif") -135px -25px no-repeat;}
#nav_bar ul li#onpage4 { left: 193px; width: 48px; background: url("img/nb.gif") -193px -25px no-repeat;}
#nav_bar ul li#onpage5 { left: 241px; width: 66px; background: url("img/nb.gif") -241px -25px no-repeat;}





/* Sub Navigation Elements 
-------------------------------------------- */		
	

#sub_nav { height: 25px; width: 559px; position: absolute; top: 95px; left: 181px; line-height: 25px; border: 0px solid #f00;}
#sub_nav ul { margin: 0; padding: 0; width: 559px; height: 25px; position: relative; }
#sub_nav ul li { height: 25px; margin: 0; padding: 0; position: absolute; top: 0; }
#sub_nav a { height: 25px; display: block; border: 0;}	
#sub_nav ul li a { text-indent: -9999px; text-decoration: none;}
	
#sub_nav ul li#sn1 { left: 0px; width: 189px; background: url("img/sn2.gif") 0px 0px no-repeat; }
#sub_nav ul li#sn2 { left: 189px; width: 115px; background: url("img/sn2.gif") -189px 0px no-repeat; }
/*#sub_nav ul li#sn3 { left: 304px; width: 131px; background: url("img/sn2.gif") -304px 0px no-repeat; }*/
#sub_nav ul li#sn4 { left: 304px; width: 142px; background: url("img/sn2.gif") -435px 0px no-repeat; }
#sub_nav ul li#sn5 { left: 446px; width: 113px; background: url("img/sn2.gif") -577px 0px no-repeat; }

#sn1 a:hover { height: 25px; width: 189px; background: url("img/sn2.gif") 0px -25px no-repeat;}
#sn2 a:hover { height: 25px; width: 115px; background: url("img/sn2.gif") -189px -25px no-repeat;}
/*#sn3 a:hover { height: 25px; width: 131px; background: url("img/sn2.gif") -304px -25px no-repeat;}*/
#sn4 a:hover { height: 25px; width: 142px; background: url("img/sn2.gif") -435px -25px no-repeat;}
#sn5 a:hover { height: 25px; width: 113px; background: url("img/sn2.gif") -577px -25px no-repeat;}

#sub_nav ul li#onpage1 { left: 0px; width: 189px; background: url("img/sn2.gif") -0px -25px no-repeat;}
#sub_nav ul li#onpage2 { left: 189px; width: 115px; background: url("img/sn2.gif") -189px -25px no-repeat;}
/*#sub_nav ul li#onpage3 { left: 304px; width: 131px; background: url("img/sn2.gif") -304px -25px no-repeat;}*/
#sub_nav ul li#onpage4 { left: 304px; width: 142px; background: url("img/sn2.gif") -435px -25px no-repeat;}
#sub_nav ul li#onpage5 { left: 446px; width: 113px; background: url("img/sn2.gif") -577px -25px no-repeat;}




/* Main Content Section 
-------------------------------------------- */		


#inner_wrap {
	position: relative;
	margin: 0 17px;
	padding-bottom: 8px;
	background: #000;
	}	
	
	
	
	
/*
 Footer links 
-------------------------------------------- */		



#footer a:link { color: #999; text-decoration: none; border-bottom: 0;} 
#footer a:visited {color: #999; text-decoration: none; border-bottom: 0;}
#footer a:hover { color: #D1182E; text-decoration: none; border-bottom: 0; }

#footer a.current:link { color: #D1182E; text-decoration: none; border-bottom: 0;} 
#footer a.current:visited {color: #D1182E; text-decoration: none; border-bottom: 0;}
#footer a.current:hover { color: #D1182E; text-decoration: none; border-bottom: 0; }

#footer a.kpf:link { color: #282828; text-decoration: none; border-bottom: 0;} 
#footer a.kpf:visited {color: #282828; text-decoration: none; border-bottom: 0;}
#footer a.kpf:hover { color: #D1182E; text-decoration: none; border-bottom: 0; }



/* Typography 
-------------------------------------------- */		

/* Featuring the Leahy/Langridge Method of Image Replacement of Text in Header elements */
/* This method contains the Box Model Hack for IE5 and 5.5 PC */
/* http://www.kryogenix.org/code/browser/lir/ */


	
#home_text p {
	margin: 30px 82px 126px 96px;
	line-height: 175%;
	text-align: justify;
	}

.site_credit {
	text-align: right;
	color: #282828;
	font-size: 10px; 
	margin-top: 35px;
	}






/* Images 
-------------------------------------------- */		



#home .image img {
	margin: 0 0 6px 96px;
	}

#home .image div {
	text-align: right;
	font: 9px Verdana, Geneva, Helvetica, Arial, Sans-serif;
	color: #999;
	margin-right: 82px;
	}


	
#before_pic {
	float: right;
	position: relative;
	margin-bottom: 85px;
	display: inline;
	}
	
.image div p {
	text-align: left;
	margin-bottom: .5em;
	line-height: 135%;
	}

	
.image img {
	margin: 0 0 10px 0px;
	}

#port_245 .image {
	margin-left: 87px;
	}
	
#port_245 #before_pic {
	margin-right: 58px;
	}
	
#sub_boxes {
	text-align: center;
	border: 0px solid red;
	margin: 20px 0 75px 0;
	padding-left: 85px;
	}
	
#box_one {
	position: relative;
	width: 250px;
	border: 0px solid white;
	float: left;
	margin-right: 40px;
	}

#box_two {
	position: relative;
	width: 250px;
	border: 0px solid white;
	float: left;
	}

#box_one p, #box_two p {margin-top: 5px;}	
	
	
	
	
	
	
/* Form Styles
-------------------------------------------- */
	
#thisform {
	float: right;
	position: relative;
	width: 350px;
	color: #FFF;
	margin: 0 35px 100px 0;
	}

form dd {
	margin: 0 0 5px 0;
		}	
	
#name, #email, #comment {
	width: 300px;
	}	

#thisform label {
	font-weight: normal;
	}

#thisform fieldset {
	border: 1px solid #000;
	padding: 10px 20px;
	}

#thisform legend {
	font: normal 1.0em arial, Sans-serif;
	color: #FFF;
	border: 0px solid #ccc;
	padding: 4px 0px;
	margin-left: 0;
	}	

input:focus, textarea:focus { 
	background: #666;
	border: 1px solid #fff;
	}

input, textarea	{
	border: 1px solid #666;
	background-color: #333;
	color: #fff;
	padding: 3px;
	}
	
	
	
	
	
	

/* Misc. Styles
-------------------------------------------- */
		
.pushdown, .pushdown a { 
	margin: 0 0 40px 29px;
	}

.indent { margin-left: 35px;}

.indent-push { padding-top: 50px; margin-left: 35px; margin-bottom: 100px;}





/* Table Styles
-------------------------------------------- */

table {
	margin-bottom: 20px;
	width: 47%;
	font: 9px/250% Verdana, Geneva, Helvetica, Arial, Sans-serif;
	}

th {
	text-align: left; 
	text-decoration: underline; 
	padding-bottom: 8px;
	}


td { 
	border: 0px solid #ff0000; 
	background-color: #000; 
	}


#clients h4 {
	font-size: 105%; 
	text-align: center; 
	border-bottom: 1px solid #D1182E; 
	margin-bottom: 45px; 
	margin-left: 150px; 
	margin-right: 150px; 
	padding-bottom: 8px;
	}

#client-bottom { 
	font-size: 10px; 
	margin-bottom: 100px; 
	}


#column1 {
	float: left; 
	margin-right: 7px; 
	position: relative; 
	border-right: 1px solid #888;
	} 


.landmarked { 
	color: #D1182E; 
	font-weight: bold;
	}
	
	
	


/* Comment Page Styles
-------------------------------------------- */


#main_quote { 
	font: 1.2em/130% Georgia,'Times New Roman', Times, Serif;
	width: 500px;
	text-align: left;
	position: relative;
	top: 0px;
	left: 100px;
	}





#quote_one {
	font: 1.1em/130% Georgia,'Times New Roman', Times, Serif;
	width: 350px;
	text-align: left;
	position: absolute;
	top: 150px;
	left: 18px;
	}




#quote_two {
	font: 1.1em/130% Georgia,'Times New Roman', Times, Serif;
	width: 250px;
	text-align: center;
	position: absolute;
	top: 350px;
	left: 18px;
	}


#quote_three {
	font: 1.1em/130% Georgia,'Times New Roman', Times, Serif;
	width: 380px;
	text-align: center;
	position: absolute;
	top: 605px;
	left:18px;
	}


#quote_four {
	font: 1.1em/130% Georgia,'Times New Roman', Times, Serif;
	width: 250px;
	text-align: center;
	position: absolute;
	top: 130px;
	left: 423px;
	}


#quote_five {
	font: 1.1em/130% Georgia,'Times New Roman', Times, Serif;
	width: 400px;
	text-align: center;
	position: absolute;
	top: 390px;
	left:303px;
	}



#quote_six {
	font: 1.1em/130% Georgia,'Times New Roman', Times, Serif;
	width: 230px;
	text-align: center;
	position: absolute;
	top: 580px;
	left: 453px;
	}



#press-list {
	font: 1.1em/130% Georgia,'Times New Roman', Times, Serif;
	width: 600px;
	text-align: left;
	position: absolute;
	top: 1025px;
	left: 70px;
	}


#bottom_quote { 
	font: 1.2em/130% Georgia,'Times New Roman', Times, Serif;
	width: 635px;
	text-align: left;
	position: relative;
	top: 790px;
	left: 50px;
	}