@charset "utf-8";
/* CSS Document */


/* -- site colors

tan - #E3B971
red - #b60000
white & black

---- */

/* -- reset --*/

html, body, applet, object, iframe,
blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, s, samp,
small, strike, strong, sub, sup, tt, var,
center, dl, dt, dd, ol, ul, li,
fieldset, legend, table, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -- globals --*/

body {
background-color: #E3B971; margin: 15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.84em; line-height: 1.2em;
}

#container {
margin: .5em auto; width: 777px;
}

#logo {margin: 5px 0 10px 40px;}
#logo #tag { 
 font-weight: bold; font-size: 1.22em;
 color: #000; margin:10px 15px 20px; text-transform: uppercase;
 }
 
/*#main {
height:auto; 
background: #fff url(../images/img-main.jpg) top right no-repeat;
}*/

.nav {
background-color: #000; color: #fff;
padding: 5px 0 5px 5px;
font-size: 75%; margin: 0px;
text-align: left;
}

/*centering nav bar */
#psycho {padding: 5px 0 5px 85px;}
#exec {padding: 5px 0 5px 60px;}
#divers {padding: 5px 0 5px 115px;}

.nav a:link,
.nav a:visited, .ddown span {
color: #fff; text-transform: uppercase; width: auto;
font-weight: bold; padding: 2px 15px;
text-decoration: none;
}

.nav a:hover, .nav a:active  {color:#E3B971;}

/*#content {
margin: 20px 0px 15px 27px; height:auto;
display: table; width: 76%; clear:both;
min-height: 300px; height: auto; padding-left: 25px;
}*/

#main{
height:auto; 
background: #fff;
}

img.test-back {
float: right;
clear: none; position: relative;
margin: -20px -50px 20px 19px ;
}

#vase-image {
float: right; width: 124px; height:421px;
background: #fff url(../images/img-main3.jpg) top right no-repeat;
margin: -20px -50px 15px 15px; clear:none; position:relative;
}

#vase-image-home {
float: right; width: 124px; height:421px;
background: #fff url(../images/img-main3.jpg) top right no-repeat;
margin: -20px -49px 15px 15px; clear:none; position:relative;
}

#content{
margin: 20px 0px 15px 27px; height:auto;
display: table; width: 87%; clear:both;
min-height: 300px; height: auto; padding-left: 25px;
}

img { border:0;}
img.textLeft {margin: 3px 15px 25px 0; width: 200px;}
img.textLeftb {margin: 3px 15px 25px 0; }
img.textRight {margin: 3px 0px 25px 15px; }
img.textLeft-nobot {margin: 3px 15px 1px 0; width: 200px; }
img.textLeft-100 {margin: 3px 15px 30px 0; width: 100px;}

#footer {
font-size: 85%; text-align: center;
padding: 15px 25px 15px 40px;
}

#footer a:link,
#footer a:visited {margin: 0 5px; font-size: 95%;}

#footer p.nobold {line-height: 200%;}
#footer p.nobold a {font-weight:normal;}

#footer p#topLink a {
font-weight:bold; text-decoration: underline; font-size: 110%;
}

.left {float:left; clear:none;}
.right {float:right; clear:none;}
.clear {clear:both; margin: 0 0 15px;}

/* --- fonts --- */

p, span, h1, h2, h3, h4, h5, h6, td {margin: 0; padding: 0; margin-bottom:10px;}

h1 {
color: #b60000; font-size: 160%;
font-weight:normal; text-align:left;
line-height: 110%; 
}

h3 {
color: #b60000; font-size: 140%;
font-weight:normal; text-align:left;
line-height: 110%; 
}

h2, h2 a:link, h2 a:visited {
color: #b60000; font-size: 102%;
font-weight:bold; text-align:left;
line-height: 115%; text-transform: uppercase;
text-decoration: none; margin: 15px 0 3px;
}

