/*
Theme Name: Passage Points
*/

* { margin: 0; padding: 0; text-indent: 0; list-style-type: none }

body { margin: 0 auto; background: #693; padding-top: 33px; height: 100%; font-size: 0.625em }

#header { background: #195c7e; width: 900px; height: 42px; position: relative; margin: 0 auto }
#header ul { margin: 15px 5px 5px; float: right; display: block; width: auto }
#header .nav li { display: block; height: 15px/*42px*/; width: auto; float: left ; position: relative }

#header li a { display: block; height: 15px; text-indent: -9999px; padding: 0 20px }
#header li a.home { background: url(images/home.gif) no-repeat center; width: 51px }
#header li a:hover.home { background: url(images/home2.gif) no-repeat center; width: 51px }
#header li a.coach { background: url(images/coaching.gif) no-repeat center; width: 81px }
#header li a:hover.coach { background: url(images/coaching2.gif) no-repeat center; width: 81px }
#header li a.why { background: url(images/why_vicki.gif) no-repeat center; width: 84px }
#header li a:hover.why { background: url(images/why_vicki2.gif) no-repeat center; width: 84px }
#header li a.events { background: url(images/events.gif) no-repeat center; width: 57px }
#header li a:hover.events { background: url(images/events2.gif) no-repeat center; width: 57px }
#header li a.prodct { background: url(images/products.gif) no-repeat center; width: 74px }
#header li a:hover.prodct { background: url(images/products2.gif) no-repeat center; width: 74px }
#header li a.contct { background: url(images/contact.gif) no-repeat center; width: 70px }
#header li a:hover.contct { background: url(images/contact2.gif) no-repeat center; width: 70px }

#header ul li ul { float: none }

#header .nav li:hover ul, #header #nav li.over ul { display: block; width: 128px; background: #195c7e url(images/sub_menu.gif) no-repeat; position: absolute; top: 0px; border-top: 12px solid #195c7e; right: -25px; z-index: 99; height: auto; padding: 25px 16px 8px }
#header .nav li:hover ul li, #header #nav li.over ul li { height: auto; width: 128px }
#header .nav li ul li a { padding: 0 }
#header li ul { display: none }

#header li a.custcoach { background: url(images/customcoaching.gif) no-repeat; width: 128px; margin-bottom: 10px }
* html #header li a:hover.custcoach, #header li a:hover.custcoach { background: url(images/customcoaching2.gif) no-repeat; width: 128px; margin-bottom: 10px }
#header li a.coachfaqs { background: url(images/coachingfaqs.gif) no-repeat; width: 128px; margin-bottom: 10px }
* html #header li a:hover.coachfaqs, #header li a:hover.coachfaqs { background: url(images/coachingfaqs2.gif) no-repeat; width: 128px; margin-bottom: 10px }
#header li a.askcoach { background: url(images/askthecoach.gif) no-repeat; width: 128px; margin-bottom: 10px }
* html #header li a:hover.askcoach, #header li a:hover.askcoach { background: url(images/askthecoach2.gif) no-repeat; width: 128px; margin-bottom: 10px }
#header li a.biog { background: url(images/biography.gif) no-repeat; width: 128px; margin-bottom: 10px }
* html #header li a:hover.blog, #header li a:hover.biog { background: url(images/biography2.gif) no-repeat; width: 128px; margin-bottom: 10px }
#header li a.testmnl { background: url(images/testimonial.gif) no-repeat; width: 128px; margin-bottom: 10px }
* html #header li a:hover.testmnl, #header li a:hover.testmnl { background: url(images/testimonial2.gif) no-repeat; width: 128px; margin-bottom: 10px }
#header li a.client { background: url(images/lisclients.gif) no-repeat; width: 128px; margin-bottom: 10px }
* html #header li a:hover.client, #header li a:hover.client { background: url(images/lisclients2.gif) no-repeat; width: 128px; margin-bottom: 10px }
#header li a.subprod { background: url(images/productsub.gif) no-repeat; width: 128px; margin-bottom: 10px; height: 32px }
* html #header li a:hover.subprod, #header li a:hover.subprod { background: url(images/productsub2.gif) no-repeat; width: 128px; margin-bottom: 10px }
#header li a.shopping { background: url(images/shopping.gif) no-repeat; width: 128px; margin-bottom: 10px }
* html #header li a:hover.shopping, #header li a:hover.shopping { background: url(images/shopping2.gif) no-repeat; width: 128px; margin-bottom: 10px }
#customb { background: url(images/shoppingcart.gif); border: none; display: block; width: 128px; height: 15px; text-indent: -9999px }
#customb:hover { background: url(images/shoppingcart2.gif); cursor: pointer }

h1 { position: absolute; top: -33px; left: 8px; width: 196px; height: 192px; z-index: 99 }
h1 a { background:url(images/logo.png) no-repeat; display: block; width: 196px; height: 192px; text-indent: -9999px }

#wrap { width: 900px; margin: 28px auto 0; font-family: Arial, Helvetica, sans-serif; overflow: visible /*height: 100%; position: inherit; z-index: 98*/ }
.home-head { background: #f4f2f2 url(images/home-head.jpg) no-repeat; padding-top: 198px }
.coach-head { background: #f4f2f2 url(images/head-coach.jpg) no-repeat; padding-top:177px; }
.why-head { background: #f4f2f2 url(images/head-why.jpg) no-repeat; padding-top: 177px }
.events-head { background: #f4f2f2 url(images/head-events.jpg) no-repeat; padding-top: 177px }
.products-head { background: #f4f2f2 url(images/head-products.jpg) no-repeat; padding-top: 177px }
.contact-head { background: #f4f2f2 url(images/head-contact.jpg) no-repeat; padding-top: 177px }
.other-head { background: #f4f2f2 url(images/head-other.jpg) no-repeat; padding-top: 136px }

.sell { position: relative; left: 550px; top: -100px; display: block; height: 150px; width: 330px; padding-left: 30px; z-index: 199 }
.sell p { font-size: 2.2em; color: #630; margin-bottom: 0.5em; text-indent: -30px }
.sell li { font-size: 1.8em; color: #630; list-style: disc; margin-left: 45px; line-height: 1.5em  }
.sell a, .sell a:active, .sell a:visited { color: #630; text-decoration: none }
.sell a:hover { color: #c60 }

.col_left, .col_right { float: left; clear: none; height: 100% }
.col_left { width: 523px; padding: 70px 70px 30px 50px; background: #fff url(images/col_left.gif) no-repeat; overflow: hidden; height: auto }
.col_right { width: 213px; padding: 60px 22px 22px; background: #f4f2f2 url(images/col_right.gif) no-repeat }

h2 { margin-bottom: 30px; font-size: 2.1em; color: #c60; font-weight: normal }
h3 { margin-bottom: 15px; font-size: 1.5em; color: #195c7e; font-weight: normal }
.products-head h3 { margin-bottom: 0 }
.col_left p, .col_left ul, .col_left ol { margin-bottom: 25px; font-size: 1.4em; color: #666; line-height: 1.7em }
a img { border: none; margin-bottom: 20px }
.col_left a { color: #c60; text-decoration: none; width: auto }
.col_left a:hover { color: #195c7e }

.col_left blockquote { font-style: italic; }
.col_left blockquote p { margin-bottom: 0 }
cite { font-style: normal; font-size: 0.8em; text-align: right; margin-left: 0.5em }

.col_right form.newsletter { background: url(images/freenewsletter.gif) no-repeat; display: block; width: 213px; height: 145px; overflow: hidden; padding-top: 65px }
.col_right h3 { display: none }
.col_right form.newsletter li { display: block; padding: 10px 0 4px 17px; margin: 0 }
.col_right form.newsletter input { width: 180px; height: 24px; border: 1px solid #ccc; background: #fff; color: #333; display: block; margin-bottom: 4px }
/*form.newsletter #submit { color: #630; font-size: 1.1em; border: none; background: none; height: auto; width: auto; float: right; margin-right: 17px; width: auto }*/
.col_right form.newsletter input.submit { border: none; padding: 0; width: auto; margin: -10px 17px 0 0; float: right; font-weight: bold; color: #630 }
.col_right form.newsletter label { font-size: 0.9em; color: #999; display: block }

.col_left ul, .col_left ol { margin-left: 35px }
.col_left ul li { list-style-type: disc }
.col_left ol li { list-style-type: decimal }
.col_right li { margin-left: 17px }

.col_left form { margin: 0 auto; width: auto }
.col_left form * { margin: 0; border: 0; padding: 0; text-indent: 0 }
.col_left form ol li { list-style: none }
.linklove, .cf_hidden, form.newsletter li.cf_hidden, form.newsletter li.cf_hidden input { display: none }
.col_left form input, .col_left form textarea { border: 1px solid #ccc; display: block; padding: 0.3em; width: 300px; margin-bottom: 0.8em }
.col_left form textarea { height: 200px }
.col_left form input.sendbutton { border: none; background: none; width: auto; font-weight: bold; color: #630 }
.col_left form input.sendbutton:hover { cursor: pointer }

.col_left table { color: #666; font-size: 1.4em; }
.col_left table a { padding: 20x 0 }
.col_left td, .col_left th { padding: 0.5em; text-align: left }
.col_left table input { width: auto; border: none }

.col_left form.buy { padding: 0; margin: 0 }
.col_left form.buy input.buy { width: 498px; text-align: left; border: none; background: #fff; padding: 0; margin: 0 0 25px 0; color: #c60; font-size: 1.4em }
.col_left div.first { margin-bottom: 25px }
.col_left form.buy input.buy:hover { color: #195c7e; cursor: pointer }

#foot { display: block; width: 900px; margin: 0 auto; text-align: center; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; clear: both; padding: 28px 0 }
#foot p { font-size: 95% }
#foot ul { margin-bottom: 20px }
#foot ul li, #foot p { color: #fff; display: inline ; width: auto; margin: 0 0.5em }
#foot a, #foot a:visited { color: #fff; text-decoration: none }
#foot a:hover, #foot a:active { color: #195c7e }

#wrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

body { background: #693 url(images/trees.jpg) top center no-repeat fixed }

/* { border-right: 1px solid #f00 }