@charset "utf-8";
/* cssreset.com */
* 
{
	margin: 0;
	padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
body {
	background-image:url(../img/bg.png);
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: 'openSansregular';
}

a
{
	text-decoration:none;
	color:#A3A3A4;
	font-family: 'openSansregular';
}
a:hover,
a.selected
{
	text-decoration:none;
	color:#B79C4B;
}

.gold
{
	color:#9C8E42;
}

h2,p,h3,li
{
	color:#666;
	line-height:18px;
	font-family: 'openSansregular';
}

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

.innerShadow {
   -moz-box-shadow:    inset 0 0 10px #777;
   -webkit-box-shadow: inset 0 0 10px #777;
   box-shadow:         inset 0 0 10px #777;
}

.innerShadowLight {
   -moz-box-shadow:    inset 0 0 10px #CCC;
   -webkit-box-shadow: inset 0 0 10px #CCC;
   box-shadow:         inset 0 0 10px #CCC;
}

.textShadow
{
	text-shadow: 0px 1px 1px #000;
}

.rightShadow
{
	background-image:url(../img/rightShadow.png);
	background-repeat:no-repeat;
	background-position:60px 420px;
}

.roundCorners
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.bold,
strong
{
	font-family: 'openSansbold';
}

.red
{
	color:#F00;
}

.green
{
	color:#3C0;
}

.white
{
	background-color:#FFF;
}

input, textarea
{
	font-family: 'openSansregular';
}

.left
{
	float:left !important;
}

.right
{
	float:right !important;
}

.clear
{
	clear:both !important;
}
/*----------------------- CSS Document -------------------------*/



#mainContainer
{
	background-color:#E6E7E8;
	background-image:url(../img/bg.png);
	margin:0 auto;
	width:1000px;
}

#header
{
	position:relative;
	height:166px;
	float:left;
	clear:both;
	width:100%;
}
	#header #logo
	{
		position:relative;
		float:left;
		margin:25px;
	}
	#header #socialMenu
	{
		position:relative;
		float:right;
		margin:60px 25px 0 0;
	}
	#header #socialMenu #social
	{
		position:relative;
		float:right;
	}
	#header #socialMenu #social ul
	{
		position:relative;
		float:left;
	}
	#header #socialMenu #social ul li
	{
		position:relative;
		float:left;
		padding-left:13px;
	}
	#header #socialMenu #social ul li a
	{
	}
	#header #socialMenu #social ul li a img
	{
		width:32px;
		height:32px;
	}
	
	#header #socialMenu #menu
	{
		position:relative;
		float:right;
		clear:both;
		margin:23px 0 0 0;
	}
	#header #socialMenu #menu ul
	{
		position:relative;
		float:left;
	}
	#header #socialMenu #menu ul li
	{
		position:relative;
		float:left;
		border-left:1px solid #A3A3A4;
	}
	#header #socialMenu #menu ul li:first-child
	{
		border-left:none;
	}
	#header #socialMenu #menu ul li a
	{
		font-size:14px;
		padding:5px 15px;
		float:left;
		display:block;
		font-family: 'openSansBold';
		text-transform:uppercase;
	}


#sliderDiv
{
	position:relative;
	height:560px;
	float:left;
	clear:both;
	width:100%;
}
	#sliderDiv #slider
	{
		width:946px;
		margin:0 25px;
		float:left;
		position:relative;
		background-image:url(../img/shadow.png);
		background-repeat:no-repeat;
		background-position:0 515px;
		height:560px;		
	}

#content
{
	position:relative;
	min-height:400px;
	margin:0 0 20px 0;
	font-family: 'openSansregular';
	float:left;
	clear:both;
	width:100%;

}
	#content #leftDiv
	{
		float:left;
		position:relative;
		margin:10px 15px 0 25px;
		width:280px;
	}
	#content #leftDiv img
	{
		float:left;
		position:relative;
		clear:both;
	}
	#content #leftDiv h2
	{
		float:left;
		position:relative;
		clear:both;
		font-size:20px;
		padding:20px 0;
	}
	#content #leftDiv p
	{
		float:left;
		position:relative;
		clear:both;
		font-size:12px;
	}
	#content #leftDiv a
	{
		float:left;
		position:relative;
		clear:both;
		margin:20px 0;
		padding:13px;
		text-transform:capitalize;
		background-color:#9C8E42;
		color:#FFF;
	}
	#content #leftDiv a:hover
	{
		background-color:#B79C4B;
		color:#FFF;
	}
	#content #rightDiv
	{
		float:left;
		position:relative;
		margin:10px 0px 0 10px;
		width:280px;
	}
	#content #rightDiv h2
	{
		float:left;
		position:relative;
		clear:both;
		font-size:20px;
	}
	#content #rightDiv ul
	{
		position:relative;
		float:left;
		clear:both;
		margin:15px 0 0 0;
	}
	#content #rightDiv ul li
	{
		position:relative;
		float:left;
		clear:both;
		border-top:1px solid #A3A3A4;
		padding:15px 0;
	}
	#content #rightDiv ul li:first-child
	{
		border-top:none;
	}
	#content #rightDiv ul li img
	{
		float:left;
		position:relative;
	}
	#content #rightDiv ul li h3
	{
		float:left;
		width:220px;
		margin:8px 0 0 15px;
		font-family: 'openSansbold';
	}
	#content #rightDiv ul li p
	{
		clear:both;
		float:left;		
		margin:10px 0 0px 0px;
	}
	#content #rightDiv a
	{
		float:left;
		position:relative;
		clear:both;
		margin:20px 0;
		padding:13px;
		text-transform:capitalize;
		background-color:#9C8E42;
		color:#FFF;
	}
	#content #rightDiv a:hover
	{
		background-color:#B79C4B;
		color:#FFF;
	}
	#content #innerContent
	{
		float:left;
		position:relative;
		margin:0px 22px;
	}
	#content #innerContent #project
	{
		background-color:#DFE0E2;
		color:#FFF;
		width:297px;
		height:455px;
		float:left;
		position:relative;
		margin:10px 10px;
	}
	#content #innerContent #project .projectContent
	{
		color:#FFF;
		float:left;
		position:relative;
		margin:20px;
	}
	#content #innerContent #project .projectContent img
	{
		width:256px;
		height:305px;
		clear:both;
		float:left;		
	}
	#content #innerContent #project .projectContent h3
	{
		padding:20px 0;
		clear:both;
		float:left;		
		font-family: 'openSansbold';
	}
	#content #innerContent #project .projectContent p
	{
		clear:both;
		float:left;		
	}
	#content #innerContent #address
	{
		float:left;
		position:relative;
		margin:0 25px;
	}
	#content #innerContent #address h2
	{
		float:left;
		position:relative;
		clear:both;
		font-size:20px;
		margin:20px 0;
	}
	#content #innerContent #address #googleMap
	{
		float:left;
		clear:both;
		position:relative;
		width:338px;
		height:275px;
	}
	#content #innerContent #address p
	{
		margin:20px 0;
		clear:both;
		float:left;
		position:relative;
	}
	#content #innerContent #contactForm
	{
		float:left;
		position:relative;
		margin:0 15px;
	}
	#content #innerContent #contactForm h2
	{
		float:left;
		position:relative;
		clear:both;
		font-size:20px;
		margin:20px 0;
	}
	#content #innerContent #contactForm form
	{
		clear:both;
		float:left;
		position:relative;
	}
	#content #innerContent #contactForm input,
	#content #innerContent #contactForm textarea
	{
		padding:10px;
		margin:0 0 10px 0;
		background-color:#E4E5E7;
		border:none;
		color:#999;
		font-size:15px;
	}
	#content #innerContent #contactForm input
	{
		width:210px;
	}
	#content #innerContent #contactForm textarea
	{
		resize:none;
	}
	#content #innerContent #contactForm input.btn
	{
		float:right;
		position:relative;
		margin:0 2px 0 0;
		padding:10px 13px;
		text-transform:capitalize;
		background-color:#9C8E42;
		color:#FFF;
		width:auto;
		cursor:pointer;
		font-size:12px;
	}
	#content #innerContent #contactForm input.btn:hover
	{
		background-color:#B79C4B;
		color:#FFF;
	}
	#content #innerContent #contactForm .result_msg
	{
		float:left;
		position:relative;
		width:350px;
		height:40px;
	}
	#content #innerContent #about
	{
		float:left;
		position:relative;
		margin:0 25px;
	}
	#content #innerContent #about h2
	{
		float:left;
		position:relative;
		clear:both;
		font-size:20px;
		margin:20px 0;
	}
	#content #innerContent #about p
	{
		margin:20px 0;
		float:left;
		position:relative;
	}
	#content #innerContent #about ul
	{
		float:left;
		clear:both;
		margin:20px 0;
	}
	#content #innerContent #about ul li
	{
		background-image:url(../img/tick.png);
		background-repeat:no-repeat;
		background-position:2px 3px;
		float:left;
		padding:0px 0 0 0;
		line-height:20px;
		clear:both;
		padding-left:30px;
	}
	#content #innerContent #about p.mission
	{
		padding:0 40px;
		background-image:url(../img/mission.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
		text-align:center;
		font-family: 'openSansitalic';
		height:101px;
		margin:20px 0 10px 0; 
	}
	#content #innerContent #tabs
	{
		float:left;
		position:relative;
		margin:0 25px;
	}
	#content #innerContent #tabs ul.dept
	{
		float:left;
	}
	#content #innerContent #tabs ul.dept li.name
	{
		float:left;
		font-family: 'openSansbold';
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0; /* future proofing */
		-khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */
		margin:0 2px 0 0;
		border:1px solid #ccc;
		border-bottom:none;
	}
	#content #innerContent #tabs ul.dept li.name a
	{
		color:#9C8E42;
		padding:10px 25px;
		float:left;
	}
	#content #innerContent #tabs ul.dept li.ui-tabs-active
	{
		float:left;
		border-bottom:none;
		background-color:#CCC;
	}
	#content #innerContent #tabs ul.dept li.ui-tabs-active a
	{
		padding:10px 25px;
		color:#9C8E42;
	}
	#content #innerContent #tabs div
	{
		padding:20px 0;
		float:left;
		clear:both;
		margin:0;
	}



#footer
{
	position:relative;
	text-align:center;
	padding:25px 0;
	background-color:#333;
	float:left;
	clear:both;
	width:100%;
}
	#footer p
	{
		color:#EEE;
		text-align:center;
	}
	#footer a
	{
		color:#EEE;
	}
	#footer a:hover
	{
		color:#9C8E42;
	}
	#footer img
	{
		vertical-align:-3px;
	}
	
	
	
	
#content #innerContent #about .backShadow	
{
	background-image:url(../img/shadowSmall.png);
	background-position:0px 250px;
	background-repeat:no-repeat;
	height:270px;
}
	
#content #innerContent #about .list_carousel {
/*	padding: 15px 0 15px 40px;
*/
	background-color:#FFF;
	height:205px;
	padding:15px 0;
	width:900px;
}
#content #innerContent #about .list_carousel ul.poo {
	margin:0 35px;
	padding: 0;
	list-style: none;
	display: block;
}

