/* GLOBAL STYLES*/

body {
	background: #e5ecf0 url(../_images/layout/vertstrip.jpg) repeat-x;
	height: 100%;
	width: 100%;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
}
td.min {
	width: 1%;
}


sub {
	margin: 0px 0px -10px;
	padding: 0px;
	font-size: 0.8em;
	top: -8px;
	line-height: 1em;
	/*border: 1px solid transparent;*/
}
#calc {
	margin-right: 20px;
	margin-left: 20px;
}

* {
	margin: 0px;
	padding: 0px;
}

p {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #333333;
}

td{
	font-size: 0.8em;
}
.column1 {
	text-align: right;
	padding-right: 10px;
	width: 40%;
}

h2{
font-size:1em;
font-weight:bold;
margin:20px 0 -7px 35px;
padding: 0 0 0 0;
}

.bold{font-weight:bold;}


a img {
	text-decoration: none;
	border: 0px solid;
	background: transparent;
}
a:visited img {
	border-style: none;
	background: transparent;
}
a:active img {border-style: none;}
a:active, a:focus {outline:0; /* for browsers that understand */}


a:link, a:visited {
	text-decoration: none;
	color: #222;
	background: #F6F6CC;
	margin: 0px;
	padding: 0px;
	height: 1em;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

#leftcol { /*new version*/
	height: 100px;
	width: 150px;
	left: 9px;
	top: 180px;
	position: absolute;
	overflow: visible;
}

#leftcol p {
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 0px;
	margin: 0.5em 0px 0px 9px;
}
#leftcol h2 {
	font-size: 0.9em;
	margin-left: 9px;
	margin-top: 5px;
}

#leftcol p.caption {
	font-size: 0.7em;
	line-height: 1.2em;
	margin-left: 0px;
}
#leftcol #carbonad a {
	height: 100%;
	width: 150px;
	background: transparent;
}
#leftcol #carbonad {
	width: 150px;
	background: url(../_images/content/carbonad-d.jpg) no-repeat left top;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#carbonad p{
	color: #FFCC00;
	margin-left: 15px;
	margin-right: 10px;
	font-weight: bold;
	margin-top: 0px;
	font-size: 0.7em;
}
#carbonad p#sessionco2 {
	font-size: 1em;
}
/*#leftcol #carbonad a img {
	height: 100%;
	width: 150px;
}*/


/* TOP NAVIGATION STYLES*/

ul#topnav {
	width: 742px;
	position: absolute;
	height: 36px;
	left: 0px;
	top: 7px;
	margin: 0px;
	text-indent: -5000px;
	z-index: 60;
	clear: left;
}

 ul#topnav li {
	float: left;
	/*height: 36px;*/
	width: 106px;
	list-style-type: none;
	position: relative;
	background: no-repeat left top;
	display: block;
	z-index: 20;
	left: 0px;
	top: 0px;
	height: 100%;
}

#topnav a {
	text-indent: -5000px;
	height: 36px;
	width:280px;
	voice-family: "\"}\""; 
    voice-family:inherit;
  	width: 106px;
	display: block;
	background: no-repeat left top;
	line-height:1.6em;
}

ul#topnav #nav1 {
	background-image: url(../_images/navigation/home-d.jpg);
}
ul#topnav #nav2 {
	background-image: url(../_images/navigation/act-d.jpg);
}
ul#topnav #nav3 {
	background-image: url(../_images/navigation/why-d.jpg);
}
ul#topnav #nav4 {
	background-image: url(../_images/navigation/about-d.jpg);
}
ul#topnav #nav5 {
	background-image: url(../_images/navigation/projects-d.jpg);
}
ul#topnav #nav6 {
	background-image: url(../_images/navigation/news-d.jpg);
}
ul#topnav #nav7 {
	background-image: url(../_images/navigation/faqbtn4.jpg);
}


ul#topnav li:hover, ul#topnav li.over {
	background-position: 0px -36px;
}
ul#topnav li ul {
	display: none;
	position: absolute;
	top: 34px;
	left: 0px;
	text-indent: 0px;
	float: none;
	background: #012136;
	width:280px;
	margin-left: 9px;
	font-size: 0.75em;
	line-height: 1.6em;
	padding-bottom: 14px;
	z-index: -1;
	border: 1px none #2D485B;
  }

ul#topnav li ul li {
	float: none;
	clear: left;
	margin: 0px;
	padding-left: 10px;
	height: auto;
}
  
