/*======================================
      WELCOME TO THE STYLESHEET
	  
      Author: Sacha Greif ( http://www.sachagreif.com )
======================================*/

/**************************************/
/*              GLOBALS               */
/**************************************/
body {
    background: #e4e4e4;
    font-family: Trebuchet MS, Verdana, Arial, Geneva, sans-serif;
    margin: 0;
    padding: 0;
    color: #303030;
}

#page {
    background: #fff url("../images/pl_bg_blue.png") repeat-x;
}

#page .wrapper {
    background: url("../images/pl_center_bg.png") no-repeat center 248px;
}

.sub {
    padding: 10px;
}

.container {
    font-size: 14px;
    line-height: 1.5em;
}

.highlight, .container .highlight {
    font-weight: bold;
    color: #FFF;
    background: none;
}

hr {
    height: 1px;
    background: #ccc;
}

.details {
    font-size: 12px;
    color: #666;
}

/**************************************/
/*               LISTS                */
/**************************************/
ul, .content ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin-left: 0;
}

ul.no-bullet li {
    background: none;
}

.content ul li {
    background: url(../images/pl_list_bullet.gif) no-repeat 0px 4px;
    padding-left: 25px;
    margin-bottom: 10px;
}

ul ul {
    list-style-image: none;
}

.content ul ul li, .content ul ul ul li {
    background: none;
    padding-left: 0;
}

/**************************************/
/*             HEADINGS               */
/**************************************/
h1, h2, h3, h4, h5, h6, .nav {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
}

h1 {
    font-size: 24px;
    line-height: 1.5em;
    color: #fff;
    letter-spacing: -1px;
    font-weight: normal;
}

h2 {
    color: #fff;
    font-size: 40px;
    line-height: 1.5em;
}

.content h1, .content h2 {
    color: #333;
}

h3 {
    font-weight: normal;
    font-size: 24px;
    line-height: 1.5em;
    letter-spacing: 1.2px;
    margin-bottom: 0.3em;
}

h4 {
    color: #454545;
    font-size: 18px;
    line-height: 1.5em;
}

h5 {
    font-size: 16px;
    line-height: 1.5em;
    color: #999;
    font-variant: small-caps;
}

h6 {
    font-size: 14px;
    line-height: 1.5em;
    color: #999;
}

.container h4 {
    margin-bottom: 0.5em;
}

.container li h4 {
    margin-bottom: 0;
}

.section-title {
    padding-bottom: 0.3em;
    margin-bottom: 0.5em;
    border-bottom: 1px #aaa solid;
}

/**************************************/
/*              LINKS                 */
/**************************************/
a, .container a, .container a:link {
    text-decoration: none;
    color: #2bb2c2;
}

a:visited, .container a:visited {
    color: #165d70;
    text-decoration: none;
}

a:hover, .container a:hover {
    color: #2bb2c2;
    text-decoration: underline;
}

/**************************************/
/*              NOTICES               */
/**************************************/
p.notice a:hover {
    color: #000;
}

/**************************************/
/*              BUTTONS               */
/**************************************/
.button {
    background: url("../images/buttons.png");
    display: block;
    color: #fff;
    font-size: 16px;
    height: 32px;
    width: 220px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    margin: 0 0 20px 0;
}

button.button {
    border: none;
    font-size: 16px;
    padding-bottom: 4px;
    height: 32px;
}

.button:hover {
    background: url("../images/buttons.png") 0 -32px;
}

a.button:link, a.button:active, a.button:visited, a.button:hover {
    color: #fff;
    text-decoration: none;
}

.button-row {
    overflow: hidden;
}

.button-row .button {
    float: left;
    margin-right: 20px;
}

.button-row .last {
    margin-right: 0;
}

.green-button {
    background: url("../images/buttons.png") 0 -64px;
}

.green-button:hover {
    background: url("../images/buttons.png") 0 -96px;
}

/**************************************/
/*               FORMS                */
/**************************************/
/* see: http://fecklessmind.com/2009/01/23/how-to-reliable-css-forms/ */

