/*
 Theme Name: The Client Machine
 Theme URI: http://www.clientmachine.freelancefolder.com/
 Description: A robust theme for freelancers. Features include custom invoices, custom proposals, client contact management, and more.
 Version: 1.2
 Text Domain: clientmachine
 Author: FreelanceFolder.com
 Author URI: http://freelancefolder.com
 Tags: menu area, widget-compatible, proposals, invoices, client contact management, fixed-width, portfolio, services, freelancers, freelance, clients
 
 
 -------= Copyright Notice =----------
 The Client Machine and related content are copyright FreelanceFolder http://freelancefolder.com
 
 Custom Images, CSS, and Javascript are licensed according to terms set forth at FreelanceFolder.com and at the time of purchase. These files are not to be copied or redistributed for any reason.
 
 Template files and related wordpress functions/PHP are released under GNU General Public License, version 2 (GPL).
 http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 -------------------------------------
 
 
 */


/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

ol, ul, li {
    list-style: none;
    list-style-position: outside;
}

/* Generic Styling */
a {
    outline: none;
    color: #304f54;
    text-decoration: none;
}

body {
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    color: #162426;
    background: #fff;
}

#content ol, ul {
    margin-left: 35px;
}

#content blockquote {
    background-color: #e2e2e2;
    font-style: italic;
    border: 1px solid #ccc;
    padding: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-left: 3px solid #d5d5d5;
}

#content cite {
    float: right;
    font-weight: bold;
    font-size: 13px;
    font-style: normal;
    padding-right: 16px;
    padding-top: 4px;
}

/* Header */
#header {
    width: 100%;
    height: 124px;
    background: url(images/inside_header.png) top repeat-x;
}

.header_inside {
    width: 960px;
    margin: 0 auto;
}

.logo {
    float: left;
   display: inline;
	height: 120px;
	width:300px;
    margin: 4px 0 0 10px;
}

.logo img {
 /*   vertical-align: top; */
 /* added margin-top padding 4-9-11 */
margin-top: 16px;
}

.head_links {
    float: right;
    height: 32px;
    display: inline;
    margin-right: 8px;
    color: #fff;
    padding: 0;
    background: #61696c url(images/rollovers.png) right -100px no-repeat;
}

.head_links ul {
    float: left;
    height: 32px;
    padding: 0 12px;
    background: url(images/rollovers.png) 0 -132px no-repeat;
    margin: 0;
}

.head_links ul li {
    display: inline;
}

.head_links ul li a {
    line-height: 30px;
    margin: 0 10px;
    color: #fff;
}

.head_links ul li a:hover {
    color: #bbb;
}

.menu {
    float: right;
    width: 610px;
    margin-top: 22px;
}

.menu li {
    position: relative;
    float: left;
    height: 70px;
    text-shadow: #fff 0px 1px 0px;
}

.menu li.current-menu-item {
    background: url(images/rollovers.png) center -422px no-repeat;
}

.menu li a {
    float: left;
    height: 52px;
    line-height: 52px;
    padding: 0 20px;
    font-size: 21px;
    color: #666666;
    background: url(images/rollovers.png) -298px -48px no-repeat;
}

.menu li a:hover, .menu li.current-menu-item a {
    color: #333;
}

ul.sub-menu {
    position: absolute;
    display: none;
    overflow: visible;
    z-index: 200;
    top: 51px;
    margin: 0;
    padding: 0px 0 5px 0;
    left: 0px;
    list-style: none;
    width: 150px;
    background-color: #e3e3e3;
    background-image: none;
    border-left: 1px solid #bbc0bd;
    border-right: 1px solid #ced2cf;
    border-bottom: 1px solid #ced2cf;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -khtml-border-bottom-right-radius: 8px;
    -khtml-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.menu ul.sub-menu a {
    color: #555;
}

ul.sub-menu li {
    height: 35px;
    width: 100%;
    margin: 0px;
    padding: 0px 0 10px;
    background: none;
    line-height: 25px;
    position: relative;
    float: left;
    border-top: 1px solid #ced2cf;
}

ul.sub-menu li:hover {
    background-color: #ededed;
}

ul.sub-menu li a {
    display: block;
    text-decoration: none;
    color: #6f6f6f;
    position: relative;
    z-index: 200;
    background: none;
    width: 100%;
    font-size: 14px;
}

ul.sub-menu li a:hover {
    color: #2d2d2d;
}

li:hover ul.sub-menu, li.over ul {
    display: block;
    position: absolute;
    z-index: 200;
    overflow: visible;
}

#header ul.sub-menu .sub-menu {
    display: none;
    top: -1px;
    left: 151px;
}

#header ul.sub-menu li:hover .sub-menu {
    display: block;
    z-index: 205;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.sub-menu li {
    float: left;
}
* html ul.sub-menu li a {
    height: 1%;
}

/* Text Logo */
#text-logo {
    width: 300px;
    padding-top: 44px;
    height: 74px;
    overflow: hidden;
}

