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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-x;
	background-color: #2D3039;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

#centercont {
	min-height:100%;
	text-align:left;
	width:1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header {
	display: block;
	float: left;
	height: 255px;
	width: 1000px;
}
#header-top {
	background-image: url(../images/header-top.jpg);
	display: block;
	float: left;
	background-repeat: no-repeat;
	height: 70px;
	width: 1000px;
}


#logo-left {
	background-image: url(../images/logo-left.jpg);
	display: block;
	float: left;
	height: 185px;
	width: 21px;
}
#logo {
	display: block;
	float: left;
	height: 185px;
	width: 112px;
	padding-right: 23px;
}


#header-mid {
	display: block;
	float: left;
	height: 185px;
	width: 1000px;
	background-color: #FFF;
	background-image: url(../images/head-bg.gif);
	background-repeat: repeat-x;
}
#header-nav-main {
	display: block;
	float: left;
	height: 185px;
	width: 771px;
}
#header-nav-top {
	display: block;
	float: left;
	height: 46px;
	width: 771px;
}
#header-nav-top-left {
	display: block;
	float: left;
	height: 46px;
	width: 418px;
}
#header-nav-top-right {
	background-image: url(../images/home-nav-bg.jpg);
	display: block;
	float: left;
	height: 46px;
	width: 340px;
	background-repeat: no-repeat;
	padding-left: 13px;
}
#header-nav-top-right a {
	display: block;
	float: left;
	padding-left: 17px;
}
#header-mid-right {
	background-image: url(../images/header-mid-right.jpg);
	display: block;
	float: left;
	height: 185px;
	width: 73px;
}
#h-m-mid-bar {
	background-image: url(../images/h-m-mid-bar.jpg);
	display: block;
	float: left;
	height: 43px;
	width: 771px;
}
#h-m-bot-nav {
	display: block;
	float: left;
	height: 67px;
	width: 771px;
}
#h-m-bot-nav a {
	display: block;
	float: left;
}
#h-m-bot-bar {
	display: block;
	float: left;
	height: 28px;
	width: 771px;
	background-image: url(../images/h-m-bot-bar.jpg);
}
#content {
	display: block;
	float: left;
	width: 1000px;
}
#videos-box {
	display: block;
	float: left;
	width: 982px;
	padding-right: 9px;
	padding-left: 9px;
}
#videos {
	background-color: #FFF;
	display: block;
	float: left;
	height: 269px;
	width: 943px;
	padding-right: 20px;
	padding-left: 19px;
	padding-top: 20px;
}
#movie-1 {
	display: block;
	float: left;
	height: 244px;
	width: 303px;
	padding-right: 17px;
}
#movie-1-title {
	display: block;
	float: left;
	height: 48px;
	width: 303px;
}
#movie-1-movie {
	background-image: url(../images/photo-voltaic-bg.gif);
	display: block;
	height: 178px;
	width: 297px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	float: left;
}
#movie-2 {
	display: block;
	float: left;
	height: 244px;
	width: 303px;
	padding-right: 17px;
}
#movie-2-title {
	display: block;
	float: left;
	height: 48px;
	width: 303px;
}
#movie-2-movie {
	background-image: url(../images/photo-voltaic-bg.gif);
	display: block;
	height: 178px;
	width: 297px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	float: left;
}
#movie-3 {
	display: block;
	float: left;
	height: 244px;
	width: 303px;
}
#movie-3-title {
	display: block;
	float: left;
	height: 48px;
	width: 303px;
}
#movie-3-movie {
	background-image: url(../images/photo-voltaic-bg.gif);
	display: block;
	height: 178px;
	width: 297px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	float: left;
}
#title {
	display: block;
	float: left;
	height: 50px;
	width: 982px;
	padding-right: 9px;
	padding-left: 9px;
}
#colour-section {
	display: block;
	float: left;
	height: 250px;
	width: 982px;
	padding-right: 9px;
	padding-left: 9px;
}
#submenu{
	display: block;
	float: left;
	height: 45px;
	width: 982px;
	padding-right: 9px;
	padding-left: 9px;
}


#colour-section-main {
	background-image: url(../images/colour-section-bg.jpg);
	display: block;
	float: left;
	height: 250px;
	width: 982px;
}
#submenumain
{
	display: block;
	float: left;
	height: 45px;
	width: 982px;
	background-color:#E8E8E8;
	background-image: url(../images/bgi.jpg);
	background-repeat: repeat-x;
}
#submenumain a
{
	background: url(../images/sbg.jpg);
	background-repeat: no-repeat;
	float:left;
	display:block;
	width:97px;
	height:31px;
	padding-top:14px;
	color:#666;
	text-decoration:none;
	padding-left:42px;
	font-weight:bold;
}
#submenumain a:hover
{
    background: url(../images/sbgo.jpg);
	background-repeat: no-repeat;
	color:#FFF;
}
#text-bot-1 {
	display: block;
	float: left;
	height: 184px;
	width: 289px;
	padding-top: 35px;
	padding-left: 26px;
}
#colour-section-main h2
{
	margin: 0px;
	padding: 0px;
	padding-left:12px;
	padding-top:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	
	color: #013378;
}
.cli
{
	padding:16px;
}
#text-bot-2 {
	display: block;
	float: left;
	height: 184px;
	width: 289px;
	padding-top: 35px;
	padding-left: 31px;
}
#text-bot-3 {
	display: block;
	float: left;
	height: 184px;
	width: 289px;
	padding-top: 35px;
	padding-left: 31px;
}

