/* GLOBAL ---------------------------------------------------------------------------------------------------------------------------------------- */

html {
    height: 100%;
    background: #666 url(/media/images/global/bkg-grad.png) no-repeat top left;
    overflow: auto;
}

body {
    /* height still needed? */
    min-height: 100%;
    background: transparent url(/media/images/global/root-bkg.png) repeat-y top center; /* NB change IE6 bkg too on change */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #CCC;
    line-height: 1.5;
    position: relative;
    overflow: auto;

}

#root {
    width:960px;
    margin: auto;
    min-height: 100%; /* IE6  doesn't vertically fill root to bottom with a short page, but no real problem. */
    /*position: relative;*/
    overflow: hidden;
}

h2 {
    font-family: "Sabon LT Std", Constantia, Garamond, Georgia, serif;
    font-size: 30px;
    font-weight: normal;
    /*letter-spacing: 0.03em;*/
    margin-bottom: 0.5em;
    color: #8c7359;
    /*color: #b2d0e5;*/
    line-height: 1.2;
}

p {
    margin: 0 0 1em 0;
    line-height: 1.5;
}

a {
    color: #b2d0e5;
    text-decoration: none;
}

a:hover {
    color: #cbeaff;
}

.rounded {
    background-color: #444;
    /*background-image: url(/media/images/global/trans-white-10.png);*/
}

p, h3, h4, h5, h6, ul, table, div, span, form {
    font-family: Verdana, Helvetica, Arial, sans-serif; /*here too for the sake of tinymce*/
}

/* utility classes, to support layouts given in tinymce */
.alignleft {
	float: left;
	margin: 2px 10px 0 0;
}

.alignright {
	float: right;
	margin: 2px 0 0 10px;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.clear {
	clear: both;
}





/* TOP ------------------------------------------------------------------------------------------------------------------------------------------- */

#top {
    height: 110px;
    padding: 15px 40px;
}

h1 a {
    float: left;
    border: 0;
    display: block;
    height: 110px;
    width: 240px;
    background-image: url(/media/images/global/logo.png);
    text-indent: -9999px;
}

#nav {
    float: right;
    margin-top: 47px;
    padding-right: -10px;
    font-size: 15px;
}

#nav > li {
    float: left;
    margin: 0 5px;
    position: relative;
}

#nav li ul {
    font-size: 11px;
    line-height: 1.2;
    margin: 0;
    position: absolute;
    top: 26px;
    left: 0;
    z-index: 99;
    background-color: #4a4a4a;
    padding: 4px 8px;
    display: none; /* avoid initial flash */
    width: 185px;
}

/*#nav li ul a {
    color: #b8a898;
}*/

#nav li li {
    padding: 5px 0;
    border-bottom: 1px #4f4f4f solid;
}

#nav li li:last-child {
    border-bottom: 0;
}

#nav > li.sfHover > a.sf-with-ul {
    background-color: #4a4a4a;
    padding-bottom: 6px;
    /*padding-top: 1px;*/
    color: #FFF;
}

#nav a {
    color: #b8a898;
}

#nav a:hover {
    color: #FFF;
}

#nav > li > a {
    text-transform: uppercase;
    padding: 0 8px;
    letter-spacing: 0.1em;
}

.sf-sub-indicator {
    display: none;
}

#superfish-inner .menu,
#superfish-inner .menu ul,
#superfish-inner .menu ul ul,
#superfish-inner .menu li {z-index: 98;}





/* FEATURE --------------------------------------------------------------------------------------------------------------------------------------- */

#feature {
    padding: 0 40px;
}

#home #feature {
    height: 280px;
    /*position: relative;*/
}

#home #feature_main {
    overflow: hidden; /* prevent slideshow images flashing */
    height: 280px;
    width: 600px;
    float: left;
}

#home #feature_main div {
    width: 600px;
    height: 280px;
}

#feature01 {
    background: transparent url(/media/images/index/feature-01.jpg) no-repeat;
}

#feature02 {
    background: transparent url(/media/images/index/feature-02.jpg) no-repeat;
}

#feature03 {
    background: transparent url(/media/images/index/feature-03.jpg) no-repeat;
}

#feature04 {
    background: transparent url(/media/images/index/feature-04.jpg) no-repeat;
}

#feature05 {
    background: transparent url(/media/images/index/feature-05.jpg) no-repeat;
}

#feature06 {
    background: transparent url(/media/images/index/feature-06.jpg) no-repeat;
}

#feature07 {
    background: transparent url(/media/images/index/feature-07.jpg) no-repeat;
}

.feature_overlay {
    color: #b2d0e5;
    /*color: #8c7359;*/
    /*color: #FFF;*/
    padding: 4px 12px;
    height: 40px;
    background-image: url(/media/images/global/trans-black-65.png);
    margin-top: 240px; /* used instead of absolute bottom position else invokes IE z-index bug on superfish nav */
    float: left; /* or #feature get pushed down too */
    font-size: 18px;
    /*overflow: hidden;*/
    /*display: inline;*/
}

#feature_side {
    text-transform: uppercase;
    color: #fff;
    padding-top: 85px;
    padding-bottom: 10px;
    font-size: 18px;
    letter-spacing: 0.02em;
    width: 280px;
    height: 185px;
    float: right;
    background-image: url(/media/images/index/cta-bkg.png);
}

#cta_text {
    margin: auto;
    width: 230px;
}

#cta_button {
    margin: auto;
    margin-top: 7px;
    width: 230px;
    text-align: right;
/*    position: absolute;
    bottom: 0;*/
}




/* MAIN ------------------------------------------------------------------------------------------------------------------------------------------ */

#main {
    clear: both;
    overflow: auto;
    padding: 30px 40px 80px 40px; /* 80px for footer */
}