#text-logo h1 {
    display: inline;
    color: #999;
    line-height: 32px;
    letter-spacing: -1.7px;
    font-size: 32px;
    font-weight: bold;
    font-family: 'Droid Sans', arial, serif;
    text-shadow: #555 1px 1px 1px
}

/* Feature Banner Rotator */
#index_banner {
    width: 100%;
    background: #3f6a71 url(images/banner_bg.png) center top repeat-x;
    border-bottom: 1px #28454c solid;
    position: relative;
	clear:both;
}

.ibanner_inside {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 46px 0 22px;
    overflow: hidden;
    background: transparent url(images/feature_bg.png) center bottom no-repeat;
}

.ibaner_inside a {
    color: #eee;
}

.iban_txt {
    float: left;
    width: 460px;
    display: inline;
    margin: 8px 0 0 3px;
    color: #deeaea;
    font-size: 17px;
}

.iban_txt h1 {
    font-size: 34px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 12px;
    text-shadow: 1px 1px 1px #192a2e;
    text-shadow: 1px 1px 0 #1d333a;
}

.iban_txt p {
    text-shadow: 1px 1px 0 #1d333a;
    margin-bottom: 32px;
    line-height: 140%;
}

.iban_txt p strong {
    color: #baecee;
}

.character .iban_txt {
    width: 650px;
    font-size: 17px;
}

.character .iban_txt h1 {
    font-size: 40px;
}

.character .iban_txt p {
    margin-right: 50px;
}

.iban_txt .iban_btn {
    width: 100%;
    overflow: hidden;
    line-height: 58px;
    text-shadow: 1px 1px 0 #1d333a;
}

.iban_txt .iban_btn span {
    color: #baecee;
    margin: 0 7px;
}

.iban_txt .iban_btn a {
    color: #eee;
}

.iban_txt .iban_btn a:hover {
    color: #fff;
    text-decoration: underline;
}

.iban_txt .btn_contact a {
    color: #395306;
    text-shadow: #a7cc5f 0px 1px 0px
}

.iban_txt .btn_contact a:hover {
    color: #d0ea9c;
    text-shadow: #5a7b17 0px 1px 0px;
    text-decoration: none;
}

.iban_txt .btn_contact {
    float: left;
    height: 62px;
    line-height: 58px;
    font-size: 22px;
    color: #3a5407;
    margin-right: 18px;
    text-shadow: none;
    background: url(images/rollovers.png) right -164px no-repeat;
}

.iban_txt .btn_contact em {
    float: left;
    height: 62px;
    line-height: 58px;
    padding: 0 50px 0 25px;
    cursor: pointer;
    font-style: normal;
    background: url(images/rollovers.png) 0 -226px no-repeat;
}

img#character {
    position: absolute;
    bottom: 0px;
    right: 25px;
    padding: 0;
    margin: 0;
}

.ibanner_inside .prop {
    height: 265px;
    float: right;
    width: 1px;
}

.iban_slide_holder {
    float: right;
    width: 467px;
    height: 269px;
    display: inline;
    margin-right: 12px;
    overflow: hidden;
    border: 1px #8d9193 solid;
    position: relative;
    -moz-box-shadow: 2px 4px 12px #0b1723;
    -webkit-box-shadow: 2px 4px 12px #0b1723;
    box-shadow: 2px 4px 12px #0b1723;
}

.iban_slide {
    width: 467px;
    height: 269px;
}

.iban_slide li {
    float: left;
}

.iban_slide li img {
    vertical-align: top;
}

.iban_control {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 467px;
    height: 269px;
}

.iban_control a {
    float: left;
    width: 28px;
    height: 30px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 120px;
    background: url(images/rollovers.png);
}

.iban_control a.slide_prev {
    background-position: 0 0;
    left: 4px;
}

.iban_control a.slide_next {
    background-position: 0 -30px;
    right: 4px;
}

.iban_control ul {
    position: absolute;
    right: 5px;
    bottom: 4px;
}

.iban_control ul li {
    float: left;
    width: 6px;
    height: 6px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline;
    margin: 0 2px;
    background: url(images/rollovers.png) 0 -60px;
}

.iban_control ul li.on {
    background-position: 0 -66px;
}

#index_sbanner {
    width: 100%;
    background: #618e95 url(images/sban_top.gif) top repeat-x;
}

.sbanner_bottom {
    width: 100%;
    background: url(images/sban_bottom.gif) bottom repeat-x;
    padding: 19px 0 13px;
}

.sbanner_inside {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

.sbox {
    float: left;
    width: 226px;
    background: url(images/sbox.gif) 0 bottom no-repeat;
    color: #5a9498;
    margin-right: 15px;
}

.sbox_inside {
    padding: 12px 18px 30px;
    background: url(images/sbox.gif) -226px top no-repeat;
}

.sbox h2 {
    font-size: 16px;
    font-weight: bold;
    color: #09182d;
    margin-bottom: 10px;
}

.sbox_last {
    margin: 0;
}

/* Main Content */
#content {
    width: 100%;
    border-bottom: 1px #fff solid;
    background: url(images/rollovers.png) 0 -778px repeat-x;
}

