@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: #E5F9FF;
	color:#653605;
}
a:link {
	color: #2d9fce;
}
a:visited {
	color: #2d9fce;
}
a:hover {
	color: #2d9fce;
	text-decoration:none;
}
a:active {
	color: #2d9fce;
}
img {
    border: 0;
}
/*Background graphics*/
#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: url('/images/bg_lines.jpg') repeat-x #E5F9FF;
}
/*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;
	background-image:url(/images/topbg.gif);
	background-repeat:no-repeat;
	background-position: top center;
}
#logo {
	width:354px;
	height:133px;
	float:left;
	margin:0 0 0 312px;
}
.size25 {
	font-size:25px;
}
.size18 {
	font-size:18px;
}
/*main menu*/

#menu_container {
	width:980px;
	height:44px;
	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;
	margin-top: -1px;
}
#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;
	padding:7px 0 0 0;
	font-size:20px;
	color:#dca024;
	color:#d22622;
	color:#07731e;
	font-weight:normal;
	/*
    background:url(/images/dots_blue.gif) bottom repeat-x;
    */
}
strong {
	font-family:"Atomico", Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	font-size:20px;
	color:#2161f1;
	font-weight:normal;
    display: block;
}
/*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;
}
.rank {
    width:60px;
    height:35px;
    background:url(/images/price.gif) no-repeat top;
    text-align:center;
    padding-top:18px;
    margin:0 20px 10px 0;
    color:#527251;
    font-size:20px;
    font-weight:bold;
    float:left;
}
ul.file_buttons {
	margin:10px 0 0 0px;
	padding:0px;
	float: right;
}
.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_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;
}
/*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:700px; /*change this width to center your text*/
}
#text_footer li {
	margin:0px;
	padding:0px 10px 0 0;
	list-style:none;
	float:left;
}
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: 20px;
}
/*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;
}
.clear {
    clear: both;
}
.left_city_column {
	width:450px;
	float:left;
}
.right_city_column {
	width:450px;
	float:right;
}
.googlemap {
    width: 430px;
    height: 300px;
    display: block;
}