html {
        margin: 0px;
        padding: 0px;
}
body {
        margin: 0px;
        padding: 0px;
        background: url('../Resources/Images/Public/Background/body_bg.gif') 0px 0px repeat-x fixed #338E0B;
}


/*------------------------------------------------------------------------------------------------------
Common Elements ----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/

h1 {
        font-family: Arial, Verdana, Sans-serif;
        font-size:22px;
        color: #FFF;
}

p {
        color: #FFF;
}

a:link, a:visited {
        color:#EEE;
}

a:hover {
        color:#060F00;
        background: none;
}

table {
        width: 400px;
        border: 1px solid #EEE;
        font-family: Arial, Verdana, Sans-serif;
}
table tr th {
        background: #29520D;
        padding: 0px 20px 0px 20px;
        font-size: 15px;
        color: #FFF;

}
table tr td {
        padding: 0px 20px 0px 20px;
        text-align: center;
        background: #338C0D;
        font-size: 14px;
}


#cf_member {
position: absolute;
top: 30px;
right: 30px;
}

/*------------------------------------------------------------------------------------------------------
Sneak -------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/

.sneak {
        display: none;
}

.first_letter {
        float: left;
        border: 1px solid #EEE;
        margin: 5px 12px 0px 5px;
        background:rgb(58, 101, 30);
        padding: 4px;
}

/*------------------------------------------------------------------------------------------------------
Navigation Alpha ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/
#navigation_alpha {
        position: absolute;
        margin: auto;
        left: 10px;
        text-align: left;
        margin-top: 50px;
        background:url('../Resources/Images/nav_hover_background.png') 0px 0px repeat-x;
        height: 35px;
}
#navigation_alpha ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
}
#navigation_alpha ul a {
        display: block;
        padding-top: 7px;
        width: 150px;
}
#navigation_alpha ul a:hover {
        border-bottom: 1px solid #FFFFFF;
}
#navigation_alpha ul img {
        border: 0px;
}


/*------------------------------------------------------------------------------------------------------
Right Column Weather -----------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/

#right_column {
        position: absolute;
        right: 10px;
        width: 150px;
        top: 250px;
        color: #FFF;
        font-family: arial;
        font-size: 12px;
        line-height: 16px;
}

#right_column h2 {
        font-size: 16px;
        margin: 0px;
        padding: 0px;
}

#right_column img {
        background: #FFF;
        padding: 3px;
        float: left;
        margin: 5px 5px 0px 0px;
}
#right_column a {
        color: #CCC;
        text-decoration: none;
        border-bottom: 1px dotted #DDD;
}
#right_column a:hover {
        color: #FFF;
        border-bottom: 1px solid #FFF;
}

/*------------------------------------------------------------------------------------------------------
Layout -------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/


#header_top {
        text-align: center;
        padding: 5px 0px 0px 0px;
        width: auto;
        background:#338E0B;
}

#header_image {
        width: 1000px;
        border-bottom: 1px solid #FFF;
        border-top: 1px solid #FFF;
        height: 150px;
}

#header_image img {
        border: 0px;
        margin: 0px;
        padding: 0px;
        float: left;
}

#wrapper {
        margin: auto;
        min-height:500px;
        height:auto !important;
        height:800px;
        width: 1000px;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
        background: url('../Resources/Images/Public/Background/wrapper_bg.gif') repeat-x #336633;
        position: relative;
        padding-bottom: 30px;
}

#content_wrapper {
        margin-left: 170px;
        margin-right: 170px;
        border: 1px dashed #FFF;
        margin-top: 30px;
        position:relative;
        min-height:700px;
        height:auto !important;
        height:500px;
}

/*------------------------------------------------------------------------------------------------------
Latest News ----------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/

#latest_news {
        border-bottom: 1px dashed #FFF;
        height: 124px;
        font-family: Verdana,Arial, Sans-Serif;
        font-size: 12px;
        line-height: 20px;
        color: #FFFFFF;
}

#latest_news .article {
        position: relative;
        background: url('../Resources/Images/Public/Background/latest_news.gif') #568835;
        width: 203px;
        padding: 3px;
        margin: 5px 0px 0px 6px;
        float: left;
        height: 105px;
        border: 1px solid #2A540E;
}
.article_image {
        float: left;
}
.news_article {
        position:relative;
        border: 1px solid #123412;
        background: #568835;
        padding: 10px;
        height: 80px;
}
.read_more img {
        position: absolute;
        border: 0px;
        bottom: 5px;
        right: 5px;
}
#latest_news .article_title {
        font-weight: bold;
        font-size: 13px;
}
.news_article {
        padding: 0px 0px 0px 5px;
        margin: 12px 0px 0px 0px;
        font-size: 13px;
}
.article_title {
        text-transform: uppercase;
        display: block;
}
#latest_news .article_introduction {
        color: #d3eac4;
}
#latest_news .title {
        margin: 4px 0px 0px 2px;
}

#content {
        margin: 10px;
        color: #FFF;
        font-size: 12px;
        letter-spacing: 0.3px;
        line-height: 22px;
        font-family: Verdana;
}


/*------------------------------------------------------------------------------------------------------
News, Events and Links ---------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/
.link a {
        height:75px;
        line-height:2em;
        display: block;
        color:#d7d7d7 !important;
        text-decoration: none;
        text-align:left;
        border: 1px solid #336633;
        background: #337327;
        padding: 3px 0px 0px 6px;
        margin: 3px 0px 0px 0px;
        position: relative;
        background: #2B550F;
}

.link a .link_title {
        text-transform:capitalize;
        font-size: 18px;
        color: #EEE;
}

.link a .article_introduction, .link a .link_description {
        display: block;
        clear: both;
}

.link a .date {
        font-size: 14px;
        margin: 0px 0px 0px 10px;
        position: absolute;
        right: 10px;
        font-weight: bold;
        font-family: arial;
        top: 4px;
}

.link a:hover{
        color:#FFF;
        background: #336D2D !important;
}

/*------------------------------------------------------------------------------------------------------
Contact Form -------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/
#contact_form {
        position: relative;
        width: 635px;
        height: 320px;
        margin: 0px 0px 20px 0px;
        border: 1px solid #DDD;
        background: #2A540E;
}

#map {
        float: right;
}
#contact_form.quote {
        height: 524px;
}
#contact_form.quote textarea {
        width: 530px;
}

#column_1 {
        margin: 0px 0px 0px 0px;
        padding: 8px 0px 0px 0px;
}
#column_2 {
        position: absolute;
        left: 300px;
        top: 8px;
}
#contact_form p {
        position:relative;
        margin: 5px 0px 0px 0px !important;
        padding: 0px !important;
}
#contact_form p label {
        font-weight: bold;
        display: block;
        height: 10px;
        margin: 0px 0px 0px 45px;
        padding: 0px;
}

#contact_form .submit {
        width: auto !important;
}

#contact_form p img {
        margin: 10px 0px 0px 0px;
        position: absolute;
        left: 10px;
        top: -14px;
}

#contact_form input, #contact_form select, #contact_form textarea {
        margin: 13px 0px 0px 0px;
        position: relative;
        left: 45px;
        padding: 2px;
        width: 250px;
        font-family: Arial;
        font-size: 12px;
}

#contact_form textarea {
        height: 125px;
}

#department_validation, #your_name_validation, #email_validation, #enquiry_validation, #tel_validation, #project_details_validation, #inspiration_validation, #call_back_time_validation, #quanity_of_pages_validation {
        display: none;
        color: #FE2530;
        font-family: Arial;
        padding: 0px 0px 0px 3px;
        width: 255px;
        margin: 0px 0px 0px 45px;
        font-size: 11px;
        font-weight: bold;
        background: #FFF;
}

/*------------------------------------------------------------------------------------------------------
jQuery -------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/
#jquery-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
}
#jquery-lightbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
}
#lightbox-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
        width: 49%;
        height: 100%;
        zoom: 1;
        display: block;
}
#lightbox-nav-btnPrev {
        left: 0;
        float: left;
}
#lightbox-nav-btnNext {
        right: 0;
        float: right;
}
#lightbox-container-image-data-box {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%;
        padding: 0 10px 0;
}
#lightbox-container-image-data {
        padding: 0 10px;
        color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
        width: 70%;
        float: left;
        text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
        display: block;
        clear: left;
        padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
        width: 66px;
        float: right;
        padding-bottom: 0.7em;
}


#message {
  display: block;
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #FFF;
  background: green;
  color: #FFF;
}