/*



Linda Keith CSS

Kazue/Anna/Chris F

portentinteractive.com



TABLE OF CONTENTS



1.0 Global items

1.1 Housecleaning

1.2 Outer structural parts

1.3 Default text/img styles

2.0 Header Items

2.1 search

3.0 Navigation & Link Styles

3.1 Primary

3.2 Sub

4.0 Homepage-specific

5.0 Content-specific

5.1 Standard content guidelines

5.2 unique page, ie product page

5.3 unique page, ie press page

6.0 Footer items






 =================== 1.0 GLOBAL ITEMS ================================ 
 ------------------- 1.1 housecleaning ----------------- */
html,body,form {
margin:0;
padding:0;
}

a img {
border:0;
}

.no-margin {
margin:0;
padding:0;
}

.clear {
clear:both;
}

/* ------------------- 1.3 Default text/img -------------- */
body {
background:#1B429A url(img/bg-body.gif) top left repeat-x;
font-family:arial, verdana, helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
}

#wrapper-content-top {
background:url(img/bg-top.jpg) top left repeat-x;
min-height:500px;
}

#wrapper-content-btm {
display:block;
overflow:auto;
background-color:#fff;
background-image:url(img/bg-btm.jpg);
background-position:bottom left;
background-repeat:repeat-x;
min-height:500px;
}

.center-align {
width:758px;
display:block;
margin:0 auto;
}

div#content-side ul {
list-style-type:none;
width:400px;
margin:0 0 10px 22px;
padding:0;
}

div#content-side ul li {
background:url(img/sidenav-dot.gif);
background-repeat:no-repeat;
background-position:0 5px;
padding:0 0 6px 8px;
}

div#content-side ul li.nested {
margin-left:20px;
background:url(img/bg-ul-dash.png);
background-repeat:no-repeat;
background-position:0 5px;
padding:0 0 5px 8px;
}

div#content-side ol {
width:400px;
list-style-type:decimal;
list-style-position:outside;
margin:0 0 0 22px;
padding:0;
}

div#content-side ol li {
margin:0 0 0 22px;
padding:0 0 8px;
}

div#content-side ul.divided {
width:200px;
display:block;
float:left;
padding:0;
}

form,input,textarea,select,radio {
margin:0;
padding:0;
}

p {
vertical-align:top;
display:block;
font-size:12px;
line-height:18px;
margin:0;
padding:0 0 12px;
}

h1 {
line-height:20px;
font-size:18px;
color:#06B085;
margin:0;
padding:0;
}

h2 {
font-size:16px;
line-height:18px;
color:#06b085;
margin:15px 0 8px;
padding:0;
}

h3 {
font-size:14px;
color:#333;
margin:10px 0 6px;
padding:0;
}

h4 {
font-size:12px;
color:#333;
margin:0;
padding:0;
}

h5,h6 {
font-size:10px;
margin:0;
padding:0;
}

a,a:link,a:active,a:visited {
text-decoration:none;
color:#0a63a1;
}

a:hover {
text-decoration:underline;
}

a span {
visibility:hidden;
text-decoration:none;
}

img.align-left,.align-left {
display:block;
float:left;
margin:0 10px 0 0;
padding:0;
}

img.align-right,.align-right {
display:block;
float:right;
margin-left:10px;
}

img.align-center {
display:block;
margin-left:auto;
margin-right:auto;
}

input.text {
border:0;
color:#8ca7d6;
font-size:12px;
padding:1px 2px;
}

a.arrow {
background:url(img/bg-link-arrow.png);
background-repeat:no-repeat;
background-position:center right;
padding:0 25px 0 0;
}

/* =================== 2.0 HEADER ITEMS ================================ */
#header {
width:758px;
clear:both;
height:76px;
margin:0;
padding:0;
}

#logo {
width:289px;
margin:19px 0 5px 22px;
padding:0;
}

#header-layer {
width:430px;
float:right;
position:relative;
margin:0;
padding:0;
}

/*------top-icons-------*/
#top-icons {
color:#7c9bd1;
font-size:10px;
text-align:right;
position:absolute;
top:32px;
right:18px;
z-index:3;
margin:0;
padding:0;
}

#top-icons ul {
list-style:none;
margin:0;
padding:0;
}

#top-icons ul li {
margin-left:0;
list-style:none;
color:#7c9bd1;
display:inline;
float:right;
font-size:14px;
padding:4px;
}

#top-icons ul li img {
display:inline;
width:16px;
}

#top-icons a {
color:#7c9bd1;
text-decoration:none;
}

