@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: #3c1f00;
	color:#653605;
}
a:link {
	color: #2d9fce;
}
a:visited {
	color: #2d9fce;
}
a:hover {
	color: #2d9fce;
	text-decoration:none;
}
a:active {
	color: #2d9fce;
}
/*Background graphics*/
#bottom { /*this is the brown animals & grass at the bottom*/
	background-image:url(../images/footer_pic.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_grass.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-image:url(../images/page_bg_centre.png);
	background-repeat:no-repeat;
	background-position: top center;
}
#background { /*tiling image of the stripes*/
	/*min-height:100%;*/
	margin:0px;
	background-image:url(../images/bg_lines.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:178px;
}
#logo {
	width:354px;
	height:133px;
	float:left;
	margin:0 0 0 312px;
}
#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:45px;
	background:url(../images/menu_top.png) no-repeat bottom left;
	clear:both;
}
ul#menu {
	margin:0px auto;
	padding:0px;
	width:745px; /*adjust this width to center your menu*/
}
#menu li {
	font-family:"Atomico", Arial, Helvetica, sans-serif;
	list-style:none;
	float:left;
	margin:12px 0 0 0;
	padding:0px;
	font-size:20px;
	color:#527251;
	padding:0 15px 0 40px;
	background:url(../images/nav_wiggle.gif) left no-repeat;
}
#menu a, #menu a:link, #menu a:visited {
	color:#527251;
	text-decoration:none;
}
#menu a:hover {
	color:#FFF;
	text-decoration:none;
}
/*content*/
#content_container {
	width:920px; /*980 minus padding*/
	background-color:#FFF;
	min-height:400px;
	padding:30px;
}
#content_bottom {
	width:980px;
	height:17px;
}

/*special fonts*/

@font-face {
 font-family: "Atomico";
 src: url(../font/atomico.ttf) format("truetype");
}
/*General Content*/

h1 {
	font-family:"Atomico", Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0px;
	font-size:20px;
	color:#d22622;
	font-weight:normal;
}
h2 {
	font-family:"Atomico", Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0px 0 7px 0;
	font-size:20px;
	color:#dca024;
	font-weight:normal;
	background:url(../images/dot_yellow.gif) bottom repeat-x;
}
h3 {
	font-family:"Atomico", Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0px 0 7px 0;
	font-size:20px;
	color:#a8b900;
	font-weight:normal;
	background:url(../images/dot_green.gif) bottom repeat-x;
}
h4 {
	font-family:"Atomico", Arial, Helvetica, sans-serif;
	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;
}
.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_blue.gif) repeat-x bottom;
}*/
.title {
	color:#004580;
	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:#d22622;
	font-weight:normal;
	text-align:center;
}
/*files page*/
.template_container {
	width:415px;
	margin-bottom:50px;
}
.template_container p {
	padding:0px;
	margin:0px;
}
.rough_border_sml2 {
	width:423px;
	height:215px;/*220 minus padding*/
	background:url(../images/border_sml.gif) no-repeat top left;
	text-align:center;
	padding-top:5px;
}

.rough_border_sml2 {
	width:215px;
	height:423px;/*220 minus padding*/
	background:url(../images/border_sml2.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:#738d6c;
}
#text_footer a, #text_footer a:link, #text_footer a:visited {
	font-size:10px;
	color:#738d6c;
}
#text_footer ul {
	margin:0px auto;
	padding:0px;
	width:140px; /*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;
}
