/* Color chart

70e522 bright green
a1cf54 navigation more faded green
a9a9a9 content text grey */

body{
	background:url(../elements/bg_tile.jpg) #000 repeat-x;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	color:#fff;
}
.BACKGROUND_top{
	background:url(../elements/bg_main.jpg) center top no-repeat;
	min-height:355px;
}
#wrapper{
	width: 912px;
	margin:auto;
}
a {
	text-decoration:none;
	color:#FFF;
}
a:focus, a:focus img {outline:none}
a:hover {
	color:#a9a9a9;
}
img {border:none;}
a img {border:none;}

/*--------------- HEADER ---------------------*/
#HEADER_banner{
	position:relative;
	padding-top:32px;
	padding-bottom:38px;
	width: 900px;
	margin:auto;	
}
#NAVIGATION_top{
	float:right;
	padding-top:50px;
	color:#646464;
	letter-spacing:2px;	
}
#NAVIGATION_top a{
	color: #646464;
	text-decoration:none;
	margin: 0 7px;
}
#NAVIGATION_top a.last{
	margin-right: 0px;
}
#NAVIGATION_top a.active{
	color: #a1cf54;
}
#NAVIGATION_top a:hover{
	color: #a1cf54;
}
a.current {
	color: #a1cf54 !important;
}
/*--------------- BANNER ---------------------*/

#BANNER_main{
	width: 912px;
	height: 403px;
	background:url(../elements/banner_holder_2.png) top left no-repeat;
	position:relative;
}
#BANNER_portfolio {
    width: 912px;
    height: 400px;
    background: url(../elements/banner_holder_2.png) top left no-repeat;
    position:relative;  
}

#button_prev, #button_next {
	position:absolute;
	width:30px;
	height:30px;
	background-color:#FFF;
	bottom:-40px;
	color:#000;
	cursor:pointer;
	}
#button_next { 
	background: url(../pieces/portfolio/fancybox/fancy_nav_right.png) no-repeat;
	right:0px; 
	cursor:pointer;
}
#button_prev {
	background:url(../pieces/portfolio/fancybox/fancy_nav_left.png) no-repeat;
	right:30px;
}
/*====================== SLIDER =====================*/
#slider {
	position:absolute;
	top:16px;
	left:6px;
	width:900px;
	height:381px;
	background-color:#000;
}
#slider ul, #slider ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider li { 
	width:900px;
	height:381px;
	overflow:hidden;
	display:block;
	
}

    /* clearfix */

		#content:after, ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		#content, ul{
			display:block;
			}
		/*  \*/
		#content, ul{
			min-height:1%;
			}
		* html #content, * html ul{
			height:1%;
			}

    /* // clearfix */

/*================== SLIDER CONTROL BUTTONS =======================*/
div#control {
	position:absolute;
	width:900px;
	height:10px;
	bottom:15px;
	right:13px;	
}

ol#controls{
	margin:0;
	padding:0;
	height:10px;
	float:right;	
}
ol#controls li{
	margin:3px 0 0 8px; 
	padding:0;
	float:left;
	list-style:none;
	font-size:1px;
	

}
ol#controls li a{
	float:left;
	width:10px;
	height:10px;
	background:#8b8888;
	color:#8b8888;
	padding:0;
	text-decoration:none;
	text-align:center;
	border-radius:2px;
	-moz-border-radius:2px;
	
}
ol#controls li a:hover{
	color:#000;
	background:#000;
}
ol#controls li.current a{
	background:#000;
	color:#000;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline:none;
}


/*--------------- CONTENT ---------------------*/

.blurb{
	position:relative;
	height:80px;
	color:#a9a9a9;
	font-size:32px;
	padding:10px 10px 0 0;
	margin-left: 10px;
}
.blurb h1{
	display: inline;
	color:#e7e7e7;
	font-size:40px;
	
}
#secondline {
	position:absolute;
	margin-top: -9px;
	margin-left:136px;
}
#green_shadow {
	background:url(../elements/green_divider900.png) top center no-repeat;
	position:relative;
	width:900px;
	height:18px;
	margin:auto;
	margin-top:30px;
	
}
.portfolio_home {
	position:relative;
	height:317px;
	width:900px;
	margin: 30px 0 15px 0;
}
.portfolio_home_main {
	position:absolute;
	width: 640px;
	height:315px;
	top:0;
	left:0;
	border: 1px solid #fff;
}
.portfolio_home_right_top, .portfolio_home_right_bottom {
	position:absolute;
	right:0;
	width: 243px;
	height:149px;
	border: 1px solid #fff;
}
.portfolio_home_right_top {
	top:0;
}
.portfolio_home_right_bottom {
	bottom:0;
}
.green {color:#70e522;}
.grey {color:#a9a9a9;}
.smaller {font-size:13px;}
.morelineheight {line-height:18px;}

#mid_content {
	position:relative;
	margin:auto;
	padding-top:30px;
	width:900px;
	height:200px;
}
div#column1, div#column2, div#column3, div.grey_divider {
	float:left;
}
div#column1, div#column2, div#column3 {
	width:250px;
	text-align:justify;
}
div.grey_divider {
	width: 65px;
	height:200px;
	background: url(../elements/horizontal_divider.jpg) top center no-repeat;
	margin-right:10px;
}


