/* Kellermeier CSS sheet*/


body  {
	font: 100% Geneva, Arial, Helvetica, sans-serif;
	background: #333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE5.x and IE6 browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	overflow: scroll;
}

#container { 
	width: 880px;  /* using 20px less than a full 900px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 20px 25px 25px 25px;
	/*overflow: hidden;*/
	border: 3px solid #666;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header { 
	float: left;
	width: 880px;
	background: #000;	 
	padding: 0px 0px 10px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header img {
	float: left;
	border:none;
}

/*navigation.....*/
#navbuttons {
clear: both;
padding: 0px;
text-align: left;
color: #c63;
}
#navbuttons ul { 
	margin: 0px; 
	padding: 5px; 
	list-style-type: none; 
	text-align: left;
} 
#navbuttons ul li { 
	display: inline;
	margin: 0px;
	padding: 0px;  
}

/*navigation CURRENT PAGE.....*/
 
#navbuttons ul li a { 
	text-decoration: none; 
	padding: 2px;
	color:  #000;
	border: 1px solid #c63;	  
}  
#navbuttons li a:hover { 
	border: 1px solid #c63;
	background-color: #fff;
	 } 
#navbuttons li a#current { 
	color: #fff; background: #000;
	border: 1px solid; 
	border-color: #fff; 
	padding: 4px;
} 



/*navigation-Company.....*/
#navcompany {
clear: both;
padding: 0px;
text-align: left;
color: #c63;
height: 35px; /*need this here to be equal on all pages with spacer_nav.jpg*/
}


#navcompany ul { 
	margin: 0px; /*10px 0px 20px 150px; places the entire ul navigation row*/
	padding: 0px; 
	list-style-type: none; 
	text-align: left; 
} 

#navcompany ul li { 
	/*display: inline;*/
	float: left;
	position: relative;
	width: 7.5em;
	/*margin: 0px 5px 0px 0px;
	padding: 2px;  */
}
/*navigation-Company CURRENT PAGE........................................*/
 
#navcompany ul li a { 
	text-decoration: none; 
	padding: 2px;
	color:  #000;
	border: 1px solid #c63;	  
} 
 
#navcompany li a:hover { 
	border: 1px solid #c63;
	background-color: #fff;
	 } 

#navcompany li a#current { 
	
	border: 1px solid; 
	border-color: #fff; 
	padding: 4px;
} 

/*----sub menu--_*/

#navcompany li ul {
display: none;
position: absolute;
top: 2em;
left: 0;
}
li > ul {
	top: auto;
	left: auto;
	}

#navcompany li:hover ul, li.over ul { 
	display: block; 
	background-color: #000;
}
#navcompany li ul a { 
	text-decoration: none; 
	padding: 5px;
	margin: 5px;
	color:  #000;
	display:block;
	background-color: #fff;	  
}




#wrapper  {
background: #fff;
border: 2px solid #fff;
padding: 10px 0px;
}

#leftContent { 
	float: left;
	width: 520px;
	margin: 0; /* the right margin 200 px on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	
} 
#leftContent p {
text-align: justify;
}
.smalltext {
font-size: 10px;
}
#leftContent h4 {
margin: 5px;
}
#leftContent img {
float: left;
border: none;
margin: 10px;
}
.homeimage {
float: left;
margin: 0px;
width: 532px;
}
.homelogo {
float: left;
margin: 0px;
width: 0px;
clear:both;
}
/*table--for Gallery---------------------------------*/

.tablelogo { 
   border-collapse: collapse; 
   width: 250px;
   background-color: #fff;
   margin: 0px 0px 0px 15px; 
   float: left;
   clear: both; 
}  
.tablelogo tr { 
   padding: 0px;
} 
.tablelogo td { 
   padding: 0px;
   font-size: 12px;
   text-align: left;
   vertical-align: top; 
   background: #fff;
}





#leftContent a:link {text-decoration: none; color: #cc6633;}
#leftContent a:visited {color: #6b9809;}
#leftContent a:hover {text-decoration: none; color: #92ab90;}
#leftContent a:active {color: #cc6633;} 
/*table--for Gallery---------------------------------*/

