/*
Theme Name: Evolve Custom Theme
Theme URI: http://www.deckchair.co.uk/
Description: Custom theme by Simon Pollard for Deckchair UK Ltd for Evolve
Version: 1.0
Author: Deckchair
Author URI: http://www.deckchair.co.uk/
*/
 @font-face {
    font-family: 'GOTHIC';
    src:
        local('Century Gothic'),
        url('fonts/GOTHIC.TTF');
}
 @font-face {
    font-family: GOTHIC;
    font-weight: bold;
    src:
        local('Century Gothic Bold'),
        url('fonts/GOTHICB.TTF');
}

/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 120px;}  /* must be same height as the footer */

#footer {position: relative;
	height: 120px;
	margin-top: -120px; /* negative value of footer height */
	clear: both;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
GENERAL
*/
body {
	font-family: Verdana, Geneva, sans-serif;
        /*background: url(images/background.jpg) repeat-x #000;*/
        background: #191919;
        color: #fff;
}
.grey {
        color: #92928d;
}

 h2 {
     font-family: GOTHIC, Verdana;
     font-weight: normal;
     font-size: 32px;
     /*text-shadow: 2px 2px 2px #000000;*/
     margin-bottom:  20px;
}
p {
     margin-bottom:  20px;
     font-size: 13px;
     line-height: 18px;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}



/*
HEADER
*/
#header-content {
    width: 960px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
h1 {
    position: absolute;
    left: 10px;
    top: 20px;
    font-size: 22px;
}
h1 a {
    width: 101px;
    height: 101px;
    display: block;
    color: #fff;
}
h1 a img {
    border: none;
    position: absolute;
    left: 0px;
    top: 0px;
}
p.header_strap {
    font-family: GOTHIC;
    color: #cfcfc7;
    position: absolute;
    left: 8px;
    top: 120px;
    font-size: 10px;
    padding-left: 3px;
}
.contact_info {
    position: absolute;
    right: 10px;
    top: 18px;
    text-align: right;
}
.contact_info p {
    margin-bottom: 0px;
}
.main_links {
    position: absolute;
    right: 10px;
    top: 100px;
    width: 170px;
    border-bottom: 1px solid #5e5e5e;
    height: 20px;
    overflow: visible;
}
.main_links a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    display: block;
    float: right;
    margin-left: 10px;
    height: 23px;
}
.home .main_links a#home_link, .page-id-8 .main_links #about_link, .page-template-contact-php .main_links #contact_link, .page-template-terms-php #terms_link {
    background: url(images/main_link_selected.gif) no-repeat bottom center;
    color: #92928d;
}
.main_links a:hover {
    background: url(images/main_link_hover.gif) no-repeat bottom center;
    color: #FCFFD6;
}
.home .main_links a#home_link:hover, .page-id-8 .main_links #about_link:hover, .page-template-contact-php .main_links #contact_link:hover, .page-template-terms-php #terms_link:hover {
}

/*
CONTENT
*/
#main-content {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
        padding-left: 10px;
        padding-right: 10px;
}


/*
INDEX PAGE
*/
#index_gallery {
    float: right;
    margin-left: 50px;
    margin-bottom: 40px;
    height: 383px;
    clear: right;
    width:620px;
    overflow: hidden;
}

.panel-overlay {
    padding: 10px;
    color: #000;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.panel-overlay h3, panel-overlay p {
    font-family: GOTHIC;
    font-weight: bold;
}
.panel-overlay p {
    margin-bottom: 0px;
}

.panel_bg {
    background: url(images/gallery_caption_bg.gif) #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 620px;
    height: 40px;
    z-index: -1;
}


#index_intro {

}
#index_intro a {
    border-top: 1px solid #494949;
    color: #fff;
    text-decoration:  none;
    padding-top: 5px;
}

