@import url("common.css");
@import url("lightbox.css");
html, body{
background: #ffffff;
color: #000000;
text-align: center;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;

} 

#outer{
	background: #ffffff;	
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto; 
	text-align: right;
}

 #outer{
	
}

#container{
	position: relative;  
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#menu{ 
	padding-top: 15px;
	text-align: right;
} 

#menu ul{
	
}

#menu li{
	margin: 0px;
	padding: 0px;
	display:inline;
}

#menu li a{
	color: #808384;
	text-transform:uppercase;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #808384;
	font-weight: bold;
} 

#menu li.last a{
	border: 0px;
	padding-right: 0px;
}
 
#menu li a:hover{
color: #43B649;	
}
 
#menu li a.current{
color: #43B649;	
}

#splash{
	position: absolute;
	padding: 0px 0px 0px 0px;
	height: 390px;
	width: 980px;
}


.home #splash{
	height: 390px;	
	position: relative;
	
	padding: 0px 0px 20px 0px;
}
#splash .telephone{
	position: absolute;
	bottom: 20px;
	right: 0px;
}

#strap{
	background: url(../img/btmline.gif) no-repeat right top;
	text-align: right;
	padding: 0px 0 0 0;
	position: relative;
	width: 980px;
}
.move_a_bit{
	background: url(../img/btmline.gif) 210px 0px no-repeat !important;
}

#strap p{
	float: left;
	color: #8f9193;
	font-size: 14px;
	font-weight: bold;
	font-family: sans serif;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 135px;
}
#strap p.awards_page {
	float: left;
	color: #8f9193;
	font-size: 14px;
	font-weight: bold;
	font-family: sans serif;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 215px !important;
}

#strap a{
	color: #8f9193;	
}

#strap strong{
	padding-right: 20px;	
}
#strap img{
	padding-top: 15px;	
}


#strap .bali{
	position: absolute;
	left: 85px;
	top: 10px;
}


#strap .nbali{
	position: absolute;
	left: 0px;
	top: -5px;
	padding-top: 0px;
}
#strap .marshals{
	position: absolute;
	left: 50px;
	top: -5px;
	padding-top: 0px;
}
#strap .badge {
        position: absolute;
        left: 115px;
        top: -25px;
}

#content{	
	width: 980px;	
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	height: 399px;
	position: relative;
}

#homecontent{	
	width: 980px;	
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	height: 390px;
	position: relative;
}

.logo{
	position: absolute;
	left: 0px; 
	top: 30px;
	z-index: 50;
}

.logoshort{
	position: absolute;
	right: 0px;
	top: 37px;
	z-index: 50;
}

.home .logo{
	top: 19px;	
}

.blogo{
	position: absolute;
	left: -97px;
	top: 192px;
	z-index: 50;
}


.home .blogo{
	top: 240px;	
}
.about #splash{
	background: url(../img/headers/image1.jpg) no-repeat 0px 0px;
	/*background: url(../img/headers/image1-about.jpg) no-repeat 0px 0px;*/
}

.newspage #splash{
	background: url(../img/headers/image2.jpg) no-repeat 0px 0px;
}

.contact #splash{
	background: url(../img/headers/image4.jpg) no-repeat 0px 0px;
}

.awardshow1 #content{
	backdground: url(../img/headers/awardshow.jpg) no-repeat 0px 10px;
}


.project1 #content{
	background: url(../img/headers/project1.jpg) no-repeat 0px 10px;
}

.project1 #projects .title1{
	color: #ffffff;	
}

.project2 #projects .title2{
	color: #ffffff;	
}

.project3 #projects .title3{
	color: #ffffff;	
}

.project4 #projects .title2{
	color: #ffffff;	
}

#projects a{
	text-transform: uppercase;	
	color: #B5CD34;
	font-family: sans serif;
}

#p1{
	position: absolute;
	top: 0px;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/project1.jpg) no-repeat 0px 10px;
	display: none;
}
#p2{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/project2.jpg) no-repeat 0px 10px;
	display: none;
}

#p3{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/project3.jpg) no-repeat 0px 10px;
	display: none;
}
#p4{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/project4.jpg) no-repeat 0px 10px;
	display: none;
}


#as1{
	position: absolute;
	top: 0px;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/awardshow1.jpg) no-repeat 0px 10px;
	display: none;
}
#as2{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/awardshow2.jpg) no-repeat 0px 10px;
	display: none;
}
#as3{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/awardshow3.jpg) no-repeat 0px 10px;
	display: none;
}
  