.tableGallery { 
   border-collapse: collapse; 
   width: 450px;
   background-color: #cc6633;
   margin: 10px 0px 10px 0px;  
}  
.tableGallery tr { 
   padding: 0px;
} 
.tableGallery td { 
   padding: 0px 2px 0px 2px;
   font-size: 12px;
   text-align: center;
   vertical-align: top;
   border: 1px solid #000; 
}
.tablecell  {
background: #000;
} 
.tableGallery td h3 {
text-align: center;
}
.tableGallery caption { 
    font-size: 18px; 
    font-weight: bold; 
    margin: 5px;  
    padding: 10px 10px 15px 10px; 
} 
.tableGallery img { 
border: 1px solid #000;
 
} 

/*table--for Equip-Crew---------------------------------*/

.tableEquip { 
   border-collapse: collapse; 
   width: 450px;
   background-color: #c63;
   margin: 10px 0px 0px 0px;  
   border: 4px solid #000;
}  
.tableEquip tr { 
   padding: 0px;
} 
.tableEquip td { 
   padding: 0px 5px 0px 5px;
   font-size: 12px;
   text-align: center;
   vertical-align: top; 
} 
.tableEquip td h3 {
text-align: center;
}
.tableEquip caption { 
    font-size: 18px; 
    font-weight: bold; 
    margin: 5px;  
    padding: 10px 10px 15px 10px; 
} 

/*table--for Equip-Crew---------------------------------*/

.tableContact { 
   border-collapse: collapse; 
   width: 500px;
   background-color: #fff;
   margin: 10px 0px;  
   border: 1px solid #000;
   float:left;
}  
.tableContact tr { 
   padding: 0px;
} 
.tableContact td { 
   padding: 0px 5px 0px 10px;
   font-size: 14px;
   text-align: left;
} 
.tableContact td h3 {
text-align: left;
}
.tablecellcontact  {
background: url(images/bricks.jpg);
} 



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

#rightContent {
	float: right; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #666; /* the background color will be displayed for the length of the content in the column, but no further */
	border: 2px solid #000;
	padding: 0px 20px 15px 15px;
	margin: 0px 0px 10px 0px;
	
}
#rightContent p {
color: #ccc;
text-align: left;
}
#rightContent img {
float: left;
border: 2px solid black;
padding: 0px;
margin: 5px;
}
#rightContent h4 {
background: url(images/bricks.jpg);
padding: 5px 30px;
border: 1px solid #000;
}
#rightContent ul {
list-style-type: square;
padding: 3px;
margin: 0 0 0 12px;
font-size:15px;
color: #ccc;
}

#rightContent a:link {text-decoration: none; color: #6b9809;}
#rightContent a:visited {color: #6b9809;}
#rightContent a:hover {text-decoration: none; color: #92ab90;}
#rightContent a:active {color: #fff;} 

#footer { 
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#cc6633;
	border-top: #000 2px solid;
	font-size: 9px;	
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 9px;
	text-align: left;
}
#footer a:link {text-decoration: none; color: #000;}
#footer a:visited {color:#000;}
#footer a:hover {text-decoration: none; color: #ede3a5;}
#footer a:active {color: #fff;} 

.tablefooter { 
   border-collapse: collapse; 
   width: 880px;
   margin: 0px;
   border: none;
   background-color: #cc6633;  
}  
.tablefooter tr { 
   padding: 0px;
} 
.tablefooter td { 
   padding: 5px;
   font-size: 9px;
   text-align: left;
   vertical-align: top;
   border: none; 
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-right: 20px;
	width: auto;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	width: auto;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*iframe--------------------------------------------*/
#contentiframe {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	}
.iframep {
	text-align: left;
	margin: 10px 10px 5px 10px;
	}
.iframeh4 { text-align: left; color: #cc6633;
margin: 8px;
	}
.iframe_bg {
	background-color: #fff;  
}