/*  Copyright (c) 2009 IntaJob  */

@import "../css/reset.css";

/* @group Typography */
h3 {
    color: #52ADC6;
    font-weight: bold;
    font-size: 20px;
    }
h4 {
    color: #FFFFFF;
    font-size: 24px;
    margin-bottom: 10px;
    }
body {
    background: #284051 url(../images/front_page/body_tile.jpg) repeat-x;
    text-align: center;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    }
#banner h1 {
    font-size: 50px;
    color: #284051;
    padding-bottom: 15px;
    letter-spacing: -2px;
    }
.p {
    font-size: 14px;
    }
a {
    color: white;
    }
.banner_p {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    line-height: 24px;
    padding-right: 60px;
    }
/* @end */

/* @group Structure */
#wrapper {
    text-align: left;
    width: 920px;
    }
#header {
    width: 920px;
    background: url(../images/front_page/head_btm.jpg) no-repeat 0 bottom;
    }
#banner {
    background: url(../images/front_page/banner.jpg) no-repeat;
    width: 570px;
    height: 206px;
    padding-top: 90px;
    padding-left: 300px;
    padding-right: 50px;
    }
#banner h2 {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    }
#steps h2 {
    padding-top: 30px;
    color: #284051;
    font-weight: bold;
    font-size: 15px;
    }
span.free_text {
    color: #52adc6;
    font-weight: bold;
    }
#banner ul {
    padding-bottom: 10px;
    }
#banner ul li {
    font-size: 13px;
    color: #52adc6;
    padding-bottom: 8px;
    font-weight: bold;
    background: url(../images/front_page/li_bullet.jpg) no-repeat left top;
    padding-left: 25px;
    }
#content {
    background: url(../images/front_page/content_tile.jpg) repeat-y;
    width: 920px;
    float: left;
    }
#steps {
    width: 560px;
    float: left;
    padding-left: 60px;
    }
    
#resume_examples {
    width: 560px;
    float: left;
	padding-top: 30px;
    padding-left: 60px;
}

#resume_examples div {
    text-align: center;
}

#testimonials {
    width: 560px;
    float: left;
    padding-left: 60px;
}

#testimonials h3{
    padding-bottom: 20px;
}

#testimonials #testimonials_list{
}

#testimonials_list .item {
    width: 145px;
    float: left;
    font-size: 16px;
    font-style: italic;
    margin-left: 22px;
}

#testimonials_list .first {
    margin-left: 40px;
}

#testimonials_list .item .author {
    text-align: center;
}
#testimonials_list .item .item-top {
    height: 6px;
    background: #53adc7 url(../images/front_page/testimonial_top.gif) no-repeat top center;
}

#testimonials_list .item .item-content {
    height: 155px;
    color: #fff;
    padding: 4px 15px 35px 15px;
    background: #53adc7 url(../images/front_page/testimonial_bottom.gif) no-repeat bottom center;
}
#call_to_action {
    width: 560px;
    float: left;
	padding-top: 60px;
	padding-bottom: 30px;
    padding-left: 60px;
    } 
#footer {
    padding-top: 60px;
    clear: both;
    background: url(../images/front_page/footer.jpg) no-repeat;
    text-align: center;
    font-size: 10pt;
    color: white;
    line-height: 22px;
    padding-bottom: 20px;
    }
#footer a {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    }
#footer a:hover {
    text-decoration:underline;
    }
body {
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    }
.logo {
    margin-top: 29px;
    }
.footer_blog_links {
    background: #1b2b36 url(../images/front_page/link_title.jpg) repeat-x;
    text-align: center;
    color: #666666;
    padding-top:25px;
    padding-bottom:25px;
    position:absolute;width:100%;left:0px;
    }
.footer_blog_links td{padding:5px; text-align:left;width:175px;}
.footer_blog_links a {font-size:10px;color:#fff;}
.footer_blog_links h4 {font-size:14px;color:#fff;}

/* @end */

/* @group Nav */
#nav {
    width: 880px;
    padding-right: 40px;
    }
#nav ul {
    list-style: none;
    }
#nav li {
    text-align: right;
    display: block;
    }
#nav a {
    background: #154b5c url(../images/front_page/nav_tile.jpg) repeat-x 0 top;
    color: white;
    font-size: 12px;
    display: block;
    padding: 5px 10px;
    float: right;
    font-weight: bold;
    }
#nav a:hover, #nav .current_page_item a {
    color: #52ADC6;
    background-color: white;
    background-image: none;
    }
#clear {
    clear: both;
    }
/* @end */

/* @group Images */
.steps {
    padding-bottom: 20px;
    }
#step_in {
    clear: both;
    padding-bottom: 30px;
    }
div#sidebar {
    font-size: 12px;
    float: right;
    padding-top: 10px;
    padding-right: 25px;
    width: 212px;
    }
#sidebar h2 {
    color: white;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 20px;
    padding-left: 12px;
    }
#sidebar a {
    color: white;
    font-size: 8px;
    text-decoration: none;
    }
/* @end */

/* @group Login */
.field2 {
    width: 80px;
    height: 18px;
    border: 1px solid silver;
    margin-right: 3px;
    }
input.field:hover, input.field2:hover, textarea.field:hover, textarea.field2:hover, select.field:hover, select.field2:hover {
    background: #ebfbff;
    }
input.field:focus, input.field2:focus, textarea.field:focus, textarea.field2:focus, select.field:focus, select.field2:focus {
    background: #ebfbff;
    }
.login_form {
    text-align: center;
    width: 515px;
    }
#head3 {
    display: none;
    position: absolute;
    margin-left: 375px;
    width: 515px;
    background: url(../images/front_page/login_top.jpg) no-repeat 0 top;
    }
#login_title {
    padding-left: 15px;
    padding-top: 10px;
    background: #ecf8fe none no-repeat;
    color: #154b5c;
    font-weight: bold;
    }
input.button {
    text-transform: uppercase;
    background: #56b0c8 url(../images/front_page/bttn_tile.jpg) repeat-x 0 top;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #52adc6;
    margin-left: 0px;
    margin-right: 5px;
    padding: 2px 3px;
    }
#head4 {
    font-size: 12px;
    color: #999999;
    background: url(../images/front_page/login_btm.jpg) no-repeat 0 bottom;
    padding-top: 10px;
    padding-bottom: 20px;
    }
#head4 a {
    font-size: 11px;
    color: #52ADC6;
    padding-left: 5px;
    }    
/* @end */

/* @group Orderedlists */
#steps li {
    padding:15px 0 15px 90px;
    }
#step-one {
    background:url(../images/front_page/create_icon.jpg) no-repeat 12px center;
    }
#step-two {
    background:url(../images/front_page/check_icon.jpg) no-repeat 16px center;
    }
#step-three {
    background:url(../images/front_page/invite_icon.jpg) no-repeat 0 center;
    }
/* @end */

/* @group Inputs */
table th.error{
    color: #ff6666;
    }
.error{
    color: #ff6666;
    }
input.field, select.field {
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 2px;
    text-align: left;
    background: #fff;
    color: #52ADC6;
    width: 200px;
    }
input.errorfield, select.errorfield {
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 2px;
    text-align: left;
    background: #FFECEC;
    color: #52ADC6;
    width: 200px;
    }
.label{
    color:#FFFFFF;
    }
.table_form2 tr td {
    padding-top:5px;
    padding-bottom:5px;
    }
/* @end */