/* CSS Document */
* { margin:0; padding: 0;}

a{outline: none;}

body {
	background: #7ea982 url(images/pg_bg.jpg) repeat top left;
	font: 12px tahoma, Arial, Helvetica, sans-serif;
	color: #48C16B;
}

p{margin-bottom: 15px; margin-top: 15px; line-height: 18px;}

h2{ font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #804774; padding-bottom: 6px; border-bottom: 1px solid #7ea982; margin-bottom: 17px;}

h3{ font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #804774; padding-bottom: 10px; margin-bottom: 15px;}

h4{ font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #804774; padding-bottom: 6px; border-bottom: 1px solid #7ea982; margin-bottom: 15px;}

h5{ font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #804774; padding-bottom: 10px; margin-bottom: 12px;}

/*///////////////// LINKS ///////////////////////*/

a:link, a:visited{ font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #804774; text-decoration: none;}
a:hover { text-decoration: none; color:#eeeeee;}
a.readMore:link, a.readMore:visited{ background: padding: 6px 17px;}
/*///////////////// END LINKS ///////////////////////*/

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/* End Clearing floats without extra markup  */



/*///////////////// LOGO ///////////////////////*/

h1#logo { position: relative; top: 0px; left: 0; width: 1000px; height: 400px;  text-indent:-9000px; background: transparent url(images/headertop.gif) no-repeat 0 0;}
h1 a { height:41px; display:block; text-decoration:none;}
h1 a:hover { text-decoration:none; background:transparent;}
h1 img { height:150px; display:block; border:none; margin-left:40px;}
h1 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold; color: #804774;}

/*///////////////// END LOGO ///////////////////////*/

/*///////////////// SEARCH ///////////////////////*/

#search{ position: absolute; top: 50px; right: 0;}
#search input{ float: left; background-color: #b2cee5; border-top: 1px solid #9ab2c6; border-left: 1px solid #9ab2c6; border-bottom: 1px solid #d4e3ef; border-right: 1px solid #d4e3ef; padding: 3px; width: 221px;}
#search .btn{ background: #a27e21; border: 0; margin: 0 0 0 7px; padding: 3px 5px; width: 70px; color: #c1bfa4; cursor: pointer;}

/*///////////////// END SEARCH ///////////////////////*/

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

#navigation{ position: absolute; top:150px; right: 0; height: 34px;}
#navigation ul{ list-style: none; padding-left: 12px; padding-right: 12px;}
#navigation ul li{ display: inline;}
#navigation ul li a:link, #navigation ul li a:visited{ float: left; display: block; padding: 0 12px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ecc7dd; text-decoration: none; line-height: 34px; background: url(images/divider.gif) no-repeat center right;}
#navigation ul li a:hover, #navigation ul li a:active{ color: #FFFFFF;}
#navigation ul li a.last:link, #navigation ul li a.last:visited{ background: transparent;}
#navigation ul li a.current:link, #navigation ul li a.current:visited{ color: #FFFFFF;}

/*///////////////// END NAVIGATION ///////////////////////*/

/*///////////////// SLOGAN ///////////////////////*/

#sloganOne{ position: absolute; top: 185px; left: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px;
color: #7c8695; line-height: 34px; margin: 0; }
#sloganOne span{ display: inline-block; color: #81692e; border-bottom: 1px dashed #81692e;}
#sloganTwo{ position: absolute; top: 225px; left: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px;
color: #7c8695; line-height: 34px; margin: 0;}
#sloganTwo span{ display: inline-block; color: #81692e; border-bottom: 1px dashed #81692e;}

/*///////////////// END SLOGAN ///////////////////////*/


/*///////////////// LAYOUT ///////////////////////*/

#wrap { width: 1000px; margin: 0 auto; background-color:#FFFFFF}
#header { width: 844px; height: 324px; position: relative;}
#content{width: 960px; margin-left:20px}
#contentLeft{
	width: 634px;
	float: left;
	display: inline;
	margin-right: 29px;
}
#contentRight{ width: 262px; float: right; display: inline; background: #7ea982; padding: 0 17px; border-bottom: 2px solid #bdcbd2;}
#subcontent{width: 960px; margin:20px  0 0 20px}
#subblockleft{ width:48%; float:left; display:inline; margin-right: 25px;}
#subblockright{ width:48%; float:right; display:inline; margin-left: 5px;}
#footer{ width: 960px; margin: 20px 0 20px 20px; border-top: 3px solid #7ea982;}

/*///////////////// END LAYOUT ///////////////////////*/

/*///////////////// IMAGE CLASSES ///////////////////////*/

.imageBorder{ padding: 5px; background: #fff; border: 1px solid #7ea982;}
.imageLeft{ float: left;  margin: 10px; margin-top: 0; margin-left: 0;}
.imageRight{ float: right;  margin: 10px; margin-top: 0; margin-right: 0;}

/*///////////////// END IMAGE CLASSES ///////////////////////*/

/*///////////////// SERVICES HOMEPAGE ///////////////////////*/

.serviceHomeOne{float: left; width: 285px; margin-right: 50px; display: inline;}
.serviceHomeTwo{float: left; width: 285px;}
.serviceHomeOne h3{ padding-left: 25px; padding-bottom: 0; background: url(images/arrowIcon.jpg) no-repeat 0 50%;}
.serviceHomeTwo h3{ padding-left: 25px; padding-bottom: 0; background: url(images/arrowIcon.jpg) no-repeat 0 50%;}

.serviceHomeOne ul{ padding-left: 15px; padding-bottom: 0;}
.serviceHomeOne li{ padding-left: 10px; padding-bottom: 8px; font-size:12px; line-height:15px;}


/*///////////////// END SERVICES HOMEPAGE ///////////////////////*/

/*///////////////// LATEST NEWS ///////////////////////*/

.latestNews{ margin-bottom: 15px;}
.latestNews h4{ font-family: tahoma, Arial, Helvetica, sans-serif; color: #fefefe; font-size: 12px; font-weight: bold; padding-left: 20px;}
.teaser{
	margin-left: 20px;
	padding-left: 5px;
	border-left: 1px solid #ffbfe7;
	color: #390;
}
.teaser2{
	margin-left: 20px;
	padding-left: 5px;
	border-left: 1px solid #ffbfe7;
	color: #9FF;
}
.latestNews a.readMoreNews:link, a.readMoreNews:visited{ background: url(images/readMoreNews.jpg) top center no-repeat; padding: 7px 17px; margin-left: 25px;}

/*///////////////// END LATEST NEWS ///////////////////////*/

/*///////////////// TESTIMONIALS ///////////////////////*/

blockquote{margin-bottom: 10px; padding-left: 15px;}
blockquote p.text{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 18px; color:#fefefe; width: 98%; padding-top: 5px; text-indent: 20px;}
blockquote p.text:first-letter{ font-size: 18px; font-weight: bold; padding-right: 1px; font-style: normal;}
blockquote p.name{text-align: right; font-weight: bold; color:#fefefe;}
.pullquote{
		width:20%;
		float:left;
		margin-right:2em;
		padding-right:2em;
		border-right:1px solid #ccc;
		text-align:right;
		font-size:1.1em;
		font-style:italic;
		color:#777;
		margin-bottom:.5em;
		}

/*///////////////// END TESTIMONIALS ///////////////////////*/

.copyright{ float: left; margin-top: 10px; color: #7ea982;}
.footerMenu{ float: right; margin-top: 10px; color: #7ea982;}

/*///////////////// Sliding tools ///////////////////////*/
/* sliding tool style */

#heading {
			display: block;
			text-align: left;
			margin: 1px 5px 1px 5px;
		}
#heading * {
	display: block;
	padding: 4px;
	user-select: none;
	cursor: pointer;
	vertical-align: middle;
		}

#heading li.active {
			background-color: #ecc7dd;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
			margin:3px 0 3px 0;
		}

#heading li.hover {
			background-color: #ecc7dd;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
			margin:3px 0 3px 0;
		}

#heading li {
	background-color: #9ac49e;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:3px 0 3px 0;
		}
		
#contentstaff {
 	width:			640px;
 	float:			left;
	
}

		
#panes {
			text-align: left;
			border-style: none;
			/*width: 245px;*/
			margin: 0 1em 0 0;
		}
		
#panes p {
		  
		  margin: 0 auto 5px 10px;
		  line-height: 1.2em;
		}
#panes td {
		  
		  margin: 0 2px 5px 5px;
		  line-height: 1.2em;
		  vertical-align: top;
		}
		
#panes div div { overflow: hidden; }
		
#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }

/* accordion style 2 */

#accordion2 {width:559px; margin:10px auto 10px auto; height:850px;}
.accordion2 {width:559px; font:12px Verdana,Arial; color:#333}
.accordion2 dt {
	width:547px;
	padding:4px 6px;
	font-weight:bold;
	cursor:pointer;
	background-color:#E8F7FE;
	background-image:url(images/arrow_down.gif);
	background-position:right center;
	background-repeat:no-repeat;
	color:#0079a8;
	border-top:1px solid #333
}
.accordion2 dt:hover {
	background-color:#C2E9FC
}
.accordion2 .open {background-color:#C2E9FC; background-image:url(images/arrow_up.gif)}
.accordion2 dd {overflow:hidden; background:#fff; text-align:left; margin-left:10px;}
.accordion2 span {display:block; width:520px; border-top:none; padding:15px 5px 15px 5px; font-family:Arial, Helvetica, sans-serif;}
.accordion2 p {display:block; width:520px; border-top:none; padding:15px 5px 15px 5px; font-family:Arial, Helvetica, sans-serif;}


/**************************************************************

	MultiBox
	v1.3

**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #000;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

/*  source at http://www.phatfusion.net/multibox/  */

/*************************************************************/
.boldtext {
	font-weight: bold;
	color: #804774;
}
.whitetext {color:#FFFFFF;}
