* { margin: 0; padding: 0; }
a, a img { border: 0; text-decoration: none; outline: 0; }

html {
/*	text-align: center;*/
}


body {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#888;
	font-size:14px;
	background-image:url('../images/main-background.jpg');
	background-repeat:repeat-x;
}


/* SPACERS */

.spacer_auto{
float: left;
width: auto;
height: 10px;
overflow:hidden;
}


.spacer_height_auto{
float: left;
width: 100%;
overflow:hidden;
}




/*common layout elements*/
.main-container{
	width:950px;
	margin: 0 auto;
	position: relative;
}

.header{
	height:70px;
	background-image:url('../images/header-bg.jpg');
	padding-left:32px;
	padding-right:32px;
}

.logo{
	float:left;
}

.green-main-container{
	background-image:url('../images/main-green-bg.jpg');
	background-repeat:no-repeat;
	height:395px;
	padding-left:32px;
	padding-right:32px;
}

.green-container-left{
	padding-top:20px;
	width:224px;
	float:left;
	text-align:left;
}

.green-container-left2{
	margin-top:-54px;
	width:224px;
	float:left;
	text-align:left;
	padding-top:50px;
}

.green-container-right-flash{
	width:602px;
	height:376px;
	float:right;
}

.green-container-right{
	width:602px;
	height:376px;
	float:right;
}

.green-container-right2{
	width:602px;
	height:385px;
	float:right;
	background-image:url('../images/home-bg-scroll.jpg');
	background-repeat:repeat-x;
}

.written-content-main{
	background-image:url('../images/content-bg.jpg');
	background-repeat:repeat-x;
	float:left;
	padding-left:32px;
	padding-right:32px;
}

.written-container-left{
	padding-top:30px;
	width:224px;
	float:left;
	text-align:left;
	min-height:450px;
	padding-bottom:30px;
}

.written-container-right{
	float:right;
	padding-left:55px;
	padding-top:30px;
	padding-bottom: 100px;
	width:602px;
	text-align:left;
	margin-bottom:50px;
}

.footer{
	background-image:url('../images/footer-bg.jpg');
	background-repeat:repeat-x;
	height:115px;
	margin: 0 auto;
	position: relative;
	clear:both;
}

.main-footer{
	width:950px;
	margin: 0 auto;
	position: relative;
}

.footer-container-1{
	padding-top:10px;
	width:150px;
	float:left;
	text-align:left;
	color:#FFFFFF;
	padding-left:30px;
}

.footer-container-2{
	padding-top:10px;
	width:328px;
	float:left;
	text-align:left;
	color:#FFFFFF;
	padding-left:45px;
}

.footer-container-3{
	padding-top:10px;
	width:64px;
	float:left;
	text-align:right;
	padding-left:35px;
	color:#FFFFFF;
}

.footer-container-4{
	padding-top:10px;
	width:180px;
	float:right;
	text-align:right;
	padding-right:36px;
	color:#FFFFFF;
}

/*homepage layout elements*/
.green-home-container{
	background-image:url('../images/home-green-bg.jpg');
	background-repeat:no-repeat;
	height:359px;
	width:950px;
	padding-top:35px;
	padding-left:12px;
	/*padding-right:32px;*/
}

#DemoContainer{	
	height:359px;
	width:950px;
	text-align:left;
}

.home-news-item-left{
	width:181px;
	float:left;
}

.home-news-item-middle{
	margin-left:29px;
	width:181px;
	float:left;
}

.home-news-item-right{
	width:181px;
	float:right;
}

.contact-button{/*left grey column*/
	margin-bottom:10px;
}

.home-gallery-logos {/*left grey column*/
	min-height: 170px;
	padding-top: 10px;
}

.gallery-left {/*left grey column*/
	float:left;
}

.gallery-right {/*left grey column*/
	float:right;
}

/*work pages layout elements*/
.green-work-container{
	background-image:url('../images/main-green-bg.jpg');
	background-repeat:no-repeat;
	height:395px;
	width:886px;
	padding-left:32px;
	/*padding-right:32px;*/
}

.green-work-right {
	float:right;
	width:639px;
	padding-top:30px;
	height: 336px;
}

.showreel1 {
	float:left;
	width:216px;
	height:337px;
}

.showreel2 {
	float:left;
	width:208px;
	height:337px;
}

.showreel3 {
	float:left;
	width:215px;
	height:337px;
}
	
.overview-main-content {
	padding-left:32px;
	padding-top:10px;
}

.work-selections {
	float:left;
	width:884px;
	text-align:left;
	padding-bottom:5px;
}

.select {
	float:left;
	height:20px;
}

.pages{
	float:right;
	height:20px;
}

.project-content-holder{
	width: 884px;
}

.project-row {
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	clear:both;
	height:195px;
	width: 884px;
}

.project-1 {
	float:left;
	width:200px;
	text-align:left;
	height: 200px;
}

.project-2 {
	float:left;
	width:200px;
	margin-left:28px;
	text-align:left;
	height: 200px;
}

.project-info {
	margin-top:10px;
}

