/*
Theme Name: Fitwell Training Solutions
Theme URI: http://www.fitwellsolutions.com/
Description: The default Fitwell Training Solutions theme.
Version: 1.0
Author: Fitwell Training Solutions
*/

*
{
    background-repeat:no-repeat;
    color:#717171;
    font-family:"trebuchet ms", arial, helvetica, sans-serif;
    font-size:14px;
    margin:0px;
    outline:none;
    padding:0px;
}

a
{
    color:#2fa4b0;    
}

body
{
    background-image:url(images/body.png);
    background-repeat:repeat-x;
}

#container
{
    overflow:hidden;
    width:958px;    
}

#sidebar
{
    display:inline;
    float:left;
    width:260px;
}

/* identity */

#identity
{
    background-image:url(images/identity.png);
    height:144px;
    overflow:hidden;
    width:260px;
}

#identity h1
{
    height:97px;
    margin:47px 0px 0px 26px;
    overflow:hidden;
    width:234px;
}

#identity h1 a
{
    display:block;
    height:97px;
    overflow:hidden;
    text-indent:-9999px;
    width:234px;
}

/* navigation */

#navigation
{
    margin:48px 12px 0px 30px;
}

#navigation ul
{
    list-style:none;    
}

#navigation ul li
{
    border:#f3f4f6 solid;
    border-width:0px 0px 1px 0px;
    height:22px;
    overflow:hidden;
    padding:2px 0px;
    width:218px;
}

#navigation ul li a
{
    color:#553178;
    display:block;
    font-size:16px;
    font-weight:bold;
    height:22px;
    line-height:20px;
    padding:0px 0px 0px 24px;
    text-decoration:none;
}

#navigation ul li.current_page_item
{
    background-image:url(images/navigation-ul-li-a.png);
    color:#0d818c;
}

/* cotnent */

#content
{
    background-image:url(images/content.png);
    display:inline;
    float:left;
    padding:84px 0px 0px 0px;
    position:relative;
    width:698px;
}

/* page */

#page
{
    display:inline;
    float:left;
    margin:60px 0px 88px 30px;
    position:relative;
    width:458px;
}

#page h2
{
    color:#553178;    
    font-size:24px;
    font-weight:normal;
}

#page h3
{
    color:#553178;    
    font-size:24px;
    font-weight:normal;
    margin:30px 0px 0px 0px;
}

#page h3 a
{
    color:#553178;    
    font-size:24px;
    font-weight:normal;
    margin:30px 0px 0px 0px;
    text-decoration:none;
}

#page h3 a:hover
{
    text-decoration:underline;
}

#page h3:first-child
{
    margin:0px;    
}

#page p
{
    font-family:arial, helvetica, sans-serif;
    margin:12px 0px;
    line-height:20px;
}

#page p a
{
    font-family:arial, helvetica, sans-serif;    
}

#page p em
{
    font-family:arial, helvetica, sans-serif;    
}

#page ul
{
    margin:12px 0px 12px 30px;
}

#page ul li
{
    font-family:arial, helvetica, sans-serif;    
    line-height:20px;    
}

#page div.hr
{
    background-color:#e6e6e6;
    font-size:0px;
    height:2px;
    margin:30px 0px;
    overflow:hidden;
}

#page div.hr hr
{
    display:none;    
}

#page p.buy-now
{
    height:24px;
    overflow:hidden;
    position:absolute;
    right:0px;
    top:99px;
    width:90px;
}

#page p.buy-now a
{
    background-image:url(images/buy-now.png);
    height:24px;
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    width:90px;
}

#page ul.errors li
{
    color:#ff0000;
    font-family:arial, helvetica, sans-serif;
}

/* images */

#images
{
    display:inline;
    float:right;
    margin:60px 0px 0px 0px;
    width:210px;    
}

#images p
{
    text-align:right;    
}

#images address
{
    color:#56436e;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    font-style:normal;
    margin:12px 0px 0px 30px;
}

#images address strong
{
    color:#56436e;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
}

#images div.download
{
    color:#56436e;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    font-style:normal;
    margin:12px 0px 0px 30px;
}