fieldset {
    clear: both;
}

legend {
    padding: 0 0 1.286em;
    font-size: 1.167em;
    font-weight: 700;
}

fieldset fieldset legend {
    padding: 0 0 1.5em;
    font-size: 1em;
}

* html legend {
    margin-left: -7px;
}

/* ie6 */
*+html legend {
    margin-left: -7px;
}

/* ie7 */

form .field, form .buttons {
    clear: both;
    margin: 0 0 1.5em;
}

form .field label {
    display: block;
}

form ul.fields {
    margin: 0 0 1.5em;
    padding: 0;
}

form ul.fields li {
    list-style-type: none;
    margin: 0;
}

form ul.inline li, form ul.inline label {
    display: inline;
}

form ul.inline li {
    padding: 0 .75em 0 0;
}

input.radio, input.checkbox {
    vertical-align: top;
}

label, button, input.submit, input.image {
    cursor: pointer;
}

* html input.radio, * html input.checkbox {
    vertical-align: middle;
}

/* ie6 */
*+html input.radio, *+html input.checkbox {
    vertical-align: middle;
}

/* ie7 */

textarea {
    overflow: auto;
}

input.text, input.password, textarea, select {
    margin: 0;
    font: 1em / 1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;
    vertical-align: baseline;
}

input.text, input.password, textarea {
    border: 1px solid #444;
    padding: 2px;
}

/* horizontal layout */
form.horizontal .field {
    padding-left: 200px;
}

form.horizontal .field label {
    display: inline;
    float: left;
    width: 180px;
    margin-left: -200px;
}

input.checkbox {
    width: auto;
    border: none;
}

form.horizontal .small-label {
    float: left;
    padding-top: 3px;
}

form.horizontal .small-label label {
    margin-left: 0;
    float: none;
    font-weight: normal;
}

input, textarea, input[type='text'], input[type='password'] {
    background: #fff url("../images/pl_input_bg.png") repeat-x top;
    font-family: Verdana, Arial, Geneva, sans-serif;
    border: #aaa 1px solid;
    color: #333;
    font-size: 14px;
    width: 210px;
    padding: 2px 4px 5px 4px;
}

textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
    border-color: #666;
}

textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
    border-color: #2bb2c2;
}

#spam_catcher {
    display: none;
}

.submit-row button {
    float: right;
}

/**************************************/
/*              HEADER                */
/**************************************/
.header {
    background: #000;
}

.header h1 {
    height: 54px;
    line-height: 54px;
    float: left;
    color: #fff;
}

.header h1 a:link, .header h1 a:visited, .header h1 a:active, .header h1 a:hover {
    color: #fff;
    text-decoration: none;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav, #login {
    height: 54px;
    line-height: 54px;
    float: right;
}

#nav {
    font-size: 18px;
    margin-right: 40px;
}

#login {
    color: #666;
    font-size: 14px;
    line-height: 54px;
    text-transform: uppercase;
}

#login a:visited {
    color: #2bb2c2;
}

#nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#nav li {
    display: block;
    float: left;
    margin-left: 10px;
    background: none;
    padding-left: 10px;
}

#nav a {
    color: #bcbcbc;
    padding-right: 10px;
}

#nav a:visited {
    color: #bcbcbc;
}

#nav a:hover {
    color: #2bb2c2;
    text-decoration: none;
}

#nav .current {
    background: url("../images/pl_nav_current_left.png") no-repeat center left;
}

#nav .current a {
    background: url("../images/pl_nav_current_right.png") no-repeat center right;
    color: #fff;
    display: block;
}

#login {
    float: right;
}

/**************************************/
/*              TAGLINE               */
/**************************************/
#tagline {
    margin: 30px 0;
}

#tagline h2 {
    font-size: 40px;
}

#tagline p {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3em;
}

/**************************************/
/*              TABS                  */
/**************************************/
.ui-tabs .ui-tabs-nav {
    position: relative;
}

.ui-tabs .ui-tabs-nav li {
    float: left;
    border-bottom: 0 !important;
    margin: 0 .2em -1px 0;
    list-style: none;
}

