img { 
		border: 0;
		}

html {
		height: 100%;
		margin-bottom: 1px;
		}

body {
		color: #333;
		font-family: Helvetica, 'Lucida Grande', Verdana, Arial, sans-serif;
		font-size: 76%;
		margin: 0;
		padding: 0;
		font-weight: normal;
		background: #413029 url(../img/cibg.jpg) no-repeat 50% 0;
		text-align: left;
		}

div.container {
		margin: 0 auto;
		padding: 0;
		width: 760px;
		}

div.content {
		height: 580px;
		background: #fff;
		margin: 46px 0 0 0;
		padding: 0;
		}

div.scroller {
		margin: 10px 0 0 0;
		width: 450px;
		height: 375px;
		overflow:auto;
		float: left;
		position: relative;
		}

div.scrollertriple {
		margin: 10px 0 0 0;
		width: 230px;
		height: 340px;
		overflow:auto;
		float: left;
		}

div.scrollerdouble {
		margin: 10px 0 0 0;
		width: 640px;
		height: 340px;
		overflow:auto;
		}

div.scrollerfull {
		margin: 10px 0 0 10px;
		width: 740px;
		height: 380px;
		overflow:auto;
		}

#ladies .content { 	background: #fff url(../img/ladies.jpg) no-repeat bottom right; }
#clap .content { background: #fff url(../img/clap.jpg) no-repeat bottom right; }
#kneel .content { background: #fff url(../img/kneel.jpg) no-repeat bottom right; }
#hands .content { background: #fff url(../img/hands.jpg) no-repeat bottom right; }
#umbrella .content { background: #fff url(../img/umbrella.jpg) no-repeat bottom right; }
#grass .content { background: #fff url(../img/grass.jpg) no-repeat bottom right; }

div.contentinner {
		width: 760px;
		height: 580px;
		background: url(../img/dwhitebg.jpg) no-repeat 0 0;
		margin: 0;
		padding: 0;
		border-top: 4px solid #ee5d1a;
		}


											/*      TEXT STYLING      */

p {
		font-size: 1em;
		text-align: left;
		margin: 0;
		padding: 15px;
		line-height: 150%;
		color: #333;
		}

h1, h2 {
		position: absolute;
		left: -5000px;
		}
		
h3 {
		font-size: 1.4em;
		text-align: left;
		margin: 0;
		padding: 15px;
		color: #333;
		}