.content_inside {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0 55px;
    overflow: hidden;
}

.main_content {
    float: left;
    width: 600px;
    display: inline;
    margin-left: 10px;
    overflow: hidden;
}

.main_content.full_width {
    width: 100%;
    margin-left: 0px;
    }

h3 {
    font-size: 18px;
    padding-bottom: 8px;
    margin-bottom: 14px;
    padding-top: 10px;
    border-bottom: 3px #d8e4e5 solid;
    font-weight: normal;
}

h3 strong {
    color: #08182c;
}

.special_slide {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 10px;
}

.special_slide .btn_prev, .special_slide .btn_next {
    float: left;
    width: 26px;
    height: 41px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline;
    margin-top: 37px;
    display: inline;
    background: url(images/rollovers.png) -50px 0 no-repeat;
}

.special_slide .btn_prev {
    margin-left: 8px;
}

.special_slide .btn_next {
    background-position: -76px 0;
    position: relative;
    z-index: 10;
    left: -10px;
}

.s_slider {
    float: left;
    width: 525px;
    overflow: hidden;
}

.s_slider ul li {
    float: left;
    width: 175px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.s_slider ul li img {
    vertical-align: top;
    margin-bottom: 5px;
    display: block;
}

.s_slider li span {
    display: block;
    margin-right: 25px;
}

.work_list {
    width: 100%;
    overflow: hidden;
}

.work_list ul {
    margin: 0;
    width: 650px;
    overflow: hidden;
}

.work_list li {
    float: left;
    width: 284px;
    padding: 2px 2px 20px 2px;
    margin-right: 20px;
    position: relative;
}

.work_list li .wo_img {
    width: 282px;
    border: 1px #d5d2cc solid;
    margin-bottom: 11px;
}

.work_list li .wo_img img {
    width: 262px;
    height: 122px;
    padding: 9px 10px;
    vertical-align: top;
}

.work_list li .wo_txt {
    color: #333;
    text-align: center;
}

.work_list li .wo_txt strong {
    font-size: 14px;
    display: block;
    margin-bottom: 3px;
}

.work_list li .wo_tape {
    width: 100%;
}

.work_list li .wo_tape span {
    position: absolute;
    width: 32px;
    height: 28px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(images/rollovers.png) -263px 0 no-repeat;
}

.work_list li .wo_tape span.tape1 {
    right: -4px;
    top: -2px;
}

.work_list li .wo_tape span.tape2 {
    top: 122px;
    left: -2px;
}

.btn_view_more {
    display: block;
    padding: 15px 0;
    font-size: 18px;
    color: #08182c;
    text-align: center;
    background: #d2e2e4;
    border: 1px #96bbbd solid;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.btn_view_more:hover {
    background: #dde9eb;
}

.sidebar {
    float: right;
    width: 280px;
    display: inline;
    margin-right: 10px;
}

.sidebar p {
    margin-bottom: 18px;
    line-height: 140%;
}

.me_box {
    background: #d2e2e4;
    border: 1px #96bbbd solid;
    width: 260px;
    padding: 9px;
    margin-bottom: 16px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.me_box_inside {
    background: #fff;
}

.me_box_inside img {
    display: block;
}

.connect_list {
    width: 248px;
    background: #d2e2e4;
    border: 1px #96bbbd solid;
    margin-bottom: 32px;
    overflow: hidden;
    padding: 10px 10px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.connect_list a {
    padding-right: 6px;
}

.contact_form {
    width: 100%;
    overflow: hidden;
}

.contact_form label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #304f54;
}

.contact_form .input_txt {
    display: block;
    width: 270px;
    padding: 7px 4px;
    border: 1px #97bcbe solid;
    margin-bottom: 16px;
    font-size: 14px;
    font-family: Arial;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.contact_form textarea {
    display: block;
    width: 270px;
    padding: 7px 4px;
    border: 1px #97bcbe solid;
    margin-bottom: 16px;
    font-size: 14px;
    font-family: Arial;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    height: 62px;
    overflow: auto;
}

.contact_form .input_send {
    float: right;
    width: 146px;
    height: 29px;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    font-family: Arial;
    color: #fff;
    text-align: left;
    background: url(images/rollovers.png) -110px 0 no-repeat;
    padding-left: 18px;
}

form.large textarea {
    width: 90%;
    height: 100px
}

form.large .input_send {
    margin-right: 50px;
}

#password {
    width: 300px;
    padding-right: 0px;
}

#password .input_send {
    margin-right: 20px;
}

#password h3 {
    margin-right: 20px;
}

#pp_full_res .contact_form textarea {
    width: 465px;
    height: 175px;
}

.pp_inline {
    padding: 5px 10px 0px 10px;
}