#searchform,#signupform {
float:right;
position:absolute;
top:8px;
right:15px;
display:block;
z-index:4;
height:50px;
background:#fff;
color:#0f75bc;
text-align:right;
width:300px;
margin:0;
}

#searchform input.input,#signupform input.input {
border:1px solid #4d99cd;
color:#7c9bd1;
font-size:12px;
margin:-2px 0 0;
}

#searchform a.close,#signupform a.close {
float:right;
width:30px;
height:15px;
margin:5px 0 10px;
}

/* =================== 3.0 NAVIGATION & LINK STYLES ==================== */
#nav a span {
display:none;
}

/* hides text */
#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav ul li a {
display:block;
}

#nav {
height:38px;
width:758px;
clear:both;
display:block;
position:relative;
margin:0;
padding:0;
}

#nav li {
float:left;
}

#nav li a span,#nav li span {
display:none;
}

#nav a#nav-training:hover,#nav a#nav-lender-store:hover,#nav
a#nav-about:hover,#nav a#nav-pigs-can-fly:hover,#nav
a#nav-blog:hover,#nav a#nav-ask:hover,#nav a#nav-contact:hover,#nav
.on {
background-position:0 -38px;
}

#nav a#nav-training {
background-image:url(img/nav/nav-programs.gif);
width:120px;
height:38px;
position:absolute;
left:0;
z-index:9;
}

#nav a#nav-lender-store {
background-image:url(img/nav/nav-store.gif);
width:96px;
height:38px;
position:absolute;
left:117px;
z-index:8;
}

#nav a#nav-about {
background-image:url(img/nav/nav-about.gif);
width:101px;
height:38px;
position:absolute;
left:210px;
z-index:7;
}

#nav a#nav-pigs-can-fly {
background-image:url(img/nav/nav-pigs-can-fly.gif);
width:143px;
height:38px;
position:absolute;
left:308px;
z-index:6;
}

#nav a#nav-blog {
background-image:url(img/nav/nav-blog.gif);
width:93px;
height:38px;
position:absolute;
left:448px;
z-index:5;
}

#nav a#nav-ask {
background-image:url(img/nav/nav-ask-linda.gif);
width:125px;
height:38px;
position:absolute;
z-index:4;
left:538px;
}

#nav #nav-contact {
background-image:url(img/nav/nav-contact.gif);
width:99px;
height:38px;
position:absolute;
left:660px;
z-index:3;
}

/* ------------------- 3.1 Primary Nav ------------------- 
 ------------------- 3.2 Sub Nav ------------------- */
#sidenav {
width:206px;
float:left;
margin:0;
padding:0;
}

.sidenav-title {
clear:both;
width:179px;
margin:0;
padding:0;
}

#sidenav .sidenav-links {
margin:0;
padding:0 0 20px;
}

#sidenav .sidenav-links ul li a font {
display:block;
font-size:12px;
}

#sidenav .sidenav-links ul li a {
display:block;
background:#f6b781 url(img/sidenav-bg.jpg) top left repeat-x;
width:179px;
height:auto;
padding:3px 0 5px;
}

#sidenav .sidenav-links ul {
list-style-type:none;
width:179px;
margin:0;
padding:0;
}

#sidenav .sidenav-links ul li {
list-style-type:none;
border-bottom:1px solid #FCE4D0;
padding:0;
}

#sidenav .sidenav-links ul li a:hover,#sidenav .sidenav-links ul li a.active {
background:#C0DFB5;
text-decoration:none;
}

#sidenav .sidenav-links ul li a font,#sidenav .sidenav-links ul li.last-item a font {
background:transparent url(img/sidenav-dot.gif) 15px 0.8em no-repeat;
color:#B73905;
padding:5px 17px 0 23px;
}

#sidenav .sidenav-links ul li.last-item {
border-bottom:1px solid #fff;
}

#sidenav .sidenav-links ul li.last-item a {
background:#F9C77E url(img/sidenav-bg-btm.jpg) top left repeat-x;
width:179px;
height:24px;
}

#sidenav .sidenav-links ul li.last-item a:hover,#sidenav .sidenav-links ul li.last-item a.active {
background:#C0DFB5 url(img/sidenav-bg-btm.jpg) bottom left repeat-x;
text-decoration:none;
}

#sidenav div.side-quote {
background-color:#cfece4;
font-size:12px;
color:#666;
width:179px;
background:url(img/bg-sidequote-bottom.gif);
background-position:bottom center;
background-repeat:no-repeat;
margin:10px 0;
}

#sidenav div.side-quote img.quote-pic {
border-bottom:1px solid #fff;
}

