@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
}
/* Main Layout*/
body {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5em;
	background-color: #43e89c;
	color:#426F58;
}
a:link {
	color: #3BBF7E;
}
a:visited {
	color: #3BBF7E;
}
a:hover {
	color: #195536;
	text-decoration:none;
}
a:active {
	color: #3BBF7E;
}
/*Background graphics*/
#bottom { /*this is the brown animals & grass at the bottom*/
	background-image:url(../images/footer_pic3.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#grass { /*a small tiling grass image that stretches to the edges*/
	background-image:url(../images/bg_grass2.png);
	background-repeat:repeat-x;
	background-position:center bottom;/*display:table-cell;*/
}
#centre { /*the sun rays image under the logo*/
	position:relative;
	margin:0px;
	background-repeat:no-repeat;
	background-position: top center;
}
#background { /*tiling image of the stripes*/
	/*min-height:100%;*/
	margin:0px;
	background-image:url(../images/bg_lines2.jpg);
	background-repeat:repeat;
	background-position:top;
}
/*wrapper to centre the design*/
#wrapper {
	width:980px;
	margin:0px auto;
	padding-bottom:200px; /*this is the gap so you can see the animals*/
}
/*header*/

#header {
	width:980px;
	height:370px;
}
#logo {
	width:370px;
	height:133px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 129px;
}
#slogan {
	font-family:"Atomico", Arial, Helvetica, sans-serif;
	width:272px;
	height:53px;
	float:right;
	margin:43px 0 0 0;
	padding:13px 0 0 0;
	background:url(../images/slogan.png) no-repeat top;
	color:#835d34;
	text-align:center;
	line-height:20px;
}
.size25 {
	font-size:25px;
}
.size18 {
	font-size:18px;
}
/*main menu*/

#menu_container {
	width:980px;
	height:61px;
	clear:both;
	background-image: url(../images/menu_top2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 237px;
}
ul#menu {
	margin:0px auto;
	padding: 0 0 0 100px;
	width:980px; /*adjust this width to center your menu*/
}
#menu li {
	font-family:"Sketchetik";
	list-style:none;
	float:left;
	margin:25px 0 0 0;
	padding:0px;
	font-size:24px;
	color:#185636;
	padding:0 15px 0 32px;
}
#menu a, #menu a:link, #menu a:visited {
	color:#FFF;
	text-decoration:none;
}
#menu a:hover {
	color:#185636;
	text-decoration:none;
}
/*content*/
#content_container {
	width:920px; /*980 minus padding*/
	background-color:#FFF;
	min-height:400px;
	margin-top: 61px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#content_bottom {
	width:980px;
	height:17px;
}

/*special fonts*/

@font-face {
 font-family: "Sketchetik";
 src: url(../font/Sketchetik-Light.otf) format("opentype");
}
/*General Content*/

