/* --------------------------------------------------------------------
	mainshell.css gives layout and styling for the overall page
	container, masthead, navigation and subnav for the main site only.
   ------------------------------------------------------------------*/

body {
	margin-bottom: 5px;
	background: url(../../contents/images/body_background.png) repeat-x center top fixed #000;
}

html, body {
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

#wrapper {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	voice-family: "\"}\"";
	voice-family:inherit;
	display: block;
	position: static;
}

html>body #wrapper {
	width: 770px;
}


/* --------------------------------------------------------------------
	header* gives layout and styling for the header.
   ------------------------------------------------------------------*/

#header {
	display: block;
	position: static;
	background-image: url(../../contents/images/header_background.png);
	background-repeat: no-repeat;
	height: 78px;
	width: 770px;
}


/* --------------------------------------------------------------------
	banner* gives layout and styling for the banner.
   ------------------------------------------------------------------*/

#banner {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 0.75em;
	width: 100%;
	height: 200px;
	position: static;
	display: block;
	background-image: url(../../contents/images/contents_background.png);
	background-repeat: repeat-y;
	background-position: center center;
	display: block;
	clip: rect(auto,25px,auto,25px);
	text-align: center;
}


/* --------------------------------------------------------------------
	footer* gives layout and styling for the footer.
   ------------------------------------------------------------------*/

#footer {
	display: block;
	position: static;
	background-image: url(../../contents/images/footer_background.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 770px;
}

#footer_text {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 0.65em;
	color: #333;
	display: block;
	position: absolute;
	height: 15px;
	width: 770px;
	text-align: center;
	margin-top: 25px;
	line-height: 15px;
}


/* --------------------------------------------------------------------
	contents* gives layout and styling for the contents.
   ------------------------------------------------------------------*/

.contents_background {
	width: 770px;
	display: block;
	background-image: url(../../contents/images/contents_background.png);
	background-repeat: repeat-y;
	background-position: center;
}

#contents_wrapper {
	width: 770px;
	display: block;
	background-image: url(../../contents/images/contents_top_background.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.technical_data_wrapper {
	width: auto;
	height: auto;
	display: block;
	position: static;
}

.technical_images {
	width: 350px;
	float: left;
 	position: relative;
	display: block;
}

.technical_text {
 	width: auto;
	float: left;
 	position: relative;
	display: block;
}

.technical_text_ul {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 1.3em;
	color: #000;
	text-align: left;
}

.job_opportunities_admin {
	width:100%;
	position: relative;
	background-color:#eee;
	border: 1px dotted #666;
}

.job_opportunities {
	width: auto;
	position: relative;
	background-color:#eee;
	border: 1px dotted #666;
}

.job_opp_columnleft {
	width:20%;
	text-align:right;
	vertical-align:top;
}

.job_opp_columnright {
	width:80%;
	text-align:left;
	vertical-align:top;
}

.job_opp_submit {
	width:auto;
	text-align:center;
	vertical-align:top;
}

.news_date {
	width:100px;
	text-align:center;
	vertical-align:top;
}

.news_contents {
	width:auto;
	text-align:left;
	vertical-align:top;
}

.news_downloadicon {
	display:block;
	width:50px;
	height:55px;
	vertical-align:top;
	background: url(../../contents/images/downloadicon.png) no-repeat center top;
	border:none;
}