#sidenav div.side-quote p {
padding:0 5px 9px 13px;
}

#sidenav div.side-quote div.cite {
font-size:11px;
line-height:14px;
background:url(img/bg-sidequote-middle.gif);
background-repeat:no-repeat;
background-position:top center;
padding:20px 13px 8px;
}

.sidenavdisplay-hide {
display:none;
}

/* =================== 4.0 HOMEPAGE-SPECIFIC =========================== */
#top-wrapper {
width:758px;
position:relative;
margin:10px 0 0;
padding:16px 0 0;
}

<!-- #top-home {
background:#fff url(img/feature-bg.jpg) top left no-repeat;
height:222px;
margin:0;
padding:0;
}
-->

#top-home {
background:#fff url(images/NewHomePagePhotoSlim.jpg) top left no-repeat;
height:222px;
margin:0;
padding:0;
}



#home-pig {
float:right;
position:absolute;
top:0;
right:0;
text-align:right;
font-size:11px;
z-index:1;
}

#home-pig a#fly {
position:absolute;
top:23px;
right:95px;
width:140px;
}

#top-home-content {
padding:38px 0 0 199px;
}

#top-home-content h1 {
margin:34px 0 0;
padding:0;
}

#top-home-content h2 {
color:#1b429a;
font-size:14px;
margin:21px 0 10px 36px;
}

#top-home-content ul {
font-size:14px;
height:70px;
overflow:hidden;
margin:0 0 0 50px;
padding:0;
}

#top-home-content ul li {
list-style-type:none;
background:url(img/list-dot.gif);
background-repeat:no-repeat;
background-position:left 4px;
line-height:15px;
margin:0;
padding:0 0 9px 10px;
}

#feature-box-wrapper {
background:#fff url(img/feature-box-bg.gif) top left repeat-y;
float:left;
color:#fff;
margin:0;
padding:0;
}

#feature-box-wrapper h3 img {
margin:0 0 8px;
}

#feature-box-wrapper #wave {
display:block;
clear:both;
}

#feature-box-btm {
background:url(img/feature-box-btm.gif) top left no-repeat;
width:758px;
height:10px;
clear:both;
margin:0;
padding:0;
}

div.side-column {
width:247px;
display:block;
overflow:hidden;
float:left;
margin:0;
padding:0;
}

div.column-wrapper {
padding:0 25px;
}

div#feature-box-wrapper div.column-wrapper,div#feature-box-wrapper div.column-wrapper a {
color:#a5cbe6;
font-size:14px;
line-height:18px;
}

div#feature-box-wrapper p {
margin:0 0 8px;
padding:0;
}

div.mid-column-wrapper {
width:261px;
display:block;
float:left;
margin:0;
}

/*-- home-middle --*/
#home-mid-wrapper {
background:#E3F6F1 url(img/home-mid-bg.jpg) bottom left no-repeat;
width:758px;
position:relative;
border-bottom:1px solid #fff;
line-height:18px;
margin:17px 0 0;
padding:0;
}

#home-mid-wrapper h3 {
color:#000;
font-size:12px;
font-weight:700;
margin:0;
padding:0;
}

#home-mid-wrapper div.hr {
background-color:#a7d8bd;
margin:0 0 15px;
}

.mid-content-l,.mid-content-r {
width:380px;
display:block;
float:left;
background:transparent url(img/home-mid-vline.gif) top right no-repeat;
padding:0 0 10px;
}

.mid-content-r {
width:378px;
background:none;
}

.mid-title-l,.mid-title-r {
background:#E3F6F1 url(img/home-mid-bar-l.gif) top left no-repeat;
height:34px;
margin:0 0 15px;
}

.mid-title-r {
background:#E3F6F1 url(img/home-mid-bar-r.gif) top left no-repeat;
}

.mid-title-l img,.mid-title-r img {
margin:10px 0 0 25px;
}

#home-mid-wrapper div.quote-wrapper {
display:block;
position:relative;
line-height:16px;
margin:0;
padding:0;
}

#home-mid-wrapper div.quote {
background:url(img/quote-l.gif) top left no-repeat;
margin:0;
padding:15px 0 0 35px;
}

#home-mid-wrapper div.quote p {
background:url(img/quote-r.gif) bottom right no-repeat;
color:#029671;
width:250px;
padding:0 35px 10px 5px;
}

#home-mid-wrapper div.quote .cite {
font-style:normal;
color:#75857d;
font-size:11px;
text-align:right;
margin:0 60px 0 0;
padding:0;
}