h4 {
	padding:0;
	margin:0;
	color:#70e522;
	font-size:16px;
}
h3 {
	color:#FFF;
	font-size:15px;
	font-weight:normal;
	padding:0;
	margin:0;
}
.h3 {
	color:#FFF;
	font-size:15px;
	font-weight:normal;
	padding:0;
	margin:0;
}
.h2 {
	font-size:15px;
	padding:0;
	margin:0;
	font-weight:bold;
}
.viewmore {
	cursor:pointer;
}
.viewmore:hover > span {
	text-decoration:underline;
}
/*-------------------- CONTACT -----------------------*/
.relative {position:relative;}

.form {
	position:relative;
	width:600px;
	margin:auto;
	margin-top: 30px;
}
.form p {
	line-height:20px;
	margin:0;
	padding:0;
}
table.newsletter_input tr td input {
	background-color:#666;
	width: 245px;
	height:25px;
	border:none;
	color:#FFF;
	line-height:25px;
	padding-left:6px;
}
table.newsletter_input tr td input.contact {
	background-color:#9c9c9c;
	width: 345px;
	height:15px;
	padding:5px;
	border:none;
	color:#FFF;
	font-size:12px;
}
table.newsletter_input tr td textarea{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#9c9c9c;
	width: 346px;
	height:80px;
	border:none;
	color:#FFF;
	padding:5px;
	overflow:auto;
	resize: none;
	font-size:12px;
}
table.newsletter_input tr td input.submit {
	background-color:#70e522;
	width:70px;
	height:25px;
	border:none;
	text-transform:uppercase;
	color:#000;
	font-size:12px;
	line-height:25px;
	float:right;
	margin-top:10px;
	margin-right:32px;
}
form.cmxform label.error_contact {
	position:absolute;
	top:5px;
	right:40px;
	font-size:10px;
	padding:2px 2px 2px 14px;
	display:none;
	color:#fff;	
	
}
.google_map_container {
	position:relative;
	/*display:none;*/
	
}
.red {color:#C00;}

/*--------------- FOOTER ---------------------*/

#FOOTER_main{
	position:relative;
	margin:auto;
	color:	#a9a9a9;
	width:900px;
	
}

.footerTable{
	width:900px;
	margin: 15px auto;
	font-size:12px;
	line-height:20px;
}
#NAVIGATION_bottom{
	color:#a9a9a9;
	width:500px;
}
#NAVIGATION_bottom a{
	color: #a9a9a9;
	text-decoration:none;
	margin: 0px;
}
#NAVIGATION_bottom a.active, #NAVIGATION_bottom a:hover{
	color: #a1cf54;
}
/*--------------- TWITTER ---------------------*/

#twitter_wrap {
	position:absolute;
	bottom:-6px;
	left:0;
	width:900px;
	color:#b3b2b2;
	height:21px;
}
#twit_icon_top {
	background:url(../elements/twitter_icon_top.png) no-repeat;
	width:83px;
	height:21px;
	float:left;
}
#twitter{
	float:right;
	height:21px;
	padding-top:3px;
	
}

#twitter p.preLoader {
	float:left;
	margin:0;
	padding:0;
	line-height:21px;
	color:#b3b2b2;
	font-size:12px;
}
#twitter ul li{
	list-style:none;
	padding:0;
	margin:0px;
	color:#b3b2b2;
	line-height:21px;
	font-size:12px;
}
#twitter ul {
	padding:0px;
}
#twitter a {
	color:#a1cf54;
	text-decoration:none;
}
#twitter a:hover {
	text-decoration:underline;
}
ul.marquee {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	font-size:12px;
	width: 805px;
	height:21px;
}
ul.marquee li {
	position: absolute;
	left: 0;
	display: none;
	white-space: nowrap;
}
/*--------------- Newsletter Subscription---------------------*/	
#subscribe-us-message {
	display: none;
}

.error, .success {
    margin: 5px 0px;
}

.error {
	/*border: 1px solid #ff0000;
	background: #ffdddd;*/
	/*background-image:url(../elements/general/action-error.gif);
	background-repeat: no-repeat;
	background-position: 5px center;*/
	color:#f00;
	font-weight:bold;
}

.success {
	/*border: 1px solid #009900;
	background: #cfffcf;
	color: #003300;
	background-image:url(../elements/general/action-success.gif);
	background-repeat: no-repeat;
	background-position: 5px center;*/
	color:#70e522;
	font-weight:bold;
}

.loading {
	background: #ffdddd;
	font-weight: bold;
	padding: 6px;
	font-size: 8pt;
	
}
.new_loading{
	border: none;
	/*background: #fff;
	background-image:url(../elements/general/action-error.gif);*/
	background-repeat: no-repeat;
	background-position: 5px center;
	color:#000;
	font-weight:bolder;
	padding: 5px 5px 5px 25px;
    margin: 5px 0px;
	}