h1 {
	font-family: "Sketchetik";
	margin:0 0 10px 0;
	padding:0px;
	font-size:24px;
	color:#426F58;
	font-weight:normal;
}
h2 {
	font-size:20px;
	color:#2FA267;
	font-weight:normal;
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #2FA267;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
h3 {
	margin:0 0 10px 0;
	padding:0px 0 7px 0;
	font-size:20px;
	color:#2FA267;
	font-weight:normal;
	background:url(../images/dot_green.gif) bottom repeat-x;
}
h4 {
	margin:0 0 10px 0;
	padding:0px 0 7px 0;
	font-size:20px;
	color:#d22622;
	font-weight:normal;
	background:url(../images/dot_yellow.gif) bottom repeat-x;
}
hr.clear {
	clear:both;
	visibility:hidden;
	line-height:0px;
	height:0px;
	margin:0px;
	padding:0px;
}
/*home page*/
.content_left {
	width:455px;
	float:left;
	padding-top: 20px;
}
.content_right {
	width:415px;
	float:right;
}
.content_right p {
	padding:0px;
	margin:0px;
}
.rough_border {
	width:415px;
	height:316px;
	background:url(../images/latest_border.gif) no-repeat top left;
	text-align:center;
	padding-top:8px;
}
/*under file*/
.file_desc {
	width:415px;
	height:110px;
	color:#666666;
	font-size:12px;
	line-height:16px;
	margin-top:5px;
	background:url(../images/dots_green.gif) repeat-x bottom;
}
.title {
	color:#60A280;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
.price {
	width:60px;
	height:35px;
	background:url(../images/price.gif) no-repeat top;
	text-align:center;
	padding-top:18px;
	margin:0 0 10px 10px;
	color:#527251;
	font-size:20px;
	font-weight:bold;
	float:right;
}
ul.file_buttons {
	margin:10px 0 0 0px;
	padding:0px;
}
.file_buttons li {
	list-style:none;
	float:left;
	padding:0 2px 0 2px;
}
.latest_file_title {
	width:232px;
	height:28px;
	background:url(../images/title_latest_file.gif) no-repeat top;
	font-family:"Atomico", Arial, Helvetica, sans-serif;
	margin:0 auto 10px auto;
	padding:4px 0 0 0;
	font-size:20px;
	color:#60A280;
	font-weight:normal;
	text-align:center;
}
/*files page*/
.template_container {
	width:415px;
	margin-bottom:50px;
}
.template_container p {
	padding:0px;
	margin:0px;
}
.rough_border_sml {
	width:423px;
	height:215px;/*220 minus padding*/
	background:url(../images/border_sml.gif) no-repeat top left;
	text-align:center;
	padding-top:5px;
}
.left_column {
	width:450px;
	float:left;
}
.right_column {
	width:450px;
	float:right;
}
.file_type {
	width:72px;
	height:43px;
	float:right;
	margin:2px 0 0 352px;
	position:absolute;
}
/*footer*/

#text_footer {
	width:980px;
	margin:0px auto;
	position:relative;
	text-align:center;
	font-size:10px;
	color:#333;
}
#text_footer a, #text_footer a:link, #text_footer a:visited {
	font-size:10px;
	color:#333;
}
#text_footer ul {
	margin:0px auto;
	padding:0px;
	width:980px; /*change this width to center your text*/
}
#text_footer li {
	margin:0px;
	padding:0px 10px 0 0;
	list-style:none;
	float:left;
}
/*about*/
.service_table td {
	padding:3px 8px;
	font-size:12px;
	height:28px;
}
th { /*top row of the table*/
	background-color:#ffefc3;
	font-weight:bold;
	border-bottom:1px solid #ffffff;
	height:28px;
}
.row1 {
	background-color:#fffbf1;
}
.row2 {
	background-color:#fbf4e5;
}
ul.ticklist {
	padding:0px 0px 0px 15px; /*indent whole list*/
}
ul.ticklist li {
	list-style:none;
	background-image:url(../images/icon_tick.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
	padding:0px;
	padding-left:18px;
	font-size:13px;
	line-height:normal;
}
/*Contact Page No Map*/

.left_details {
	float:left;
	width:240px;
}
.right_details {
	float:left;
	width:415px;
	margin-left:50px;
	padding-left:50px;
	background:url(../images/dot_vertical.gif) repeat-y left;
}
.contact_title {
	color:#527251;
	font-weight:bold;
	float:left;
	width:70px;
}
.contact_detail {
	float:left;
	width:100px;
	clear:right;
}
.forms {
	border:#9ec99d 1px solid !important; /*the important gets rid of the yellow google toolbar field style*/
	background-color:#FFF !important;
	margin:3px 0px;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
}
.green {
	color:#527251;
}
#contact {
	border:0;
}
#contact label {
	float:left;
	width:80px;
	margin-right:15px;
	clear:left;
	color:#527251;
	font-weight:bold;
	text-align:right;
	height:32px;
}
#contact input, #contact textarea {
}
#contact .submit_button {
	clear:left;
	margin-left:95px;
}
/* Contact with map*/

.left_details2 {
	float:left;
	width:180px;
}
.right_details2 {
	float:left;
	width:240px;
	margin-left:20px;
	padding-left:20px;
	background:url(../images/dot_vertical.gif) repeat-y left;
}
#float_right {
	float:right;
	width:360px;
}
.map {
	width:357px;
	height:225px;
	border:1px solid #CCC;
	margin-bottom:20px;
}
UL#connect {
	margin:10px 0 0 0;
	padding:0px;
}
#connect li {
	float:left;
	margin:0px 8px 0 8px;
	padding:0px;
	list-style:none;
}
#form_container {
	float:left;
	width:440px;
}

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }