@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
[] Screen Stylesheet

version:   1.0
date:      26/01/10
author:    Sam Davies
email:     sam.davies@fastfusedesigns.com.au
website:   www.fastfusedesigns.com.au
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
Colour Palette
 

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

/* Universal Resets
-----------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img {
	vertical-align: baseline;
	font-weight: inherit;
	font-family:Verdana, Geneva, sans-serif;
	font-style: inherit;
	font-size: 62.5%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}
/* universal elements
-----------------------------------------------------------------------------*/

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

a:hover {color:#F00;}

body { background:url(images/blue_back.png);}

a:focus { outline: none; }

a:hover {color:#0FF;}   

ul {list-style:none; display:inline;}

li { display:inline; text-decoration:none;}

.clear { clear:both; }

.right { float: right; }

.left { float: left; }

.left1 { float: left; margin-bottom: 40px; }

.leftimage { float: left; padding-right: 10px;  }

/* Typeography
-----------------------------------------------------------------------------*/
p {
	font-size: 3.0em;
	line-height: 1.5em;
		margin-bottom: 10px;
}

a {
	font-size: 4em;
	margin-bottom: 10px;}
h1 {
	font-size: 6em;
	color:#1299d6;
}

h2 {

}

h3 {

}


/* Headings
-----------------------------------------------------------------------------*/

h1.theFuture {
	height: 36px;
	width: 470px;
	margin-top: 0;
	background:url(images/headings/Untitled-1.png) no-repeat;
	text-indent: -9000px;}
	
h1.energyServices {
	height: 36px;
	width: 470px;
	margin-top: 0;
	background:url(images/headings/energy.png) no-repeat;
	text-indent: -9000px;}

h1.aboutCatalyst {
	height: 36px;
	width: 470px;
	margin-top: 0;
	background:url(images/headings/about.png) no-repeat;
	text-indent: -9000px;}

h1.ContactCatalyst {
	height: 36px;
	width: 470px;
	margin-top: 0;
	background:url(images/headings/contact.png) no-repeat;
	text-indent: -9000px;}




h2.about {
	height: 30px;
	width: 236px;
	margin-top: 15px;
	background:url(images/headings/front.png) no-repeat;
	text-indent: -9000px;}

h2.strength {
		height: 30px;
	width: 236px;
	margin-top: 15px;
	margin-left: 5px;
	background:url(images/headings/front.png)  -236px 0px no-repeat;
	text-indent: -9000px;}

h2.news {
		height: 30px;
	width: 236px;
	margin-top: 15px;
	background:url(images/headings/front.png) -472px 0px no-repeat;
	text-indent: -9000px;}
	
h2.future {
	height: 30px;
	width: 300px;
	margin-top: 15px;
	background:url(images/headings/front.png) -708px 0px no-repeat;
	text-indent: -9000px;
	position:absolute;
	left: -576px;
	top: 298px;
}
	
h2.contact {
	height: 30px;
	width: 210px;
	margin-top: 15px;
	background:url(images/headings/front.png) -1008px 0px no-repeat;
	text-indent: -9000px;
	position:absolute;
	left: -243px;
	top: 299px;
}






/* Header
-----------------------------------------------------------------------------*/

#headerCont {
	width: 100%;
	height: 191px;
	background:url(images/header_back.png) repeat-x;
}

#head {
	width: 780px;
	height: 191px;
	margin: 0 auto;
	padding: 0 180px;
	position:relative;}

#shadow_head {
	width: 100%;
	height: 13px;
	background:url(images/shadow_underHeader.png) repeat-x;
}


.logo {
	position:absolute;
	left: 124px;
	top: 3px;
	}




/* Navigation
-----------------------------------------------------------------------------*/

ul.nav {
	width: 780px;
	height: 45px;
	position:absolute;
	left: 179px;
	top: 145px;
}

ul.nav a {
	text-indent: -9000px;}

li a.home {
	width: 108px;
	height: 45px;
	display:block;
	background:url(images/nav.png) no-repeat;
	float:left;
}


li a.home:hover, body.home1 li a.home  {
	background:url(images/nav.png) 0px -45px no-repeat;	
}



