@charset "utf-8";
/*
Template Name: PhotoProwess
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("navi.css");
@import url("forms.css");
@import url("tables.css");
@import url("homepage.css");
@import url("gallery.css");
@import url("portfolio.css");

html {
    overflow-y: scroll;
}

body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #CCCCCC;
    background-color: #333333;
}

.justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.nostart {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.clear::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.clear {
    display: inline-block;
}

html[xmlns] .clear {
    display: block;
}

* html .clear {
    height: 1%;
}

a {
    outline: none;
    text-decoration: none;
}

.fl_left,
.imgl {
    float: left;
}

.fl_right,
.imgr {
    float: right;
}

img {
    margin: 0;
    padding: 0;
    border: none;
}

.imgl,
.imgr {
    padding: 4px;
    border: 1px solid #D8D9DE;
}

.imgl {
    margin: 0 15px 15px 0;
    clear: left;
}

.imgr {
    margin: 0 0 15px 15px;
    clear: right;
}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

div.wrapper h1,
div.wrapper h2,
div.wrapper h3,
div.wrapper h4,
div.wrapper h5,
div.wrapper h6 {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
}

.col1,
.col1 a {
    color: #676767;
    background-color: #191919;
    border-top: 10px solid #B86365;
}

.col1 a {
    border: none;
}

.col2 {
    color: #666666;
    background-color: #202020;
}

.col3 {
    color: #989898;
    background: url("images/featured_slide.gif") top left repeat-x #FAFAFA;
}

.col4 {
    color: #989898;
    background-color: #FAFAFA;
}

/* ----------------------------------------------Generalise------------------------------------- */

#topbar,
#header,
#featured_slide,
#container,
#footer,
#backtotop,
#copyright {
    display: block;
    position: relative;
    width: 960px;
    margin: 0 auto;
}

/* ----------------------------------------------TopBar------------------------------------- */

#topbar {
    padding: 15px 0;
}

#topbar p,
#topbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
}

#topbar ul {
    float: left;
    margin-top: 7px;
}

#topbar li {
    display: inline;
    margin: 0 15px 0 0;
}

#topbar li.last {
    margin-right: 0;
}

/* ----------------------------------------------Header------------------------------------- */

#header {
    padding: 25px 0 30px 0;
    z-index: 1000;
}

#header h1,
#header p,
#header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
}

#header h1 a {
    font-size: 36px;
    color: #FFFFFF;
    background-color: #202020;
}

/* ----------------------------------------------Content------------------------------------- */

#container {
    padding: 30px 0;
}

#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6 {
    margin-bottom: 20px;
    color: #797979;
    background-color: #FAFAFA;
    font-size: 22px;
    font-style: italic;
}

#container a {
    color: #B86365;
    background-color: #FAFAFA;
}

.readmore {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
}

.readmore a {
    display: inline-block;
    height: 33px;
    padding-left: 10px;
    background: url("images/readmore_left.gif") top left no-repeat;
}

.readmore strong {
    padding: 9px 10px 9px 0;
    line-height: 33px;
    white-space: nowrap;
    background: url("images/readmore_right.gif") top right no-repeat;
}

#shout {
    display: block;
    width: 900px;
    height: 81px;
    margin: 0 0 30px 0;
    padding: 25px 30px 0 30px;
    color: #E5E5E5;
    background: url("images/shout_bg.gif") top left no-repeat #B86365;
}

#shout h2,
#shout p {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    font-style: normal;
    color: #E5E5E5;
    background-color: #B86365;
}

#shout h2 {
    margin: -6px 0 6px 0;
    font-size: 36px;
}

#shout p {
    font-size: 18px;
}

#shout p a {
    display: block;
    width: 279px;
    height: 43px;
    padding: 15px 0 0 0;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #E5E5E5;
    background: url("images/shout_a_bg.gif") top left no-repeat #CB8B8C;
}

#content {
    display: block;
    float: left;
    width: 630px;
}

/* Comments */

#comments {
    margin-bottom: 40px;
}

#comments .commentlist {
    margin: 0;
    padding: 0;
}

#comments .commentlist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#comments .commentlist li.comment_odd,
#comments .commentlist li.comment_even {
    margin: 0 0 10px 0;
    padding: 15px;
    list-style: none;
}