#pr1{
	position: absolute; 
	top: 0px;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/press1.jpg) no-repeat 0px 10px;
	display: none;
}
#pr2{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/press2.jpg) no-repeat 0px 10px;
	display: none;
}
#pr3{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/press3.jpg) no-repeat 0px 10px;
	display: none;
}
#pr4{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/press4.jpg) no-repeat 0px 10px;
	display: none;
}
#pr5{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/press5.jpg) no-repeat 0px 10px;
	display: none;
}
#pr6{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/press6.jpg) no-repeat 0px 10px;
	display: none;
}
#pr7{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/press7.jpg) no-repeat 0px 10px;
	display: none;
}
#pr8{
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/press8.jpg) no-repeat 0px 10px;
	display: none;
}
#pr9{ 
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 399px;
	background: url(../img/headers/press9.jpg) no-repeat 0px 10px;
	display: none;
}

.bodytext{
        position: relative;
	float: right;
	width: 311px;
	color: #ffffff;
	font-size: 12px;
	position: relative;
	padding: 130px 0px 0px 50px;
	z-index: 10;
	line-height: 11px;
	background: url(../img/overlaygreen.png);
	height: 259px;
	overflow: hidden;
}

#lgreen .bodytext{
	background: url(../img/overlaylgreen.png);	
}  
  
.bodytext p{
line-height: 17px;  
font-weight: bold;   
} 
 
.bodytext h1{
	font-size: 16px;
	margin: 0px 0px 16px 0px;
	padding: 0px; 
	font-weight: normal;
	font-family: Minion Pro, Arial, Helvetica, sans-serif;
}

.bodytext h1 strong{
	font-weight: inherit;
	color: #b5cd34;
}

.bodytext .awardfr{
	position: absolute;
	right: 20px;
	bottom: 80px;
}

.bodytext .nextbtn{
	position: absolute;
	right: 0px;
	bottom: 80px;
}

.infobar{
	border-top: 2px solid #43B649;		
	margin-top: 20px;
	padding: 15px 10px 15px 80px;
	font-weight: bold;
	color: #808384;
	font-size: 12px;
}

.infobar p{
	line-height: 14px;
}

.btmright{
	position: absolute; 
	right: 0px; 
	bottom: 0px;
	z-index: 1;	
}

.rightbar{
	float: left;
	background: url(../img/rightbg.png) repeat-x;
	width: 310px;
	height: auto !important;
	min-height: 307px;
	height: 307px;
	margin-left: 45px;
	text-align: center;
	padding: 45px 0px 30px 0px;
}

#scroller{
	background: transparent;	
	padding: 0px;
}

.rightbar img{
	padding-bottom: 10px;
}

.rightbar p{
	text-align: left;
		color: #808284;
	text-transform: none;
	font-size: 13px;	
	margin-left: 30px;
}

ul.list{
	margin: 0px 0px 15px 75px;
	padding: 0px;
	clear: both;
	padding: 0px;
}

.list li{
	display: inline;
	margin: 0px;
	padding: 0px 8px 0px 7px;
	background: url(../img/pinkarrow.gif) no-repeat right 2px;
	color: #808284;
	text-transform: uppercase;
	font-size: 9px;
}

p.arrow{
	float: right;
	margin-right: 10px
}

p.arrow a{
	margin: 0px;
	padding: 0px 8px 0px 7px;
	background: url(../img/pinkarrow.gif) no-repeat right 2px;
	color: #808284;
	text-transform: uppercase;
	font-size: 9px;	
}

.news{
	width: 320px;
	padding: 0px;
}

.news h2{
	color: #ffffff;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 12px;
	font-family: sans serif;
	width: 280px;
	padding-bottom: 0px;
}
.news .item{
	padding: 15px 0px;
}
.news h2 a{
	color: #ffffff;
}
.news h2 strong, .news h2 strong  a{
	color: #ffffff;
}

.news h2 em{
	float: right;
	margin: 0px;
	font-style:normal;
	color: #43B649;
}

.news .top{
	border: 0px;	
}

.news p{
	width: 240px;	
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
}


.article p{
	width: 480px;
}

.article h2{
	color: #808384;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 14px;
}
.article .item{
	border-top: 2px solid #43B649;	
	padding: 15px 0px;
}
.article h2 a{
	color: #808384;
}
.article h2 strong, .news h2 strong  a{
	color: #43B649;
}

.article h2 em{
	float: right;
	margin: 0px;
	font-style:normal;
	color: #43B649;
}

.article .top{
	border: 0px;	
}




.testimonials{
	float: left;
	margin-left: 85px !important;
	margin-left: 45px;
	color: #808384;
	font-size: 12px;
	position: relative;
	z-index: 10;
	line-height: 11px;
	
	width: 890px;
}