#searchform input {
    display: block;
    width: 270px;
    padding: 7px 4px;
    border: 1px #97bcbe solid;
    margin-bottom: 16px;
    font-size: 14px;
    font-family: Arial;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#searchform input#searchsubmit {
    float: right;
    width: 146px;
    height: 29px;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    font-family: Arial;
    color: #fff;
    text-align: left;
    background: url(images/rollovers.png) -110px 0 no-repeat;
    padding-left: 18px;
}

/* Lower Content */
#bottom_content {
    width: 100%;
    background: #1a1b1c url(images/bottom_content_bg.gif) top repeat-x;
    padding: 18px 0 32px;
}

.bottom_content_inside {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
    color: #ccc;
}

h4 {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #fff;
    padding-bottom: 14px;
    margin-bottom: 34px;
    border-bottom: 1px #2a4055 solid;
    font-weight: normal;
}

.testis {
    float: left;
    width: 720px;
}

.testis .single_testi {
    float: left;
    width: 215px;
    text-align: center;
    margin-right: 20px;
}

.testis .single_testi blockquote {
    font-style: italic;
    line-height: 140%;
    margin-bottom: 8px;
    line-height: 148%;
}

.testis .single_testi cite {
    display: block;
    color: #fff;
    font-style: normal;
    font-weight: bold;
}

.social_icons {
    float: left;
    width: 210px;
    margin-left: 20px;
}

.social_icons a {
    float: left;
    display: block;
    height: 32px;
    width: 32px;
    padding-right: 8px;
    padding-top: 9px;
}

/* Footer */
#footer {
    width: 100%;
    border-top: 1px #333 solid;
    background: #222;
    padding: 18px 0 22px;
    color: #fff;
    font-size: 13px;
}

.footer_inside {
    width: 960px;
    margin: 0 auto;
}

.footer_inside span {
    margin-right: 32px;
}

.footer_inside a {
    color: #baecee;
    font-weight: bold;
}

.footer_inside a:hover {
    color: #e0fcfd;
}

/*-------------------------------------- Blog Page -------------------------------------------*/
#banner {
    width: 100%;
    background: #3f6a71 url(images/banner_bg.png) center top repeat-x;
    border-bottom: 1px #28454c solid;
}

#banner a {
    color: #eee;
    text-decoration: underline;
}

#banner a:hover {
    color: #fff;
    text-decoration: none;
}

.banner_inside {
    width: 960px;
    margin: 0 auto;
    padding: 29px 0 26px;
    overflow: hidden;
    font-size: 19px;
    color: #deeaea;
    text-align: center;
    line-height: 160%;
    text-shadow: 1px 1px 0px #16272d;
}

.banner_inside strong {
    color: #b9ebed;
}

.post_detail {
    width: 100%;
    margin-bottom: 20px;
}

.post_detail h2 {
    font-size: 18px;
    font-weight: bold;
    color: #06182c;
    clear: both;
    margin-bottom: 5px;
    padding-bottom: 8px;
    border-bottom: 3px #d8e4e5 solid;
}

.post_detail h2.comments {
	font-size: 18px;
}

.post_info {
    color: #333;
    margin-bottom: 15px;
}

.single_post .post_info {
	margin-bottom: 5px;
}

div.post_info p {
	display: block;
}

.post_img {
    float: left;
    border: 1px #cdcdcd solid;
    clear: both;
    position: relative;
    margin-bottom: 25px;
}

.post_img img {
    display: block;
    padding: 6px;
    vertical-align: top;
}

.post_img span {
    position: absolute;
    width: 32px;
    height: 28px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(images/rollovers.png) -263px 0 no-repeat;
}

.post_img span.tape1 {
    right: -4px;
    top: -4px;
}

.post_img span.tape2 {
    bottom: -4px;
    left: -4px;
}

.post_txt {
    margin-bottom: 40px;
}

.post_txt {
    line-height: 140%;
}

.single_post h2 {
	font-size: 25px;
}

.post_txt h3 {
	padding: 0px;
	border: none;
	margin: 0px 0px 10px;
	font-weight: bold;
	font-size: 20px;
}

.post_txt h4 {
	color: #0b0b0b;
	margin: 0px 0px 10px;
	padding: 0px;
	border:none;
	font-style: italic;
	font-size: 16px;
}

.post_txt p {
    margin-bottom: 18px;
}

#content span.required {
    display: none;
}

.post_txt a {
    text-decoration: underline;
}

.post_txt ul {
    margin-bottom: 18px;
    list-style: disc;
    list-style-position: outside;
}

.post_txt ul li {
    margin-left: 20px;
    list-style: disc;
    list-style-position: outside;
}

.post_txt ol {
    margin-bottom: 18px;
    list-style: decimal;
    list-style-position: outside;
}

.post_txt ol li {
    margin-left: 25px;
    list-style: decimal;
    list-style-position: outside;
}

.portfolio_grid {
    width: 33.3%;
    float: left;
    height: 250px;
}

