
*, html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

a img {
	border: none;
}

aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/**************************************************
			      Global styles
***************************************************/

html, body {
	width:100%;
	height:100%;
}

html, body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin:0 0 1px;
	line-height: 1.5;
    background-image:url(images/crosshatch.png); 
	background-position:left top;
	background-repeat:repeat;
}

p {
	font-size:12px; 
	line-height: 16px;
	margin-bottom:20px; 
	}
	
	.content_page p { width: 99%; }
	.Contact p { padding:0; margin:3px 0 }
	.Contact p.head { padding:0; margin-top:13px }

a, p a {
	text-decoration:none; color:#A5CD39; 
	}
	
a:hover {
   text-decoration:underline; 
}	

	.readmore{ color:#A5CD39; }

	.readmore a { color:#A5CD39; }
	
	
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
	position:relative;
}
	
h1{
	font-size: 35px;
	line-height:1.6;
	color:black;
	text-transform:capitalize;
	text-align:left;
	margin-left:40px;
}

	.content_page h1 { height: 42px; width: 100%; padding:0; margin:0 0 25px 0;}
	.content_page h1 img {margin-bottom:30px; }
	.Corporate h1 { background-color:#A5CD39; }
	.Services h1 { background-color:#D03043; }
	.Contact h1 { background-color:#FEB913; }

h1 span{
	line-height:1.7px;
	color:black;
	font-size:14px;
	text-transform:none;
	display:block;
}

h2{
	font-size: 18px; 
	font-weight:bold; 
	line-height:1.3;
	padding:0; 
	margin:0;
}

h3{
	font-size: 28px;
	line-height:1.3;
	color:black;
	text-transform:none;
	text-align:left;
	background-color:transparent;
	padding-top:12px;
	padding-left:10px;
	margin-bottom:16px;
	border-bottom:3px solid #6E6E6E;
}
	
 h3 span{
	font-size: 12px;
	color: black;
	text-transform:capitalize;
	height:24px;
	margin-top:15px;
	text-align:left;
    display:block;
}

h4{
	font-weight: bold;
	color: #A5CD39;
	text-align:left;
}
	
h4 span{
	font-weight:bold;
	font-size:15px;
	background-color:#FFCC33;
	padding:8px;
	margin-left:20px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}


/***************************************************
			    Main containers
***************************************************/

#container, #container_left, #container_right{
	position: relative;
	width:100%;
}

	#container{
		position:relative;
		width:993px;
		margin:0 auto;
		text-align:left;
		background-color:white;
		padding-left:31px;
		overflow: hidden; 
		-moz-box-shadow:0 0 5px 5px #D8D8D8;
		-webkit-box-shadow:0 0 5px 5px #D8D8D8;
		box-shadow:0 0 5px 5px #D8D8D8;
}
		
header{
	position:relative;
	float:left;
	width:100%;
	height:130px;
	padding-bottom:15px;
}

	#logo{
		position:relative;
		float:left;
		top:40px;
		left:70px;
		width:250px;
	}

footer{
	position:relative;
	height:90px;
	clear:both;
	width:960px;
	margin-bottom:10px;
	border-top:2px solid #A5CD39;
	text-align:right;
}
	
	footer p { font-size: 10px; margin:15px 30px 0 0; }

.container{
    width:980px;
    margin:0 auto;
	background-color:#33CC99;
}

.section_1 {
	float:left;
	width:707px;
	position:relative;
	padding:0px;
	margin-bottom:10px;
}

	.section_1 #welcome { height:230px; }
	.section_1 p { padding-left:15px; }
	
.section_2 {
	float:left;
	width:240px;
	position:relative;
	padding:0px;
	margin-bottom:10px;
	margin-left:10px;
}

.clear{
	clear:both;
	display:inline;
	width:100%;
	height:0;
	overflow:hidden;
}

.section_3 {
	float:left;
	width:435px;
	position:relative;
	padding:0 0 0 30px ;
	text-align:justify;
	margin-bottom:10px;
}

.holder_news {
	padding:0 13px 30px 13px;
	width:210px;
}
	
/**************************************************
			HOMEPAGE
***************************************************/	

.homepage p { font-size:11px}

#home-slide{
	width:960px;
	position:relative;
	float:left;
	height:330px;
	padding-bottom:38px;
	background:#A5CD39;
	margin-bottom: 35px;
	/*-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;*/
}

