/* ------------------------------------------------------------------------------------------- */
/* Main Attributes */
/* ------------------------------------------------------------------------------------------- */


a {
	
	color: #360;
	
	text-decoration: none;
	
}

a:hover {

	border-bottom: dotted 1px #360;
	
}

a:visited {

	color: #693;
	
}

body {
	
	background: #fff url("../images/bg_header.png") repeat-x;
	
	margin: 0; padding: 0;
	
	font-family: Helvetica, "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 62.5%; /* this percentage is to set base font size control -- 1em = 10px, 1.2em =  12px */
	
}

img {

	margin: 0; padding: 0; border: 0; background: none;
	
}

img.gallery {

	border: solid 1px #999;
	
	margin-bottom: 10px;
	
	margin-right: 10px;
	
}


p {

	margin: 0;
	
	padding: 0 0 10px 0;
	
	line-height: 160%;
	
	color: #333;
	
	font-size: 1.2em;
	
}

li {

	margin: 0;
	
	padding: 0 0 3px 0;
	
	line-height: 160%;
	
	color: #333;
	
	font-size: 1.2em;
	
}

h1 {

	margin: 0;
	
	padding: 0 0 10px 0;
	
	line-height: 140%;
	
	color: #557420;
	
	font-size: 1.8em;
	
	letter-spacing: 0.1em;
	
	font-weight: normal;
	
	text-transform: uppercase;
	
}

h4 {

	margin: 0;
	
	padding: 0 0 20px 0;
	
	line-height: 140%;
	
	color: #999;
	
	font-size: 1.8em;
	
	letter-spacing: normal;
	
	font-weight: normal;
	
	text-transform: none;
	
}

h2 {

	margin: 0;
	
	padding: 0 0 10px 0;
	
	line-height: 160%;
	
	color: #333;
	
	font-size: 1.4em;
	
	font-weight: bold;
	
}


h3 {

	margin: 0;
	
	padding: 0 0 5px 0;
	
	line-height: 160%;
	
	color: #333;
	
	font-size: 1.2em;
	
	font-weight: bold;
	
}

/* sub {

	vertical-align: baseline;
	
	font-size: 0.8em;
	
	position: relative;
	
	bottom: -0.4em;
	
	} */

ul, ol {

	margin: 0 0 10px 0;
	
	padding-top: 0;
	
	padding-left: 15px;
	
}

/* ------------------------------------------------------------------------------------------- */
/* Class Attributes */
/* ------------------------------------------------------------------------------------------- */

.clear {

	clear: both;
	
	margin: 0; padding: 0;
	
	font-size: 0em;
	
}

.clearfooter {

	height: 80px;
	
}

.left {

	float: left;
	
	display: inline;
		
}

.right {

	float: right;
	
	display: inline;
		
}

.column_420px {

	width: 419px;

}


.column_660px {

	width: 658px;

}


.column_240px {

	width: 239px;

}

.border_right {
	
	border-right: solid 1px #d3d3d3;
	
}


.border_left {
	
	border-left: solid 1px #d3d3d3;
	
}


.border_top {
	
	border-top: solid 1px #d3d3d3;
	
}

.content {

	padding: 0 20px 40px 20px;
	
}

ul.media {

	margin: 0; padding: 0;

}

ul.media li {

	list-style: none;
	
	margin: 0;
	
	border-top: solid 1px #d3d3d3;
	
	padding: 10px 0 10px 0;
	
}

ul.media_interior {

	margin: 0; padding: 0;

}

ul.media_interior li {

	list-style: none;
	
	margin: 0;
	
	padding: 5px 0 5px 0;
	
}

p.gray {

	font-size: 1.1em;
	
	padding: 0; margin: 0;

	color: #999;
	
}



/* ------------------------------------------------------------------------------------------- */
/* ID Attributes */
/* ------------------------------------------------------------------------------------------- */

#Header {

	background: transparent;
	
	position: relative;

	margin: 0 auto 0 auto;
	
	padding: 0;
	
	width: 960px;
	
	height: 120px;
	
}

#Logo {

	float: left;
	
	display: inline;
	
}

#Logo a {

	border: none;
	
	background: none;
	
}

#Wrapper {

	background: transparent url("../images/bg_content.png") bottom left no-repeat;
	
	position: relative;

	margin: 0 auto 0 auto;
	
	padding: 0;
	
	width: 960px;
	
}

#Wrapper_Subpage {

	background: transparent url("../images/bg_content_sub.png") bottom left no-repeat;
	
	position: relative;

	margin: 0 auto 0 auto;
	
	padding: 0;
	
	width: 960px;
	
}

#Wrapper_Subpage_2 {
	
	position: relative;

	margin: 0 auto 0 auto;
	
	padding: 0;
	
	width: 960px;
	
}

#MainContainer {

	background: transparent;
	
	margin: 0 0 0 39px;
	
	border-left: solid 1px #d3d3d3;
	
	padding: 0;
	
}

#ProjectNavigation {

	margin: 0 0 40px 20px;
	
	padding-top: 40px;

}

