/* CSS Document */
body { background: #FFF; margin: 0; font-family: Arial, Helvetica, sans-serif; width: 100%; }
a { outline: 0; text-decoration: none; }

/*---------------------------------------------------------------------------------------------------------*/
/*												TYPE													   */
/*---------------------------------------------------------------------------------------------------------*/

h1 { font-size: 15px; color: #907F4E; margin: 0 0 8px 0; font-weight: normal; }
h2 { font-size: 13px; color: #FFF; margin: 0 0 8px 0; font-weight: normal; }

p { font-size: 11px; color: #FFF; margin: 0 0 10px 0; line-height: 1.2em; }
p.quote { font-size: 11px; color: #FFF; margin: 0 0 10px 0; font-style: italic; }
a { color: #FFF; text-decoration: none; }
a:hover { color: #907F4E; text-decoration: none; }
.gold { color: #907F4E; }

/*---------------------------------------------------------------------------------------------------------*/
/*												HOME PAGE												   */
/*---------------------------------------------------------------------------------------------------------*/

#wrapper { position: relative; width: 910px; height: 100%; margin: auto; }

.header { float: left; width: 910px; height: 75px; margin: 15px 0 20px 0; }
.header .logo { float: left; width: 227px; height: 72px; border-right: solid 1px #907F4E; }
.header .offer { float: left; width: 227px; height: 67px; border-right: solid 1px #907F4E; padding-top: 7px; }
.header .offer h1 { font-size: 11px; color: #907F4E; text-align: center; font-weight: normal; margin: 0; } 
.header .offer h2 { font-size: 25px; color: #0E1E4A; text-align: center; margin: 0; } 
.header .offer h2 a { color: #0E1E4A; }

.menu { float: left; width: 910px; height: 452px; }
.menu .blue { float: left; width: 112px; height: 112px; background: #0E1E4A; margin: 0 2px 2px 0; } 
.menu .gold { float: left; width: 112px; height: 112px; background: #907F4E; margin: 0 2px 2px 0; }

.menu .woman { position: absolute; left: 0; top: 110px; width: 226px; height: 226px; margin-left: 114px; background: url(../images/home-menu/woman.jpg) no-repeat; }
.menu .video { position: absolute; right: 125px; top: 188px; width: 226px; height: 226px; }
.menu .man { position: absolute; left: 342px; top: 452px; width: 112px; height: 112px; background: url(../images/home-menu/man.jpg) no-repeat; }
.menu .womanSml { position: absolute; right: 0; top: 110px; width: 112px; height: 112px; background: url(../images/home-menu/womanSml.jpg) no-repeat; }

.menu .flowerBL { position: absolute; left: 0; top: 338px; width: 112px; height: 226px; background: url(../images/home-menu/flowersBL.jpg) no-repeat; }
.menu .flowerTM { position: absolute; left: 456px; top: 110px; width: 112px; height: 226px; background: url(../images/home-menu/flowersTM.jpg) no-repeat; }
.menu .flowerSml1 { position: absolute; left: 228px; top: 338px; width: 112px; height: 112px; background:url(../images/home-menu/flowersSml1.jpg) no-repeat; }
.menu .flowerSml2 { position: absolute; left: 570px; top: 452px; width: 112px; height: 112px; background:url(../images/home-menu/flowersSml2.jpg) no-repeat; }

.menu a { display: block; width: 90px; height: 40px; font-size: 15px; color: #FFF; line-height: 1.2em; text-align: center; padding: 36px 11px; }
.menu a:hover { display: block; width: 90px; height: 40px; font-size: 15px; color: #FFCC00; text-align: center; padding: 36px 11px; }
.menu p { font-size: 11px; color: #FFF; text-align: center; margin-top: 6px; line-height: 1.2em; }

.news { position: absolute; right: 0; top: 452px; width: 210px; height: 96px; background: #0E1E4A; padding: 8px; }
.news h1 { font-size: 15px; color: #FFF; font-weight: normal; margin-bottom: 3px; }
.news p { font-size: 11px; color: #FFF; margin: 0; text-align: left; margin-bottom: 3px; line-height: 1.3em; }
.news a { font-size: 11px; color: #907F4E; text-decoration: none; }
.news a:hover { font-size: 11px; color: #FFF; text-decoration: none; }


/*---------------------------------------------------------------------------------------------------------*/
/*										    INTERNAL PAGES 												   */
/*---------------------------------------------------------------------------------------------------------*/

.left { float: left; width: 425px; height: 421px; background: #0E1E4A; padding: 15px; }
.right { float: right; width: 455px; height: 451px; background: #CCC; }

.topnav { float: left; width: 915px; height: 15px; margin: 0; }
.topnav ul { float: left; list-style-type: none; font-size: 11px; margin: 3px 0; padding: 0; }
.topnav li { float: left; margin: 0; color: #0E1E4A; border-right: solid 1px #907F4E; padding: 0 13px; text-align: left; } 
.topnav li a { color: #0E1E4A; text-decoration: none; }
.topnav li a:hover { color: #907F4E; text-decoration: none; }
.topnav .selected { color: #907F4E; text-decoration: none; }

.subnav { float: right; margin: 0; }
.subnav ul { text-align: right; list-style-type: none; font-size: 11px; margin: 0; } 
.subnav li { line-height: 1.5em; }
.subnav li a { color: #FFF; text-decoration: none; }
.subnav li a:hover { color: #907F4E; text-decoration: underline; }
.subnav .selected { color: #907F4E; text-decoration: underline; }

.home { float: left; margin: 0; width: 45px; height: 45px; background: url(../images/home.png) no-repeat; }
.home a { display: block; width: 45px; height: 16px; color: #907F4E; text-decoration: none; font-size: 10px; text-transform: uppercase; text-align: center; padding: 31px 0 0 0; }
.home a:hover { display: block; width: 45px; height: 16px; color: #FFF; text-decoration: none; font-size: 10px; text-transform: uppercase; text-align: center; padding: 31px 0 0 0; }

.testimonials { position: absolute; top: 230px; left: 15px; width: 425px; }
.textarea { position: absolute; top: 270px; left: 15px; width: 425px; height: 300px; }
.textarea-scroll { position: absolute; top: 270px; left: 15px; width: 415px; height: 290px; overflow: auto; padding-right: 10px; }

.textarea ul { list-style-type: none; margin-left: 0; padding-left: 0; }
.textarea li { font-size: 11px; color: #FFF; line-height: 1.3em; }

.textarea-scroll ul { list-style-type: none; margin-left: 0; padding-left: 0; }
.textarea-scroll li { font-size: 11px; color: #FFF; line-height: 1.3em; }

.teamthumbs { float: left; width: 80px; height: 80px; margin: 0 10px 10px 0; background: #FFF; }
.teamtxt { float: right; width: 300px; min-height: 80px; margin: 0 10px 10px 0; }

.right .video { position: absolute; right: 15px; top: 515px; width: 126px; height: 50px; background: url(../images/video-internal.png) no-repeat; z-index:11; }
.right .video a { display: block; width: 80px; height: 50px; font-size: 11px; color: #FFF; text-align: left; padding: 6px 40px 0 6px; }
.right .video a:hover { display: block; width: 80px; height: 50px; font-size: 11px; color: #FFCC00; text-align: left; padding: 6px 40px 0 6px; }

.case-studies { float: left; width: 200px; height: 120px; margin: 5px 0 15px 0; }

/*---------------------------------------------------------------------------------------------------------*/
/*									  IMAGE AREA SLIDESHOW 												   */
/*---------------------------------------------------------------------------------------------------------*/

#slideshow { position: relative; height: 451px; }
#slideshow IMG { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; }
#slideshow IMG.active { z-index: 10; opacity: 1.0; }
#slideshow IMG.last-active { z-index: 9; }

/*---------------------------------------------------------------------------------------------------------*/
/*										          FORMS 												   */
/*---------------------------------------------------------------------------------------------------------*/

.enquiry { float: left; width: 200px; height: 67px; margin: 7px 0 0 25px; }
.enquiry h1 { font-size: 11px; color: #907F4E; text-align: left; font-weight: normal; margin: 0 0 2px 0; }
.enquiry label { float: left; width: 48px; font-size: 10px; color: #0E1E4A; text-align: left; margin: 1px 0; }
.enquiry input { display: block; width: 148px; height: 14px; background: #E9E5DC; border: none; margin: 1px 0; font-size: 10px; color: #0E1E4A; padding-left: 2px; }
.enquiry .send { float: right; margin: 0; background:url(../images/thanks.jpg) no-repeat; display: block; width: 58px; height: 13px; cursor: pointer; border: none; }


.appointment { float: left; width: 425px; }
.appointment label { float: left; width: 100px; font-size: 11px; color: #FFF; text-align: left; padding: 3px 0; margin: 1px 0; }
.appointment input { width: 319px; height: 14px; background: #27355C; border: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; padding: 3px; margin: 1px 0; }
.appointment textarea { width: 319px; height: 60px; background: #27355C; border: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; padding: 3px; margin: 1px 0; overflow: auto; }
.appointment .send { float: right; margin: 5px 0; background:url(../images/thanks.png) no-repeat; width: 63px; height: 13px; cursor: pointer; border: none; }

.referrals { float: left; width: 425px; }
.referrals h1 { font-size: 15px; color: #907F4E; margin: 5px 0; font-weight: normal; }
.referrals label { float: left; width: 100px; font-size: 11px; color: #FFF; text-align: left; padding: 3px 0; margin: 1px 0; }
.referrals input { float: right; width: 319px; height: 14px; background: #27355C; border: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; padding: 3px; margin: 1px 0; }
.referrals input[type="radio"] { width: 20px; padding-left: 0; margin-left: 0; background: #0E1E4A; }


.referrals p { width: 350px; font-size: 11px; color: #FFF; text-align: left; padding: 3px 0; margin: 1px 0; }
.referrals select { float: right; width: 325px; height: 20px; background: #27355C; border: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; padding: 3px; margin: 1px 0; }
.referrals textarea { width: 319px; height: 60px; background: #27355C; border: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; padding: 3px; margin: 1px 0; overflow: auto; }
.referrals .send { float: right; margin: 5px 0; background:url(../images/thanks.png) no-repeat; width: 63px; height: 13px; cursor: pointer; border: none; }


/*---------------------------------------------------------------------------------------------------------*/
/*										          FOOTER 												   */
/*---------------------------------------------------------------------------------------------------------*/

.footer { float: left; width: 910px; height: 110px; margin: 10px 0; text-align: center; }
.footer h1 { font-size: 16px; font-weight: normal; color: #907F4E; margin: 10px 0 3px 0; }
.footer p { font-size: 11px; color: #0E1E4A; margin: 0; }
.footer a { color: #0E1E4A; text-decoration: none; }
.footer a:hover { color: #907F4E; text-decoration: none; }