.mid-content-r ul {
overflow:hidden;
margin:-5px 0 10px 30px;
padding:0;
}

.mid-content-r ul li {
list-style-type:none;
background:url(img/list-dot.gif);
background-repeat:no-repeat;
background-position:left 4px;
line-height:15px;
margin:0;
padding:0 0 6px 10px;
}

/* =================== 5.0 CONTENT-SPECIFIC ============================ */
#content-wrapper {
border-left:1px solid #E3EAF5;
border-right:1px solid #E3EAF5;
background:#fff url(img/content-bg.jpg) bottom left repeat-x;
overflow:visible;
clear:both;
float:left;
width:680px;
margin:20px 0 0;
padding:50px 60px 30px 16px;
}

#content-side {
float:right;
text-align:left;
width:470px;
margin:0;
padding:0;
}

#content-side div.hr {
background-color:#D0F0E8;
clear:both;
margin:0 0 20px;
}

#content-side #title div.hr {
background-color:#06B085;
margin:-1px 0 20px;
}

.entry {
font-size:12px;
clear:both;
line-height:16px;
padding:0 0 20px;
}

.more a {
background:transparent url(img/blue-arrow.gif) center right no-repeat;
padding:0 35px 0 0;
}

.blog-more a {
background:transparent url(img/blue-arrow.gif) center right no-repeat;
float:right;
padding:0 35px 0 0;
}

/* Include unique page styles here, like press page, products page etc. 
 Make sure to include these in the table of contents 
 ------------------- 5.1 Standard content guidelines -------------------- */
div.hr {
height:1px;
clear:both;
padding:0;
}

div.hr hr {
display:none;
}

form input.arrow {
margin:5px 0 0;
padding:0;
}

.caption {
font-size:11px;
color:#333;
}

div#content-wrapper form {
margin:20px 0 10px;
padding:0;
}

div#content-wrapper form label {
width:100px;
display:block;
float:left;
vertical-align:middle;
text-align:right;
line-height:12px;
clear:both;
margin:0 5px 10px 0;
padding:3px 0 3px 1px;
}

div#content-wrapper form textarea {
margin:5px 0;
}

div#content-wrapper form input.submit {
background:url(img/bg-link-arrow.png);
background-repeat:no-repeat;
background-position:center right;
border:0;
color:#0a63a1;
width:65px;
font-weight:700;
margin:10px auto 0;
padding:0 25px 0 0;
}

div.error {
color:red;
}

div.error ul li {
padding-bottom:5px;
}

/* ------------------- 5.2 unique page, ie product page ----------------- 
 ------------------------------ PRODUCT PAGES -------------------------- */
div.prod-details {
display:block;
position:relative;
margin:1px 0 20px;
}

div.prod-details h3 {
display:block;
}

div.prod-details span.price {
width:65px;
display:block;
float:left;
}

div.prod-details a.arrow {
margin-right:30px;
}

div.prod-details a.prod-preview {
position:absolute;
right:0;
float:right;
}

/*--------- blog --------*/
#content-side #blog-title {
clear:both;
position:relative;
margin:0 0 20px;
}

#content-side #blog-title div.hr {
background-color:#06B085;
position:relative;
margin:-1px 0 5px;
}

#blog-title .align-right img {
float:left;
margin:0 3px 0 0;
}

#blog-title .align-right {
vertical-align:middle;
margin:0;
padding:0;
}

#indivisual-entry {
clear:both;
margin:20px 0;
padding:0;
}

.post {
float:left;
color:#0f75bc;
}

.archive-nav {
color:#0f75bc;
margin:8px 0 0;
}

.archive-nav a,#blog-posts .archive-nav a:hover {
color:#0f75bc;
}

/*--------- comment --------*/
#comment-info {
clear:both;
margin:0;
padding:0;
}

.comment {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
clear:both;
margin:0;
padding:15px 10px;
}

.comment p {
margin:0;
padding:0;
}

.comment-title,#post-comment h3 {
margin-top:25px;
margin-bottom:15px;
}

.comment-footer {
margin:-8px 0 0;
padding:0;
}

.archive-nav,.comment-btn {
float:right;
}

.comment-btn {
margin-right:10px;
}

label {
display:block;
}

select,option,input,textarea {
font-size:12px;
font-family:arial, verdana, helvetica, sans-serif;
color:#333;
}

input {
color:#666;
margin:0 5px 10px 0;
padding:1px 1px 2px;
}

select {
font-family:arial, verdana, helvetica, sans-serif;
margin:0 5px 10px 0;
}