#Subpage_Banner {

	margin: 0 0 40px 20px;
	
	padding-top: 40px;

}

/* ------------------------------------------------------------------------------------------- */
/* ID Nav Attributes */
/* ------------------------------------------------------------------------------------------- */

#Navigation {

	float: right;
	
	display: inline;
	
	margin-right: 14px;

}

#Navigation ul {

	position: relative;

	margin: 0;
	
	padding: 0;
	
	background: transparent url("../images/swanhills_synfuels_sprite_3.png") top left no-repeat;
	
	width: 610px;
	
	height: 120px;
	
	list-style-type: none;

}

#Navigation ul li {

	display: inline;
	
	margin: 0; padding: 0;
	
}

#Navigation li a {

	display: block;
	
	float: left;

	text-indent: -9000px;
	
	text-decoration: none;
	
	overflow: hidden;
	
	height: 120px;
	
	border: none;
	
}


#Navigation li#home a {

	background: url("../images/swanhills_synfuels_sprite_3.png") 0 0 no-repeat;
	
	width: 119px;
	
}
	
#Navigation li#home a:hover {

	background: url("../images/swanhills_synfuels_sprite_3.png") 0 -120px no-repeat; 
	
}

#Navigation li#home_on a, #Navigation li#home_on a:hover {

	background: url("../images/swanhills_synfuels_sprite_3.png") 0 -240px no-repeat; width: 119px;
	
}

#Navigation li#about a {

	background: url("../images/swanhills_synfuels_sprite_3.png") -119px 0 no-repeat;
	
	width: 120px;
	
}
	
#Navigation li#about a:hover {

	background: url("../images/swanhills_synfuels_sprite_3.png") -119px -120px no-repeat; 
	
}

#Navigation li#about_on a, #Navigation li#about_on a:hover {

	background: url("../images/swanhills_synfuels_sprite_3.png") -119px -240px no-repeat; width: 120px;
	
}


#Navigation li#iscg a {

	background: url("../images/swanhills_synfuels_sprite_3.png") -239px 0 no-repeat;
	
	width: 134px;
	
}
	
#Navigation li#iscg a:hover {

	background: url("../images/swanhills_synfuels_sprite_3.png") -239px -120px no-repeat; 
	
}

#Navigation li#iscg_on a, #Navigation li#iscg_on a:hover {

	background: url("../images/swanhills_synfuels_sprite_3.png") -239px -240px no-repeat; width: 134px;
	
}


#Navigation li#projects a {

	background: url("../images/swanhills_synfuels_sprite_3.png") -373px 0 no-repeat;
	
	width: 120px;
	
}
	
#Navigation li#projects a:hover {

	background: url("../images/swanhills_synfuels_sprite_3.png") -373px -120px no-repeat; 
	
}

#Navigation li#projects_on a, #Navigation li#projects_on a:hover {

	background: url("../images/swanhills_synfuels_sprite_3.png") -373px -240px no-repeat; width: 120px;
	
}

#Navigation li#contact a {

	background: url("../images/swanhills_synfuels_sprite_3.png") -493px 0 no-repeat;
	
	width: 106px;
	
}
	
#Navigation li#contact a:hover {

	background: url("../images/swanhills_synfuels_sprite_3.png") -493px -120px no-repeat; 
	
}

#Navigation li#contact_on a, #Navigation li#contact_on a:hover {

	background: url("../images/swanhills_synfuels_sprite_3.png") -493px -240px no-repeat; width: 106px;
	
}

/* ------------------------------------------------------------------------------------------- */
/* class projectlinks Attributes */
/* ------------------------------------------------------------------------------------------- */


.projectlinks {

	margin: 0;
	
	padding: 0;
	
	position: relative;
	
}

.projectlinks ul {

	position: relative;

	margin: 0;
	
	padding: 0;
	
	background: transparent url("../images/swanhills_synfuels_project_sprite.png") top left no-repeat;
	
	width: 239px;
	
	height: 260px;
	
	list-style-type: none;

}

.projectlinks ul li {

	display: inline;
	
	margin: 0; padding: 0;
	
}

.projectlinks li a {

	display: block;
	
	float: left;

	text-indent: -9000px;
	
	text-decoration: none;
	
	overflow: hidden;
	
	width: 239px;
	
	border: none;
	
}

.projectlinks li#intro a {

	background: url("../images/swanhills_synfuels_project_sprite.png") 0 0 no-repeat;
	
	height: 66px;
	
}
	
.projectlinks li#intro a:hover {

	background: url("../images/swanhills_synfuels_project_sprite.png") -239px 0 no-repeat; border: none;
	
}

.projectlinks li#intro_on a, .projectlinks li#intro_on a:hover {

	background: url("../images/swanhills_synfuels_project_sprite.png") -478px 0 no-repeat; height: 66px; border: none;
	
}


.projectlinks li#pilot a {

	background: url("../images/swanhills_synfuels_project_sprite.png") 0px -66px no-repeat; border: none;
	
	height: 65px;
	
}
	