.ui-tabs .ui-tabs-nav li a {
    display: block;
    text-decoration: none;
}

.ui-tabs .ui-tabs-panel {
    padding: 1em 1.4em;
    display: block;
    border: 0;
    background: none;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

#tabs {
    position: relative;
    margin-bottom: 20px;
}

.ui-tabs {
    background: url("../images/tabs/tabs_content_bg.png") no-repeat 0px 40px;
    position: absolute;
    left: -10px;
    width: 480px;
}

.ui-tabs-nav {
    background: url("../images/tabs/tabs_shadow.png") no-repeat right;
    height: 40px;
    margin: 0 0 0 10px;
}

.ui-tabs-nav li {
    background: url("../images/tabs/tabs_left.png") no-repeat 0 0;
    padding-left: 10px;
    height: 40px;
}

.ui-tabs-nav li a {
    background: url("../images/tabs/tabs_right.png") no-repeat right top;
    zoom: 1;
    width: auto;
    padding: 10px 10px 3px 0;
    line-height: 27px;
    text-align: center;
}

.ui-tabs-nav li.green-tab {
    background: url("../images/tabs/tabs_left_green.png") no-repeat 0 0;
}

.ui-tabs-nav li.green-tab a {
    background: url("../images/tabs/tabs_right_green.png") no-repeat right top;
    font-weight: bold;
}

.ui-tabs-nav li.green-tab a:link, .ui-tabs-nav li.green-tab a:visited {
    color: #fff;
}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #2bb2c2;
    color: #888;
}

.ui-tabs-nav li.ui-tabs-selected a:link, .ui-tabs-nav li.ui-tabs-selected a:visited {
    color: #333;
}

.ui-tabs-nav li.ui-tabs-selected {
    background-position: 0 -40px;
}

.ui-tabs-nav li.ui-tabs-selected a {
    background-position: right -40px;
}

.ui-tabs-panel {
}

/**************************************/
/*           FEATURES LIST            */
/**************************************/
.feature-list {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.feature-list li, .content .feature-list li {
    background: none;
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    padding: 0;
}

.content .feature-list li ul li {
    background: url(../images/pl_list_bullet.gif) no-repeat 0px 4px;
    padding-left: 25px;
    margin: 0 0 10px 0;
    float: none;
}

.feature-list li.last {
    margin: 0 0 20px 0;
}

.feature-list img {
    display: block;
    float: left;
}

.feature-list h4, .feature-list p {
    margin-left: 60px;
}

.feature-list li.no-icon h4, .feature-list li.no-icon p {
    margin-left: 0;
}

.feature-list p {
    color: #666666;
}

.features-block {
    padding: 10px;
}

.features-block .feature-list {
    overflow: hidden;
    width: 440px;
}

.features-block .feature-list li {
    width: 210px;
}

/**************************************/
/*           HOME SLIDESHOW           */
/**************************************/
#slide-wrapper {
    position: relative;
    margin-top: 35px;
}

#slide-wrapper .inner {
    background: url("../images/pl_screenshot_frame.png") no-repeat;
    padding: 133px 41px 160px 41px;
    position: absolute;
    left: 30px;
}

#slide-wrapper img {
    width: 320px;
    height: 480px;
    top: 0;
    left: 0
}

#slide {
    width: 320px;
    height: 480px;
    overflow: hidden;
}

/**************************************/
/*           CALL TO ACTION           */
/**************************************/
#cta {
    margin: 825px 0 20px 0;
}

#cta a.button {
    margin-bottom: 0;
}

/**************************************/
/*            TESTIMONIALS            */
/**************************************/
.testimonial {
    background: #eee url("../images/pl_open_quote.png") no-repeat 3px 3px;
    text-align: center;
}

.testimonial .inner {
    background: url("../images/pl_close_quote.png") no-repeat bottom right;
    padding: 10px;
}

.testimonial cite {
    color: #666;
    line-height: 1.5em;
    display: block;
    padding: 0 30px;
    font-size: 24px;
    font-weight: normal;
}

