/*
Theme Name: CERT Theme
Theme URI: http://cert.uk.com
Description: Custom Theme developed theme for cert.uk.com
Version: 1.0
Author: Daniel Westall
Author URI: http://www.dan-westall.co.uk
Tags: 

	This theme was designed and built by Dan Westall,
	whose blog you will find at http://www.dan-westall.co.uk


*/

@font-face {font-family: Decker;src: url('Decker.ttf')}
@font-face {font-family: Decker;font-weight: bold;src: url('DeckerB.ttf');}
body {/*background: #fff url(images/background.png) repeat-x top center;*/padding:0px;margin:0px;}
h1 {margin:0px;}

#contact-container p {margin-bottom:20px;line-height:130%;font-size:15px;font-family:Arial, Helvetica, sans-serif;}

#contact-container li {font-family:Arial, Helvetica, sans-serif;margin-bottom:5px;font-size:15px;list-style:none;}
#contact-container ul {margin-top:20px;}
#contact-container h1 {margin-bottom:20px;}


.factility-listing p {margin-bottom:20px;line-height:130%;font-size:15px;font-family:Arial, Helvetica, sans-serif;}
.booking-page {padding-top:20px;}

/*link style controls*/
a {text-decoration:none;color:#000}
a img {border:none;}

/*Color Control*/
#footer a {color:#FFDF1F;outline:none}
#footer a:hover {text-decoration:underline;}
#footer a {color:#FFDF1F}

/*Menu*/
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; }
#dropmenu a {display:block; padding:0.15em 1.6em 0.15em 0em; color:#fff;text-decoration:none;outline:none; }
#dropmenu a:hover {text-decoration:underline;color:#FFDE1E}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.2em; left:-1px;}
#dropmenu ul a {}
#dropmenu li ul {width:351px;padding:8px 0px 30px 0px;background: url(images/menu_background.png) no-repeat bottom center;left:-60px}
#dropmenu li ul a {width:9em; height:auto; float:left;font-size:25px;padding:0.02em 0em 0.02em 2.4em;line-height:1.2em;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
.menu-top {background: url(images/menu_top.png) no-repeat top left!important;padding-bottom:25px;width:351px;}

/*top Contact form*/
.wpcf7-form {padding-top:30px;}

div.wpcf7-response-output {border-width:0px;padding:0px;float:right}
div.wpcf7-validation-errors {padding-left:20px;background: url(images/warning.png) no-repeat center left}
#contact-form {background: url(images/contact-us-background.png) no-repeat bottom center;border-bottom:2px solid #fff;overflow:hidden}
#contact-form .panel {position:relative;overflow:hidden}
#contact-form {font-family:decker,arial;}
#contact-us {position:absolute;top:-2px;background: url(images/contact-us-v1.png) no-repeat top left;width:214px;height:42px;}
#contact-us img {position:absolute;top:7px;right:20px;}
td.col1 p {margin:0px;height:67px}
td.col2 P {margin:0px;padding-left:10px;padding-right:10px;}
td.col3 p {margin:0px;height:67px;}
td.col3 {padding-top:20px;}
td.col1,td.col2,td.col3 {vertical-align:top;}

#contact-form textarea {height:151px;width:376px;font-family:decker,arial;padding:5px}
#contact-form input[type="text"],#contact-form textarea {border:2px solid #fff;background:#DADADA;-moz-border-radius:10px;-webkit-border-radius:10px;outline:none;}
#contact-form input[type="text"] {width:283px;padding:6px}
#contact-form input[type="submit"] {margin-left:auto;margin-right:auto;-moz-border-radius:10px;-webkit-border-radius:10px;border:2px solid #fff;background:#FFDD17;width:200px;font-size:20px;font-weight:bold;font-family:decker,arial}
#contact-form-container {height:0px;overflow:hidden}

