/* Base Styles */
body, input, textarea, select { font-family: Arial, Helvetica, Verdana; font-size: 12px; }
body { margin: 0px; padding: 0px; }

body { background: #b5b5b5 url('/en/images/bgBody.jpg') top center repeat-x; color: #555555; }

a { color: #555555; text-decoration: none; }
a:hover { }

img { border: 0px; padding: 0px; margin: 0px; }

/* Form hack */
form { padding: 0px; margin: 0px; }

/* Formatting hack */
.clear { clear: both; }
.clearafter:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }
.clearafter { display: inline-block; }

/* Hides from IE-mac */
* html .clearafter { height: 1%; }
.clearafter { display: block; }

/* Generic Styles */
.center { text-align: center }
.left { float: left }
.right { float: right }

#content .red { color: #FF0000; }

.text { width: 200px; }
#content .shorttext { width: 80px; }
#content .website { width: 160px; }
#content .price { width: 80px; }
#content .qtyprice { width: 70px; }
#content .pickup { width: 100px; }
#content .phone { width: 120px; }
#content .abn { width: 200px; }
#content .suburb { width: 150px; }
#content .postcode { width: 40px; }
#content .checkbox { width: auto; }
#content .other { width: 165px; }
 .date { width: 80px; }
#content .time { width: 60px; }
#content .price { width: 50px; }
#content .captcha { border: 1px solid #333333; }
#content .logintext { width: 100px; }

#content .bigdescription { width: 350px; }
#content .hugedescription { width: 560px; }

//.button { margin: 15px 0 0 0; width: auto; border: 1px solid #e75112; color: #FFFFFF; background: #e75112; padding: 3px; font-weight: bold }
.button2 { margin: 0px; width: auto; border: 1px solid #e75112; color: #FFFFFF; background: #e75112; padding: 3px; font-weight: bold }

#container { width: 990px; height: auto; margin: 0 auto 0 auto;  }
#subcontainer { float: left; width: 592px; height: auto; }

/* header */
#header { display:block; width: 990px; height: 750px; background: #ffffff; margin: 0px; padding: 0px; background: url('/en/images/index/bgHeader.jpg') no-repeat;  }

#imagemap { position: absolute; margin: 30px 0 0 0; z-index: 100; }

#nav { position: relative; float: right; z-index: 200; text-align: right; width: 670px; height: 200px; padding: 20px 20px 0 0px; }
#nav p { padding: 0; margin: 0px; font-weight: bold; }

#nav .first { position: relative; z-index: 200; padding: 10px 0 0 0; margin: 0px; width: 670px; height: auto; color: #b01f24; font-size: 11px; text-transform: uppercase;  font-family: Arial, Arial, Helvetica, sans-serif; }
#nav .first a { color: #b01f24; }
#nav .first a:hover { color: #f37022; }

#nav .second { position: relative; z-index: 200; padding: 10px 0 0 0; margin: 0px; width: 670px; height: auto; color: #f37022; font-size: 12px; text-transform: uppercase; font-family: Arial, Arial, Helvetica, sans-serif; }
#nav .second a { color: #f37022; }
#nav .second a:hover { color: #b01f24; }

#nav .third { position: relative; z-index: 200; padding: 15px 0 0 0; margin: 0px; width: 670px; height: auto; color: #b01f24; font-size: 16px; text-transform: uppercase; font-family: Arial, Arial, Helvetica, sans-serif; }
#nav .third a { color: #b01f24; }
#nav .third a:hover { color: #f37022; }

#nav .fourth { position: relative; z-index: 200; padding: 15px 0 0 0; margin: 0px; width: 670px; height: auto; color: #f37022; font-size: 12px; text-transform: uppercase; font-family: Arial, Arial, Helvetica, sans-serif; }

#availability { position: relative; z-index: 200; clear: both; text-align: left; width: 250px; height: 300px; padding: 50px 0 0 0; margin: 0 0 0 15px; }

#availability .blurb { position: relative; z-index: 200; text-transform: uppercase; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; }

#availability .booking { font-size: 12px; font-weight: bold; color: #f5821f; }

#availability .product { margin: 10px 0 0 10px;  }
#availability .product select { font-size: 10px;  }
#availability .trip { margin: 10px 0 0 20px;  }
#availability .trip input { font-size: 10px;  }
#availability .people { margin: 10px 0 0 30px;  }
#availability .people select { font-size: 10px;  }
#availability .check { margin: 15px 0 0 40px;  }
#availability .check select { font-size: 10px;  }

/* content */
#content { float: left; width: 490px; height: 370px; padding: 40px 30px 0 80px; background: url('/en/images/index/bgContent.jpg') no-repeat; }

#content a { color: #b20813; border-bottom: 1px dashed; font-weight: bold; }
#content a:hover { color: #d74b10; }

#content h1 	{ font-size: 20px; padding: 10px 0 0 0; margin: 0px; }
#content h2 	{ font-size: 16px; padding: 10px 0 0 0; margin: 0px; }
#content h3 	{ font-size: 14px; padding: 10px 0 0 0; margin: 0px; }

#content p 	{ font-size: 14px; padding: 10px 0 0 0; margin: 0px; }

/* blog */
#blog { float: left; width: 505px; height: 645px; padding: 55px 0 0 95px; background: url('/en/images/features/bgBlog.jpg') no-repeat; }
#blog .container { width: 475px; height: 605px; overflow-y: scroll; overflow-x: hidden; }

#blog .container p { padding: 5px 0 0 0; margin: 0px; font-size: 10px; }

#blog .blog_latest_comment { width: 450px; height: 80px; margin: 10px 0 0 0; }
#blog .blog_latest_comment:hover { background: #f19245; }

#blog .blog_latest_comment .name { font-size: 11px; font-weight: bold }
#blog .blog_latest_article .title { font-size: 11px; font-weight: bold }

#blog .blog_latest_seperator { width: 450px; height: 1px; border-bottom: 1px dashed #ef7e1e; padding: 5px 0 5px 0; }

#blog .blog_latest_article { width: 450px; height: 80px; margin: 10px 0 0 0; background: #fde1ca; }
#blog .blog_latest_article:hover { background: #f19245; }

#blog .blog_latest_comment .content  { float: left; width: 338px; height: 73px; padding: 5px 10px 0 10px; border: 1px solid #b01116; }
#blog .blog_latest_comment .thumbnail { float: left; width: 70px; height: 60px; padding: 20px 10px 0 10px; background: #b01116; color: #ffffff; font-weight: bold; font-size: 14px; }

#blog .blog_latest_article .content { float: left; width: 320px; height: 80px; padding: 5px 10px 0 10px; }
#blog .blog_latest_article .thumbnail { float: left; width: 80px; height: 80px; padding: 10px 10px 0 10px; }
#blog .blog_latest_article .thumbnail img { height: 60px; border: 1px solid #b01116; }

/* side */
#side { float: right; width: 390px; height: auto; }

#bungy { float: left; background: url('/en/images/features/bgBungy.jpg') no-repeat; width: 390px; height: 170px;  }
#minjin { float: left; background: url('/en/images/features/bgMinjinswing.jpg') no-repeat; width: 390px; height: 170px; }
#events { float: left; background: url('/en/images/features/bgEvents.jpg') no-repeat; width: 390px; height: 170px; }
#functions { float: left; background: url('/en/images/features/bgFunctions.jpg') no-repeat; width: 390px; height: 170px;  }
#promo { float: left; background: url('/en/images/features/bgPromoreel.jpg') no-repeat; width: 390px; height: 140px; }
#ajtv { float: left; background: url('/en/images/index/bgTV.jpg') no-repeat; width: 370px; height: 290px; padding: 0 0 0 20px; }

#side .video { padding: 50px 0 0 50px; float: left; }
#side .play { padding: 50px 0 0 0; float: left; }
#side .gallery { clear: both; padding: 14px 0 0 40px; float: left; }
#side .more { padding: 14px 0 0 10px; float: left; }

/* footer */
#footer { clear: both; width: 990px; height: 160px; background: url('/en/images/index/bgFooter.jpg') center bottom no-repeat; font-size: 11px; color: #ffffff; }

#footer a { color: #ffffff; }

#footer .banner { padding: 17px 0 0 5px; text-align: center; }

#footer .left { float: left; padding: 25px 0 0 40px; margin: 0px; font-weight: bold }
#footer .right { float: right; padding: 25px 40px 0 0; margin: 0px; }