.portfolio_caption {
    width: 100%;
    margin: 0 auto;
    clear: both;
    text-align: center;
}

.portfolio_caption h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0px 0px;
    padding: 0px 0px 3px 0px;
    border-bottom: none;
}

.portfolio_grid .post_img {
    margin-left: 15px;
    margin-bottom: 20px;
    text-align: center;
    float: left;
}

.gallery .post_img .read_more {
    text-align: center;
}

.gallery .post_img .read_more a {
    display: none;
    width: 125px;
    margin: 0 auto;
    background-color: #000;
    opacity: .6;
    position: absolute;
    bottom: 10px;
    left: 85px;
    height: 35px;
    line-height: 35px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -border-radius: 8px;
    color: #fff;
}

.gallery .post_img .read_more a:hover {
    opacity: .8;
}

.gallery .post_img:hover .read_more a {
    display: block;
}

.gallery .portfolio_list .post_img .read_more a {
    left: 108px;
}

.gallery .post_img .read_more {
    text-align: center;
}

.portfolio_list {
    width: 100%;
}

.portfolio_list div.post_img {
    float: left;
}

.portfolio_list .portfolio_caption {
    width: 590px;
    float: left;
    clear: none;
    margin: 20px 0 20px 30px;
}

.portfolio_list .portfolio_caption h3 {
    float: left;
}

.portfolio_list .portfolio_caption p {
    float: left;
    clear: both;
}

.portfolio_content {
    float: left;
    margin-left: 30px;
    width: 590px;
}

div.portfolio_read_more {
    margin-top: 25px;
    float: right;
    width: 140px;
    height: 29px;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    font-family: Arial;
    color: #fff;
    text-align: left;
    background: url(images/rollovers.png) -110px 0 no-repeat;
    padding-left: 18px;
}

div.portfolio_read_more a {
    color: #fff;
    display: block;
    text-decoration: none;
    margin: 6px 0px;
}

.portfolio_list div.portfolio_caption h3 a {
    font-size: 23px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.portfolio_list div.portfolio_caption h3 a:hover {
    text-decoration: none;
    color: #578f98;
}

div.archive-meta {
    margin: 0px 0px 30px 0px;
    background-color: #e6e6e6;
    padding: 20px;
    border: 1px #96bbbd solid;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.intro {
    color: #2c515a;
    font-weight: bold;
}

.comments {
    width: 100%;
    padding-bottom: 30px;
}

.proposal_comments .comments {
	width: 600px;
}

.single_comment {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    margin-bottom: 10px;
	line-height: 12px;
}

.single_comment .comm_img {
    float: left;
    width: 90px;
    text-align: center;
}

.single_comment .comm_img img {
    display: block;
    vertical-align: top;
    width: 88px;
    height: 89px;
    padding: 1px;
    margin-bottom: 5px;
    border: 1px dashed black;
}

.single_comment .comm_img strong {
    width: 100%;
    display: block;
}

.single_comment .comm_txt {
    float: left;
    width: 438px;
    padding: 18px 15px 12px 15px;
    background: #f8efe0;
    border: 1px #dacfc0 solid;
    color: #564d33;
    margin-left: 30px;
    position: relative;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.single_comment .comm_txt .comm_corner {
    width: 9px;
    height: 15px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    left: -9px;
    top: 12px;
    background: url(images/rollovers.png) -90px -492px no-repeat;
}

.comm_txt a {
    text-decoration: underline;
}

div.comments li.single_comment .comm_txt p {
    margin-bottom: 5px;
    margin-left: 0px;
}

.comm_txt ul {
    margin-bottom: 5px;
    list-style: disc;
    list-style-position: outside;
}

.comm_txt ul li {
    margin-left: 20px;
    list-style: disc;
    list-style-position: outside;
}

.comm_txt ol {
    margin-bottom: 5px;
    list-style: decimal;
    list-style-position: outside;
}

.comm_txt ol li {
    margin-left: 25px;
    list-style: decimal;
    list-style-position: outside;
}

.comment_form {
    width: 100%;
    overflow: hidden;
}

.comment_form label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #304f54;
}

.comment_form input {
    display: block;
    width: 270px;
    padding: 7px 4px;
    border: 1px #97bcbe solid;
    margin-bottom: 16px;
    font-size: 14px;
    font-family: Arial;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.comment_form textarea {
    display: block;
    width: 590px;
    padding: 7px 4px;
    border: 1px #97bcbe solid;
    margin-bottom: 16px;
    font-size: 14px;
    font-family: Arial;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 92px;
    overflow: auto;
}

.comment_form .input_send {
    float: right;
    width: 146px;
    height: 29px;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    font-family: Arial;
    color: #fff;
    text-align: left;
    background: url(images/rollovers.png) -110px 0 no-repeat;
    padding-left: 18px;
}

#commentform {
    width: 100%;
    overflow: hidden;
}

#commentform label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #304f54;
}