.testimonial h6 {
    padding: 0 10px 10px 10px;
    text-align: right;
    font-size: 16px;
}

/**************************************/
/*             CONTACT                */
/**************************************/
.contact-form {
    padding-top: 10px;
}

.contact-form .sub {
    padding: 10px 0 10px 10px;
}

.contact-form button {
    margin-right: 12px;
}

.contact-form label {
    font-weight: bold;
    color: #333;
}

/**************************************/
/*           CONTENT ZONE             */
/**************************************/
#content-zone {
    margin-top: 50px;
}

#content-zone h2 {
    text-align: left;
}

#content-zone .outer {
    background: url("../images/pl_content_bg_left.png") no-repeat top left;
    padding-left: 10px;
    position: relative;
    left: -10px;
    width: 100%;
}

#content-zone .inner {
    background: url("../images/pl_content_bg_right.png") no-repeat top right;
    padding: 10px 10px 0 0;
    min-height: 400px;
    height: auto;
    width: 100%;
}

#content-zone .sub {
    padding: 20px;
}

/**************************************/
/*              VIDEO                 */
/**************************************/
.video {
    margin-bottom: 20px;
}

/**************************************/
/*               BLOG                 */
/**************************************/
.comments {
}

.comments p {
    margin: 18px 0 0 10px;
    padding-left: 10px;
    float: right;
    font-size: 16px;
    background: url("../images/pl_comments_bg_left.png") no-repeat center left;
}

.comments a {
    background: url("../images/pl_comments_bg_right.png") no-repeat center right;
    display: block;
    padding: 7px 10px 7px 0;
}

#content-zone .blog .sub {
    padding: 10px 20px 0 0;
}

.blog h2 {
    font-size: 30px;
}

.blog .meta {
    color: #666;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    padding: 5px 0;
    margin-bottom: 5px;
}

#sidebar {
    margin-top: 260px;
}

.rss p {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.rss a {
    display: block;
    float: left;
    line-height: 28px;
}

.rss .icon {
    float: right;
    padding-right: 2px;
}

.rss img {
    vertical-align: middle;
}

#sidebar .block {
    border-bottom: #ccc 1px solid;
    margin-bottom: 10px;
}

.search form {
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.search input {
    width: 179px;
    display: block;
    float: left;
}

.search button {
    background: url("../images/pl_search.png") no-repeat;
    display: block;
    float: right;
    overflow: hidden;
    text-indent: -9000px;
    height: 28px;
    width: 30px;
    border: 0;
}

.categories ul {
    margin-bottom: 0;
}

/**************************************/
/*               FOOTER               */
/**************************************/
.footer {
    background: #e4e4e4;
    border-top: #ccc 1px solid;
}

.footer .container .content p {
    text-align: center;
    font-size: 14px;
    padding: 1em 0 0 0;
    color: #999;
}

/**************************************/
/* REVERSE (all dark on light areas)  */
/**************************************/
.reverse, .reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6 {
    color: #333;
}

.reverse hr {
    height: 2px;
    background: #fff;
    border-top: 1px #bbb solid;
}

.reverse div.border, .reverse div.colborder {
    border-color: #aaa;
}

.reverse a:hover {
    color: #000;
    text-decoration: underline;
}

/**************************************/
/*            USEFUL STUFF            */
/**************************************/
.note {
    color: #666;
}

.fleft {
    float: left !important;
}

.container .fleft {
    margin: 0 20px 10px 0;
}

.fright {
    float: right !important;
}

.container .fright {
    margin: 0 0 10px 20px;
}

.aleft, .container .aleft {
    text-align: left;
}

.aright, .container .aright {
    text-align: right;
}

.acenter, .container .acenter {
    text-align: center;
}

.container div.border {
    border-color: #666;
}

.container li p {
    text-align: left;
}

div.border, div.colborder {
    border-color: #333;
}

.no-margin, .container .no-margin {
    margin: 0;
}

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

.icon {
    vertical-align: middle;
}