li a.home:active {
	background:url(images/nav.png) 0px -90px no-repeat;	
}



ul.nav li a.energy {
	width: 200px;
	height: 45px;
	display:block;
	background:url(images/nav.png) -108px 0px no-repeat;
	float:left;
}

ul.nav li a.energy:hover, ul.nav li a.energy:focus, body.energy1 ul.nav li a.energy  {
	background:url(images/nav.png) -108px -45px no-repeat;	
}



ul.nav li a.energy:active {
	background:url(images/nav.png) -108px -90px no-repeat;	
}

ul.nav li a.future {
	width: 252px;
	height: 45px;
	display:block;
	background:url(images/nav.png) -308px 0px no-repeat;
	float:left;
}

ul.nav li a.future:hover, ul.nav li a.future:focus, body.future1 ul.nav li a.future {
	background:url(images/nav.png) -308px -45px no-repeat;
	
}

ul.nav li a.future:active {
	background:url(images/nav.png) -308px -90px no-repeat;
	
}

ul.nav li a.about {
	width: 102px;
	height: 45px;
	display:block;
	background:url(images/nav.png) -560px 0px no-repeat;
	float:left;
}

ul.nav li a.about:hover, ul.nav li a.about:focus, body.about1 ul.nav li a.about {
	background:url(images/nav.png) -560px -45px no-repeat;	
}

ul.nav li a.about:active {
	background:url(images/nav.png) -560px -90px no-repeat;	
}


ul.nav li a.contact {
	width: 118px;
	height: 45px;
	display:block;
	background:url(images/nav.png) -662px 0px no-repeat;
	float:left;
}

ul.nav li a.contact:hover, ul.nav li a.contact:focus, body.contact1 ul.nav li a.contact {
	background:url(images/nav.png) -662px -45px no-repeat;
}

ul.nav li a.contact:active {
	background:url(images/nav.png) -662px -90px no-repeat;
}







/* Slideshow
-----------------------------------------------------------------------------*/

#blue {
	width: 100%;
	height: 312px;
	background:url(images/blue_back.png) repeat;}
	
#slideshowCont {
	width: 860px;on
	height: 332px;
	padding: 0 50px;
	margin: 0 auto;
}	

#slideshow {
		background:url(images/slideshowBackground.png) no-repeat;
		width: 810px;
		height: 299px;
		margin: 0 auto;
		padding: 13px 0 0 50px;}
		
#mainTop {
	width: 100%;
	height: 60px;
	background:url(images/shadow_underBlue.png) repeat-x;}
	
	#mainTopCont {
	width: 100%;
	height: 62px;
	background:url(images/contshadowtop.jpg) repeat-x;}

#topMain {
	width: 780px;
	height: 50px;
	background:url(images/Main_top.png);
	margin: 0 auto;
	padding: 10px 90px 0 90px;}
	
#topMainContent {
	width: 850px;
	height: 42px;
	background:url(images/topmainCont.jpg);
	padding: 20px 0 0 110px;
	margin: 0 auto; }
	
#mainMain {
	background:url(images/main/main.jpg);
	margin: 0 auto;
	width: 780px;
	height: 520px;
	padding: 0 90px;
	position:relative;}
	
#main {
	background:url(images/main.jpg);
	margin: 0 auto;
	width: 740px;
	padding: 5px 110px 10px 110px;}
	

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

.aboutsection{
	width: 355px;
	float: left;
	padding: 0 15px 0 15px;
	position:relative;
	margin-right: 10px;
	text-align:justify;
}

.strengthsection {
		width: 350px;
	float: left;
	padding: 0 15px 0 10px;
	position:relative;
	}

.aboutsection p{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: .5px;
	color:#333;
	}
	
.newssection li {
	display:list-item;
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;	
	font-size:10px;
	padding: 8px 0 5px 0;
	
}

.newssection li:hover {
	background:#CCC;
	
}

a.readmore {
	position:absolute;
	color:#09F;
	font-size:12px;
	left: 291px;
	top: 249px;
	width: 100px;
}