#images div.download strong
{
    color:#56436e;
    font-family:arial, helvetica, sans-serif;
    font-size:14px;
}

#images div.download a
{
    display:block;
    font-family:arial, helvetica, sans-serif;
    margin:12px 0px 0px 0px;
}

/* footer */

#footer
{
    background-color:#553178;
    border:#2fa4b0 solid;
    border-width:3px 0px 0px 0px;
    height:230px;
    padding:30px 0px 0px 290px;
    position:relative;
}

#footer ul
{
    float:left;
    list-style:none;
    width:182px;
}

#footer ul li
{
    line-height:22px;    
}

#footer ul li a
{
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}

#footer ul li a:hover,
#footer ul li a.on
{
    color:#2fa4b0;    
}

#footer div
{
    background-image:url(images/footer-div.png);
    height:164px;
    left:657px;
    overflow:hidden;
    position:absolute;
    top:33px;
    width:300px;
}

#footer div p strong
{
    color:#ffffff;
    display:block;
    font-size:18px;    
    margin:12px 20px;
}

#footer div p.image
{
    color:#ffffff;
    font-size:12px;
    height:50px;
    left:20px;
    line-height:normal;
    margin:0px;
    overflow:hidden;
    padding:0px 0px 0px 112px;
    position:absolute;
    top:100px;
    width:168px;
}

#footer div p.image small
{
    color:#ffffff;
    font-size:12px;
}

#footer div p.image a
{
    display:block;
    font-size:12px;
    line-height:normal;
}

/* index */

#index
{
    overflow:hidden;
    padding:0px 0px 88px 0px;
    width:698px;
}

#index div.about
{
    background-image:url(images/index-about.jpg);
    height:342px;
    margin:32px 0px 7px 22px;
    position:relative;
    width:676px;
}

#index div.about p
{
    color:#0d818c;
    font-family:arial, helvetica, sans-serif;
    font-size:11px;
    left:371px;
    position:absolute;
    text-transform:uppercase;
    top:209px;
}

#index div.about p strong
{
    color:#0d818c;
    font-family:arial, helvetica, sans-serif;
    font-size:14px;
    display:block;
    margin:0px 0px 6px 0px;
}

#index div.about p a
{
    height:31px;
    left:24px;
    position:absolute;
    top:71px;
    text-indent:-9999px;
    width:123px;    
}

#index div.blog
{
    background-image:url(images/index-blog.jpg);
    display:inline;
    float:left;
    height:135px;
    margin:0px 0px 0px 22px;
    position:relative;
    width:328px;
}

#index div.blog p
{
    color:#553178;
    font-size:16px;
    left:21px;
    position:absolute;
    top:49px;
}

#index div.blog p strong
{
    color:#553178;
    font-size:16px;
}

#index div.blog p a
{
    background-image:url(images/index-div-p-a.png);
    font-family:arial, helvetica, sans-serif;
    display:block;
    margin:3px 0px 0px 0px;
    text-indent:11px;
}

#index div.dvd
{
    background-image:url(images/index-dvd.jpg);
    display:inline;
    float:right;
    height:135px;
    position:relative;
    width:328px;
}

#index div.dvd p
{
    color:#553178;
    font-size:16px;
    left:104px;
    position:absolute;
    top:49px;
}

#index div.dvd p strong
{
    color:#553178;
    font-size:16px;
}

#index div.dvd p a
{
    background-image:url(images/index-div-p-a.png);
    display:block;
    font-family:arial, helvetica, sans-serif;
    margin:3px 0px 0px 0px;
    text-indent:11px;
}

/* newsletter */

#newsletter
{
    background-image:url(images/newsletter.png);
    height:71px;
    left:592px;
    padding:0px 0px 0px 156px;
    position:absolute;
    top:13px;
    width:210px;
}

#newsletter form p
{
    margin:8px 0px 0px 0px;
    overflow:hidden;
    width:170px;    
}

#newsletter form p input
{
    background-color:#cccccc;
    border:#a1a1a1 solid 1px;
    display:inline;
    float:left;
    font-family:arial, helvetica, sans-serif;
    font-size:11px;
    padding:1px 2px;
    width:164px;
}