a { text-decoration: none; }
a:link { text-decoration: none; color: #333; border-bottom: 1px solid #ee5d1a; }
a:visited { text-decoration: none; color: #333; border-bottom: 1px solid #ee5d1a; }
a:hover { text-decoration: none; color: #ee5d1a; border-bottom: 1px solid #ee5d1a; }

p.doublep {
		margin: 0;
		padding: 5px 15px 15px 15px;
		float: left;
		width: 290px;
		}
		
p.triplep {
		margin: 0;
		padding: 5px 15px 15px 15px;
		float: left;
		width: 180px;
		}
		
p.widertriplep {
		margin: 0;
		padding: 5px 15px 15px 15px;
		float: left;
		width: 211px;
		}

p.narrowp {
		margin: 0;
		padding: 5px 15px 15px 15px;
		float: left;
		width: 400px;
		}

p.narrowplined {
		margin: 5px 0 15px 15px;
		padding: 0 0 15px 0;
		float: left;
		width: 400px;
		border-bottom: 1px solid #ccc;
		}

p.fullunderlinep {
		width: 665px;
		margin: 0 0 3px 0;
		padding: 5px 15px 5px 5px;
		border-bottom: 1px solid #e4d186;
		}
		
span {
		color: #999;
		}
		
span.oap {
		color: #333;
		margin: 0 0 0 -6px;
		float: left;
		width: 6px;
		}
		
span.greyspan {
		color: #999;
		}



											/*      WWD MENU STYLING      */
		
ul.wwd {
		margin: 25px;
		padding: 0 0 10px 0;
		float: right;
		list-style: none;
		width: 260px;
		background: url(../img/uparrow.gif) no-repeat 220px 3px;
		font-size: 1.2em;
		}

ul.wwd li {
		background: none;
		margin: 10px 10px 0 10px;
		padding: 0;
		color: #333;
		}

ul.wwd li a, ul.wwd li a:link, ul.wwd li a:visited {
		margin: 0;
		padding: 5px 3px 3px 6px;
		font-weight: normal;
		text-decoration: none;
		color: #333;
		border: none;
		display: block;
		width: 231px;
		}

ul.wwd li a:hover {
		background: #ee5d1a;
		color: #fff;
		}

ul.wwd li a.activestate, ul.wwd li a.activestate:visited {
		background: #ee5d1a;
		color: #fff;
		}

ul.wwd li a.backto {
		background: #333;
		color: #fff;
		}


											/*      BOOKING FORM STYLING      */

.paymentform {
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		background: #feffca;
		}

div.courseselector {
		margin: 15px 5px 0 5px;
		padding: 15px;
		background: #feffca;
		width: 300px;
		float: right;
		}

div.cbooking {
		width: 685px;
		margin: 10px 0 0 5px;
		padding: 15px;
		background: #feffca;
		}


div.bookingleft, div.bookingright {
		margin: 0;
		padding: 0;
		float: left;
		width: 360px;
		}

div.resetholder {
		margin: -10px -14px 0 0;
		padding: 0;
		float: right;
		font-size: 0.9em;
		color: red;
		}

div.paymentformsection {
		border-top: 1px solid #ffef66;
		padding: 15px 0 0 0;
		width: 325px;
		float: left;
		}

div.paymentformsectionr {
		border-top: 1px solid #ffef66;
		padding: 39px 0 0 0;
		width: 340px;
		float: left;
		}

label {
		width: 100px;
		float: left;
		padding: 5px;
		}

select {
		margin: 0 0 6px 0;
		}

input {
		margin: 0 0 6px 0;
		}

input.posinput {
		float: left;
		}
		
input.paybuttons {
		margin: 0 3px 0 0;
		}
		
input.resetbutton {
		margin: 0 3px 0 0;
		border: none;
		background: none;
		color: #ffd032;
		cursor: pointer;
		cursor: hand;
		}

radio {
		border: 1px solid red;
		}

fieldset {
		border: none;
		}

p.centred {
		margin: 0;
		padding: 5px 15px 15px 15px;
		text-align: center;
		}

div.floatcentre {
		text-align: center;
		}

span.finalformnote {
		position: absolute;
		margin: 5px 0 0 20px;
		}

a.bbook {
		float: right;
		margin: -18px 0 0 0;
		padding: 0;
		text-decoration: none;
		border: none;
		}

a.cbook {
		margin: 0 0 0 10px;
		padding: 0;
		text-decoration: none;
		border: none;
		}

a.cbook img {
		margin: 0 0 -3px 0;
		padding: 0;
		}

a.clbook {
		margin: 0 0 0 0;
		padding: 0;
		text-decoration: none;
		border: none;
		}

a.clbook img {
		margin: 0 0 -3px 0;
		padding: 0;
		}



											/*      HEADER STYLING      */

div.header ul {
		margin: 0;
		padding: 15px 0 13px 0;		/* PADDING A. (EIGHT TOP/BOTTOM) NEEDED FOR PADDING B TO WORK. */
		border: none;
		font-size: 1.2em;
		font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
		}

div.header ul li {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
		}

div.header ul li a, div.header ul li a:link, div.header ul li a:visited {
		margin: 0;
		padding: 8px 7px 8px 7px;		/* PADDING B. */
		font-weight: normal;
		text-decoration: none;
		color: #4a5b63;
		border: none;
		}

div.header ul li a:hover {
		text-decoration: underline;
		}

div.header ul li a.activestate, div.header ul li a.activestate:visited {
		color: #000;
		}




											/*      HEADER STYLING      */

div.header {
		width: 740px;
		margin: 0 10px 0 10px;
		padding: 0;
		border-bottom: 1px solid #333;
		}
		
div.subheader {
		width: 740px;
		margin: 0 10px 0 10px;
		padding: 0;
		border-bottom: 1px solid #333;
		}

img.toptext {
		margin: 24px 0 23px 5px;
		float: left;
		}

img.tts {
		margin: 24px 0 23px 5px;
		float: left;
		}

img.cilogo {
		margin: 22px 0 18px 50px;
		float: left;
		}

img.longlogo {
		margin: 55px 0 18px -5px;
		float: left;
		}

img.logoonly {
		margin: 31px 0 22px 447px;
		float: left;
		}

img.lgs {
		margin: 31px 0 18px 62px;
		float: left;
		}




											/*      MAIN CONTENT STYLING      */

img.mugshots {
		margin: 30px 10px 40px 25px;
		padding: 0;
		float: left;
		border: 1px solid #ededed;
		}
		
div.biodivider {
		width: 1px;
		height: 300px;
		margin: 0;
		padding: 0;
		float: left;
		}

img.mugshotsx {
		margin: 30px 25px 40px 35px;
		padding: 0;
		float: left;
		background: red;
		border: 1px solid #ededed;
		}
		
p.longer {
		margin: 0;
		padding: 15px 5px 15px 15px;
		float: left;
		width: 480px;
		}


											/*      CLIENT PAGE STYLING      */

a.clist { text-decoration: none; }
a.clist:link { text-decoration: none; color: #333; border-bottom: 1px solid #b5b5b5; }
a.clist:visited { text-decoration: none; color: #b5b5b5; border-bottom: 0px solid #f1f1f1; }
a.clist:hover { text-decoration: none; color: #333; border-bottom: 1px solid #ee5d1a; }



											/*      FOOTER STYLING      */

div.footer {
		width: 760px;
		margin: 0;
		padding: 0;
		color: #a74e29;
		font-size: 0.95em;
		font-family: Arial, sans-serif;
		}

div.footer p {
		margin: 0;
		padding: 6px 4px 6px 4px;
		float: left;
		color: #a74e29;
		}

div.footer p.flrp {
		margin: 0;
		padding: 6px 5px 10px 0px;
		float: right;
		}

div.clearingdiv {
		clear: both;
		margin-top: -1px;
		height: 1px;
		overflow: hidden;
		background: yellow;
		width: 0px;
		height: 0px;
		}

div.clearingline {
		clear: both;
		margin: -1px 0 15px 15px;
		height: 1px;
		overflow: hidden;
		background: none;
		width: 705px;
		height: 0px;
		border-top: 1px solid #ccc;
		}

div.footer a { text-decoration: none; }
div.footer a:link { text-decoration: none; color: #a74e29; border: none; }
div.footer a:visited { text-decoration: none; color: #a74e29; border: none; }
div.footer a:hover { text-decoration: none; color: #fff; border: none; }