.testimonials p{
line-height: 17px;
}

.testimonials .item{
	position: relative;	
	width: 890px !important;
	width: 890px;
	border-top: 0px solid #43B649;	
	text-align: left;
	height: auto !important;
	min-height: 165px;
	height: 165px;
	padding: 10px 0px 15px 0px;
	line-height: 17px;
}

.testimonials .item h2{
	width: 500px;
}

.testimonials .item img{
	position: absolute;
	right: 0px;
	bottom: 12px;
	border-bottom: 2px solid #43B649;	
	padding-bottom: 15px;
}

.testimonials .item hr{
	border: 1px solid #43B649;	
	width: 500px;
	height: 2px;
	text-align: left;
	background: #43B649;
	position: absolute;
	bottom: 5px;
	left: 0px;
}	

.testimonials p strong{
color: #F26D80;	
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
overflow: hidden;
width: 980px; /*Width of Carousel Viewer itself*/
height: 214px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px 10px 0px; /*margin around each panel*/
width: 235px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.linecarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
overflow: hidden;
width: 980px; /*Width of Carousel Viewer itself*/
height: 214px; /*Height should enough to fit largest content's height*/
}

.linecarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.linecarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px 10px 0px; /*margin around each panel*/
width: 235px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }


.contactform{
	width: 350px;	
}

.contactform th{
	color: #ffffff;
	text-transform: uppercase;
	font-size: 9px;	
	vertical-align: top;
	padding: 0px 0px 8px 0px;
	width: 130px;
}

.contactform td{
	vertical-align: top;
	
}

.contactform input, .contactform select, .contactform textarea{
	border: 1px solid #43B649;
	width: 150px;
	color: #808284;
	font-size: 9px;
	
}

.contactform select{
	width: 152px;	
}

.contactform textarea{
	height: 40px;	
}

.contactform select option:hover{
	background: #DBE5A1;	
} 

.button, .backbutton{
	border: 0px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;	
	text-align: left;
	background: #43B649 url(../img/buttonbg.gif) no-repeat left bottom;
	cursor:pointer;
	margin-left: 0px;
	text-align: left;
	text-indent: 0px;
	padding: 0px 5px 0px 18px;
	line-height: 18px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}

#content .button, #content .backbutton{
	font-size: 11px;
	line-height: 18px;	
}

#content .backbutton{
background: #43B649 url(../img/backbtn.gif) no-repeat left bottom;	
}

#content .button:hover, .button:hover{
	color: #000000;	
}

.hidden{
	display: none;	
}

.show{
display: block;	
}

#lightbox1 a, #lightbox2 a{
	color: #ffffff;	
}

#lightbox1 a:hover, #lightbox2 a:hover{
	color: #43B649;	
}

.title1, .title2, .title3, .title4, .title5, .title6, .title7, .title8, .title9{
	color: #ffffff;	
}

.press1 .title1{
	color: #ffffff;		
}
.press2 .title2{
	color: #ffffff;		
}
.press3 .title3{
	color: #ffffff;		
}
.press4 .title4{
	color: #ffffff;		
}
.press5 .title5{
	color: #ffffff;		
}
.press6 .title6{
	color: #ffffff;		 
}
.press7 .title7{
	color: #ffffff;		
}
.press8 .title8{
	color: #ffffff;		
}
.press9 .title9{
	color: #ffffff;		
}

p.odd{
	color: #dedede;	
	font-style:italic;
}

#big-gallery{
	width: 960px;	
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 20px;
	position: relative;
	overflow: auto;
	height: auto;
}

#big-gallery .gal{
	text-align: center;
	float: left;
	width: 312px;
	height: 234px;
	margin: 0px 0px 10px 8px;
	outline: 0px;
	position: relative;
}

#big-gallery .gal img{
	border: 1px solid #cccccc;
}

#big-gallery span{
		background: url(../img/overlaygreen.png);
		height: 0px;
		display: none;
		line-height: auto;
		width: 312px;
		padding: 10px 0px 0px 0px;
		position: absolute;
		margin: 0px;
		outline: 0px;
		bottom: 0px;
		left: 0px;
		color: #ffffff;
		text-align: left;
		font-weight: bold;
		text-indent: 20px;
}

#big-gallery #galpaging{
	clear: both;
	float: right;
	padding: 10px 0 0 0;
	margin: 0
}

#big-gallery #galpaging a{
	color: #ffffff;
	margin: 0px 2px;
	padding: 0px 3px;
	background: #43B649;
}

#big-gallery #galpaging a:hover, #big-gallery #galpaging a.current{
	background: #939598;
}