#comments .commentlist li.comment_odd {
    color: #666666;
    background-color: #F7F7F7;
}

#comments .commentlist li.comment_odd a {
    color: #B86365;
    background-color: #F7F7F7;
}

#comments .commentlist li.comment_even {
    color: #666666;
    background-color: #E8E8E8;
}

#comments .commentlist li.comment_even a {
    color: #B86365;
    background-color: #E8E8E8;
}

#comments .commentlist .author .name {
    font-weight: bold;
}

#comments .commentlist .submitdate {
    font-size: smaller;
}

#comments .commentlist p {
    margin: 10px 5px 10px 0;
    padding: 0;
    font-weight: normal;
    text-transform: none;
}

#comments .commentlist li .avatar {
    float: right;
    border: 1px solid #EEEEEE;
    margin: 0 0 0 10px;
}

/* ----------------------------------------------Column------------------------------------- */

#column {
    display: block;
    float: right;
    width: 300px;
}

#column .holder,
#column #featured {
    display: block;
    width: 300px;
    margin-bottom: 20px;
}

#column .holder h2.title {
    display: block;
    width: 100%;
    height: 65px;
    margin: 0;
    padding: 15px 0 0 0;
    font-size: 20px;
    line-height: normal;
    border-bottom: 1px dotted #999999;
}

#column .holder h2.title img {
    float: left;
    margin: -15px 8px 0 0;
    padding: 5px;
    border: 1px solid #999999;
}

#column div.imgholder {
    display: block;
    width: 290px;
    margin: 0 0 10px 0;
    padding: 4px;
    border: 1px solid #CCCCCC;
}

#column .holder p.readmore {
    display: block;
    width: 100%;
    font-weight: bold;
    text-align: right;
    line-height: normal;
}

/* Featured Block */

#column #featured ul,
#column #featured h2,
#column #featured p {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #666666;
    background-color: #F7F7F7;
}

#column #featured a {
    color: #B86365;
    background-color: #F7F7F7;
}

#column #featured li {
    display: block;
    width: 250px;
    margin: 0;
    padding: 20px 25px;
    color: #666666;
    background-color: #F7F7F7;
}

#column #featured li p.imgholder {
    display: block;
    width: 240px;
    height: 90px;
    margin: 20px 0 15px 0;
    padding: 4px;
    border: 1px solid #CCCCCC;
}

#column #featured li h2 {
    margin: 0;
    padding: 0 0 8px 0;
    font-weight: normal;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: normal;
    border-bottom: 1px dotted #999999;
}

#container #column .readmore a {
    display: block;
    width: 100%;
    margin-top: 15px;
    height: auto;
    padding-left: 0;
    font-weight: bold;
    text-align: right;
    line-height: normal;
    background: none;
}

#column .latestnews {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#column .latestnews li {
    display: block;
    width: 100%;
    height: 99px;
    margin: 0 0 11px 0;
    padding: 0 0 21px 0;
    border-bottom: 1px dotted #C7C5C8;
    overflow: hidden;
}

#column .latestnews li.last {
    margin-bottom: 0;
}

#column .latestnews p {
    display: inline;
}

#column .latestnews img {
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    border: 1px solid #C7C5C8;
    clear: left;
}

/* ----------------------------------------------Footer------------------------------------- */

#footer {
    padding: 30px 0;
}

#footer h2,
#footer p,
#footer ul,
#footer a,
#footer address {
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: none;
    line-height: 1.6em;
    font-style: normal;
}

#footer {
    color: #CCCCCC;
    background-color: #333333;
}

#footer a {
    color: #FBF8CD;
    background-color: #333333;
}

#footer .readmore a {
    display: inline;
    height: auto;
    padding-left: 0;
    background: none;
}

#footer h2 {
    margin-bottom: 30px;
    font-style: italic;
    font-size: 30px;
    line-height: normal;
    color: #B86365;
    background-color: #333333;
}

#footer li {
    margin-bottom: 15px;
}

#footer .border {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #484848;
}

#footer .fl_left {
    display: block;
    width: 500px;
}

#footer #contact .fl_left,
#footer #contact .fl_right {
    width: 225px;
}

#footer address {
    margin: -8px 0 18px 0;
    line-height: 2em;
}