#commentform input {
    display: block;
    width: 270px;
    padding: 7px 4px;
    border: 1px #97bcbe solid;
    margin-bottom: 16px;
    font-size: 14px;
    font-family: Arial;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#commentform textarea {
    display: block;
    width: 590px;
    padding: 7px 4px;
    border: 1px #97bcbe solid;
    margin-bottom: 16px;
    font-size: 14px;
    font-family: Arial;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 92px;
    overflow: auto;
}

#commentform input#submit {
    float: right;
    width: 146px;
    height: 29px;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    font-family: Arial;
    color: #fff;
    text-align: left;
    background: url(images/rollovers.png) -110px 0 no-repeat;
    padding-left: 18px;
}

#commentform input#comment_post_ID,
#commentform input#comment_parent,
#commentform input#_wp_unfiltered_html_comment {
    display: none;
}

#commentform .comment-notes {
    padding: 5px 0px;
}

#commentform span.required {
    float: left;
}

#respond #commentform {
    width: 600px;
}

.widget-container {
    clear: both;
    margin-bottom: 20px;
}

.h_rcomments,
#content div.content_inside div.sidebar div.widget-container.widget_recent_comments h3.widget-title {
    padding-left: 40px;
    font-weight: bold;
    background: url(images/rollovers.png) -112px -526px no-repeat;
}

.h_categories,
#content div.content_inside div.sidebar div.widget-container.widget_categories h3.widget-title {
    padding-left: 40px;
    font-weight: bold;
    background: url(images/rollovers.png) -112px -576px no-repeat;
}

.side_list {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.side_list li {
    float: left;
    width: 80%;
    padding-left: 20px;
    margin-bottom: 6px;
    background: url(images/rollovers.png) -288px -488px no-repeat;
}

.side_list li a {
    color: #304e53;
}

.sidebar ul li {
    float: left;
    width: 80%;
    padding-left: 20px;
    margin-bottom: 6px;
    background: url(images/rollovers.png) -288px -488px no-repeat;
}

.sidebar ul li a {
    color: #304e53;
}

#pagination a {
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #333;
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 0 10px;
    margin-right: 25px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#pagination a:hover {
    background-color: #f9f9f9;
    border: 1px solid #eee;
}

/*-------------------------------------- Proposal Page -------------------------------------------*/
.banner_inside h1 {
    float: left;
    font-size: 19px;
    color: #deeaea;
    line-height: 160%;
    display: inline;
    margin-left: 10px;
    text-shadow: 1px 1px 0px #16272d;
    padding-top: 8px;
    font-weight: normal;
}

.banner_inside h1 span {
    color: #fff;
}

.banner_inside h1 strong {
    color: #b8ebeb;
}

.banner_inside .btn_approve {
    float: right;
    display: inline;
    margin-right: 10px;
}

.btn_approve {
    display: block;
    margin: 0 auto;
    width: 159px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    color: #192101;
    font-weight: bold;
    background: url(images/rollovers.png) 0 -624px no-repeat;
    text-shadow: none;
}

.banner_inside p.proposalstatus {
	float: right;
    font-size: 19px;
    color: #deeaea;
    line-height: 160%;
    display: inline;
    margin-left: 10px;
    text-shadow: 1px 1px 0px #16272d;
    padding-top: 8px;
    font-weight: normal;
}

#content div.content_inside div.content_shadow p.proposalstatus {
	margin: 0 auto;
	text-align: center;
	font-size: 22px;
    color: #b9ebed;
    line-height: 160%;
    text-shadow: 1px 1px 0px #e1e1e1;
	font-weight: bold;
}

html body #banner .banner_inside .btn_approve {
    text-decoration: none;
    color: #222222;
}

.content_shadow {
    width: 860px;
    margin: 0 auto 30px;
    overflow: hidden;
    padding: 25px 40px;
    -moz-box-shadow: 0 0 20px #aaa;
    -webkit-box-shadow: 0 0 20px #aaa;
    box-shadow: 0 0 20px #aaa;
    behavior: url(ie-css3.htc);
}

.proposal_page {
    margin-bottom: 30px;
}

.proposal_info {
    width: 100%;
    margin: 0 auto 20px;
    overflow: hidden;
}

.proposal_info .pro_logo {
    float: left;
    width: 200px;
    display: inline;
    margin-left: 20px;
    padding: 8px 10px 0 0;
}

.proposal_info .pro_logo img {
    width: 185px;
    height: auto;
    vertical-align: top;
}

.proposal_info .pro_txt {
    float: left;
    width: 360px;
    padding: 4px 0 6px 20px;
    line-height: 150%;
    color: #333;
    border-left: 1px #ccc solid;
}

.proposal_info .pro_btns {
    float: right;
    width: 146px;
    display: inline;
    margin-right: 20px;
    padding-top: 20px;
    overflow: hidden;
}

.proposal_info .pro_btns a {
    float: left;
    display: block;
    width: 146px;
    height: 29px;
    line-height: 29px;
    color: #fff;
    text-indent: 42px;
    overflow: hidden;
    font-weight: bold;
    background: url(images/rollovers.png) 0 -717px no-repeat;
    margin-bottom: 10px;
}