#home #main {
    padding-bottom: 40px;
}

#content {
    float: left;
    width: 560px;
    padding: 0 10px;
}

#content h3 {
    font-size: 20px;
    text-transform: uppercase;
    /*width: 280px;*/
    color: #8c7359;
}

.list_article h4 {
/*    font-weight: normal;*/
    margin-bottom: 0;
}

.list_article p {
    margin-top: 0;
}

#main .list_article p .dateline {
    color: #999;
    font-size: 11px;
}

#content li {
    padding-left: 5px;
}

#content ul {
    margin: 1em 0 2em 20px;
    list-style: disc;
}

#content h4 {
    color: #FFF;
    margin-top: 2em;
    margin-bottom: 0;
}

#content .section {
    margin-bottom: 40px;
}

.main_inline_image {
    float: left;
    margin: 2px 10px 0 0;
    border: 1px solid #444;
}

.col {
    float: left;
    padding-right: 60px;
}

#content #client_logos {
    overflow: hidden;
    list-style: none;
    margin-left: 0;
}

#client_logos li {
    float: left;
    margin-right: 35px;
    padding-left: 0;
}

#client_logos li:last-child {
    margin-right: 0;
}

#content ul#client_list {
    clear: both;
    min-height: 50px; /*setting overflow will chop list bullets*/
    margin-bottom: 20px;
    list-style: disc;
}

#client_list li {
    float: left;
    padding-left: 0;
    margin-right: 30px;
    width: 150px;
    margin-left: 0;
}

/* Wordpress corrections to control display of main news page mostly */

.edit-link {
    display: none;
}

.entry-content p {
    display: inline;
}

.entry-content p.entry-date {
    clear: both;
    display: block;
    color: #777;
    /*margin: -1em 0 0 0;*/
}

.entry-meta {
    color: #777;
}


/* SIDEBAR ------------------------------------------------------------------------------------------------------------------------------------------ */

#sidebar {
    width: 280px;
    float: right;
    font-size: 10px;
    padding-top: 5px;
    padding-bottom: 10px; /* in addition to sidebar items bot margin, to provide main's bot margin if content short */
}

#sidebar p {
    /*margin: 0 auto;*/
    font-weight: normal;
    color: #E9E9E9;
}

#sidebar h3 {
    height: 33px;
    padding: 1px 7px;
    font-size: 20px;
    text-transform: uppercase;
    /*width: 280px;*/
    margin-bottom: 0.5em;
    background-color: #444;
}

#sidebar .subnav h3 {
    margin-bottom: 0;
}

.sidebar_article {
    margin-bottom: 1em;
}

.sidebar_article h4, .sidebar_article p, .sidebar_article span {
    margin: auto 7px;
}

.sidebar_subtitle {
    color: #888;
}

#sidebar ul {
	list-style: none;
}
.sidebar .widget ul {
    margin: 2em 8px;
}

.sidebar .widget ul li {
    margin: 2em 0;
}

#sidebar .summary {
    color: #ccc;
}

#sidebar .widget_recent_entries a {
    color: #b8a898;
    /*font-weight: bold;*/
}

#sidebar h4 {
    color: #FFF;
}

#sidebar #subfeature2 {
    margin: 20px 0;
}

.subnav {
    background-color: #444;
    margin-bottom: 3em;
}

.subnav ul {
    padding: 5px 10px;
}

/*#sidebar .subnav a {
    color: #b2d0e5;
}
*/
/*#sidebar .subnav a:hover {
    color: #FFF;
}*/

/*#sidebar .subnav #subnav_current {
    color: #FFF;
}*/

.subnav li {
/*    list-style: disc;*/
    /*margin: 6px 0;*/
    padding: 4px 0;
    border-bottom: 1px #4f4f4f solid;
}




/* HOMEPAGE SUBFEATURES ETC ---------------------------------------------------------------------------------------------------------------------------------------- */

#subfeatures {
    padding: 20px 40px;
    padding-bottom: 50px; /* for footer */
}

#subfeatures a:hover {
    border: 0;
}

#subfeatures #subfeature2 {
    margin: 0 20px;
}

#enquiry {
    text-transform: uppercase;
    font-size: 18px;
    height: 30px;
    text-align: center;
    margin: 0 auto 40px auto;
    padding: 20px 0;
    width: 880px;
    clear: both;
    letter-spacing: 0.05em;
    color: #FFF;
}

#enquiry a {
    margin-left: 7px;
}

#enquiry a:hover {
    border: 0;
}




/* FOOTER ---------------------------------------------------------------------------------------------------------------------------------------- */

#footer {
    clear: both;
    font-size: 9px;
    text-align: center;
    padding: 20px 0 10px 0;
    /*background: url(/media/images/global/root-bkg.png);*/
    position: absolute;
    bottom: 0;
    width: 960px;
    margin-top: 40px;
    display: block;
    padding-top: 40px;
}

.footer_title {
    margin-left: 30px;
    color: #FFF;
    font-weight: bold;
}



/* FORM ---------------------------------------------------------------------------------------------------------------------------------------- */

#contact form {
    margin: auto -10px;
}

form {
	margin: 30px 0;
	padding: 30px;
	background-color: #444;
}

.form_line {
    clear: both;
    margin: 10px 0;
}

fieldset {
	margin-bottom: 20px;
}

label {
	float: left;
	width: 160px;
	margin: 0 1.4em 0.7em 0;
}

input {
	width: 220px;
}

textarea {
	width: 300px;
	height: 120px;
}

select {
	padding: 1px;
}

input[type=text]:focus,textarea:focus { /* IE6 excluded with attr sel, but doesn't do focus anyway so no loss */
	border: #0099CC 2px solid;
}

#submit {
	width: 80px;
	margin: 0 0 0 180px;
}