#index_boxes {
    clear: both;
}
#index_boxes div {
    float: left;
    width: 220px;
    height: 325px;
    position: relative;
}
#index_boxes h4 {
    padding: 10px 10px 0px 20px;
    font-family: GOTHIC;
    height: 29px;
    /*text-shadow: 2px 2px 2px #000000;*/
}
#index_boxes h4 a {
    color: #fff;
    font-size: 16px;
}
#index_boxes img {
    margin-bottom: 15px;
}
#index_boxes ul {
    margin-left: 30px;
    padding-right: 10px;
}
#index_boxes li {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 15px;
}
#index_boxes .read_more {
    position: absolute;
    bottom: 15px;
    left: 15px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0px 5px 5px #000000;
   -webkit-box-shadow: 0px 5px 5px #000000;
   -moz-box-shadow: 0px 5px 5px #000000;
    width: 92px;
    padding: 5px 0px 0px 0px;
    height: 21px;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 12px;
    font-family: GOTHIC, Verdana;
    cursor: pointer;
    behavior: url(http://www.evolve-design.uk.com/wp-content/themes/evolve/PIE.php);
}
#index_boxes .architectural .read_more {
    background: #382459;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgb(56,36,89)), color-stop(1, rgb(21,13,33)));
    background : -moz-linear-gradient(center top, rgb(56,36,89) 25%, rgb(21,13,33) 100%);
    -pie-background: linear-gradient(center top, rgb(56,36,89) 25%, rgb(21,13,33) 100%);
}
#index_boxes .space .read_more {
    background: #31354d;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgb(49,53,77)), color-stop(1, rgb(15,17,25)));
    background : -moz-linear-gradient(center top, rgb(49,53,77) 25%, rgb(15,17,25) 100%);
    -pie-background: linear-gradient(center top, rgb(49,53,77) 25%, rgb(15,17,25) 100%);
}
#index_boxes .design .read_more {
    background: #391f38;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgb(57,31,56)), color-stop(1, rgb(17,9,17)));
    background : -moz-linear-gradient(center top, rgb(57,31,56) 25%, rgb(17,9,17) 100%);
    -pie-background: linear-gradient(center top, rgb(57,31,56) 25%, rgb(17,9,17) 100%);
}
#index_boxes .project .read_more {
    background: #27313c;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgb(39,49,60)), color-stop(1, rgb(15,19,12)));
    background : -moz-linear-gradient(center top, rgb(39,49,60) 25%, rgb(15,19,12) 100%);
    -pie-background: linear-gradient(center top, rgb(39,49,60) 25%, rgb(15,19,12) 100%);
}



.architectural, .space, .design {
    margin-right: 20px;
}
.architectural {
    border-top: 1px solid #483e4d;
    background: #231d26;
    border-bottom:  1px solid #28063c;
}
.architectural h4 {
    background: url(images/index/architectural_h4_bg.jpg) no-repeat;
}
.space {
    border-top: 1px solid #434343;
    background: #18191f;
    border-bottom:  1px solid #272a42;
}
.space h4 {
    background: url(images/index/space_h4_bg.jpg) no-repeat;
}
.design {
    border-top: 1px solid #4d414d;
    background: #241e24;
    border-bottom:  1px solid #3d0e3a;
}
.design h4 {
    background: url(images/index/design_h4_bg.jpg) no-repeat;
}
.project {
    border-top: 1px solid #434343;
    background: #181b1e;
    border-bottom:  1px solid #26313c;
}
.project h4 {
    background: url(images/index/project_h4_bg.jpg) no-repeat;
}


/*
SUB NAV
*/
#sub_nav {
    float: left;
    width: 220px;
}
#sub_nav ul li {
    list-style:  none;
    /*background: url(images/pages/side_nav_line.gif) no-repeat;*/
}
#sub_nav ul li a {
    color: #fff;
    font-family: GOTHIC;
    font-size: 16px;
    padding-top: 8px;
    padding-left: 10px;
    width: 210px;
    height: 30px;
    display: block;
    font-weight: bold;
    /*text-shadow: 2px 2px 2px #000000;*/
    border-bottom:1px solid #535353;
}
#sub_nav ul li a:hover {
    color: #FCFFD6;
    text-decoration: none;
}
#sub_project {
    border-bottom: 1px solid #535353;
}
.page-id-39 #sub_architectural {
    background: url(images/pages/sub_nav_architectural.jpg) repeat-y;
    font-weight: normal;
}
.page-id-45 #sub_space {
    background: url(images/pages/sub_nav_space.jpg) repeat-y;
    font-weight: normal;
}
.page-id-50 #sub_design {
    background: url(images/pages/sub_nav_design.jpg) repeat-y;
    font-weight: normal;
}
.page-id-54 #sub_project {
    background: url(images/pages/sub_nav_project.jpg) repeat-y;
    font-weight: normal;
}
.page-id-39 #sub_architectural:hover, .page-id-45 #sub_space:hover, .page-id-50 #sub_design:hover, .page-id-54 #sub_project:hover {
    color: #fff;
}