/* project pages */
#project{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#888;
	font-size:14px;
	background-image:url('../images/projectBGslice.jpg');
	background-repeat:repeat-x;
}
.project-container-left{
	width:224px;
	float:left;
	text-align:left;
	min-height:450px;
	padding-bottom:30px;
	overflow: hidden
}

.internet-green {
	width:950px;
	height:83px;
	background-image:url(../images/project-green-internet.jpg);
	background-repeat:no-repeat;
}

.internet-icon {
	width:312px;
	height:134px;
	float:left;
	margin-left:-32px;
}

.video-green {
	width:950px;
	height:83px;
	background-image:url(../images/project-green-video.jpg);
	background-repeat:no-repeat;
}

.interactive-green {
	width:950px;
	height:83px;
	background-image:url(../images/project-green-interactive.jpg);
	background-repeat:no-repeat;
}

.events-green {
	width:950px;
	height:83px;
	background-image:url(../images/project-green-events.jpg);
	background-repeat:no-repeat;
}

.branding-green {
	width:950px;
	height:83px;
	background-image:url(../images/project-green-branding.jpg);
	background-repeat:no-repeat;
}

.project-tile {
	float:left;
	padding-left:310px;
	padding-top:30px;
	font-size:28px;
	color:#FFF;
}

.project-frame {
	margin-left:-7px;
	padding-left:16px;
	padding-top:15px;
	width:614px;
	height:465px;
	background-image:url(../images/projectFrame.jpg);
	background-repeat:no-repeat;
	position: relative;
}

.project-info {
	padding:0px;
	margin-bottom:60px;
}

/*news pages layout elements*/

.no-flash {
	width:906px;
	height:300px;
	overflow:hidden;
}

.news-story{
	height:100%;
	float:right;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 25px;
}

.news-info{
	float:right;
	width:372px;
}

.case-thumb{
	float:left;
	padding-right:15px;
}

/*contact page layout elements*/
.form-field{
	margin-bottom:10px;
}

.main-form{
	width:300px;
}

/*menu - main navigation*/
.main-menu{
	float:right;
	margin-top:32px;
}


.sub-sub-menu {
	color:#666666;
}
.home-tab{
	width:77px;
	height:36px;
	padding-top:6px;
	background:url('../images/menu/home-tab-on.jpg') no-repeat;
	float:left;
	text-align:center;
}

.services-tab{
	width:90px;
	height:36px;
	padding-top:6px;
	background:url('../images/menu/services-tab-on.jpg') no-repeat;
	float:left;
	text-align:center;
}

.work-tab{
	width:65px;
	height:36px;
	padding-top:6px;
	background:url('../images/menu/work-tab-on.jpg') no-repeat;
	float:left;
	text-align:center;
}

.news-tab{
	width:65px;
	height:36px;
	padding-top:6px;
	background:url('../images/menu/news-tab-on.jpg') no-repeat;
	float:left;
	text-align:center;
}

img {
	border: none;
}

.contact-tab{
	width:87px;
	height:36px;
	padding-top:6px;
	background:url('../images/menu/contact-tab-on.jpg') no-repeat;
	float:left;
	text-align:center;
}

.tab-off{
	height:36px;
	padding-top:6px;
	padding-left:12px;
	padding-right:12px;
	background:url('../images/menu/tab-off-spacer.jpg') no-repeat;
	background-position: 100% 0%; 
	float:left;
	text-align:center;
}


/* text and lines */

h2{
	font-size:22px;
	font-weight:100;
	color:#FFFFFF;
}

h3{
	font-size:18px;
	font-weight:100;
	color:#FFFFFF;
}


h4{
	font-size:14px;
	font-weight:100;
	color:#FFFFFF;
}

h5{
	font-size:16px;
	font-weight:100;
	color:#FFFFFF;
}

h6{
	color:#679109;
	font-size:14px;
	/*margin-top:-10px;
	margin-bottom:3px;*/
}

p.work {
	font-size:12px;
	line-height:16px;
}

p{
	padding-bottom:1em;
	line-height:19px;
}

p.contact{
	padding-bottom:0em;
}

p.company-vat-no {
	font-size:12px;
	font-weight:lighter;
	color:#FFF;
}

.green-title{
	color:#679109;
	/*padding-bottom:0.5em;*/
}

.question{
	color:#679109;
	font-size:16px;
	padding-bottom:0.5em;
}

.news-title{
	font-size:18px;
	margin-bottom:-1em;
	font-weight:100;
	color:#888;
}

.case-title{
	color:#679109;
	font-size:22px;
	padding-bottom:5px;
}

.case-title-grey{
	color:#333;
	font-size:22px;
	padding-bottom:5px;
}

.line {
	height:2px;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom:22px; 
	margin-top:12px; 
}

.aline {
	height:2px;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom:5px;
	clear:both;
}

/*lists and links*/
a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #679109;
}

a { 
	outline:none;
}

li {
	list-style:none;
	display: inline; /* Prevents "stepdown" */
}
#subnavlist{
	width: 50px;
}

#subnavlist ul{
	padding: 0;
	margin: 0;
}