#white-cont-box {
	display: block;
	float: left;
	width: 982px;
	padding-right: 9px;
	padding-left: 9px;
}
#white-cont {
	background-color: #FFF;
	display: block;
	float: left;
	width: 943px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 20px;
	padding-left: 19px;
}
#cont-box-1 {
	display: block;
	float: left;
	width: 303px;
}
#cont-box-2 {
	display: block;
	float: left;
	width: 303px;
	padding-left: 16px;
}
#cont-box-3 {
	display: block;
	float: left;
	width: 303px;
	padding-left: 16px;
}
#footer-box {
	display: block;
	float: left;
	height: 108px;
	width: 982px;
	padding-right: 9px;
	padding-left: 9px;
}
#footer {
	display: block;
	float: left;
	height: 108px;
	width: 982px;
	background-image: url(../images/footer-bg.gif);
}
#f-logo-box {
	display: block;
	float: left;
	height: 88px;
	width: 178px;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 8px;
	padding-left: 7px;
}



#white-cont h2 {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #013378;
}
#cm-logo {
	display: block;
	float: left;
	height: 62px;
	width: 178px;
}
#w3c-logos {
	background-color: #FFF;
	display: block;
	float: left;
	height: 11px;
	width: 178px;
	padding-top: 8px;
	padding-bottom: 7px;
}
#w3c-logos img {
	display: block;
	float: left;
	padding-left: 9px;
}
#bottom-nav {
	display: block;
	float: left;
}


#bottom-nav a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
	display: block;
	float: left;
	width: 100px;
	padding-bottom: 5px;
}
#bottom-nav a:hover {
	text-decoration: underline;
	color: #FFF;
}
#footer-links-1 {
	display: block;
	float: left;
	height: 86px;
	width: 122px;
	padding-top: 22px;
	padding-left: 20px;
}
#footer-links-2 {
	display: block;
	float: left;
	height: 86px;
	width: 130px;
	padding-top: 22px;
}
#footer-links-3 {
	display: block;
	float: left;
	height: 86px;
	width: 129px;
	padding-top: 22px;
}
#footer-links-4 {
	display: block;
	float: left;
	height: 86px;
	width: 133px;
	padding-top: 22px;
}
#copyright {
	display: block;
	float: left;
	height: 56px;
	width: 234px;
	padding-top: 51px;
	padding-left: 21px;
	color: #999;
	font-size: 12px;
}
#copyright a {
	color: #999;
	text-decoration: underline;
}
#copyright a:hover {
	color: #FFF;
	text-decoration: underline;
}
.picborder {
	padding: 1px;
	border: 1px dashed #CCC;
}
.rbox
{
	width:943px;
	float:left;
	display:block;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom:18px;
	padding-top:10px;
}
.rpic
{
	width:343px;
	float:left;
	display:block;
	text-align:center;
}
.rlink
{
	width:600px;
	float:left;
	display:block;
}
.lname a
{
	color:#000;
	text-decoration:none;
}
.url
{
	font-size:11px;
}
#white-cont li
{
	margin-left:20px;
}
#cont-box-1 h2 a,#cont-box-2 h2 a,#cont-box-3 h2 a   {
color:#013378;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:20px;
margin:0;
padding:0;
text-decoration:none;
}
#cont-box-1 p a,#cont-box-2 p a,#cont-box-3 p a, #colour-section-main a
{
color:#333333;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:13px;
text-decoration:underline;
color:#0000DD;

}
.orange
{
	color:#F19A39;
}
#gallery
{
	float:left;
	display:block;
	width:943px;
} 
#gallery a
{
	float:left;
	display:block;
	width:220px;
	border: 1px solid #CCC;
}
#gallery a img
{
	margin:1px;
}
.icont
{
	float:left;
	display:block;
	width:222px;
	height:250px;
	margin-right:10px;
	margin-bottom:10px;
}
.bordergrey {
	padding: 1px;
	border: 1px solid #CCC;
}
#c-col-1 {
	display: block;
	float: left;
	width: 430px;
	padding-left: 20px;
}
#c-col-2 {
	display: block;
	float: left;
	width: 440px;
	padding-left: 40px;
}
#videos-alt {
	background-color: #FFF;
	display: block;
	float: left;
	width: 943px;
	padding-right: 20px;
	padding-left: 19px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#movie-1-alt {
	display: block;
	float: left;
	height: 184px;
	width: 303px;
	padding-right: 17px;
}
#movie-2-alt {
	display: block;
	float: left;
	height: 184px;
	width: 303px;
	padding-right: 17px;
}
#movie-3-alt {
	display: block;
	float: left;
	height: 184px;
	width: 303px;
}
#movie-1-movie-alt {
	background-image: url(../images/photo-voltaic-bg-2.gif);
	display: block;
	height: 178px;
	width: 297px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	float: left;
}
#movie-2-movie-alt {
	background-image: url(../images/photo-voltaic-bg-2.gif);
	display: block;
	height: 178px;
	width: 297px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	float: left;
}
#movie-3-movie-alt {
	background-image: url(../images/photo-voltaic-bg-2.gif);
	display: block;
	height: 178px;
	width: 297px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	float: left;
}