.field {
border:1px solid #7f9db9;
width:180px;
font-size:11px;
font-family:verdana, arial, helvetica, sans-serif;
float:left;
color:#333;
margin:0;
}

.field-short {
font-size:10px;
width:125px;
border:1px solid #7f9db9;
color:#333;
float:left;
padding:1px;
}

#post-comment textarea {
width:460px;
}

/* ------------------- 5.3 Register page --------------- */
div.reg-class {
display:block;
float:left;
width:290px;
margin:0;
padding:0;
}

div.reg-details {
display:block;
float:left;
width:160px;
margin:0;
padding:0;
}

div.reg-details a {
font-weight:700;
}

div.reg-class h3,div.reg-details h3 {
margin:0 0 3px;
padding:0;
}

div.reg-details h3 {
color:#666;
font-size:13px;
}

div.reg-date {
float:left;
display:block;
color:#666;
font-size:14px;
font-weight:700;
width:90px;
margin:0 0 0 30px;
}

span.reg-cost {
width:90px;
float:left;
display:block;
font-size:14px;
font-weight:700;
margin:0 0 0 20px;
}

/* ------------------- 5.3 unique page, ie press page --------------- 
 =================== 6.0 FOOTER ITEMS ================================ */
div#footer {
width:758px;
display:block;
background:#6182c1 url(img/ftr-bg.gif) top left repeat-y;
float:left;
clear:both;
margin:0 auto;
padding:20px 0 8px;
}

div#footer div.hr {
height:1px;
background-color:#8fa6d3;
clear:both;
margin:15px 0;
padding:0;
}

div#footer div.hr hr {
display:none;
}

div#footer a,div#footer a:hover,#footer,#footer h4,#footer p {
color:#fff;
}

#footer h4 {
font-size:12px;
}

div#footer-btm {
background:#6182c1 url(img/ftr-bottom.gif) bottom left no-repeat;
width:758px;
height:13px;
clear:both;
}

div#footer ul li {
list-style-type:none;
background:url(img/ftr-list-dot.gif);
background-repeat:no-repeat;
background-position:left 4px;
line-height:15px;
margin:0;
padding:0 0 3px 10px;
}

div#footer div.side-column {
width:247px;
display:block;
overflow:hidden;
float:left;
margin:0;
padding:0;
}

div#footer div.column-wrapper {
padding:0 25px;
}

div#footer div.mid-column-wrapper {
width:261px;
display:block;
float:left;
margin:0;
}

div#footer ul {
margin:0 0 0 3px;
padding:0;
}

div#footer div.mid-column p {
padding:0 0 10px 34px;
}

div#footer img.ftr-hdr-search,div#footer img.ftr-hdr-signup,div#footer img.ftr-hdr-quicklinks {
display:block;
margin:0 0 8px;
}

div#footer img.ftr-hdr-search {
width:81px;
}

div#footer img.ftr-hdr-signup {
width:143px;
}

div#footer img.ftr-hdr-quicklinks {
width:81px;
}

#ftr-email a:hover {
text-decoration:none;
}

#ftr-phone,#ftr-email a,#ftr-fax {
float:left;
margin:0 0 5px;
padding:0 0 0 20px;
}

#ftr-phone {
background:url(img/icon-phone.png) top left no-repeat;
}

#ftr-email a {
background:url(img/icon-email.png) top left no-repeat;
float:right;
}

#ftr-fax {
background:url(img/icon-printer.png) top left no-repeat;
clear:left;
}

.btn-ftr {
border:0;
width:37px;
margin:0 0 0 5px;
padding:0;
}

div#footer ul#quicklinks li {
list-style-type:none;
line-height:15px;
border-bottom:1px solid #8fa6d3;
background:none;
display:block;
padding:6px 0;
}

li#ftr-faq a,#ftr-refer a,#ftr-register a,#ftr-faq a,#ftr-rave a,#ftr-purchase a {
margin:0;
padding:0 0 0 20px;
}

li#ftr-faq a {
background:url(img/icon-faq.png) top left no-repeat;
}

#ftr-refer a {
background:url(img/icon-refer.png) top left no-repeat;
}

#ftr-register a {
background:url(img/icon-calendar.png) top left no-repeat;
}

#ftr-rave a {
background:url(img/icon-rave.png) top left no-repeat;
}

#ftr-purchase a {
background:url(img/icon-cart.png) top left no-repeat;
}

ul#quicklinks li#ftr-purchase {
border-bottom:1px solid #6182c1 !important;
}

/*------btm-links-------*/
#btm-links {
color:#fff;
font-size:11px;
width:758px;
margin:0;
padding:15px 0;
}