#subnavlist li { 
	color:#888;
	font-size:22px;
	list-style-type: none;
	width: 50px; 
}

#subnavlist li a{ 
	font-size:22px;
	color:#679109;
	list-style-type: none;
	text-decoration:none; 
	width: 50px; 
}

#subnavlist li a:hover{ 
	font-size:22px;
	color:#888;
	list-style-type: none;
	text-decoration:none; 
	width: 50px; 
}

.service-list { 
	margin-bottom:8px;
	width: 224px;	
}



.service-list li a{ 
display:block;
color:#888;
line-height:22px;
}


.service-list li a:hover{ 
	color:#679109;
}

.service-list li a:visited{ 
color:#888;
}


/*
.service-list li { 
	color:#888;
	list-style-type: none;
	line-height:22px;
}

.service-list li a{ 
	color:#888;
	list-style-type: none;
}

.service-list li a:hover{ 
	color:#679109;
	list-style-type: none;
	text-decoration:none;
}
*/



#footer-list { 
	margin-bottom:12px;
	margin-top:-2px;
	width: 20px;
}


#footer-list li { 
	color:#fff;
	list-style-type: none; 
}

#footer-list li a{ 
	color:#fff;
	list-style-type: none; 
}

#footer-list li a:hover{ 
	color:#ffd203;
	list-style-type: none;
	text-decoration:none; 
}

.sitemap-link:link { color: #fff; text-decoration: none; } 
.sitemap-link:active { text-decoration: none; } 
.sitemap-link:visited { color: #fff; text-decoration: none; } 
.sitemap-link:hover { color: #ffd203; text-decoration: none; }

.case-link:link { color: #679109; text-decoration: underline; } 
.case-link:active { text-decoration: underline; } 
.case-link:visited { color: #679109; text-decoration: underline; } 
.case-link:hover { color: #888; text-decoration: underline; } 

.case-link2:link { font-size:12px; color: #679109; text-decoration: underline; } 
.case-link2:active { font-size:12px; text-decoration: underline; } 
.case-link2:visited { font-size:12px; color: #679109; text-decoration: underline; } 
.case-link2:hover { font-size:12px; color: #888; text-decoration: underline; } 

.service-title-link:link { color: #679109; text-decoration: none; } 
.service-title-link:active { color: #679109; text-decoration: none; } 
.service-title-link:visited { color: #679109; text-decoration: none; } 
.service-title-link:hover { color: #888; text-decoration: none; } 

.greenbar-link:link { font-size:14px; color: #ccff00; text-decoration: underline; } 
.greenbar-link:active { font-size:14px; text-decoration: underline; } 
.greenbar-link:visited { font-size:14px; color: #ccff00; text-decoration: underline; } 
.greenbar-link:hover { font-size:14px; color: #888; text-decoration: underline; }





















/* FEATURE */ 

.feature{
display:none;	
float:left;
position:relative;
width:605px;
height:300px;
}


.featureCaption{
float:left;
position:absolute;
z-index:100;
left:0px;
bottom:0px;
padding:10px;
background:url('../images/home/feature/transparent.png');
width:585px;
color:#fff;
text-align:left;
font-size:15px;
}



.optionThumbnail{
float:left;	
}

.optionDetails{
float:left;
padding-left:10px;
padding-top:3px;
width:190px;
line-height:16px;
}


.option{
float:left; 
width:283px; 
height:55px;
color:#fff;
padding:10px;
}

.option:hover{
cursor:pointer;
}

#option_1{
background:url('../images/home/feature/option1_bg.jpg') no-repeat;
}

#option_2{
background:url('../images/home/feature/option2_bg.jpg') no-repeat;
}

#option_3{
background:url('../images/home/feature/option3_bg.jpg') no-repeat;
}

#option_4{
background:url('../images/home/feature/option4_bg.jpg') no-repeat;
}



#playPauseBtn{
position:absolute;
z-index:1000000; 
top:10px; 
left:10px; 
width:23px; 
height:23px; 
background:url('../images/home/feature/playPauseBtn.png') 0px -23px no-repeat;
}

#playPauseBtn:hover{
cursor:pointer;	
}

/* News Headings */
.green-news-title { color: #679109; margin: 0px; padding: 0px; font-size: 1.1em; }






/* NEWS FEATURE */ 

.newsFeature{
display:none;	
float:left;
position:relative;
width:906px;
height:300px;
}


.newsFeatureCaption{
float:left;
position:absolute;
z-index:100;
left:0px;
bottom:0px;
padding:10px;
background:url('../images/home/feature/transparent.png');
width:886px;
color:#fff;
text-align:left;
}

.newsFeature_previousBtn{
background:url('../news/core/newsFeature_images/previousBtn.png');	
position:absolute;top:115px;left:10px; float:left; width:50px;height:50px;}

.newsFeature_nextBtn{
background:url('../news/core/newsFeature_images/nextBtn.png');		
position:absolute;top:115px;right:10px; float:left; width:50px;height:50px;}

.newsFeature_previousBtn:hover{
background-postion:0px -50px;}

.newsFeature_nextBtn:hover{
background-postion:0px -50px;}