/*******************************************
*
* Clear CSS
*
*******************************************/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p { 
	margin:0;
	padding:0;
}
img { 
	border:0;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/*******************************************
*
* Lyon Shipyard CSS
*
*******************************************/

html {
	height:100%;
	overflow-y:scroll;
}
body {
	height:100%;
	background:#fff;
	font-family:"Trebuchet MS",Helvetica,Arial,Tahoma;
	font-size:14px;
	line-height:150%;
	color:#4f594c;
}
p,h1,h2,h3,h4,h5,h6 {
	padding:10px 0;
}
blockquote {
	margin:0px;
	padding:10px 0 10px 10px;
}
ul,ol,li {
	/* margin:5px 2px; */
}
a,a:visited {
	color:#529f39;
	text-decoration:none;
}
a:hover {
	color:#529f39;
	text-decoration:underline;
}
h1,h2,h3,h4,h5,h6 {
	font-family:"Trebuchet MS",Helvetica,Arial,Tahoma;
	font-weight:bold;
	color:#529f39;
}
h1 {
	font-size:1.7em;
}
h2 {
	font-size:1.6em;
}
h3 {
	font-size:1.5em;
}
h4 {
	font-size:1.4em;
}
h5 {
	font-size:1.3em;
}
h6 {
	font-size:1.2em;
}
#wrapper {
	position:relative;
	min-height:100%;
}
.clear {
	clear:both;
}
* html #wrapper {
	height:100%;
}
.spacer {
	width:900px;
	height:10px;
	margin:0 auto;
	background-color:#fff;
}

/*******************************************
*
* Header
*
*******************************************/

#header_wrap {
	background-color:#fff;
	width:900px;
	height:128px;
	margin:0 auto;
}
#header_content {
	width:900px;
	min-width:900px;
	margin:0 auto;
}
#header_left {
	width:293px;
	float:left;
}
#header_right {
	width:202px;
	float:right;
	text-align:right;
	padding:30px 0 0 0;
}
#header_right a:link, #header_right a:visited, #header_right a:hover {
	text-decoration:none;
}

/*******************************************
*
* Main Photo
*
*******************************************/

#photo_wrap {
	background:url("../images/LSY-N-Yard.jpg") no-repeat;
	width:900px;
	height:500px;
	margin:0 auto;
}
#photo_content {
	width:900px;
	min-width:900px;
	margin:0 auto;
}
#company_photo_wrap {
	width:900px;
	height:500px;
	margin:0 auto;
}
#company_photo_content {
	width:900px;
	min-width:900px;
	margin:0 auto;
}
#newsflash {
	width:880px;
	min-width:900px;
	margin:0 auto;
	padding:10px;
	text-align:center;
}

/*******************************************
*
* Navigation
*
*******************************************/

#nav_wrap {
	background:url("../images/nav_bg.gif") repeat-x;
	width:900px;
	height:78px;
	margin:0 auto;
}
#nav_content {
	width:900px;
	min-width:900px;
	margin:0 auto;
	color:#fff;
	text-align:center;
}
.navigation {
	font-weight:bold;
	width:900px;
	color:#fff;
	text-transform:capitalize;
}
.navigation ul,.subnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.navigation ul li,.subnav ul li {
	position:relative;
	display:inline;
	float:left;
}
.subnav {
	background:url("../images/subnav_bg.gif") no-repeat;
	width:900px;
	height:38px;
	margin:0 auto;
}
#nav_home {
	display:block;
	width:95px;
	height:78px;
	background: url("../images/nav_home.gif") no-repeat 0 0;
}
#nav_company {
	display:block;
	width:167px;
	height:78px;
	background: url("../images/nav_company.gif") no-repeat 0 0;
}
#nav_facilities {
	display:block;
	width:110px;
	height:78px;
	background: url("../images/nav_facilities.gif") no-repeat 0 0;
}
#nav_projects {
	display:block;
	width:107px;
	height:78px;
	background: url("../images/nav_projects.gif") no-repeat 0 0;
}
#nav_history {
	display:block;
	width:159px;
	height:78px;
	background: url("../images/nav_history.gif") no-repeat 0 0;
}
#nav_employment {
	display:block;
	width:124px;
	height:78px;
	background: url("../images/nav_employment.gif") no-repeat 0 0;
}
#nav_contact {
	display:block;
	width:118px;
	height:78px;
	background: url("../images/nav_contact.gif") no-repeat 0 0;
}
#nav_home:hover,#nav_company:hover,#nav_facilities:hover,#nav_projects:hover,#nav_history:hover,#nav_employment:hover,#nav_contact:hover { 
	background-position:0 -78px;
}
#nav_home span,#nav_company span,#nav_facilities span,#nav_projects span,#nav_history span,#nav_employment span,#nav_contact span { 
	display:none;
}
body#index #nav_home,body#company_profile #nav_company,body#facilities #nav_facilities,body#projects #nav_projects,body#history #nav_history,body#employment #nav_employment,body#contact #nav_contact {
	background-position:0 -78px;
}


	
/*******************************************
*
* Main Content
*
*******************************************/

.main_wrap {
	background-color:#dfe8df;
	width:900px;
	margin:0 auto;
}
.main_content {
	width:850px;
	min-width:850px;
	margin:0 auto;
	padding:10px 25px;
	height:100%;
}
tr.alt td {
	background:#eeeeee;
}
tr.over td {
	background:#dddddd;
}
.content_left,.content_right {
	float:left;
	width:425px;
}
img.border {
	border: solid 5px #fff;
	margin: 4px;
}


/*******************************************
*
* Map
*
*******************************************/

#map_wrap {
	width:900px;
	margin:0 auto;
}
#map_content {
	width:900px;
	min-width:900px;
	margin:0 auto;
}

/*******************************************
*
* Slideshow
*
*******************************************/

#gallery {
	position:relative;
	height:500px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
/*******************************************
*
* Footer
*
*******************************************/

#footer_wrap {
	margin:0 auto;
	clear:both;
	width:900px;
}
#footer_content {
	width:900px;
	margin:0 auto;
	padding-top:25px;
	font-size:12px;
}
.footerlink:link,.footerlink:visited {
	color:#4f594c;
	text-decoration:none;
}
.footerlink:hover {
	text-decoration:none;
}
.footer_left {
	float:left;
	width:425px;
	padding:0 0 0 25px;
}
.footer_right {
	float:left;
	width:425px;
	text-align:right;
	padding:0 25px 0 0;
}