/*
PAGES
*/
#page_content {
    padding-left: 300px;
}
#page_content h3 {
    font-size: 18px;
    font-family: GOTHIC;
    font-weight: bold;
}
#page_content h4 {
    font-size: 16px;
    font-family: GOTHIC;
    font-weight: bold;
    margin-bottom: 15px;
}
#page_content ul {
    margin-left: 20px;
}
#page_content ul li {
    font-size:13px;
    margin-bottom: 5px;
}

#page_gallery {
    margin-bottom: 40px;
    height:383px;
    width:620px;
    overflow: hidden;
}

#the_content {
    width: 430px;
    margin-right: 30px;
    float: left;
    margin-bottom: 20px;
}
#bullet_points {
    width: 170px;
    float: left;
    clear: right;
    margin-bottom: 20px;
}
#left_column {
    float: left;
    width: 200px;
    margin-right: 30px;
    margin-bottom: 40px;
    clear: left;
}
#right_column {
    float: left;
    width: 200px;
    margin-right: 30px;
    margin-bottom: 40px;
}
#left_column h3, #right_column h3 {
    margin-bottom: 20px;
}

#extra_content {
    clear: both;
    border-top: 1px solid #363636;
    padding-top:  20px;
}
#extra_content h3 {
    margin-bottom: 20px;
}
#extra_content table {
    width: 620px;
    border-collapse:  collapse;
}
#extra_content table td {
    font-size: 13px;
    padding: 5px;
    vertical-align: top;
}
#extra_content table td p {
    margin-top: 5px;
    margin-bottom: 0px;
}


p.edit_entry {
    clear: both;
    padding-top: 20px;
}
p.edit_entry a {
    color: #5fd064;
    text-decoration: underline;
}

/*
GET IN TOUCH
*/
#get_in_touch {
    background: url(images/pages/get_in_touch_bg.jpg) no-repeat;
    padding: 10px 10px 10px 10px;
    width: 143px;
    height: 408px;
    float: left;
}
#get_in_touch h3 {
    margin-bottom: 30px;
}
#get_in_touch p.number_title {
    margin-bottom: 0px;
}
#get_in_touch p.number {
    color: #fcffd6;
    font-family: GOTHIC;
    font-size: 17px;
    font-weight: 700;
}
#get_in_touch a {
    color: #fcffd6;
    font-family: GOTHIC;
    font-size: 15px;
    font-weight: 700;
}