#newsletter form p button
{
    background:none;
    border:none;
    cursor:pointer;
    height:24px;
    position:absolute;
    right:8px;
    text-indent:-9999px;
    top:29px;
    width:24px;
}

/* media */

#media
{
    margin:12px 0px 0px 0px;    
}

#media h3
{
    color:#2fa4b0;    
    font-size:18px;
}

#media p
{
    margin:12px 0px 30px 0px;    
}

#media p em
{
    color:#01656f;
    font-family:georgia, "times new roman", times, serif;
}

#page #media div.hr
{
    margin:42px auto;    
}

/* testimonials */

#testimonials
{
    background-image:url(images/testimonials.png);
    margin:30px 0px 0px 0px;
    padding:8px 0px 0px 0px;
}

#page #testimonials h3
{
    margin:30px 0px 0px 0px;    
}

#testimonials ul
{
    list-style:none;
    margin:0px;
}

#testimonials ul li
{
    border-bottom:#e6e6e6 solid 2px;
    padding:18px 0px;
}

#testimonials ul li:first-child
{
    padding:9px 0px 18px 0px;    
}

#testimonials ul li p
{
    font-family:georgia, "times new roman", times, serif;
    font-style:italic;    
}

#testimonials ul li p em
{
    color:#01656f;
    font-family:georgia, "times new roman", times, serif;
}

/* careers */

#careers
{
    background-image:url(images/testimonials.png);
    margin:30px 0px 0px 0px;
    padding:8px 0px 0px 0px;
}

#careers h3:first-child
{
    font-size:18px;
    font-weight:bold;
    margin:30px 0px 0px 0px;    
    text-transform:uppercase;
}

#careers ul
{
    list-style:none;
    margin:0px;
}

#careers ul li
{
    margin:30px 0px 0px 0px;
}

#careers ul li p
{
    font-family:arial, helvetica, sans-serif;
    font-size:14px;
}

#careers ul li p strong
{
    color:#2fa4b0;
    font-size:18px;
}

#careers ul li p em
{
    color:#01656f;    
}

/* contact */

#contact
{
    background-image:url(images/contact.png);
    overflow:hidden;
    padding:10px 0px 0px 0px;
    width:458px;
}

#contact form
{
    background-image:url(images/contact-form.png);
    background-repeat:repeat-y;
    overflow:hidden;
    padding:12px 0px;
    width:458px;    
}

#contact form p.note
{
    font-size:12px;
    margin:0px 42px 0px 0px;
    text-align:right;    
}

#contact form p.note em
{
    color:#2fa4b0;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
}

#contact form fieldset
{
    border:none;
    margin:0px 0px;
    overflow:hidden;
}

#contact form fieldset p
{
    overflow:hidden;
    width:458px;    
}

#contact form p label
{
    display:inline;
    float:left;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    line-height:23px;
    margin:0px 12px 0px 0px;
    text-align:right;
    width:144px;
}

#contact form p label em
{
    color:#2fa4b0;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    font-style:normal;
}

#contact form p input
{
    background-color:#ffffff;
    display:inline;
    float:left;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    border:#dfe9ea solid 1px;
    padding:3px;
    width:252px;
}

#contact form p small
{
    color:#2fa4b0;
    display:inline;
    float:left;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    line-height:23px;
    width:290px;
}

#contact form p.checkbox
{
    line-height:15px;
    padding:0px 0px 0px 156px;
}

#contact form p.checkbox input
{
    height:13px;
    margin:1px 12px 0px 0px;
    width:13px;    
}

#contact form p.checkbox label
{
    line-height:15px;
    margin:0px;
    text-align:left;
    width:auto;    
}

#contact form fieldset.textarea p
{
    margin:0px 0px 12px 0px;
}

#contact form fieldset.textarea p:first-child
{
    margin:12px 0px 6px 0px;
}

#contact form fieldset.textarea p label
{
    line-height:normal;    
}

#contact form fieldset.textarea p small
{
    line-height:normal;    
}

#contact form fieldset.textarea p textarea
{
    background-color:#ffffff;
    display:inline;
    float:left;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    border:#dfe9ea solid 1px;
    height:120px;
    margin:0px 0px 0px 156px;
    padding:3px;
    width:252px;
}