h2 a:hover, h2 a:active {color:#000;}

p {font-size: 90%; line-height: 130%;}
p.slightlyHigher {margin-top: -10px;}
a:link, a:visited {
color: #000; text-decoration: none; font-weight:bold; cursor: pointer;
} a:hover, a:active  {color: #b60000;}

.quote {
font-size: 95%; font-weight: bold; text-align:left;
margin: 15px 25px; padding: 5px; font-style: italic;
}

.quoteB {
font-size: 95%; font-weight: bold; text-align:left;
margin: 15px 25px; padding: 5px 5px 5px 220px; font-style: italic;
}

.quote p, .quoteB p { text-align: right; font-size: 90%;
font-weight: normal; margin-right: 10px; margin-top: 10px;}

.quote p.tight, .quoteB p.tight {margin-top: 0px;}

ul {margin: 0px 0 25px 40px; list-style:disc; font-size: 80%}
ul.noStyle {list-style:none;}
li {margin: 0 0 5px; font-size: 120%;}

.noPad {padding:0; margin:0;}



/*---- Page Specifics ----*/

/*--- contact page ---*/

form {vertical-align: top;}
label {
font-weight: bold; font-style: italic;
width: 20%; margin: 5px 15px 10px;
text-align: right;
}

input, textarea {
border: solid 1px #666;
padding: 2px; width: 200px;
font-family: arial; font-size: 105%;
}

input:focus, textarea:focus {
background-color: ;
}

textarea {
height: 150px; margin: 1px 20px 10px;
width: 290px;
}

input#subBtn {
font-size: 110%; 
font-weight: bold;
text-transform: capitalize;
font-style: italic; cursor: pointer;
width: auto; padding: 5px;
float: right; clear: both;
margin: 15px 160px 15px 0;
}

#contactinfo {
width: 180px; float: left; clear: left; padding-top: 8px;
}

#contactForm {
float: right; width: 420px;
margin: -140px 40px 0 0px;
}


img.textLeft-contact {margin: 3px 25px 25px 0; width: 200px;}

/* --- client list page --- */

#client table tr {vertical-align: top:}
#client table td {
padding: 5px; vertical-align: top;
}

#client table td br {margin: 5px;}

/* -- dialogue --- */

.ddown {width: auto; clear: none;}
.ddown ul {
display: none; position: absolute;
background: #000; color: #fff; padding: 10px 0 0 0;
list-style: none;
}

.ddown ul#workshop {
margin: -4px 0 0 180px;
width: 150px;
}

.ddown ul#services {
margin: -4px 0 0 94px;
width: 315px;
}

ul.backworkshop {margin: 10px 10px 10px 25px;}
ul.backworkshop li {margin: 10px 10px 10px 215px;}


/* --- client --- */
#client {width: 650px;}

/* --- home page --- */

.textLeft-home {
width: 129px; margin: 0 15px 0 0
}

img.test-back-home {
float: right;
clear: none;
margin: -20px -50px 20px 19px ;
}

/* -- about page --- */
img.textLeft-about {margin: 0px 15px 0px 0; width: 100px; }
.about-h2 h2 {
margin-bottom: 5px; line-height: 18px;
}

/* --- exec coaching  --- */
h2.nudgeUp {margin-top: -0px;}


/* --- text-alignment fixes ---*/
#psycho-lilypadtext {clear:right;
width:68%;}

#psycho-lilypadtext ul {
padding: 0px; margin: 0px 0 10px 27px;
}

span.slightlySmaller {font-size: 90%;}


/* ie fix */
*html .ddown ul {margin: -4px 0 0 240px;}
*+html .ddown ul {margin: -4px 0 0 240px;}

*html img.test-back-home {
float: right; clear: none;
margin: -20px -49px 20px 19px ;
}
*+html img.test-back-home {
float: right; clear: none;
margin: -20px -49px 20px 19px ;
}

/* ie fix end */

.ddown:hover > ul {display: block;}



/* -- site colors

tan - #E3B971
red - #b60000
white & black

---- */


/*--- safari  fixes ---*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

#vase-image, #vase-image-home {margin: -20px -75px 15px 15px;}
h2.slightlySmaller {font-size: 99%;}
span.slightlySmaller {font-size: 97%;}

}