#footer .title {
    color: #6B6B6B;
    background-color: #333333;
    font-weight: normal;
}

#footer .fl_right {
    display: block;
    width: 400px;
}

#footer .fl_right .fl_right {
    display: block;
    width: auto;
}

/* Tabs */

#tabcontainer {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#tabcontainer ul#tabnav {
    display: block;
    width: 400px;
    height: 31px;
    margin: 10 0 30px 0;
    padding: 9px 0 0 0;
    list-style: none;
    text-transform: uppercase;
    text-align: center;
    /* background: url("images/tabs_bg.gif") top left no-repeat; */
    background-color: #f4f5f6;

}

#tabcontainer ul#tabnav li {
    display: inline;
    margin: 0 15px 0 0;
    padding: 0;
    /* border-right: 1px solid black; */
}

#tabcontainer ul#tabnav .last {
    margin-right: 0;
}

/* jQuery Tabs Specific - Only modify if you know what you are doing */

.ui-tabs {}

.ui-tabs .ui-tabs-nav {}

.ui-tabs .ui-tabs-nav li {}

#footer .ui-tabs .ui-tabs-nav li a {
    color: #000000;
    background-color: #fcfcfc;
    cursor: pointer;
    font-weight: 900;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {}

#footer .ui-tabs li.ui-tabs-active a {
    color: #FCA81F;
    background-color: #eff3f8;

}

.ui-tabs .ui-tabs-panel {}

#footer .ui-tabs .ui-tabs-hide {
    display: none;
}

#footer ul.twitterfeed span {
    font-weight: bold;
    color: #6B6B6B;
    background-color: #333333;
}

#footer ul.socialize span {
    display: inline-block;
    width: 120px;
    font-size: 26px;
}

#footer #tabcontainer li.last {
    margin-bottom: 0;
}

#footer ul.blogposts p {
    margin-bottom: 8px;
}

#footer ul.blogposts .posttitle {
    color: #FFFFFF;
    background-color: #333333;
    font-weight: bold;
}

#footer ul.blogposts .publishedon {
    color: #6B6B6B;
    background-color: #333333;
}

#footer ul.blogposts .postintro {}

#footer ul.blogposts .readmore {
    margin-bottom: 0;
}

/* ----------------------------------------------Back To Top Link------------------------------------- */

#backtotop {
    padding: 0 0 20px 0;
    font-size: 22px;
    font-style: italic;
    text-align: right;
}

#backtotop a {
    padding: 8px 45px 8px 0;
    color: #FBF8CD;
    background: url("images/tothetop.gif") right center no-repeat #333333;
}

/* ----------------------------------------------Copyright------------------------------------- */

#copyright {
    padding: 15px 0;
    border-top: 1px solid #484848;
}

#copyright p {
    margin: 0;
    padding: 0;
}

#copyright,
#copyright a {
    color: #666666;
    background-color: #333333;
}

@media (max-width: 991.98px) {
    .block-7 {
        margin-top: 30px;
    }
}

.block-7 .img {
    height: 250px;
}

.block-7 .heading-2 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.block-7 .price {
    margin: 0;
    padding: 0;
    display: block;
}

.block-7 .price sup {
    font-size: 24px;
    top: -1em;
    color: #b3b3b3;
}

.block-7 .price .number {
    font-size: 60px;
    font-weight: 600;
    color: #000000;
}

.block-7 .excerpt {
    margin-bottom: 0px;
    color: #00bd56;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.block-7 .label2 {
    text-transform: uppercase;
}

.block-7 .pricing-text,
.block-7 .pricing-text li {
    padding: 0;
    margin: 0;
}

.block-7 .pricing-text li {
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
}

.block-7 .pricing-text li:nth-child(odd) {
    background: rgba(0, 0, 0, 0.05);
}

.block-7 .pricing-text li span.fa {
    color: #207dff;
}

.block-7 .btn-primary {
    color: #fff;
    text-transform: uppercase;
    font-style: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    width: 60%;
    margin: 0 auto;
}

.block-7 .btn-primary:hover,
.block-7 .btn-primary:focus {
    background: #00bd56 !important;
    color: #fff;
}

.block-7:hover,
.block-7:focus {
    -webkit-box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.11);
}