#contact form p button
{
    background:none;
    background-image:url(images/contact-button.png);
    border:none;
    cursor:pointer;
    display:inline;
    float:right;
    height:24px;
    margin:0px 42px 0px 0px;
    text-indent:-9999px;
    width:90px;
}

/* posts */

#posts #page
{
    margin:0px 0px 100px 0px;
    width:504px;
}

#posts #page h2
{
    color:#ffffff;
    height:96px;
    font-size:34px;
    line-height:96px;
    padding:0px 0px 0px 30px;
    width:668px;
}

#posts #page h2.blog
{
    background-image:url(images/posts-h2.blog.jpg);
}

#posts #page h2.newsletter
{
    background-image:url(images/posts-h2.newsletter.jpg);
}

#posts #page h2 small
{
    color:#ffffff;
    font-size:16px;
    font-style:italic;
}

#posts #page ul
{
    list-style:none;
    margin:0px 0px 0px 30px;
}

#posts #page ul li
{
    border-bottom:#e6e6e6 solid 2px;
    padding:18px 0px 18px 0px;
}

#posts #page ul li.single
{
    border:none;
    padding:18px 0px 0px 0px;    
}

#posts #page ul li h3
{
    margin:0px;    
}

#posts #page ul li p.date
{
    margin:3px 0px 0px 0px;    
}

#posts #page ul li p.date small
{
    color:#aa9db6;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
}

#posts #page ul li p.more a
{
    font-size:12px;
}

#posts #page ul li p.meta
{
    background-image:url(images/blog-page-ul-li-p.meta.png);
    background-position:0px 4px;
    color:#01656f;
    font-family:"trebuchet ms", arial, helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    margin:24px 0px 0px 0px;
    padding:0px 0px 0px 20px;
}

#posts #page ul li.single p.meta
{
    background:none;
    padding:0px;
}

#posts #page ul li p.meta a
{
    font-family:"trebuchet ms", arial, helvetica, sans-serif;
    font-size:12px;    
}

#posts #page #pagination
{
    margin:12px 0px 0px 0px;
    overflow:hidden;
    width:504px;
}

#posts #page #pagination div.pagerbox
{
    display:inline;
    float:right;
    height:26px;
    overflow:hidden;
}

#pagination div.pagerbox a,
#pagination div.pagerbox span
{
    border:#b5aac0 solid 1px;
    color:#01656f;
    display:inline;
    float:left;
    height:24px;
    line-height:24px;
    margin:0px 0px 0px 6px;
    overflow:hidden;
    text-align:center;
    text-decoration:none;
    width:24px;
}

#pagination div.pagerbox a.current
{
    background-color:#e6e6e6;    
}

#posts #page #comments
{
    margin:30px 0px 0px 30px;
    overflow:hidden;
    width:504px;    
}

#posts #page #comments div.heading
{
    background-image:url(images/comments-div.heading.png);
    height:56px;
    padding:4px 0px;
}

#posts #page #comments div.heading strong
{
    background-image:url(images/comments-div.heading-strong.png);
    background-position:right 18px;
    color:#553178;
    display:inline;
    float:left;
    font-size:18px;
    line-height:54px;
    margin:0px 24px;
    padding:0px 23px 0px 0px;
    text-transform:uppercase;
}

#posts #page #comments div.heading span
{
    color:#2fa4b0;
    display:inline;
    float:left;
    font-size:18px;
    line-height:54px;
}

#posts #page #comments ol li
{
    border-bottom:#e6e6e6 solid 2px;
    padding:18px 0px 18px 30px;
    position:relative;
}

#posts #page #comments ol li p.meta span
{
    color:#01656f;
    font-family:arial, helvetica, sans-serif;
    font-size:14px;
    left:0px;
    position:absolute;
    top:30px;
}

#posts #page #comments ol li p.meta small
{
    color:#aa9db6;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
}

#posts #page #comments ol li p.meta small a
{
    font-size:14px;    
}

#posts #page #respond
{
    background-image:url(images/contact.png);
    padding:10px;
    margin:30px 0px 0px 30px;
    overflow:hidden;
    width:458px;    
}