.proposal_info .pro_btns a.btn_save {
    background-position: 0 -717px;
}

.proposal_info .pro_btns a.btn_print {
    background-position: 0 -746px;
}

.proposal_info .pro_btns a.btn_email {
    background-position: -146px -717px;
}

#content .btn_row a.btn_email {
    background-position: -146px -717px;
}

.gap_line {
    width: 100%;
    height: 1px;
    text-indent: -9999px;
    overflow: hidden;
    background: #ccc;
    margin-bottom: 20px;
    clear: both;
}

.proposal_cont {
    width: 820px;
    margin: 0 auto 24px;
    color: #333;
    line-height: 140%;
    overflow: hidden;
}

.proposal_cont h2 {
    width: 100%;
    height: 47px;
    line-height: 47px;
    color: #fff;
    font-size: 18px;
    text-indent: 20px;
    overflow: hidden;
    font-weight: bold;
    background: url(images/rollovers.png) 0 -670px repeat-x;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
}

.proposal_cont h3 {
    font-size: 14px;
    font-weight: bold;
    color: #304e53;
    margin-bottom: 8px;
    border: 0;
    padding: 0;
}

.pro_cont {
    margin-bottom: 20px;
}

.complite_date {
    float: left;
    width: 280px;
}

.complite_date .pro_cont {
    padding: 10px 24px 14px;
}

.complite_date p {
    font-size: 25px;
    color: #999;
}

.complite_date_bottom {
    height: 10px;
    width: 100%;
    text-indent: -9999px;
    overflow: hidden;
    background: #09192f;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-radius: 0 0 5px 5px;
}

.pro_cont h3 {
    padding: 15px 24px 9px;
}

.pro_cont p {
    margin-bottom: 10px;
    padding: 5px 24px;
}

.pro_cont a {
    text-decoration: underline;
}

.pro_cont ul {
    margin-bottom: 10px;
    list-style: disc;
    list-style-position: outside;
    padding: 5px 24px;
}

.pro_cont ul li {
    margin-left: 20px;
    list-style: disc;
    list-style-position: outside;
}

.pro_cont ol {
    margin-bottom: 10px;
    list-style: decimal;
    list-style-position: outside;
    padding: 5px 24px;
}

.pro_cont ol li {
    margin-left: 25px;
    list-style: decimal;
    list-style-position: outside;
}

.proposal_sum {
    padding: 18px 9px;
}

.proposal_comments {
    position: relative;
    margin: 50px 0px;
    min-height: 550px;
}

.proposal_comments #respond {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
}

.proposal_comments #respond #commentform {
    width: 310px;
}

.proposal_comments textarea#comment {
    display: block;
    width: 270px;
    padding: 7px 4px;
    border: 1px #97bcbe solid;
    margin-bottom: 16px;
    font-size: 14px;
    font-family: Arial;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 150px;
    overflow: auto;
}

.small_terms_box {
    float: left;
    width: 410px;
    padding: 10px 98px 30px 20px;
    border: 1px #ccc solid;
    margin-left: 10px;
    color: #333;
    line-height: 150%;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.terms_box {
    clear: both;
    width: 700px;
    padding: 10px 98px 30px 20px;
    border: 1px #ccc solid;
    margin-left: 20px;
    margin-bottom: 30px;
    color: #333;
    line-height: 150%;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.terms_box.invoice {
    clear: both;
    overflow: hidden;
}

.proposal_total {
    width: 820px;
    margin: 0 auto 25px;
    overflow: hidden;
    clear: both;
    font-size: 14px;
    line-height: 150%;
}

.proposal_total .proposal_to {
    float: left;
    color: #666;
}

.proposal_total .proposal_count {
    float: right;
    text-align: right;
    color: #999;
    padding-bottom: 10px;
}

.proposal_total strong {
    color: #333;
}

.proposal_total .p1 {
    font-weight: bold;
}

.proposal_total .p2 {
    margin-bottom: 20px;
}

.proposal_total .p3 {
    font-size: 36px;
    color: #666;
    padding-top: 12px;
    font-weight: bold;
}

.proposal_table {
    width: 818px;
    padding: 3px 0;
    margin: 0 auto 20px;
    border: 1px #333 solid;
    background: #333;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.proposal_table table {
    width: 818px;
    font-size: 14px;
    color: #333;
    background: #333;
}

.proposal_table th {
    height: 44px;
    color: #fff;
    text-align: left;
    padding: 0 20px;
}
.proposal_table th#itmdesc{width:500px;}
.proposal_table th#qty{width:64px;}
.proposal_table th#uprice{width:127px;}
.proposal_table th#ptotal{width:127px;}
.proposal_table th#th_inv{width:37%;}
.proposal_table th#th_invnum{width:16%;}
.proposal_table th#th_status{width:16%;}
.proposal_table th#th_due{width:21%;}
.proposal_table th#th_prop{width:46%;}
.proposal_table th.th_prop2{width:18%;}
 


.proposal_table th.th_total {
    text-align: right;
}

.proposal_table td {
    height: 44px;
    background: #fff;
    text-align: left;
    padding: 0 20px;
}

.proposal_table tr.even td {
    background: #e2ecec;
}

.proposal_table.subtotal_table {
    width: 430px;
    float: right;
    margin-right: 20px;
}

.proposal_table.subtotal_table table {
    width: 430px;
}

.proposal_table.subtotal_table th.th_total {
    height: 5px;
}

.invoice_total {
    margin: 20px 0px;
}

.invoice_title {
    color: #414141;
    font-size: 50px;
    line-height: 74px;
}

.btn_row {
    width: 315px;
    margin: 0 auto;
    overflow: hidden;
}

.btn_row a {
    float: left;
    width: 146px;
    height: 29px;
    line-height: 29px;
    color: #fff;
    text-indent: 42px;
    overflow: hidden;
    font-weight: bold;
    display: inline;
    background: url(images/rollovers.png) 0 -717px no-repeat;
    margin-bottom: 10px;
}

.btn_row a.btn_save {
    background-position: 0 -717px;
    margin-left: 320px;
}

.btn_row a.btn_print {
    background-position: 0 -746px;
    margin-left: 18px;
}

ul.post-categories {
    display: inline;
    clear: none;
}

ul.post-categories li {
    display: inline;
    padding: 0px 3px;
    border-right: 1px solid #304f54;
}

#wp_tag_cloud div {
    line-height: 1.6em;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    color: #656565;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: left;
}

#wp-calendar thead {
    font-size: 13px;
}