#btm-links ul {
color:#FFF;
text-align:right;
margin:0 auto;
padding:0;
}

#btm-links ul li {
margin-left:0;
list-style:none;
color:#FFF;
display:inline;
padding:4px 2px;
}

#btm-links ul li img {
display:inline;
margin-right:5px;
}

#btm-links a {
color:#fff;
text-decoration:none;
}

#btm-links a:hover {
text-decoration:underline;
}



#home-pig {
float:right;
position:absolute;
top:0;
right:0;
text-align:right;
font-size:11px;
z-index:1;
}

#home-pig a#fly {
position:absolute;
top:23px;
right:95px;
width:140px;
}

#top-home-content {
padding:38px 0 0 199px;
}

#top-home-content h1 {
margin:34px 0 0;
padding:0;
}

#top-home-content h2 {
color:#1b429a;
font-size:14px;
margin:21px 0 10px 36px;
}

#top-home-content ul {
font-size:14px;
height:70px;
overflow:hidden;
margin:0 0 0 50px;
padding:0;
}

#top-home-content ul li {
list-style-type:none;
background:url(img/list-dot.gif);
background-repeat:no-repeat;
background-position:left 4px;
line-height:15px;
margin:0;
padding:0 0 9px 10px;
}

#feature-box-wrapper {
background:#fff url(img/feature-box-bg.gif) top left repeat-y;
float:left;
color:#fff;
margin:0;
padding:0;
}

#feature-box-wrapper h3 img {
margin:0 0 8px;
}

#feature-box-wrapper #wave {
display:block;
clear:both;
}

#feature-box-btm {
background:url(img/feature-box-btm.gif) top left no-repeat;
width:758px;
height:10px;
clear:both;
margin:0;
padding:0;
}

div.side-column {
width:247px;
display:block;
overflow:hidden;
float:left;
margin:0;
padding:0;
}

div.column-wrapper {
padding:0 25px;
}

div#feature-box-wrapper div.column-wrapper,div#feature-box-wrapper div.column-wrapper a {
color:#a5cbe6;
font-size:14px;
line-height:18px;
}

div#feature-box-wrapper p {
margin:0 0 8px;
padding:0;
}

div.mid-column-wrapper {
width:261px;
display:block;
float:left;
margin:0;
}

/*-- home-middle --*/
#home-mid-wrapper {
background:#E3F6F1 url(img/home-mid-bg.jpg) bottom left no-repeat;
width:758px;
position:relative;
border-bottom:1px solid #fff;
line-height:18px;
margin:17px 0 0;
padding:0;
}

#home-mid-wrapper h3 {
color:#000;
font-size:12px;
font-weight:700;
margin:0;
padding:0;
}

#home-mid-wrapper div.hr {
background-color:#a7d8bd;
margin:0 0 15px;
}

.mid-content-l,.mid-content-r {
width:380px;
display:block;
float:left;
background:transparent url(img/home-mid-vline.gif) top right no-repeat;
padding:0 0 10px;
}

.mid-content-r {
width:378px;
background:none;
}

.mid-title-l,.mid-title-r {
background:#E3F6F1 url(img/home-mid-bar-l.gif) top left no-repeat;
height:34px;
margin:0 0 15px;
}

.mid-title-r {
background:#E3F6F1 url(img/home-mid-bar-r.gif) top left no-repeat;
}

.mid-title-l img,.mid-title-r img {
margin:10px 0 0 25px;
}

#home-mid-wrapper div.quote-wrapper {
display:block;
position:relative;
line-height:16px;
margin:0;
padding:0;
}

#home-mid-wrapper div.quote {
background:url(img/quote-l.gif) top left no-repeat;
margin:0;
padding:15px 0 0 35px;
}

#home-mid-wrapper div.quote p {
background:url(img/quote-r.gif) bottom right no-repeat;
color:#029671;
width:250px;
padding:0 35px 10px 5px;
}

#home-mid-wrapper div.quote .cite {
font-style:normal;
color:#75857d;
font-size:11px;
text-align:right;
margin:0 60px 0 0;
padding:0;
}

.mid-content-r ul {
overflow:hidden;
margin:-5px 0 10px 30px;
padding:0;
}

.mid-content-r ul li {
list-style-type:none;
background:url(img/list-dot.gif);
background-repeat:no-repeat;
background-position:left 4px;
line-height:15px;
margin:0;
padding:0 0 6px 10px;
}

