/*
*  Copyright 2008-2010, Creative Resolve, www.creative-resolve.com
*
*  This file may not be used or (re)distributed for any other
*  purposes than a commercial deployment by Creative Resolve.
*  No modifications may be made to this file by anyone,
*  except for individuals working for Creative Resolve.
*
*  File description: Creative Resolve web site styles
*  File Author: David Edwards
*/

/*standard padding definition*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 101%; vertical-align: baseline; background: transparent;}

/*global styles*/
body {line-height: 1; background: #fce5c3 url(body.jpg) repeat-x top center; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif;}
a {text-decoration: none; background-position: top center;}
a:hover {text-decoration: underline; background-position: center;}
a:active {text-decoration: none; background-position: bottom center;}
ol, ul {list-style: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;} 
.clr {float: none; clear: both; padding: 0; margin: 0; line-height: 0; font-size: 0;}
#globalWrap {width: 100%; padding: 0; margin: 0; background: url(globalWrap.jpg) repeat-x bottom center; height: auto;}
#bodyWrap {padding: 0; margin: 0 auto; width: 937px; height: auto;}
#headerWrap {height: 213px; width: 937px; padding: 0; margin: 0; background: url(headerWrap.jpg);}
#headerWrap h2 {padding: 0; margin: 0; display: block; width: 0; height: 0;}
#headerWrap h2 span {display: none;}

/*a*/
.a01 {color: #fff; font-weight: bold; padding: 0 0 1px 12px; margin: 0; background-position: left center; background-image: url(a01.png); background-repeat: no-repeat;}
.a01:hover, .a02:hover {background-position: left;}
.a01:active, .a02:active {background-position: left;}
.a02 {color: #000; font-weight: bold; padding: 0 0 1px 12px; margin: 0; background-position: left center; background-image: url(a02.png); background-repeat: no-repeat;}
a.current {font-weight: bold; text-decoration: none;}

/*main menu*/
#menuWrap {width: 937px; height: 48px; padding: 0; margin: 0; background: url(menuWrap.jpg) no-repeat top center;}
#menuWrap ul {font-size: 0.7em; text-align: center; list-style: none; margin: 0 auto; padding: 8px 0 0 0; width: 845px;}
#menuWrap li {padding: 0 20px; margin: 0; display: inline; float: left; border-right: #4a934f solid 1px; border-left: #84c98b solid 1px;}
#menuWrap li.menuRight {border-left: #84c98b solid 1px; border-right: none;}
#menuWrap li.menuLeft {border-right: #4a934f solid 1px; border-left: none;}
#menuWrap a {padding: 4px 0; margin: 0; display: inline; float: left; color: #eee;}

/*showreel*/
#showReelWrap {width: 690px; height: 272px; padding: 0; margin: 0;}
.showReelSlide {width: 690px; height: 272px; padding: 0; margin: 0;}
#showReelSlide01 {background-image: url(showReelSlide01.jpg);}
#showReelSlide02 {background-image: url(showReelSlide02.jpg);}
#showReelSlide03 {background-image: url(showReelSlide03.jpg);}
#showReelSlide04 {background-image: url(showReelSlide04.jpg);}
#showReel h3 {display: block; height: 60px; padding: 0; margin: 0;}
#showReel h3 span {display: none;}
#showReel p {font-size: 0.7em; padding: 0 400px 10px 30px; margin: 0; color: #eee; line-height: 1.4em;}

/*content wrap*/
#contentWrap {width: 918px; padding: 0; margin: 0 auto;}
#contentLeftWrap {width: 228px; float: left; margin: 0; padding: 0;}
#contentLeft01 {width: 228px; height: 272px; margin: 0; padding: 0; background: url(contentLeft01.jpg) no-repeat top center;}
#contentLeft01 h2 {padding: 0; color: #fff; padding: 16px 0 16px 25px; display: block; height: 16px; font-size: 0.80em;}
#contentLeft01 p {padding: 5px 25px; margin: 0; font-size: 0.65em; color: #eee; line-height: 1.4em;}
#contentLeft02 {width: 228px; height: auto; margin: 0; padding: 0; background: url(contentLeft02.jpg) no-repeat top center;}
#contentLeft02 h2 {padding: 0; color: #333; padding: 16px 0 16px 25px; display: block; height: 16px;}
#contentLeft02 ul {padding: 0 0 0 21px; margin: 0; list-style: none;}
#contentLeft02 li {padding: 0; margin: 0; font-size: 0.7em; line-height: 2em;}
#contentLeft02 li a {margin: 0 0 4px 0; padding: 0;}
#contentLeft02 li a span {display: none; padding: 0; margin: 0;}
#contentLeft02 p {padding: 5px 25px; margin: 0; font-size: 0.65em; color: #eee; line-height: 1.4em; width: 100px;}
#contentLeft02Footer {width: 228px; height: 21px; background: url(contentLeft02Footer.jpg) no-repeat top center;}
#contentLeft03 {width: 228px; height: auto; margin: 0; padding: 0; background: url(contentLeft02.jpg) no-repeat top center;}
#contentLeft03 h2 {padding: 0; color: #333; padding: 16px 0 16px 25px; display: block; height: 16px;}
#contentLeft03 ul {padding: 0 0 0 21px; margin: 0; list-style: none;}
#contentLeft03 li {padding: 0; margin: 0;}
#contentLeft03 li a {float: left; height: 55px; width: 190px; margin: 0 0 4px 0; padding: 0;}
#contentLeft03 li a span {display: none; padding: 0; margin: 0;}
#contentLeft03 p {padding: 5px 25px; margin: 0; font-size: 0.65em; color: #eee; line-height: 1.4em; width: 100px;}
#contentLeft03Footer {width: 228px; height: 21px; background: url(contentLeft02Footer.jpg) no-repeat top center;}

#contentRightWrap {width: 690px;  float: right; padding: 0; margin: 0;}
#cL02A01 {background-image: url(cL02A01.jpg);}
#cL02A02 {background-image: url(cL02A02.jpg);}
#cL02A03 {background-image: url(cL02A03.jpg);}
#cL02A04 {background-image: url(cL02A04.jpg);}
.contact01 {padding: 0; margin: 0;}
.contact01 input {width: 300px;}
.contact01 textarea {width: 300px; height: 200px;}
#rightContent {width: 690px; background: url(rightContent.png) repeat-y top center; height: auto; padding: 0; margin: 0;}
#rightContentHeader {background: url(rightContentHeader.png) no-repeat top center; height: 7px; width: 690px; padding: 0; margin: 0;}
#rightContentFooter {background: url(rightContentFooter.png) no-repeat top center; padding: 0; margin: 0; width: 690px; height: 28px;}
#rightContent h1 {width: 424px; color: #fff; font-size: 0.75em; display: block; height: 40px; background: url(rightContentH1.jpg) no-repeat top center; padding: 4px 0 0 10px; margin: 0 0 10px 0;}
#rightContent h2 {width: 424px; background: url(rightContentH1.jpg) no-repeat top center; padding: 4px 0 0 10px; margin: 10px 0 10px 0; color: #fff;}
#rightContent ul {list-style: outside circle; padding: 0 0 0 20px; margin: 0; font-size: 0.7em;}
#rightContent li {padding: 0 0 10px 0; margin: 0;}
#rightContent a {color: #333;}
#rightContent02 h1 {width: 640px; background: url(rightContent02H1.jpg) no-repeat top center; padding: 4px 0 0 10px; margin: 0 0 10px 0;}
#rightContent02 h2 {width: 640px; background: url(rightContent02H1.jpg) no-repeat top center; padding: 4px 0 0 10px; margin: 10px 0 10px 0;}
#rightContentLeft {width: 424px; float: left; padding: 0 0 0 20px; margin: 0;}
#rightContentRight {width: 212px; float: left; padding: 0 0 0 10px; margin: 0;}
#rightContentRight p {padding: 0; margin: 0;}
#rightContentRight img {padding: 0 0 8px 0; margin: 0;}
#rightContent02 {width: 640px; padding: 0 0 0 20px; margin: 0;}
#rightContent p {font-size: 0.7em; color: #444; padding: 0 0 10px 5px; margin: 0; line-height: 1.4em;}
.attraction h3 {font-size: 0.85em; padding: 10px 0 10px 5px; margin: 0;}
.attraction a {font-size: 0.9em;}
.attraction {margin: 0 0 20px 0; padding: 0;}
.attractionLeft {float: left; width: 400px; padding: 0; margin: 0;}
.attractionRight {float: left; width: 212px; padding: 0 0 0 20px; margin: 0;}

/*breadcrumbs*/
#breadCrumbWrap {width: 650px; padding: 5px 20px 15px 20px; margin: 0;}
#breadCrumbWrap p {font-size: 0.65em; padding: 0; margin: 0;}
#breadCrumbWrap a {color: #222; font-size: 1em;}
#breadCrumbLeft {float: left;}
#breadCrumbRight {float: right; padding: 0 20px 0 0; margin: 0;}

/*footer*/
#footerWrap {background: url(footerWrap.jpg) no-repeat top center; padding: 0; margin: 0; width: 937px; height: 233px;}
#footer {width: 878px; padding: 15px 0 0 0; margin: 0 auto;}
#footer p {margin: 0; padding: 0 10px 4px 0; font-size: 0.65em; line-height: 1.3em;}
#footer01 {width: 222px; float: left; padding: 0; margin: 0; float: left;}
#footer02 {width: 222px; float: left; padding: 0; margin: 0; float: left;}
#footer03 {width: 414px; float: left; padding: 0; margin: 0; float: left; height: 170px;}
#copyWrap {width: 860px; padding: 0; margin: 0 auto;}
#copyWrap p {font-size: 0.65em; padding: 0; margin: 0;}
#copyWrap a {color: #000; font-weight: bold;}
#copyLeft {width: 600px; padding: 0; margin: 0; float: left;}
#copyRight {width: 200px; padding: 0; margin: 0; float: right;}

.gallery img {padding: 0 8px 8px 0; margin: 0;}