#wp-calendar tbody {
    color: #aaa;
}

#wp-calendar tbody tr td a {
    color: #304f54;
}

#wp-calendar tbody td {
    background: #eee;
    border: 1px solid #fff;
    padding: 3px 0 2px;
    text-align: center;
}

#wp-calendar tbody .pad {
    background: none;
}

#wp-calendar tfoot #next {
    text-align: right;
}
/*------------------------------------ ReCaptcha Style ---------------------------------------*/
#content .contact_form #recaptcha_widget_div{
	margin-left:1px !important;
	margin-bottom:20px !important;	
	clear:both !important;
	
}
#content .contact_form #sidebar_captcha #recaptcha_widget_div{
	width: 280px !important;
	padding:0px;
	margin:0px;
	}
	
#content .contact_form #sidebar_captcha #recaptcha_widget_div #recaptcha_img img{
	width: 280px !important;

}

/* Comment Threading Styles */
div.comments .navigation {
	font-weight: bold;
}

a.comment-reply-link {
	float: right;
	text-decoration: none;
	clear: both;
	color: #353535;
	font-weight: bold;
}

a.comment-reply-link:hover {
	color: #468099;
}

div.alignleft {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

div.alignright {
	float: right;
	width: 100%;
	margin-bottom: 10px;
}

.comments ul {
	margin: 0px;
}

.comments ul li.single_comment{
	float: left;
}

.comments ul.children {
	margin-left: 25px;
}

div.comments ul.children li.single_comment div.comm_txt {
	width: 413px;
    background: #f9fcfe;
}

div.comments ul.children ul.children li.single_comment div.comm_txt {
	width: 378px;
}

div.comments ul.children ul.children ul.children li.single_comment div.comm_txt {
	width: 343px;
}

div.comments ul.children ul.children ul.children ul.children li.single_comment div.comm_txt {
	width: 308px;
}

div.comments li.single_comment p {
	display: block;
	float: left;
	margin: 0px 0px 10px 32px;
}

div.comments li.single_comment p strong {
	color: #327996;
}

a#cancel-comment-reply-link {
	margin-left: 40px;
	font-size: 12px;
}

div.post_thumb img.attachment-thumbnail.wp-post-image {
	float: left;
	padding: 2px;
	margin: 0px 15px 15px 0px;
	border: 3px solid #b0b0b0;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

span.comment-num {
	width: 42px;
	height: 23px;
	overflow: visible;
	display: inline-block;
	padding-top: 6px;
	background: url(images/comment-bubble.png) no-repeat;
	font-weight: bold;
	text-align: center;
}

div.post_image img.attachment-blog-large.wp-post-image {
	padding: 2px;
	margin: 0px 0px 15px 0px;
	border: 3px solid #b0b0b0;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.sidebar .widget_nav_menu .menu {width: 100%;}
.sidebar .widget_nav_menu ul {float: left;margin: 0px 0px 0px 20px;}
.sidebar .widget_nav_menu ul li{background: none;padding: 5px 0px ;margin: 0px 0px 0px 0px;height: 20px;}
.sidebar .widget_nav_menu ul li a{background: none;padding: 0px 0px 0px 0px;font-size: 16px;height: 20px;line-height: 20px;margin: 0px;}