/* 
	Terrapin Adventures Style Definitions
	Copyright 2008 - The Connextion
	Created by: Aaron Louks
*/

/* Generics */
* { margin: 0px; padding: 0px; outline: none; font-family: Arial, Helvetica, sans-serif; }

h1 { }

.float-left { float: left; width: 220px; }

.float-right { float: right; width: 675px; }

.clear { clear: both; }

img { border: none; }

img a { border: none; }

a:link { color: #282010; text-decoration: none; }
a:visited { color: #282010; text-decoration: none; } 
a:hover { color: #282010; text-decoration: underline; }
a:active { color: #282010; text-decoration: none; }

p a.adventure_heads { color: #282010; text-decoration: none; font-size: 20px; font-weight: bold; }
p.toplinks { color: #b60101; }

input { font-family: Arial, Helvetica, sans-serif; }
textarea { font-family: Arial, Helvetica, sans-serif; }

/* Layout */
body { background: #000 url(/img/trees.jpg) no-repeat top center; padding-left: 10px; margin-right: 10px; }

.wrapper { width: 902px; margin: 0px auto; }

.mainbodyhome { background: #7d612d url(/img/TA_Home.jpg) top center; background-repeat: no-repeat; width: 100%; height: 607px; }

.mainbodyhomedraft { background: #7d612d url(/img/TA_Home.new.jpg) top center; background-repeat: no-repeat; width: 100%; height: 791px; }

.mainbodyinner { background: #7d612d url(/img/inner_bg.jpg) top center; background-repeat: no-repeat; width: 100%; height: 100%; }



/* Content Left */
.hot { float: left; }
.hot_title { text-indent: -9999px; height: 20px; width: 150px; background: url(/img/hot.png) no-repeat top left; margin: 115px 0 0 10px; }
.hot .hot_content { height: 90px; width: 235px; overflow: auto; padding-bottom:10px; } 
.hot p { width: 190px; height: 100px; color: #fff; line-height: 1.5em; font: 12px/1.7em Arial, Helvetica, sans-serif; margin: 0 0 0 10px; padding: 0px 8px 8px 10px; }

.gift_certs a { background: url(/img/gift_certs.png) no-repeat top left; float: left; text-indent: -9999px; height: 28px; width: 215px; margin: 10px 0 0 10px; border: none; }

.video { float: left; width: 215px; margin: 15px 0px 15px 15px; }

.map a { width: 219px; height: 170px; text-indent: -9999px; float: left; margin: 0 0 0 10px; border: none; }
.map a:hover { border: none; }

a .mailinglist { background: url(/img/mailinglist.jpg) no-repeat top left; float: left; text-indent: -9999px; width: 183px; height: 21px; margin: 8px 0 0 25px; border: none }


/* Content Right */
.bookanadventure a { width: 335px; height: 35px; float: right; margin: 200px 18px 0 0; text-indent: -9999px; }
.bookanadventureinner a { width: 335px; height: 35px; float: right; margin: 14px 13px 0 0; padding-right: 29px; text-indent: -9999px; }

.intense { float: right; width: 615px; margin: 35px 33px 0 0; font: 12px Arial, Helvetica, sans-serif; }
.intense p { color: #282010; padding: 5px 15px 0px 8px; font-size: 15px; line-height: 22px; }
.intense p.first { color: #b60101; padding: 5px 15px 0px 8px; font-size: 16px; line-height: 22px; }
.intense a { color: #b60101; font-size: 18px; text-decoration: none; }
.intense a:hover { text-decoration: underline; }
.intense strong { color: #282010; font-size: 17px; font-weight: bold; }

.content_head { background: url(/img/whitebg_head.png) no-repeat top right; height: 63px; width: 100%; }
.content_body { padding: 10px 30px; margin-right: 30px; background: url(/img/whitebg_repeat.png) repeat-y top right; width: 614px; }
.content_body h1 { padding: 0px 0px 10px 0px; color: #282010; font-family: Arial, Helvetica, sans-serif; }
.content_body h2 { padding: 0px 0px 10px 0px; color: #282010; font-family: Arial, Helvetica, sans-serif; }
.content_body h3 { padding: 0px 0px 10px 0px; color: #282010; font-family: Arial, Helvetica, sans-serif; }
.content_body p { padding: 0px 4px 7px 0px; color: #282010; font-family: Arial, Helvetica, sans-serif; }
.content_body table { padding: 0px 0px 10px 0px; color: #282010; font-family: Arial, Helvetica, sans-serif; }
.content_body table td.title { width: 185px; text-align: right; padding-right: 5px; }
.content_body img.left { padding: 0 10px 15px 0px; }
.content_body a { color: #B60101; font-family: Arial, Helvetica, sans-serif; }
.content_body ul { padding: 0px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; }
.content_body ul li { padding: 3px 0px; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; }
.content_body img { padding-top: 7px; }
.content_foot { background: url(/img/whitebg_foot.png) no-repeat top right; height: 38px; width: 100%; }

.directions { padding: 10px 5px; }

.contactblock { height: 27px; width: 100%; float: left; }
.contactblock p { margin: 0px 0 0 25px; padding: 44px 15px 0 0; text-align: right; font: 12px Arial, Helvetica, sans-serif; color: #00535e; font-weight: bold; letter-spacing: .1em; }
.contactblock a, .contactblock a:hover { color: #00535e; }

.contactblockinner { width: 100%; float: left; }
.contactblockinner p { margin: 25px 0 0 25px; padding: 20px 15px 0 0; text-align: right; font: 12px Arial, Helvetica, sans-serif; color: #00535e; font-weight: bold; letter-spacing: .1em; }
.contactblockinner a, .contactblockinner a:hover { color: #00535e; }

/* Booking Index */
#info_div.selected p em { color: #000; }


/* Gift Certificate Page */
div.customer { background: url(/img/products/terrapin_gc.gif) no-repeat top left; margin: 15px 0px 15px 0px; height: 311px; } 
p.cost { padding: 145px 0 0 130px; }
p.cost select { padding: 2px; font-weight: bold; width: 135px; }
p.to { padding: 0 0 0 125px; }
p.to input { width: 250px; padding: 3px; background: none; margin-bottom: 4px; border: none; }
p.from { padding: 0 0 0 125px; }
p.from input { width: 200px; padding: 3px; background: none; margin-bottom: 4px; border: none; }
p.msg { padding: 0 0 0 130px; margin-top: 10px; }
p.msg textarea { width: 300px; height: 50px; font-size: 11px; padding: 3px; margin-top: 5px; border: 1px solid #993300; }


/* Footer */
.footer { background: url(/img/footer.gif) no-repeat top center; width: 100%; height: 100px; padding: 40px 0 0 1px; }

.copyright { float: left; padding: 0px 0 0 20px; width: 500px; font: 14px Arial, Helvetica, sans-serif; color: #fff; }

.copyright a { color: #fff; }

.connext { float: right; padding: 25px 0 0 0px; width: 150px; background: url(/img/connext.png) no-repeat top right; }



/* Additionals */
.selected { background-color: beige; }

.ERROR { border: 2px solid red; background-color: #FFEEEE; padding: 3px; }