.welcome-photo {
	position:relative;
	float:left;
	padding:0 8px 0 15px;
}

.content-banner {
	position:relative;
	float:left;
	margin:0 48px 0 0;
}

	img.content-banner  { border:1px solid #CECECE; }
	
/***************************************************
				   HOLDERS
***************************************************/	

.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom:8px;
	background:white;
}

	.content_page, .gallery_page { 
	padding-top:40px; 
	padding-left:30px;
	padding-bottom: 30px;
	float:left;
	width:900px;
	position:relative;
	text-align:justify;
}

	.showcase .content_page { padding-left:5px;}


.holder_content_separator{
	margin-bottom:20px;
}

/***************************************************
		NAVIGATION
***************************************************/

nav{
	position:relative;
	float:left;
	width:960px;
	height:40px;
	border-bottom:2px solid #A5CD39;
	border-top:2px solid #A5CD39;
}

nav ul li{
	float:left;
	line-height:normal;
}

nav ul li a{
	color:#8A8A8A;
	font-size:12px;
	font-weight:condensed;
	display:block;	/* IE6, IE7 line height fix */
	padding: 15px 0 8px 0;
	background-color:transparent;
	margin-left: 35px;
    text-decoration:none;
}

.homepage nav ul li a{ margin: 0 30px }

nav ul li a:hover{
	text-decoration:underline;
}

nav ul li a.current{
}

.content_menu{
	float:left;
	width:274px;
	margin-top:-10px;
	margin-bottom:15px;
}
	
.content_menu ul{	
	margin:0px;
	padding:0px;
	float:none;
}

.content_menu ul li{
	float: none;
	padding-bottom:16px;
}

.content_menu ul li a{
	font-size:14px;
	line-height:normal;
    color:#33CC99;
	text-align:left;
	text-decoration:none;
	background-image:url(images/circle.png);
	background-position:left;
	background-repeat: no-repeat;
	padding-left:20px;
}
	
.content_menu ul li a:hover{color:#33CC99;}

ul#content-list {
	list-style-image: url(images/logo-dot.gif);
	list-style-position: outside;
	width: 400px;
	margin-left:470px;
	padding:0px;
}
ul#content-list li{
	padding-bottom:12px;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}

.clientale table td.logo { text-align:center; border:1px dotted #666}
.showcase table td.thumbnail { border:1px solid #666; margin:5px; width:180px;}

.readmore-button {
	width:41px;
	height:18px;
	margin:5px;
}
 
/***************************************************
	PHOTO GALLERY
***************************************************/

#showcase { width:520px; float:left }

.gallery_page { width:930px }

.gallery_page .section_2 { width:340px; margin-right:30px; margin-left: 0; float:left; text-align:right }
.gallery_page p { margin:20px 25px 12px 0; font-size:12px }
.gallery_page .section_2 a img { margin:6px 0;}
.gallery_page a:hover img  { text-decoration:none; background:#FFF; color:#FFF; 
							 text-decoration:none; filter:alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7;}
							 
							 
#showcase ul li{
	display:inline-block; 
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	width:30%;
	margin:5px 0;
}

#showcase ul li img {
	width:160px;
	padding:3px;
	border:1px solid #CECECE;
}
	#showcase a:hover img  { text-decoration:none; background:#FFF; color:#FFF; 
							 text-decoration:none; filter:alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7;}
	#showcase a.mo:hover      { text-decoration:none; background:#FFF; }

#showcase ul li .end{
	width:160px;
	padding:3px;
	border:1px solid #FFF;
}

#showcase img.title_img { margin:20px 0 3px 0; }


/***************************************************
				   SPECIFIC
***************************************************/
.noscripttext       { text-align: center; color: #999; font-size: 10px; font-weight: bold; border: 1px solid #999; padding: 10px 0; margin: 0 auto; }

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 8px 41px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Georgia, "Times New Roman", Times, serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}

.green { color:#A5CD39; font-weight:bold; font-size:14px }