@charset "utf-8";

/*****************************************
Company: Crocodile Joe's Wild World
URL: www.crocodilejoes.com
Author: Dave Musgrove
*****************************************/

/*----------------------------------------
   STYLE RESET
----------------------------------------*/

* { margin: 0; padding: 0; border: 0; }
a, a:active { outline: none; }
:focus { -moz-outline-style: none; }

/*----------------------------------------
   BODY
----------------------------------------*/

html {  }
body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 12px;
	color: #333333;
	background: #d0cf4d url(../images/bg-body.jpg) repeat-x top center;
}

/*----------------------------------------
   CONTAINERS
----------------------------------------*/

.top-wrap { margin: 40px auto 0 auto; width: 920px; height: 225px; background: url(../images/logo.png) no-repeat top center; position: relative; }
.mid-wrap { margin: 0px auto 0 auto; width: 920px; background: url(../images/bg-mid.png) repeat-y top center; position: relative; min-height: 450px; }
.mid-wrap .content-header { margin: 0px 32px; border-bottom: 2px solid #ffffff; }
.mid-wrap .content { padding: 10px 50px; }
.mid-wrap .content-home { margin: 10px 30px 0px 30px; width: 857px; height: 388px; background: url(../images/bg/Home_bg.png) no-repeat; }
.mid-wrap .content-home-bottom { margin: 5px 40px 0px 40px; width: 857px; height: 180px; }
.mid-wrap .content-home-1 { padding: 24px; width: 296px; float: left; }
.mid-wrap .content-home-1-block { height: 240px; max-height: 240px; overflow: hidden; }
.mid-wrap .content-home-2 { padding: 24px; width: 170px; float: left; }
.mid-wrap .content-home-3 { padding: 24px; width: 240px; float: left; }
.mid-wrap .content-home-3-block { height: 240px; max-height: 240px; overflow: hidden; color: #172c13; }
.mid-wrap .content-home-3-block a { color: #172c13; }
.mid-wrap .content-home-3-block a:hover { color: #172c13; }

.bot-wrap { margin: 0px auto 0 auto; width: 920px; height: 43px; background: url(../images/bg-footer.png) no-repeat top center; position: relative; }
.footer { margin: 0px auto 0 auto; width: 900px; height: 20px; }
.footer p { color: #724f21; text-align: right; }
.footer p span { float: left; }
.footer p a { color: #472e0d; text-decoration: none; }
.footer p a:hover { color: #000; text-decoration: none; }
.clear-fix { clear: both; }

.bookinginfo input { border: 1px solid #472e0d; padding: 4px; }
.bookinginfo textarea { border: 1px solid #472e0d; padding: 4px; }
.bookinginfo select { border: 1px solid #472e0d; padding: 4px; }
.bookinginfo button { border: 1px solid #472e0d; padding: 4px; }
.bookinginfo label { padding-right: 5px; }
.bookinginfo legend { display: none; }

.contactform input { border: 1px solid #472e0d; padding: 4px; }
.contactform textarea { border: 1px solid #472e0d; padding: 4px; }
.contactform select { border: 1px solid #472e0d; padding: 4px; }
.contactform button { border: 1px solid #472e0d; padding: 4px; }
.contactform label { padding-right: 5px; }
.contactform legend { display: none; }

.content .error_message { border: 1px solid black; padding: 10px; color: red; background-color: white; margin-bottom: 10px; }
.content .error_message ul { margin-left: 20px; }