/* ----- CNC CSS FRAMEWORK v1.0 ----------------------------------------------------- */
/* ----- Created by Creative Nature Communications YYYY/MM/DD ----------------------- */
/* ----- Website Name Goes Here ----------------------------------------------------- */
/* ----- Credits: *****  ------------------------------------------------------------ */


/* TABLE OF CONTENTS

00 - Global Includes
01 - Typography 
02 - Main Structure - The core Structure
03 - Content Styles 	

*/


/* 00 - Global Includes  */
/* --------------------------------------------------------------------------------------------------------------------------- */

@import url(cssreset.css);
@import url(navigation.css);
@import url(modules/modules.css);


/* 01 - Typography  */
/* --------------------------------------------------------------------------------------------------------------------------- */

#mainBody p { color:#EBEBEB; font-size: 1em; font-family:Geneva, Arial, Helvetica, sans-serif; line-height:1.7em;}

h1 {}
#mainBody h2 { color:#80C042; font-size:3.5em; margin:0; text-transform:lowercase;}
#mainBody h3 { font-weight:normal; line-height:1.5em; font-size:1.6em; margin: 1em 0 0.5em;}
#mainBody h4 { color:#80C042; font-weight:normal; line-height:1.5em; font-size:1.6em; margin: 1em 0 0.5em;}
h4 {}
h5 {}
h6 {}

#mainBody ul{ padding-top:5px;}
ol{}
#mainBody li{ margin:0; padding:0 0 .8em 10px; background:url(../Images/bigBullet.png)  0px 0px no-repeat;}

a{ color:#fff; text-decoration:none; }
#mainBody a{ color:#80C042; text-decoration:none; }
a:hover{}


/* 02 - Main Structure */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* Main Structure */
html, body {
	background:#090909 url(../Images/homeBacking.jpg) center top no-repeat;
}
#mainWrapper {
}


/* Header Area */
#header {
	padding:45px 0 0 55px;
	width:905px;
	margin:0 auto;
}
h1#mainLogo {
	margin:0;
	width:269px;
}
h1#mainLogo a{
	display:block;
	background:url(../Images/mainLogo.png);
	width:269px;
	height:64px;
	text-indent:-999em;
	overflow:hidden;
	margin:0;
	float:left;
}


#mainNav {
	float:left;
	height:35px;
	margin:6px 0 0 90px;
	width:546px;
}


/* Content Area */

#featureContent {
	clear:both;
	height:388px;

}

#contentWrapper {
	width:960px;
	margin:0 auto;
}

#mainContentArea {
}


/* Footer Area */
#footer {
	width:920px;
	margin:0 auto;
	clear:both;
	padding:10px 20px;
}

#legal {
}

#credits {
}

/* 03 - Content Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */


.contentBox {
	background:url(../Images/homeContentBox.png) no-repeat;
	width:300px;
	height:204px;
	float:left;
	margin:0 10px;
}
.contentBox h2{
	height:65px;
	width:300px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
	margin:0;
}

#welcome h2{
	background:url(../Images/welcome.png) no-repeat center left;
	margin:0 0 0 8px;
}
#welcome p{
	margin:0;
	padding:0 10px 0 80px;
	font-size:.9em;
	line-height:1.4em;
	color:#EBEBEB;
}

#welcome p.dull {
	color:#4A4A4A;
	margin:10px 0 0 0;
}

h3#phoneNumber {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	background:url(../Images/phoneNumber.png);
	height:35px;
	width:186px;
	margin:0 0 0 80px;
}



#news h2{
	background:url(../Images/latestNews.png) no-repeat 19px center ;
	margin:2px 0 -6px 7px;
}

#news ul {
	padding:0 0 0 80px;
	margin-bottom:5px;
}
#news ul li{
	padding:0;
	margin:0 0 10px 0;
}
#news ul li p, #news ul li a{
	padding:0;
	margin:0;
	color:#EBEBEB; 
	font-size:0.9em;
	line-height:1.4em;
}
#news ul li a {
	text-decoration:none;
	font-weight:bold;
}
#news a.readMore {
	color:#5DAA43;
}
a.readMore {
	display:block;
	color:#5DAA43;
	text-decoration:none;
	background:url(../Images/readMore.png) center right no-repeat;
	width:62px;
	line-height:13px;
	padding:0 7px 0 0;
}
a.readMore:hover {
	text-decoration:underline;
}


h2#media {
	height:82px;
	margin-bottom:13px;
	
}


h2#media a{
	background:url(../Images/media.png) no-repeat top left;
	height:82px;
	display:block;	
}

h2#media a:hover {
	background-position:bottom left;
}

h2#carbon {
	background:url(../Images/carbon.png) no-repeat 18px 0;
	height:45px;
}

#adverts p{
	margin:0;
	padding:0 10px 0 80px;
	font-size:.9em;
	line-height:1.4em;
	color:#EBEBEB;
}

#adverts .readMore {
	padding:2px 0 0 80px;
	font-size:11px;
	width:58px;
	background-position:right 5px;
}

#carbonBadge {
	position:relative;
	margin:-138px 0 0px -39px;
}

#carbonBadge:hover {
	z-index:99999;
}





/* Footer */
#legal {
	float:left;
	width:760px;
	margin:15px 0;
}

#legal a{
	font-size:.8em;
	line-height:2em;
	color:#808080;
	display:block;
	float:left;
	padding:0 10px;
	margin:0 5px 0 0;
	background:#121312;
	text-decoration:none;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#legal a:hover{
	background:#2b2b2b;
}

#credits {
	float:left;
	margin:15px 0 15px 30px;
}

#credits a{
	display:block;
	background:url(../Images/cncLogo.png) top left;
	width:123px;
	height:41px;
	text-indent:-99em;
	overflow:hidden;
}

object {
	outline:none;
}


/*Image Flow */

.imageflow{overflow:hidden; position:relative; margin-top:-50px; text-align:left; visibility:hidden; width:1100px; margin:0 auto; height:300px;}.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}.imageflow p{margin:0 auto; text-align:center}.imageflow .loading{border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}.imageflow .loading_bar{background:#fff; height:15px; visibility:visible; width:1%}.imageflow .navigation{z-index:10000}.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10002; height:1px}.imageflow .slider{background:url(slider.png) no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10003}.imageflow .slideshow{cursor:pointer; height:14px; margin:20px 0 0 20px; position:absolute; width:14px; z-index:10003}.imageflow .slideshow.pause{background:url(button_pause.png) no-repeat}.imageflow .slideshow.play{background:url(button_play.png) no-repeat}.imageflow .images{overflow:hidden; white-space:nowrap}.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}.imageflow .previous{background:url(button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}.imageflow .next{background:url(button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}

.images img{
	border:5px solid rgba(0, 0, 0, 0.2);
}
.images img:hover{
	border:5px solid rgba(233, 233, 233, 0.1);
	cursor:pointer;
}

.imageflow .caption {
	background:url(../Images/greenFade.png) #5DAA43;
	color:#FFFFFF;
	font-size:1.5em;
	line-height:1.7em;
	font-weight:normal;
	margin:53px 0 0 646px;
	padding:0 20px 0 10px;
	position:relative;
	text-align:right;
	width:200px;
	z-index:10001;
}