a.readmore:hover, a.readmore1:hover, a.readmore2:hover, a.readmore3:hover {
	color:#333;}
	


a.readmore1 {
	position:absolute;
	color:#09F;
	font-size:12px;
	left: 657px;
	top: 246px;
	width: 112px;
	height: 18px;

}

a.readmore2 {
	position:absolute;
	color:#09F;
	font-size:12px;
	left: 141px;
	top: 240px;	
}

a.readmore3 {
	position:absolute;
	color:#09F;
	font-size:12px;
	left: 204px;
	top: 161px;

}



.strengthsection li {
	display:list-item;
	list-style:circle;
	margin: 0 0 20px 15px;
	font-size: 12px;
	color:#333;
	

	
	
}

.aboutsection1 li {
	display:list-item;
	list-style:circle;
	margin: 0 0 15px 15px;
	font-size: 4em;
	
	
}



	
#grey {
	width: 100%;


	background:url(images/back_grey.png) repeat;}


.windturbines {
	position:absolute;
	left: -754px;
	top: 318px;
}
	
	
.bottomsection {
	position:relative;
	float:left;}
	
	
p.future {
	position:absolute;
	left: -575px;
	width: 305px;
	top: 347px;
	height: 124px;
	font-size:11px;
	color:#333;
	line-height: 18px;
}


ul.contact {
	position:absolute;
	left: -242px;
	top: 350px;
	width: 238px;
	height: 136px;
}

ul.contact p {
	font-size:12px}

ul.contact li.mail {
	background:url(images/mail.png) no-repeat;
	font-size: 10px;
	padding: 0 0 0 30px;
	display:block;
	margin-top: 5px;
	height: 15px;}
	
ul.contact li.phone {
	background:url(images/phone.png) no-repeat;
	font-size: 10px;
	padding: 4px 0 0 30px;
	display:block;
	margin-top: 5px;
	height: 15px;}
	

	
ul.contact li.mobile {
	background:url(images/mobile.png) no-repeat;
	font-size: 10px;
	padding: 4px 0 0 30px;
	display:block;
	margin-top: 5px;
	height: 15px;}
	
#listof {
	background:#f8f8f8;
	padding: 20px;
	width: 390px;
	border: thin dashed #36F;
	float:left;
	margin: 0 10px 40px 0;
	
}
	
#listof p {
	font-size: 16px;
	font-weight:bold;
	color:#09F;}
	
#listof ul li {
	font-size: 12px;}
	
.links {
	
	margin-top: 40px;
	display:block;}
	
/* Footer
-----------------------------------------------------------------------------*/
	
#foot {
	width: 100%;

	background:url(images/blue_back.png) repeat;
}

ul.foot {
	text-align:center;
	padding: 5px 0 5px 0;
	width: 780px;
	margin: 20px auto 40px auto;
	color:#FFF;
	height: 50px;
	display:block;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;	
}

ul.foot li a, ul.foot li   {
	font-size: 13px;
	color:#FFF;
	text-align:center;
	margin: 0 3px  0;

	
}



ul.foot li a:hover {
	color:#333;	
}

#bottomSection {
	width: 960px;
	height: 56px;
	margin: 0 auto;
	background:url(images/bottomSection.jpg) no-repeat;
	}


#footer {
	width: 960px;
	margin: 0 auto;}
	
------------------------CONTACT AREA -------------------------------------------------
	
#contact-area {
	width: 500px;
	margin: 5px 0 20px 5px;
	text-align: left;
	color:#000;
}

#contact-area input, #contact-area textarea 
{	color:#000;
	padding: 5px;
	width: 300px;
	height: 20px;
	font-family: Helvetica, sans-serif;
	border: 2px solid #ccc;
	margin: 0 0 10px 35px;
	font-size: 12px;

}

.title1 {
	width: 50px !important;}
	
#contact-area textarea {
	padding: 5px;
	width: 400px;
	height: 200px;
	color:#000;
	margin-left: 35px;
}



#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #06F;
}

#contact-area input.submit-button {
	width: 200px;
	height: 30px;
	margin-right: 10px;
	float: right;
	color:#000;

}

label {
	float: left;
	text-align: left;
	width: 40px;
	padding-top: 5px;
	font-size: 12px;
	
}

#leftmovie {
	float:left;
	margin-right: 20px;
	height: 300px;}