/*
CONTACT
*/
.page-template-contact-php h3 {
    margin-bottom: 15px;
}
p.contact_call, p.contact_email  {
    font-size: 15px;
    position: relative;
    margin-bottom: 20px;
}
p.contact_email {
    margin-bottom: 40px;
}
p.contact_call span, p.contact_email  span {
    position: absolute;
    top: 0px;
    left: 120px;
}
p.contact_call span p, p.contact_email  span p {
    color: #fcffd6;
    font-weight: 700;
    font-size: 18px;
    font-family: GOTHIC;
}
form#contact_form, form#mc-embedded-subscribe-form {
    width: 428px;
    padding: 15px;
    float: left;
    margin-right: 18px;
    margin-bottom: 40px;
}
form#contact_form {
    background: url(images/pages/contact_form_bg.gif) no-repeat;
}
form#mc-embedded-subscribe-form {
    background: url(images/pages/newsletter_bg.jpg) no-repeat;
}
form#contact_form p, form#mc-embedded-subscribe-form p {
    margin-bottom: 25px;
    position: relative;
    width: 350px;
}
form#contact_form p i, form#mc-embedded-subscribe-form p i {
    font-size: 10px;
}
form#contact_form label, form#mc-embedded-subscribe-form label {
    display: block;
    margin-bottom: 3px;
}
form#contact_form  input, form#mc-embedded-subscribe-form input {
    width: 341px;
    padding: 3px;
    background-color: #424142;
    border: 3px solid #424142;
    color: #fcffd6;
}
form#contact_form  textarea {
    width: 341px;
    padding: 3px;
    background-color: #424142;
    border: 3px solid #424142;
    color: #fcffd6;
}
form#contact_form input#submit, form#mc-embedded-subscribe-form input#mc-embedded-subscribe{
    background: url(images/pages/submit_bg.jpg) repeat-x #483861;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0px 5px 10px #000000;
   -webkit-box-shadow: 0px 5px 10px #000000;
   -moz-box-shadow: 0px 5px 10px #000000;
    width: 146px;
    padding: 0px 0px 0px 0px;
    height: 32px;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 15px;
    font-family: GOTHIC, Verdana;
    cursor: pointer;
    font-weight: 700;
    behavior: url(http://www.evolve-design.uk.com/wp-content/themes/evolve/PIE.php);
}
#contact_location {
    float: left;
    width: 164px;
}
#contact_location a img {
    border: none;
}
.captcha_reload {
    font-weight:  normal;
    color: #fcffd6;
}
form#contact_form .highlightbox_red {
    border-left: 3px solid #d5c2dd;
}
form#contact_form span {
    color: #fcffd6;
    position: absolute;
    bottom: -18px;
    right: 0px;
    font-size: 11px;
}
form#contact_form span.warning, form#contact_form p.submit_p span {
    color: #d5c2dd;
}
form#contact_form p.submit_p span {
    left: 0px;
}
form#contact_form p.submit_p {
    height: 50px;
}

#registered_address {
    clear: both;
}

#contact_form_sent {
    background: url(images/pages/contact_form_bg.gif) no-repeat;
    width: 428px;
    height: 792px;
    padding: 15px;
    float: left;
    margin-right: 18px;
}
p.error_msg {
    background: #615965;
    width:428px;
    padding: 10px 15px 10px 15px;
    color: #d5c2dd;
}

/*
POPUP MAP
*/
#cover {
	height:100%;
        position: fixed;
        _position: absolute;
	left:0;
	top:0;
	width:100%;
	z-index:100;
	background-color:#000000;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity:0;
}
#cover-content {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	border:4px solid #525252;
	color:#000000;
	left:50%;
        position: fixed;
        _position: absolute;
	text-align:left;
	top:50%;
	z-index:102;
	display: none;
}
#cover-content p {
	margin-left: 5px;
}
.loading {
	width: 100%;
	height: 100%;
	position: relative;
}
.loading p, #map p {
	width: 200px;
	margin-right: -100px;
	height: 40px;
	margin-top: -20px;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 50%;
	color: #ec008c;
}
#close_map {
	background-color: #fff;
	padding: 5px;
	position: absolute;
	top: 440px;
	right: 10px;
}
#close_map a {
	color: #0072bc;
	text-decoration: none;
	font-weight: 700;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#close_map a:hover {
	text-decoration: underline;
}



/*
FOOTER
*/
div#footer_content {
	width: 950px;
        padding-left: 10px;
        padding-top: 40px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
div#footer_content p {
    font-size: 10px;
    color: #92928d;
    margin-bottom: 5px;
}
div#footer_content p a {
    color: #fff;
}

.sitemap_block {
    display: block;
    width: 90px;
    height: 90px;
    background-color: #d4d4d4;
    color: #000;
    margin: 5px;
    float: left;
    text-align: center;
    padding: 10px;
    font-family: GOTHIC, Verdana;
    font-size: 13px;
}
.sitemap_block:hover {
    text-decoration: none;
    background-color: #757575;
}

#get_in_touch .newsletter_link {
    font-size: 11px;
    background: url(images/newsletter.gif) no-repeat 0px 5px;
    padding-left: 25px;
    display: block;
    margin-top: 50px;
}