/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Perceptions Coaching Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#4dc4be url(../images/bg.gif) top left repeat-x; color:#ffffff; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#outerContainer { width:100%; background:url(../images/circles.gif) top center no-repeat;}
#container { width:970px; margin:0 auto; text-align:left; font-size:110%; }   
#container #header { position:relative; width:970px; height:155px;}
#container #header #logo { position:absolute; top:20px; left:30px; z-index:1}
#container #header #email { position:absolute; top:115px; left:350px; z-index:1}
#container #header #tel { position:absolute; top:115px; right:30px; z-index:1}
#container #top { width:970px; height:35px; background:url(../images/pageBgTop.png) no-repeat;}
#container #contentContainer { width:930px; padding:5px 20px; background:url(../images/pageBgBody.png) top left repeat-y;}
#container #contentContainer #leftCol { float:left; width:280px;}
#container #contentContainer #leftCol #specialistAreas { width:280px; padding-bottom:20px; margin-bottom:20px; background:url(../images/borderLineShort.gif) bottom left no-repeat;}
#container #contentContainer #leftCol #specialistAreas a{ text-decoration:none; font-weight:normal}
#container #contentContainer #leftCol #specialistAreas a:hover{ text-decoration:underline; color:#E7B955}
#container #contentContainer #leftCol #specialistAreas p { font-size:150%; font-weight:normal;}
#container #contentContainer #leftCol #specialistAreas ul { list-style:none; padding:0; margin:0;}
#container #contentContainer #leftCol #specialistAreas li { display:block; float:left; width:245px; font-size:150%; padding:3px 15px 3px 20px; background:url(../images/liBg.gif) 2px 10px no-repeat;}
#container #contentContainer #leftCol #portraitPic { width:280px; margin-bottom:30px; text-align:center}
#container #contentContainer #leftCol .testimonial { font-style:italic; margin-bottom:20px;}
#container #contentContainer #leftCol .testimonial p { color:#ccffff; font-size:120%;}
#container #contentContainer #leftCol .testimonial .author { font-style:normal; float:right; font-size:12px;}
#container #contentContainer #leftCol .testimonial .author span { font-size:11px;}
#container #contentContainer #rightCol { float:right; width:600px;}
#container #contentContainer #rightCol p { font-size:120%; color:#ccffff; padding:0 0 10px 0; line-height:18px;}
#container #contentContainer #rightCol .title { padding:0 0 5px 0; font-size:120%; font-weight:bold;}
#container #contentContainer #rightCol #welcomeText { font-size:26px; line-height:40px; padding-bottom:20px; margin-bottom:20px; background:url(../images/borderLine.gif) bottom left no-repeat;}
#container #contentContainer #rightCol #content strong{color:#FFFFFF} 
#container #contentContainer #rightCol #content ul { list-style:none; padding:0; margin:0 0 15px 0}
#container #contentContainer #rightCol #content li { display:block; width:500px; color:#ccffff; font-size:120%; padding:0 15px; background:url(../images/liBgSmall.gif) 2px 7px no-repeat;}
#container #contentContainer #rightCol #content #btns { width:550px; margin-top:5px;}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.amazonbooks{float:left; margin-right:20px; margin-bottom:20px;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:15px 0pt 15px 0px; font-size:120%; font-weight:bold;}



/* ----- LEFT NAVIGATION ----- */


/* ----- FOOTER ----- */
#footer { position:relative; width:970px; height:80px; color:#FFFFFF; background:url(../images/footerBg.png) no-repeat; font-size:110%; margin-bottom:20px;}
#footer p { padding:42px 0 0 17px; font-size:110%;}
#footer a { font-weight:normal; text-decoration:none; outline:none; color:#FFFFFF}
#footer a:hover { text-decoration:underline;}
#footer ul { position:absolute; top:42px; right:13px; list-style:none; padding:0; margin:0;}
#footer li { display:block; float:left;}
#footer li a { color:#FFFFFF; text-decoration:none; font-weight:normal; padding:0 7px;}
#footer li a:hover { text-decoration:underline;}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 5px 0; margin:0; color:#FFFFFF; font-size:130%; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#FFFFFF; font-weight:bold; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }


/* ----- FORMS ----- */
.form-left{float:left}
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; }
input, textarea { width:200px; font-size:11px !important; border:1px solid #8DE9DD}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#comments{width:460px; height:40px}
#submit {height:25px; border:none; background: #8DE9DD; border:1px solid #FFF; font-size:14px; margin-top:10px}

/* ----- TABLES ----- */
table { border:1px solid #B6EFE7; width:600px; margin-bottom:10px; background:#3AAFAF}
table td { padding:5px; color:#000000; border:1px solid #B6EFE7}
table td p {color:#000000}


/* ----- TOP NAVIGATION ----- */
#topNav { position:relative; width:970px; height:50px; background:url(../images/topNavBg.png) no-repeat; z-index:10}
#topNav ul { position:absolute; top:10px; left:15px; list-style:none; padding:0; margin:0;}
#topNav li { display:block; float:left;}
#topNav li a { color:#FFFFFF; text-decoration:none; font-weight:normal; padding:0 47px; font-size:150%; background:url(../images/navCircleOff.gif) 31px 3px no-repeat;}
#topNav li a:hover { background:url(../images/navCircleOn.gif) 31px 3px no-repeat;}
#topNav li a.active { background:url(../images/navCircleOn.gif) 31px 3px no-repeat;}

/********** MENU *********/
#sddm li{ display:block; float:left;}

#sddm li a{	color:#FFFFFF; text-decoration:none; font-weight:normal; padding:0 45px; font-size:150%; background:url(../images/navCircleOff.gif) 31px 3px no-repeat; display:block}
#sddm li a:hover, #sddm li a.active{background:url(../images/navCircleOn.gif) 31px 3px no-repeat;}

#sddm div{	position: absolute;visibility: hidden;margin: 0;padding: 0;background: #339999;border: 4px solid #C5E8E9; top:35px; margin-left:20px;}
#sddm div a{display: block;margin: 0;padding: 5px 10px;width: 155px;white-space: nowrap;text-align: left;text-decoration: none;background:#339999;color: #FFF;font: 11px arial; }
#sddm div a:hover{background: #54C7C7;color: #FFF}