li > ul {
top: auto;
left: auto;
}
		
ul#topnav li:hover ul, ul#topnav li.over ul { 
display: block;
}


ul#topnav li ul li a {
	background: url(none);
	text-indent: 0px;
	color: #FFFFFF;
	width:280px;
	height: 1.6em;
}

/* RIGHT COLUMN STYLES*/

#rightcol #cloudbox #boxtext #breadcrumbs {
	position: absolute;
	width: 300px;
	top: 6px;
	right: -5px;
	text-align: right;
	font-size: 0.6em;
	line-height: 1.2em;
}

#rightcol {
	position: absolute;
	height: 100%;
	width: 563px;
	left: 179px;
	top: 175px;
}
#rightcol #topcloud {
	position: absolute;
	left: 160px;
	top: -50px;
}

#rightcol #boxtop {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 12;
	height: 35px;
	width: 563px;
}
ul#tabnav {
	position: absolute;
	height: 24px;
	width: 563px;
	left: 0px;
	top: 5px;
	z-index: 15;
}

ul#tabnav li {
	position: absolute;
	height: 24px;
	list-style: none;
	z-index: 20;
	top: 0px;
}

#tabnav li a {
	text-indent: -5000px;
	height: 24px;
	display: block;
	background: no-repeat left top;
}
#tabnav1 {
	background: url(../_images/navigation/flyingtab-nl.jpg);
	width: 135px;
	left: 8px;
}
#tabnav2 {
	background: url(../_images/navigation/landtab-nl.jpg);
	width: 138px;
	left: 143px;
}
#tabnav3 {
	background: url(../_images/navigation/heattab-nl.jpg);
	width: 138px;
	left: 281px;
}

#tabnav4 {
	background: url(../_images/navigation/othertab-nl.jpg);
	width: 135px;
	left: 419px;
}

#rightcol #cloudbox {
	padding: 0px;
	background: url(../_images/layout/boxstrip2.jpg) repeat-y;
	position: relative;
}

#rightcol #cloudbox #maincloud {
	position: absolute;
	left: 0px;
	top: 35px;
}


#boxtext {
	padding-bottom: 3em;
	position: relative;
	background: url(../_images/layout/boxbottom2.jpg) no-repeat left bottom;
	padding-top: 60px;
	z-index: 10;
}

#rightcol #cloudbox #boxtext h1 {
	margin: 0px;
	padding: 0em;
	text-indent: -5000px;
	font-size: 1.2em;
	top: 0px;
	position: absolute;
	/*border-bottom: 1px solid #FFF;*/
	height: 50px;
	width: 563px;
	background-image: url(../_images/content/h1mitigation.jpg);
}

/* VARIOUS ODD BITS OF THE PAGE STYLES*/

#container {
	height: 100%;
	width: 742px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -370px;
}
#hills {
	background: url(../_images/layout/longbottom-cs3.gif) repeat-x left bottom;
	position: fixed;
	left: 100%;
	z-index: 50;
	height: 50px;
	width: 100%;
	bottom: 0px;
	margin-left: -100%;
}

#logo {
	position: absolute;
	left: -11px;
	top: 45px;
	z-index: 4;
}



#cloudbit {
	position: absolute;
	left: 59px;
	top: 220px;
}


#extralinks {
	position: absolute;
	width: 400px; height: 25px;
	vertical-align:middle;
	left: 9px;
	top: 145px;
	font-size: 0.7em;
	color:#FFF;
	z-index: 40;
}

#extralinks a:link{color:#FFF; text-decoration:none; background:transparent;}
#extralinks a:visited{color:#FFF; text-decoration:none; background:transparent;}
#extralinks a:hover{color:#FFF; text-decoration:underline; background:transparent;}
#extralinks a:active{color:#FFF; text-decoration:none; background:transparent;}

/*#extralinks p {
	color: #FFFFFF;
	font-size: 0.7em;
}
#extralinks ul {
	list-style: url(none) none;
}
#extralinks li {
	display: inline;
	font-size: 0.7em;
	color: #FFFFFF;
}*/

#quote p {
	font-size: 0.9em;
	font-weight: bold;
	color: #33CC99;
	text-align: right;
	line-height: 1.4em;
}
#quoteshad p {
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	text-align: right;
	line-height: 1.4em;
}