/* =================== 5.0 CONTENT-SPECIFIC ============================ */
#content-wrapper {
border-left:1px solid #E3EAF5;
border-right:1px solid #E3EAF5;
background:#fff url(img/content-bg.jpg) bottom left repeat-x;
overflow:visible;
clear:both;
float:left;
width:680px;
margin:20px 0 0;
padding:50px 60px 30px 16px;
}

#content-side {
float:right;
text-align:left;
width:470px;
margin:0;
padding:0;
}

#content-side div.hr {
background-color:#D0F0E8;
clear:both;
margin:0 0 20px;
}

#content-side #title div.hr {
background-color:#06B085;
margin:-1px 0 20px;
}

.entry {
font-size:12px;
clear:both;
line-height:16px;
padding:0 0 20px;
}

.more a {
background:transparent url(img/blue-arrow.gif) center right no-repeat;
padding:0 35px 0 0;
}

.blog-more a {
background:transparent url(img/blue-arrow.gif) center right no-repeat;
float:right;
padding:0 35px 0 0;
}

/* Include unique page styles here, like press page, products page etc. 
 Make sure to include these in the table of contents 
 ------------------- 5.1 Standard content guidelines -------------------- */
div.hr {
height:1px;
clear:both;
padding:0;
}

div.hr hr {
display:none;
}

form input.arrow {
margin:5px 0 0;
padding:0;
}

.caption {
font-size:11px;
color:#333;
}

div#content-wrapper form {
margin:20px 0 10px;
padding:0;
}

div#content-wrapper form label {
width:100px;
display:block;
float:left;
vertical-align:middle;
text-align:right;
line-height:12px;
clear:both;
margin:0 5px 10px 0;
padding:3px 0 3px 1px;
}

div#content-wrapper form textarea {
margin:5px 0;
}

div#content-wrapper form input.submit {
background:url(img/bg-link-arrow.png);
background-repeat:no-repeat;
background-position:center right;
border:0;
color:#0a63a1;
width:65px;
font-weight:700;
margin:10px auto 0;
padding:0 25px 0 0;
}

div.error {
color:red;
}

div.error ul li {
padding-bottom:5px;
}

/* ------------------- 5.2 unique page, ie product page ----------------- 
 ------------------------------ PRODUCT PAGES -------------------------- */
div.prod-details {
display:block;
position:relative;
margin:1px 0 20px;
}

div.prod-details h3 {
display:block;
}

div.prod-details span.price {
width:65px;
display:block;
float:left;
}

div.prod-details a.arrow {
margin-right:30px;
}

div.prod-details a.prod-preview {
position:absolute;
right:0;
float:right;
}

/*--------- blog --------*/
#content-side #blog-title {
clear:both;
position:relative;
margin:0 0 20px;
}

#content-side #blog-title div.hr {
background-color:#06B085;
position:relative;
margin:-1px 0 5px;
}

#blog-title .align-right img {
float:left;
margin:0 3px 0 0;
}

#blog-title .align-right {
vertical-align:middle;
margin:0;
padding:0;
}

#indivisual-entry {
clear:both;
margin:20px 0;
padding:0;
}

.post {
float:left;
color:#0f75bc;
}

.archive-nav {
color:#0f75bc;
margin:8px 0 0;
}

.archive-nav a,#blog-posts .archive-nav a:hover {
color:#0f75bc;
}

/*--------- comment --------*/
#comment-info {
clear:both;
margin:0;
padding:0;
}

.comment {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
clear:both;
margin:0;
padding:15px 10px;
}

.comment p {
margin:0;
padding:0;
}

.comment-title,#post-comment h3 {
margin-top:25px;
margin-bottom:15px;
}

.comment-footer {
margin:-8px 0 0;
padding:0;
}

.archive-nav,.comment-btn {
float:right;
}

.comment-btn {
margin-right:10px;
}

label {
display:block;
}

select,option,input,textarea {
font-size:12px;
font-family:arial, verdana, helvetica, sans-serif;
color:#333;
}

input {
color:#666;
margin:0 5px 10px 0;
padding:1px 1px 2px;
}

select {
font-family:arial, verdana, helvetica, sans-serif;
margin:0 5px 10px 0;
}

.field {
border:1px solid #7f9db9;
width:180px;
font-size:11px;
font-family:verdana, arial, helvetica, sans-serif;
float:left;
color:#333;
margin:0;
}

.field-short {
font-size:10px;
width:125px;
border:1px solid #7f9db9;
color:#333;
float:left;
padding:1px;
}

#post-comment textarea {
width:460px;
}

/* ------------------- 5.3 Register page --------------- */
div.reg-class {
display:block;
float:left;
width:290px;
margin:0;
padding:0;
}

