/* ---------------------------------------------------------------------------------
   
   Saizen Tours - Master Stylesheet 
   Author: Pixel House
   Website: www.pixel-house.com.au 

--------------------------------------------------------------------------------- */

body { margin: 0px; padding: 0px; font-family: georgia, serif; background: url(../images/bg.gif) repeat 0 0 #891100; }
h1, h2, h3, h4, h4, h5, h6 { margin: 0 0 0.6em 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 { font-size: 1.4em; color: #c9181e; font-weight: normal; }
h1 a { color: #c9181e; } 
h2 { font-size: 1.0em; color: #721000; margin: 0 0 0.2em 0; font-weight: normal; }
h2 a { color: #721000; }
h3, h4, h5 { font-size: 1.0em; color: #1a0f0f; font-weight: normal;  }
h3 a { color: #1a0f0f; }
h4 { color: #c9181e; font-size: 0.95em; margin: 0 0 0.3em 0; }
h4 a { color: #c9181e; } 
h5 { font-size: 0.75em; margin: 0 0 0.3em 0; text-transform: uppercase; }
h5 a { color: #1a0f0f; }
h6 { color: #585858; font-size: 0.7em; font-weight: normal; margin: 0 0 1.1em 0; } 
h6 a { color: #585858; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } 
p { font-size: 0.95em; color: #4c4c4c; margin: 0 0 1.1em 0; line-height: 1.2em; }
ul li { font-size: 0.95em; color: #4c4c4c; }
p a { color: #393939; }
p a:hover { color: #c9181e; }
hr { display: none; }
a img { border: none; }


#main-wrap, 
#main-wrap2,
#header-wrap,
#footer-wrap
{ width: 100%; float: left; }


#header,
#main,
#footer
{ margin: 0 auto; width: 940px; }

#main-wrap { background: url(../images/bg-main-wrap.jpg) repeat center 0 #dccca5; }
#main-wrap2 { background: url(../images/bg-main-wrap2.gif) repeat-y center 0; }
#main2 { float: left; width: 100%; background: url(../images/bg-main.gif) repeat-y 0 0 #e6ddbf; margin: -34px 0 0 0; position: relative; z-index: 10; }
#container { float: left; width: 100%; background: url(../images/bg-container.gif) no-repeat right bottom; }


#header-wrap { border-bottom: solid 5px #1a0f0f; background: url(../images/bg-redbar.gif) repeat-x center 0; }
#header { height: 235px; background: url(../images/bg-logo.gif) no-repeat 0 0; }
#footer-wrap { background: url(../images/bg-footer.gif) no-repeat center 0; border-top: solid 5px #1a0f0f; }
#footer { height: 240px; }

#left { width: 666px; float: left; }
#home #left { background: url(../images/crane-left.jpg) no-repeat right 387px; }

#right { width: 274px; min-height: 90px; float: right; margin-bottom: 300px; padding: 29px 0 0 0; background: url(../images/bg-radial.jpg) no-repeat right 0; }
#content { width: 600px; float: left; padding: 30px 0 20px 30px; }


/* ---------------------------------------------------------------------------------
   HEADER
--------------------------------------------------------------------------------- */

#logo { width: 300px; height: 127px; float: left; margin: 0; padding: 30px 0 0 0; }
#logo a { width: 203px; height: 90px; float: left; display: block; text-indent: -5000px; }

#navigation { background: url(../images/bg-nav-corners.gif) no-repeat 0 0 #000; width: 100%; margin: 0; padding: 0; height: 49px; float: left; }
#navigation li { font-size: 0.85em; list-style-type: none; float: left; position: relative; padding: 0; z-index: 40; }
#navigation li a { color: #fff; text-decoration: none; float: left; display: block; height: 33px; padding: 16px 0 0 0; text-align: center; }

#navigation li a:hover { background: url(../images/bg-nav-a.jpg) repeat-x 0 0 #1c1c1c; color: #ec1c24; }
#navigation #n01 a:hover { background: url(../images/bg-nav-hover-first.jpg) no-repeat 0 0 #1c1c1c; }
#navigation #n10 a:hover { background: url(../images/bg-nav-hover-last.jpg) no-repeat right 0 #1c1c1c; }

#slogan { color: #fff; float: right; width: 453px; background: url(../images/bg-slogan.gif) no-repeat right 125px; padding: 125px 0 0 0; margin: 0; font-size: 1.05em; }
#slogan span { display: none; }

#n01 a { width: 60px; padding-left: 18px !important; }
#n02 a { width: 65px; }
#n03 a { width: 94px; }
#n04 a { width: 95px; }
#n05 a { width: 157px; }
#n06 a { width: 129px; }
#n07 a { width: 129px; }
#n08 a { width: 103px; }
#n10 a { width: 74px; padding-right: 16px !important; }

/*
#n01 a { width: 65px; padding-left: 6px !important; }
#n02 a { width: 60px; }
#n03 a { width: 75px; }
#n04 a { width: 91px; }
#n05 a { width: 153px; }
#n06 a { width: 127px; }
#n07 a { width: 124px; }
#n08 a { width: 99px; }
#n09 a { width: 63px; }
#n10 a { width: 71px; padding-right: 6px !important; }
*/



/* ---------------------------------------------------------------------------------
   SUBNAV
--------------------------------------------------------------------------------- */

#subnav { width: 216px; padding: 0 0 20px 29px; float: left; }
#subnav h3, #subnav h4 { margin: 0 0 5px 0; }
#subnav ul { margin: 0; padding: 0; float: left; width: 100%; border-top: solid 1px #c2ba9d; }
#subnav ul li { padding: 0; list-style-type: none; float: left; width: 100%; border-bottom: solid 1px #c2ba9d; }
#subnav ul li a { font-size: 0.8em; color: #4c4c4c; display: block; width: 100%; padding: 6px 0 6px 10px; text-decoration: none; background: url(../images/arrow01.gif) no-repeat 0 11px; }
#subnav ul li a:hover { color: #c9181e; background-position: 3px 11px; }

/* ---------------------------------------------------------------------------------
   CONTENT
--------------------------------------------------------------------------------- */

#content .title { font-size: 1.1em; color: #2e2e2e; }
#content ul { margin-top: 0; margin-bottom: 1.0em; }
#content ul li { padding: 0; }
#content ul li a { color: #393939; }
#content a:hover { color: #c9181e; }

.article, #why { border-top: solid 1px #b4af9d; padding: 20px 0 10px 0; width: 100%; float: left; }
.article h2 { text-transform: uppercase; }

#scroll { background: url(../images/scroll.jpg) no-repeat 0 0; width: 576px; height: 285px; float: left; padding: 54px 45px 0px 45px; }
#scrolltext { width: 225px; height: 240px; float: right; padding: 14px 28px 0 0; }
#scroll h1 { font-size: 1.05em; color: #721000; }
#flash { width: 310px; height: 244px; float: left; }

table { border: none; font-size: 0.75em; width: 100%; color: #4c4c4c; margin: 0 0 20px 0; float: left; }
table td, table th { border-collapse: collapse; padding: 6px 20px 6px 6px; text-align: left; border: solid 1px #e6ddbf; vertical-align: top; }
table th { font-weight: normal; background: #000; color: #fff; border: solid 1px #3a3831; border-top: none; border-bottom: none; }
table td { background: #f1ebd7; }
table p { margin: 0; font-size: 1.0em; }


#gallery { width: 599px; float: left; background: url(../images/bg-scroll-btm.jpg) no-repeat 0 bottom #838673; padding-bottom: 32px; display: block; margin-bottom: 10px !important; }
#gallery ul { width: 530px; float: left; background: url(../images/bg-scroll-top.jpg) no-repeat 0 0; margin: 0; padding: 40px 30px 0px 39px; }
#gallery ul li { float: left; list-style-type: none; padding: 0; height: 114px; padding: 0px 5px 4px 0px; }
#gallery ul li a { float: left; display: block; }

#why { margin: 15px 0 0 0; width: 80%; }
#why a { margin-left: -10px; display: inline; }

.imgBorder { border: solid 1px #b4af9d; padding: 3px; background: #fff; margin: 0 0 5px 15px;  }
.terms { border-top: solid 1px #b4af9d; padding-top: 15px; }

#pagebottom p strong { color: #000; }
#content .mapBtn { border-bottom: solid 3px #000; width: 100%; float: left; padding: 0 0 12px 0; } 


/* ---------------------------------------------------------------------------------
   RIGHT
--------------------------------------------------------------------------------- */

#tellfriend, #subscribe { width: 216px; padding: 0 0 0px 29px; float: left; }
#tellfriend { background: url(../images/bg-tellfriend.jpg) no-repeat 0 bottom; height: 403px; }
#subscribe { background: url(../images/bg-radial.jpg) no-repeat right 0; width: 245px; padding: 20px 0 0 29px; }

#right h3, #right h4, #footer h3 { font-weight: normal; font-size: 1.4em; color: #c9181e; margin: 0 0 0.6em 0; }
#right h3 a { color: #c9181e; text-decoration: none; }
#right h3 span, #footer h3 span { color: #6e6c65; font-size: 0.6em;  display: block; float: left; }
#right h4 { font-size: 0.95em; float: left; padding-top: 20px; }

#right .field, .cfield, #footer .field { width: 102px; padding: 3px; border: solid 1px #a59d81; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4f4f4f; float: right; }
.cfield { width: 208px; border-bottom: none; background: url(../images/crane-top.jpg) no-repeat 31px bottom #fff; float: left; height: 125px; font-size: 11px; }
#right fieldset, #footer fieldset { border: none; padding: 13px 0 0 0; margin: 13px 0 0 0; width: 216px; float: left; border-top: solid 1px #a59d81; }
#right fieldset p, #footer fieldset p { margin: 0 0 8px 0; width: 100%; display: block; float: left; }
#right fieldset label, #footer fieldset label { float:left; display: block; width: 103px; padding: 3px 0px 0px 0px; font-size: 0.9em; color: #4c4c4c; font-weight: normal; }
#right fieldset input:focus, fieldset textarea:focus { background: #fff0a9; }

#right .pheight { height: 24px; }
.tellfriend { float: right; text-align: right; padding: 4px 0 0 0; }

#subscribe fieldset label { width: 75px; }
#subscribe .field { width: 130px; }

/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#teacherlogin { width: 216px; padding: 30px 29px 0px 29px; height: 180px; float: right; background: url(../images/bg-teacherlogin.jpg) no-repeat 0 0; }
#footer h3, #footer h3 span { color: #fff; }
#footer .field { border: solid 1px #780f00; width: 118px; float: right; }
#footer fieldset label { width: 86px; }
#footer fieldset { border-top: solid 1px #aa4937; }
#footer fieldset label { color: #fff; }

#footertext { width: 600px; padding: 30px 0px 20px 29px; float: left; }
#footertext p { color: #fff; }
#footertext p a { color: #b66b60; }
#footertext p a:hover { color: #fff; }


.pRight { float: right; text-align: right; }