#content #innerContent #about .list_carousel ul.poo li {
	font-size: 30px;
	color: #666;
	text-align: center;
	background-color: #f0f0f0;
	border: 5px solid #ccc;
	width: 185px;
	height: 185px;
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
	position:relative;
	clear:none;
	background-image:none;
}
#content #innerContent #about .list_carousel ul.poo li a {
	height:inherit;
	width:inherit;
	float: left;
	position:relative;
	display: block;
}
#content #innerContent #about .list_carousel ul.poo li a img {
	height:inherit;
	width:inherit;
	float: left;
	position:relative;
	display: block;
}
#content #innerContent #about .clearfix {
	float: none;
	clear: both;
}



.html_carousel {
	padding: 15px 0 15px 40px;
}
.html_carousel div.slide {
	position: relative;
}
.html_carousel div.slide div {
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	display: none;
	position: absolute;
	bottom: 0;
}
.html_carousel div.slide h4 {
	font-size: 35px;
	padding: 30px 0 0 100px;
}
.html_carousel div.slide p {
	font-size: 16px;
	padding: 0 0 30px 100px;
}
.html_carousel div.slide h4, .html_carousel div.slide p {
	color: white;
	margin: 0;
}
.clearfix {
	float: none;
	clear: both;
}

.background
{
	background-image:url(../img/shade_seperator.png);
	background-repeat:no-repeat;
	background-position:0 0;
}