div.reg-details {
display:block;
float:left;
width:160px;
margin:0;
padding:0;
}

div.reg-details a {
font-weight:700;
}

div.reg-class h3,div.reg-details h3 {
margin:0 0 3px;
padding:0;
}

div.reg-details h3 {
color:#666;
font-size:13px;
}

div.reg-date {
float:left;
display:block;
color:#666;
font-size:14px;
font-weight:700;
width:90px;
margin:0 0 0 30px;
}

span.reg-cost {
width:90px;
float:left;
display:block;
font-size:14px;
font-weight:700;
margin:0 0 0 20px;
}

/* ------------------- 5.3 unique page, ie press page --------------- 
 =================== 6.0 FOOTER ITEMS ================================ */
div#footer {
width:758px;
display:block;
background:#6182c1 url(img/ftr-bg.gif) top left repeat-y;
float:left;
clear:both;
margin:0 auto;
padding:20px 0 8px;
}

div#footer div.hr {
height:1px;
background-color:#8fa6d3;
clear:both;
margin:15px 0;
padding:0;
}

div#footer div.hr hr {
display:none;
}

div#footer a,div#footer a:hover,#footer,#footer h4,#footer p {
color:#fff;
}

#footer h4 {
font-size:12px;
}

div#footer-btm {
background:#6182c1 url(img/ftr-bottom.gif) bottom left no-repeat;
width:758px;
height:13px;
clear:both;
}

div#footer ul li {
list-style-type:none;
background:url(img/ftr-list-dot.gif);
background-repeat:no-repeat;
background-position:left 4px;
line-height:15px;
margin:0;
padding:0 0 3px 10px;
}

div#footer div.side-column {
width:247px;
display:block;
overflow:hidden;
float:left;
margin:0;
padding:0;
}

div#footer div.column-wrapper {
padding:0 25px;
}

div#footer div.mid-column-wrapper {
width:261px;
display:block;
float:left;
margin:0;
}

div#footer ul {
margin:0 0 0 3px;
padding:0;
}

div#footer div.mid-column p {
padding:0 0 10px 34px;
}

div#footer img.ftr-hdr-search,div#footer img.ftr-hdr-signup,div#footer img.ftr-hdr-quicklinks {
display:block;
margin:0 0 8px;
}

div#footer img.ftr-hdr-search {
width:81px;
}

div#footer img.ftr-hdr-signup {
width:143px;
}

div#footer img.ftr-hdr-quicklinks {
width:81px;
}

#ftr-email a:hover {
text-decoration:none;
}

#ftr-phone,#ftr-email a,#ftr-fax {
float:left;
margin:0 0 5px;
padding:0 0 0 20px;
}

#ftr-phone {
background:url(img/icon-phone.png) top left no-repeat;
}

#ftr-email a {
background:url(img/icon-email.png) top left no-repeat;
float:right;
}

#ftr-fax {
background:url(img/icon-printer.png) top left no-repeat;
clear:left;
}

.btn-ftr {
border:0;
width:37px;
margin:0 0 0 5px;
padding:0;
}

div#footer ul#quicklinks li {
list-style-type:none;
line-height:15px;
border-bottom:1px solid #8fa6d3;
background:none;
display:block;
padding:6px 0;
}

li#ftr-faq a,#ftr-refer a,#ftr-register a,#ftr-faq a,#ftr-rave a,#ftr-purchase a {
margin:0;
padding:0 0 0 20px;
}

li#ftr-faq a {
background:url(img/icon-faq.png) top left no-repeat;
}

#ftr-refer a {
background:url(img/icon-refer.png) top left no-repeat;
}

#ftr-register a {
background:url(img/icon-calendar.png) top left no-repeat;
}

#ftr-rave a {
background:url(img/icon-rave.png) top left no-repeat;
}

#ftr-purchase a {
background:url(img/icon-cart.png) top left no-repeat;
}

ul#quicklinks li#ftr-purchase {
border-bottom:1px solid #6182c1 !important;
}

/*------btm-links-------*/
#btm-links {
color:#fff;
font-size:11px;
width:758px;
margin:0;
padding:15px 0;
}

#btm-links ul {
color:#FFF;
text-align:right;
margin:0 auto;
padding:0;
}

#btm-links ul li {
margin-left:0;
list-style:none;
color:#FFF;
display:inline;
padding:4px 2px;
}

#btm-links ul li img {
display:inline;
margin-right:5px;
}

#btm-links a {
color:#fff;
text-decoration:none;
}

#btm-links a:hover {
text-decoration:underline;
}