.projectlinks li#pilot a:hover {

	background: url("../images/swanhills_synfuels_project_sprite.png") -239px -66px no-repeat;  border: none;
	
}

.projectlinks li#pilot_on a, .projectlinks li#pilot_on a:hover {

	background: url("../images/swanhills_synfuels_project_sprite.png") -478px -66px no-repeat; height: 65px; border: none;
	
}


.projectlinks li#power a {

	background: url("../images/swanhills_synfuels_project_sprite.png") 0 -131px no-repeat; border: none;
	
	height: 65px;
	
}
	
.projectlinks li#power a:hover {

	background: url("../images/swanhills_synfuels_project_sprite.png") -239px -131px no-repeat;  border: none;
	
}

.projectlinks li#power_on a, .projectlinks li#power_on a:hover {

	background: url("../images/swanhills_synfuels_project_sprite.png") -278px -131px no-repeat; height: 65px; border: none;
	
}

.projectlinks li#vision a {

	background: url("../images/swanhills_synfuels_project_sprite.png") 0 -196px no-repeat; border: none;
	
	height: 64px;
	
}
	
.projectlinks li#vision a:hover {

	background: url("../images/swanhills_synfuels_project_sprite.png") -239px -196px no-repeat;  border: none;
	
}

.projectlinks li#vision_on a, .projectlinks li#vision_on a:hover {

	background: url("../images/swanhills_synfuels_project_sprite.png") -478px -196px no-repeat; height: 64px; border: none;
	
}

/* ------------------------------------------------------------------------------------------- */
/* class submenu Attributes */
/* ------------------------------------------------------------------------------------------- */

ul.submenu {


	margin: 0; padding: 0;
	
	list-style-type: none;

}

ul.submenu li {
	
	margin: 0; padding: 0;

}

ul.submenu li a {

	display: block;
	
	padding: 7px 0 5px 20px;
	
	border-bottom: solid 1px #d3d3d3;
	
	color: #360;
	
	height: 10px;
	
}


ul.submenu li.active {

	display: block;
	
	padding: 7px 0 5px 20px;
	
	border-bottom: solid 1px #d3d3d3;
	
	background: url("../images/bullet_go.png") center left no-repeat;
	
	color: #360;
	
	
}

html > body ul.submenu li a {
	height: auto;
}

ul.submenu li a:hover {
	
	background: url("../images/submenu_hover.png") top left repeat-x;
	
	color: #fff;
	
	border-bottom: solid 1px #360;
	
}

/* ------------------------------------------------------------------------------------------- */
/* class submenu2 Attributes */
/* ------------------------------------------------------------------------------------------- */

ul.submenu2 {

	position: relative;

	margin: 0; padding: 0;
	
	list-style-type: none;

}

ul.submenu2 li {
	
	margin: 0; padding: 0;

}

ul.submenu2 li a {

	display: block;
	
	padding: 7px 20px 5px 20px;
	
	border-bottom: solid 1px #d3d3d3;
	
	color: #360;
	
}


ul.submenu2 li.active {

	display: block;
	
	padding: 7px 20px 5px 20px;
	
	border-bottom: solid 1px #d3d3d3;
	
	background: url("../images/bullet_go_2.png") center right no-repeat;
	
	color: #360;
	
}

ul.submenu2 li a:hover {
	
	background: url("../images/submenu_hover.png") top left repeat-x;
	
	color: #fff;
	
	border-bottom: solid 1px #360;
	
}


/* ------------------------------------------------------------------------------------------- */
/* ID Footer Attributes */
/* ------------------------------------------------------------------------------------------- */

#Footer {
	
	width: 960px;
	
	margin: 0px auto 0 auto;
	
	padding: 20px 0 20px 0;
	
	background: transparent;
	
}

#Footer p {

	color: #999;
	
}

.Footer_Container {

	margin-left: 39px;
	
}

ul.footer_nav {

	margin: 0;
	
	padding: 0;
	
}

ul.footer_nav li {

	display: inline;
	
	padding-right: 8px;
	
	margin-right: 8px;
	
	border-right: solid 1px #d3d3d3;
	
	color: #999;
	
}

ul.footer_nav li.last {

	border: none;
	
}

ul.footer_nav li a {

	color: #999;
	
}

#Footer_2 {
	
	width: 100%;
	
	margin: 0px auto 0 auto;
	
	padding: 20px 0 20px 0;
	
	background: #000;
	
}

#Footer_2 p {

	color: #999;
	
}

.Footer_Container_2 {

	width: 960px;

	margin: 0px auto 0 auto;
	
}

ul.footer_nav {

	margin: 0;
	
	padding: 0;
	
}

ul.footer_nav li {

	display: inline;
	
	padding-right: 8px;
	
	margin-right: 8px;
	
	border-right: solid 1px #d3d3d3;
	
	color: #999;
	
}

ul.footer_nav li.last {

	border: none;
	
}

ul.footer_nav li a {

	color: #999;
	
}

/*  added by pnts */

img.audio { float: left; padding-right: 5px; }