/*
Theme Name: Custodia
Theme URI: http://custodiasecurityconsultants.com/
Description: Custodia blog theme
Author: Peakflow
version: 1.0
*/

* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {background: white url('images/bg.jpg') top center repeat-x; min-width: 820px; font-family: Calibri, Arial; font-size: 62.5%;}
#container {position: relative; width: 800px; margin: 0px auto; min-height: 100%;}
* html #container {height: 100%;}

/* Text Styling */
.clear {clear: both;}
a {color: #333; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
a img {border: 0;}

h1 {margin-bottom: 15px; color: #CB2829; font-size: 2.2em;} h1 a, h1 a:hover {color: #CB2829;}
h2 {margin-bottom: 15px; color: #CB2829; font-size: 2.2em;}
h1.cf {margin-top: 32px;}
h2.cf {margin-top: 32px;}
h3 {margin-bottom: 7.5px; color: #333; font-size: 1.8em;}

/* Header */
#header {width: 800px; height: 470px; position: relative; background: url('images/bg_header.jpg') 0 10px no-repeat;} 
#header h1 {position: absolute; top: 16px; left: 0px;}

#header #contactus {background: url('images/bg_contactus.jpg') bottom left repeat-x;font-size:1.5em;padding:5px 10px;position:absolute; top: 0; right: 0;border:1px solid #ccc;border-top:0;text-align:center;}
#header #contactus a {background:url('images/email.gif') 0 1px no-repeat;padding:0 0 0 21px;margin-right:10px;}
#header #contactus a:hover {background-position: 0 -29px;color: #D71B1A;text-decoration:none;}
#header #contactus span.tel {background:url('images/tel.gif') 0 1px no-repeat;padding:0 0 0 21px;}
#header #contactus span.tel:hover {background-position: 0 -29px;color:#47719F;cursor:pointer;}

#caption {position: absolute; left: 270px; top: 121px; width: 523px; background: url('images/bg_caption_home.jpg') top left no-repeat; padding: 265px 0 0 3px; z-index: 5;}
body.Security #caption {background-image: url('images/bg_caption_security.jpg');}
body.CloseProtection #caption {background-image: url('images/bg_caption_closeprotection.jpg');}
body.AssetProtection #caption {background-image: url('images/bg_caption_asset.jpg');}
body.Chauffeuring #caption {background-image: url('images/bg_caption_chauffering.jpg');}
body.EliteTravel #caption {background-image: url('images/bg_caption_elitetravel.jpg');}
body.EventSecurity #caption {background-image: url('images/bg_caption_eventsecurity.jpg');}
body.Investigation #caption {background-image: url('images/bg_caption_investigation.jpg');}
body.ResidentialSecurity #caption {background-image: url('images/bg_caption_residential.jpg');}
body.Surveillance #caption {background-image: url('images/bg_caption_surveillance.jpg');}
body.Medical #caption {background-image: url('images/bg_caption_medicalservices.jpg');}
body.Maritime #caption {background-image: url('images/bg_caption_maritime.jpg');}
body.News #caption {background-image: url('images/bg_caption_news.jpg');}
body.Contact #caption {background-image: url('images/bg_caption_contact.jpg');}
body.Contact #mainarea a {color: #CB2829;}
#caption h2 {color: white; font-size: 1.9em; font-family: Arial; margin-bottom: 5px;}
#caption h3 {color: white; font-size: 1.5em;font-weight:normal;}
#caption a {color: #000000;}
#caption a:hover {color: #330000; text-decoration: underline;}

/* Mainarea */
#mainarea {position: relative; width: 800px; padding: 28px 0 175px 0; margin: 0;}
#mainarea p {font-size: 1.3em; line-height: 160%; margin: 0 0 16px 0; font-family: Arial; text-align: justify;}
#mainarea ul {font-size: 1.3em; margin-left: 15px; line-height: 175%; margin-bottom: 15px; font-family: Arial;}
#mainarea img {float:left;border:1px solid #bbbbbb;padding:1px;margin-right:20px;}
.twocolumn {float: left; width: 365px; padding: 0 14px 0 14px;}
body.Security #mainarea a {border: 1px solid #aaa; padding: 4px; color: #888; text-transform: uppercase; font-size: 0.8em;}
body.Security #mainarea a:hover {border: 1px solid #CB2829; color: #CB2829; text-decoration: none; background: #fafafa;}
body.Security .mt {margin-top: 48px;}

/* Home Page */
.skills {list-style-type: none; margin: 0 0 0 20px; float: right; width: 370px;}
.skills li {margin: 0 10px 0 0 !important; float: left;} .skills li.end {margin-right: 0 !important;}
.skills li a {display:block; height:135px; width:150px; padding: 15px 20px 0 10px; margin-bottom:10px; color:#999; font-size: 0.9em !important; line-height: 150% !important;}
.skills li a h3 {color:#999;font-size:1.4em;margin:0 0 10px 0;padding:0;}
.skills li a:hover {border-color: #9A1600; color: #333; text-decoration: none;} .skills li a:hover h3 {color:#333;}
.skills li.security a {background: url('images/skills_security.jpg') 0 0 no-repeat;}
.skills li.security a:hover {background-position: -180px 0;}
.skills li.chauffeuring a {background: url('images/skills_chauffeuring.jpg') 0 0 no-repeat;}
.skills li.chauffeuring a:hover {background-position: -180px 0;}
.skills li.surveillance a {background: url('images/skills_surveillance.jpg') 0 0 no-repeat;}
.skills li.surveillance a:hover {background-position: -180px 0;}
.skills li.investigation a {background: url('images/skills_investigation.jpg') 0 0 no-repeat;}
.skills li.investigation a:hover {background-position: -180px 0;}
.skills li.maritime a {background: url('images/skills_medical-services.jpg') 0 0 no-repeat;}
.skills li.maritime a:hover {background-position: -180px 0;}
.skills li.medical a {background: url('images/skills_medical-services.jpg') 0 0 no-repeat;}
.skills li.medical a:hover {background-position: -180px 0;}

/* Contact Page */
.cssform p{ width: 460px; clear: left; margin: 0; padding: 0; height: 1%; }
.cssform label{ font-weight: normal; float: left; width: 200px; padding: 20px 0 0 0; }
.enquiryerror {font-size: 10px !important;}
.enquiryerror strong {color: red;}

#first { border-top: 0px !important;}
.cssform p{ width: 600px !important; clear: left !important; margin: 0 !important; padding: 0 !important; height: 1% !important; }
.cssform label{ font-weight: normal !important; float: left !important; width: 250px !important; padding: 20px 0 0 0 !important; }
.cssform input{ width: 230px; font-family: Calibri, Arial; font-size: 1em; height: 18px; padding: 2px 5px 0px 5px; border: 1px dotted #999999; margin-top: 20px !important; background: #ffffff;}
.cssform input:focus {background: #FFF; border: 1px solid #999999;}
.cssform textarea{ width: 230px; height: 90px; font-family: Calibri, Arial; font-size: 1em; padding: 5px; border: 1px dotted #999999; margin-top: 20px !important; }
.cssform textarea:focus {background: #FFF; border: 1px solid #999999; }
#submit { float: left; padding-left: 250px; /*width of left column*/ width: 200px; margin-bottom: 25px;}
.csssubmitbutton { width: 242px !important; margin: 0; padding: 0 !important; height: 30px !important; font-family: Calibri, Arial; font-size: 1.4em !important; padding: 5px 0 5px 0 !important; border-style: solid !important; text-transform: uppercase; font-weight: bold; color: #333; border-top: 1px solid #ccc !important; border-left: 1px solid #ccc !important;}

/* Footer */
#footer_container {width: 100%; position: relative; background: #EA1C1C url('images/bg_footer.jpg') repeat-x; height: 95px; margin-top: -95px;}
#footer {width: 800px; position: relative; margin: 0 auto; padding: 15px 0 0 0; font-family: Arial, Verdana; height: 80px;} 
#footer p {font-size: 1.1em; line-height: 170%; color: #FFF;} #footer a {color: #FFF;} #footer a:hover {color: #CCC; text-decoration: underline;}
#footer p.left {float: left; padding: 0;}
#footer p.right { margin:0; text-align: right; position: absolute; right:0; top:15px;}
#footer a.pf {position: absolute; right: 0; top: 55px;}

#newsfeed {position: relative; width: 719px; border: 1px solid #E5E5E5; padding: 5px 5px 5px 74px; height: 45px; margin: 0 0 15px 0; background: url('images/skynews.jpg') top left repeat-x; overflow: hidden;}
#newsfeed h3 {margin-bottom:0!important;}
a.bbcnews {position: absolute; top: 6px; left: 7px;}
#newsfeed a {font-weight: bold; color: #999;}
#newsfeed p {color: #aaa}