#boxtext p, #boxtext h2, #boxtext h3, #boxtext h4 , #boxtext li{
	margin-left: 35px;
	margin-right: 40px;
	margin-top: 1em;
	font-size: 0.8em;
}
/*
#rightcol #boxtext p, #rightcol #boxtext li {
	font-size: 0.8em;
	
}
*/
#boxtext h4 {
	font-size: 0.8em;
	margin-bottom: -1em;
}
#boxtext .colourbox {
	padding: 10px 10px 0px;
	background: #FFFFFF;
	margin: 1em 40px 5px 35px;
	border: 1px solid #999999;
}
#boxtext h2 {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}
#boxtext .colourbox p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#boxtext h3 {
	font-size: 0.8em;
	margin-top: 1.5em;
}

.calculator {
}
#boxtext.calculator {
	padding-top: 80px;
	padding-right: 30px;
	padding-left: 30px;
	vertical-align: top;
}

#quote {
	position: absolute;
	top: 70px;
	right: 9px;
	width: 340px;
	z-index: 30;
}
#boxtext #viewbasket {
	text-align: right;
}
#quoteshad {
	position: absolute;
	top: 71px;
	right: 9px;
	width: 340px;
	z-index: 29;
}

#breadcrumbstwo{
font-size: 0.6em;
line-height: 1.2em;
margin:-10px 25px 0 35px;
text-align:right;
}
/*
.maincontent{}

.maincontent ul{
	color:#333;
	font-size:0.8em;
	margin-left:50px;
	margin-right:35px;
	line-height: 1.5em;
	padding-top:10px;
	padding-bottom: 10px;
}


#boxtext .maincontent li {
	margin-top: 0.5em;
}
*/

#boxtext ul{
	margin-left:15px;
}
#boxtext li {
	margin-top: 0.5em;
	font-size: 0.8em;
	color: #333333;
}

.maincontentbox{
width:80%;
padding: 5px;
margin:10px;
border-color:#666666;
border-style:solid;
border-width:1px;
}

.imagebox{
	float:left;
	width:83px;
	height:83px;
	margin: 20px 15px 0px 35px;
	z-index: 35;
	position: relative;
}


/*RECENT ADDITIONS BY BILL*/

#boxtext div.rightpix {
	float: right;
	width: 250px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 10px 40px 20px 15px;
	clear: both;
	position: relative;
	z-index: 10;
}
.rightsmall {
	float: right;
	
	padding-right: 0px;
	padding-left: 0px;
	margin: 10px 40px 5px 15px;
	clear: both;
	position: relative;
	z-index: 10;
}
.clear {
	clear: both;
	width: 80%;
	margin: 0px;
	padding: 0px;
}
#cloudbox #boxtext div.rightpix p {
	font-size: 0.7em;
	padding-left: 0px;
	line-height: 1.2em;
	margin: 5px 0px 10px;
}
#leftcol p.pullquote {
	margin-bottom: 2em;
	text-align: right;
	color: #666666;
	margin-right: 0px;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding: 0px 2px 0px 0px;
	margin-left: 0px;
}
.rightpix {
}
#rightcol #cloudbox #boxtext.calculator h1 {
	left: 30px;
	top: 45px;
	height: 30px;
}
table {
	width: 100%;
	margin-top: 10px;
	padding-top: 0px;
	margin-bottom: 20px;
	vertical-align: top;
}
#rightcol #cloudbox #boxtext.calculator p {
	margin-left: 0px;
	margin-right: 20px;
	font-size: 0.7em;
}
td.spacer {
	height: 2em;
}
.newsactive {
	margin: 0px 0px 50px;
}

#boxtext .newsactive h3 {
	border-top: 1px solid #999999;
	margin-top: -1px;
	padding-top: 1em;
}

/*
.newsshortstory {
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 5px;
	border-top: 1px solid #D3D3D3;
}
.anewstitle {
	border-bottom: 1px solid #999999;
	margin-top: 1em;
}

#boxtext .anewsshort p {
	margin: 1em 0px 0px;
	padding: 0px;
}
*/.newsactive span {
	color: #FFFFFF;
	background: #999999;
	display: inline;
	font-size: 0.8em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	margin-right: 1em;
	padding-top: 0.2em;
	margin-left: 35px;
	margin-bottom: 0px;
}

.boxheader {
margin-left:35px;
margin-top: 1em;
    }

#boxtext p.smallprint {
	font-size: 0.6em;
}