#header-section {background: #000 url(images/header-background.png) no-repeat top center;height:690px;}
#header-section .panel {position:relative;}
#header-section .panel img.section-image {margin:20px 40px;}
.header-section-header {height:174px;}
.panel {width:960px;margin-left:auto;margin-right:auto;}
#nav {font-family:decker,arial;font-size:30px;color:#fff;height:64px;}   
#nav ul {float:left;padding-left:0px;margin-top:10px;margin-left:0px} 
#nav li {float:left;list-style:none;}

#logo {float:right;margin-top:20px;}

.header-section-body h1 {font-family:decker,arial;font-size:50px;font-weight:bold;}
.header-section-body {font-family:decker,arial;font-size:30px;}
.header-section-body .icon {float:left;margin:10px 10px 10px 0px;}
.header-section-body .number {text-align:center;padding-right:30px;font-size:40px;font-weight:bold}

.tel {position:absolute;top:5px;left:250px;font-size:30px;color:#fff;font-family:decker,arial;font-weight:bold;}

.short-header {height:515px!important;}
.short-header h1 {font-size:40px}
/*.facility #header-section {height:756px}*/


/*front page*/
#white-panel {background: url(images/white_panel.png) no-repeat top left;width:978px;height:411px;margin-top:25px;position:relative;}
#white-panel a {position:absolute;bottom:40px;right:40px;background:url(images/training-button.png) no-repeat top left ;font-size:25px;width:360px;height:75px;outline:none;z-index:10;}
#white-panel a.landing-action-page {right:-10px;bottom:10px}

#white-panel a span {position:relative;top:20px;left:20px;}
.short-header #white-panel {background: url(images/white_panel_small.png) no-repeat top left;width:978px;height:240px;margin-top:25px;position:relative;}
.short-header #white-panel div {padding:20px;}

.landing-page #white-panel {background: url(images/white_panel.png);}

/*facility page*/
#facility-panel {background: url(images/fact-plan.png) no-repeat top left;width:978px;height:411px;margin-top:25px;position:relative;}
#facility-panel a {display:block;position:absolute;color:#fff;font-size:50px;outline:none;}
#facility-panel a:hover {color:#FFE341}

#training {left:10px;top:10px;height:150px;width:600px;background: url(images/text/training-text-white.png) no-repeat center center;}
#training:hover {background: url(images/text/training-text.png) no-repeat center center}

#changing {right:130px;top:10px;height:150px;width:230px;background: url(images/text/changing-text-white.png) no-repeat center center;}
#changing:hover {background: url(images/text/changing-text-yellow.png) no-repeat center center;}

#conference {left:10px;top:170px;height:110px;width:300px;background: url(images/text/conference.png) no-repeat center center;}
#conference:hover {background: url(images/text/conference-yellow.png) no-repeat center center;}

#briefing {left:330px;top:170px;height:110px;width:280px;background: url(images/text/briefing-text-white.png) no-repeat center center;}
#briefing:hover {background: url(images/text/briefing-text-yellow.png) no-repeat center center;}

#dinning {right:180px;top:170px;height:110px;width:180px;background: url(images/text/dinning-text-white.png) no-repeat center center;}
#dinning:hover {background: url(images/text/dinning-text-yellow.png) no-repeat center center;}

#main {left:450px;bottom:15px;height:110px;width:400px;background: url(images/text/office-text-white.png) no-repeat center center;}
#main:hover {background: url(images/text/office-text-yellow.png) no-repeat center center;}

.text-description {font-size:15px;float:left;width:560px;}
.factility-listing li {list-style:none;margin-bottom:50px;}
.description-image {width:300px;height:200px;float:right;position:relative;border:10px solid #000;-moz-border-radius:10px;-webkit-border-radius:10px;}
.description-image img {}
.factility-listing h2 {font-size:30px!important;}
.back-to-top {float:left;margin-top:10px}
.back-to-top a {padding-left:50px;background: url(images/arrow-up.png) no-repeat left center;height:26px;font-weight:bold;display:block}
.back-to-top a:hover {text-decoration:underline;}

/* NOT IN USE
#coming-soon-form div{float:left;width:33%;height:81px}
#coming-soon-form label {font-size:20px;font-weight:bold;}
#coming-soon-form .input {outline:none;background-color:#DADADA;border:2px solid #fff;-moz-border-radius:10px;-webkit-border-radius:10px;padding:8px 8px;width:80%;font-size:15px}
#coming-soon-form .submit{background-color:#FFDD17;border:2px solid #fff;-moz-border-radius:10px;-webkit-border-radius:10px;padding:5px 8px;width:80%;font-family:decker,arial;font-size:20px;font-weight:bold;-moz-box-shadow: 2px 3px 5px #888;height:40px;top:22px;position:relative}
*/

/*contact form NOT IN USE
.hightlight {border:2px solid #9F1319;background:url(images/iconCaution.gif) no-repeat 2px}
.loading {float:right!important;background:url(images/ajax-loader.gif) no-repeat center center; width:28px!important; display:none;}
.done {background:url(iconIdea.gif) no-repeat 2px;	display:none;text-align:center;}*/

#body-section {font-family:decker,arial;font-size:18px;padding-top:20px;background: #fff url(images/body-grad.png) repeat-x top center;position:relative;padding-bottom:57px;}
#body-section .icon {float:left;margin:0px 10px 10px 0px;}
#body-section h1 {margin-top:0px;}
#body-section h2 {margin:0px;font-family:decker,arial;font-size:25px;font-weight:bold;}
#body-section ul {padding:0px;list-style-position:inside;}
#body-section li h2 {display:inline;}

#body-section table {width:100%}
#body-section td {padding:2px;font-family:Arial, Helvetica, sans-serif;font-size:15px;}
#body-section .panel {padding-bottom:30px;}

#body-section .panel h2 {margin-bottom:15px;margin-top:15px;font-size:30px;font-weight:bold}

#portfolio {list-style:none;top:20px;height:350px!important;overflow:hidden;position:relative;left:30px}
#portfolio li {position:relative}

.readmore {font-weight:bold;}

/*front page*/
#body-section .col1 {width:305px;float:left;background: url(images/column-divider.png) no-repeat center right;min-height:300px;font-size:15px;}
#body-section .col1-wide {width:955px;float:left;background-image:none;min-height:300px;font-size:15px;}
#body-section .col1 div {padding-right:20px;}

#body-section .col2 {width:345px;float:left;background: url(images/column-divider.png) no-repeat center right;min-height:300px;font-size:15px;}
#body-section .col2 div {padding:0px 20px;}

#body-section .col3 {width:305px;float:left;min-height:300px;font-size:15px;}
#body-section .col3 div {padding-left:20px;}

#footer {height:57px;background: url(images/footer.png) repeat-x center top;color:#fff;overflow:hidden;font-family:decker,arial;position:absolute;bottom:0px;width:100%;}
#footer ul {list-style:none;margin-top:28px;padding:0px;}
#footer ul li {float:left;}
#footer .vaild {float:right}
#footer a:hover {color:#fff!important}

.action:hover {text-decoration:none;}

/*google map*/
.map-border {-moz-border-radius:15px;-webkit-border-radius:15px;background:#fff;padding:10px;}
.gels-form {bottom:-5px!important;left:-3px!important;position:relative;}
.mapp-poweredby {display:none;}

.learn-more h3 {display:inline;}

.standard-page-panel {position:relative;padding:20px 220px 20px 20px!important}
.banner-image {position:absolute;right:50px;top:20px;}
.youtube {}

/**/
.look-around {position:absolute;right:20px;bottom:20px;}
.look-around img {border:0px}
a.look-around-images {display:none;}

.look-around-images {position:absolute;}
.look-around-btn {z-index:15;}
.a-image {position:absolute;top:0px;left:0px;z-index:10}

/**/
.facility-title {margin-bottom:10px}
.factility-listing p {margin-bottom:15px;}

/**/
.print-page {text-align:right;}
.print-page a {padding-left:30px;background: url(images/printer.png) no-repeat center left}

.news-tags a {color:#ffffff;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#000;float:right;margin-left:10px;}
.news-tags a:hover {color:#FFDE1E}

.learn-more-list a {font-size:20px;font-weight:bold;}