#posts #page #respond form
{
    background-image:url(images/contact-form.png);
    background-repeat:repeat-y;
    overflow:hidden;
    padding:0px 0px 12px 0px;
    width:458px;    
}

#posts #page #respond form div.heading
{
    margin:12px 0px;
    overflow:hidden;
    width:458px;    
}

#posts #page #respond form div.heading strong
{
    color:#553178;
    display:inline;
    float:left;
    font-size:18px;
    line-height:24px;
    margin:0px 0px 0px 24px;
    text-transform:uppercase;
}

#posts #page #respond form div.heading span
{
    display:inline;
    float:right;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    line-height:24px;
    margin:0px 24px 0px 0px;
}

#posts #page #respond form div.heading span em
{
    color:#2fa4b0;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
}

#posts #page #respond form p
{
    overflow:hidden;
    padding:0px 48px;
    width:362px;
}

#posts #page #respond form label
{
    display:block;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    margin:0px 0px 3px 0px;
}

#posts #page #respond form label em
{
    color:#2fa4b0;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
}

#posts #page #respond form input
{
    background-color:#ffffff;
    display:inline;
    float:left;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    border:#dfe9ea solid 1px;
    padding:3px;
    width:354px;
}

#posts #page #respond form textarea
{
    background-color:#ffffff;
    display:inline;
    float:left;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    border:#dfe9ea solid 1px;
    height:120px;
    padding:3px;
    width:354px;
}

#posts #page #respond form button
{
    background:none;
    background-image:url(images/contact-button.png);
    border:none;
    cursor:pointer;
    display:inline;
    float:right;
    height:24px;
    margin:0px 0px 0px 156px;
    text-indent:-9999px;
    width:90px;
}

/* links */

#links
{
    background-image:url(images/links.png);
    display:inline;
    float:right;
    margin:96px 0px 0px 0px;
    min-height:600px;
    overflow:hidden;
    width:182px;    
}

#links p
{
    margin:12px 18px;    
}

#links p strong
{
    color:#01656f;
    font-size:12px;
    text-transform:uppercase;
}

#links h2
{
    color:#01656f;
    font-size:12px;
	font-weight:bold;
    text-transform:uppercase;
}

#links .linkcat ul
{
    list-style:none;
    margin:12px 18px 24px 0px;    
}

#links ul
{
    list-style:none;
    margin:12px 18px 24px 18px;    
}

#links ul li
{
    color:#2fa4b0;
    font-size:12px;
}

#links ul li small
{
    color:#2fa4b0;
    font-size:12px;
}

#links ul li a
{
    color:#563279;
    font-size:12px;
    text-decoration:none;
}

#links p.rss
{
    background-image:url(images/rss.png);
    background-position:1px 1px;
    color:#01656f;
    font-size:12px;
    text-indent:23px;
}


#links p.rss small
{
    color:#01656f;
    font-size:12px;
}

#links p.rss a
{
    font-size:12px;
    text-decoration:none;
}

#links p.twitter
{
    background-image:url(images/twitter.png);
    background-position:-1px 1px;
    color:#01656f;
    font-size:12px;
    text-indent:23px;
}

#links p.twitter a
{
    font-size:12px;
    text-decoration:none;
}

#links p.facebook
{
    background-image:url(images/facebook.png);
    background-position:-1px -1px;
    color:#01656f;
    font-size:12px;
    text-indent:23px;
}

#links p.facebook a
{
    font-size:12px;
    text-decoration:none;
}

#links form p
{
    margin:24px 18px 15px 18px;
    overflow:hidden;
    width:162px;    
}

#links form p input
{
    border:#64c2cc solid 1px;
    color:#aa9db6;
    font-family:arial, helvetica, sans-serif;
    display:inline;
    float:left;
    font-size:12px;
    padding:2px 3px;
    width:108px;
}

#links form p button
{
    background:none;
    background-image:url(images/links-button.png);
    border:none;
    cursor:pointer;
    display:inline;
    float:left;
    height:18px;
    margin:1px 0px 0px 6px;
    text-indent:-9999px;
    width:19px;
}

