/*
Theme Name: Wable UK Modularity
Theme URI: http://wable.co.uk
Description: Child Theme for Modularity
Author: Barry Champion
Author URI: http://barrychampion.co.uk
Template: modularity
Version: 1.0
*/

@import url("../modularity/style.css");
@import url('recaptcha.css');
* {margin:0;padding:0;}
html, body {height: 100%; background-color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; margin: 0 0 -20px 0}
body.home {background-image: url(images/background.jpg); background-repeat: repeat-x; background-position: top;}
body.page {background-image: url(images/inner-background.jpg); background-repeat: repeat-x; background-position: top;}
body.page-id-610 {background-image: url(images/background.jpg); background-repeat: repeat-x; background-position: top;}
body.page-id-610 .container-inner {background-image: url(images/wable-services-robot-bg.png); background-repeat: no-repeat; background-position: top;}
body.page-id-610 .content-top h2 { color:#FFFFFF}
.home .content .first, .home .content .middle { margin-right:40px}
.wrap {min-height: 100%;}
.container {background: none; height:100%; overflow:auto; padding-bottom: 320px;}
.container-inner {background-color:none; padding: 20px 0}
.colborder { padding:0}
h2 {font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:2.5em; font-weight: normal; font-style: normal; line-height: normal; color:#666666; margin:0}
h3 {font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:2em; font-weight: bold; font-style: normal; line-height:1.1em; color:#666666;}
a {color:#428ce7;text-decoration:none;}
a:hover, a:focus {color:#00CC66;}
h3.sub,h2.sub {margin: 0 0 10px 0;padding:0;font-size:2.5em;line-height: 1em;text-transform: none;letter-spacing: normal; border-bottom: none; font-weight: normal;}
ul {color:#000}
#top {width:950px; margin:0 auto; padding:0; background-color: none; color:#666;height: 80px; background-image: url(images/top-gradient.png); background-repeat: no-repeat; background-position: 0 0;}
thead th { background:none}

/* Masthead */
#masthead {margin:0; padding:0;}
#masthead #logo h1 {float: left; text-transform: none; margin:15px 0 0 0; padding:0}
#masthead #logo h1 a {color:#000; font-size: inherit;}
#masthead #logo .description {display:none}
.app {margin:0;}
/* Navigation overrides */
.sf-menu #search #s {width:100px;}
#nav a, .navi a {background: none;}
#nav a:hover,.navi a:hover {background: none;}
#top .sf-menu a {color: #fff; background: none;}
#top .sf-menu a:hover {color: #00CC66; background: none}
.menu {float:left;}
.sf-menu {position:absolute; top:26px;background: none; margin:0}
.sf-menu li { background: none}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: none; outline: 0;}
#menu-item-910 {margin-top:3px; text-indent:-9999px; font-size:0; background-image:url(images/wable-contact-button.png); background-repeat: no-repeat; display: block; height: 24px; width: 99px;}
#menu-item-910:hover {background-position: left -24px;}
/* Welcome Box*/
.welcomebox { display:block; height:350px; padding:0;margin:0; background:none;}
.welcomebox h2 {color:#fff; font-weight: normal; font-size:3.5em; margin:0 0 5px 0}
.welcomebox p { margin:0; padding:0; color:#fff; margin-bottom:10px}
.welcomebox ul {color:#fff; list-style:none; margin:0 10px 10px 10px; padding:0;}
.welcomebox ul li {padding:5px 25px; background-image:url(images/check.png); background-repeat: no-repeat; background-position: left center;}
div.span-8 {width:280px;margin-right:30px;}
.welcomebox a.packages-button {background:url(images/packages-button.png) no-repeat 0 0px; height:51px; width:323px; display:block; text-indent:-9999px; font-size:0; line-height:0; margin-top:20px;}
.welcomebox a.packages-button:hover {background:url(images/packages-button.png) no-repeat 0 -51px; height:51px; width:323px; display:block; text-indent:-9999px;}
/* Slideshow */
.splash p {color:#fff}
.recent {position:relative; height:300px; width:400px; float:right}
.splash .recent p { position:absolute; bottom:0; left:15px; z-index:100;}
#slideshow {width:400px; height:300px; padding:0; list-style:none; margin:0; overflow:hidden;}
#slideshow .slide {width:400px; height:300px; padding:0; background-image: url(images/lcd-bg.jpg); background-repeat: repeat-x; background-position: top; z-index:10}
#slideshow .slide img {max-width:430px;text-align:center;margin:0;}
.content-top { height:350px;}
.content-top h2 {color:#fff; font-weight: normal; font-size:3.5em; margin:0 0 5px 0}
.content-top a, .content-top p { color:#fff;}
.content-top a:hover { text-decoration:underline}
.content-top ul {color:#fff; list-style:none; margin:0 10px 10px 10px; padding:0;}
.content-top ul li {padding:5px 25px; background-image:url(images/check.png); background-repeat: no-repeat; background-position: left center;}
body.page-id-610 .intro { width:350px}
.prices-packages-boxes { display:block; width:950px; height:350px; background-image: url(images/wable-prices-boxes-bg.png); background-repeat: no-repeat; background-position: center top;}
.prices-packages-boxes .package {float:left; height:350px; position:relative}
.prices-packages-boxes .package p { color:#fff; padding:0 20px}
.prices-packages-boxes .package h2 { color:#fff; width:150px; font-size:3.5em; line-height:0.2em}
.prices-packages-boxes .package h2 span {font-size:60%}
.prices-packages-boxes .box1, .prices-packages-boxes .box3 {width:300px;}
.prices-packages-boxes .box1 h2, .prices-packages-boxes .box3 h2 {margin:40px 20px 10px 20px}
.prices-packages-boxes .box2 h2 {margin:20px 20px 10px 20px}
.prices-packages-boxes .box2 {width:350px;}
.prices-packages-boxes .box1 .paypal-button-small { position:absolute; bottom:80px; right:15px}
.prices-packages-boxes .box2 .paypal-button-small { position:absolute; bottom:60px; right:15px}
.prices-packages-boxes .box3 .paypal-button-small { position:absolute; bottom:80px; right:15px}

/* Sidebar */
#sidebar h3.sub { font-size:1.7em}
/* Posts */
.postmetadata {background: inherit;padding:0;color:#666666; font-size: inherit;}
.postmetadata a {color:#428ce7;}
.postmetadata a:hover {color:#00CC66;}
/* Footer */
#footer-wrap {position: relative; margin-top: -320px; /* negative value of footer height */ height: 320px; width:100%; clear:both;background:none; color:#333; background-image: url(images/footer-bg.jpg); background-repeat: repeat-x; background-position: bottom;}
#footer {background:none; width:950px;}
#footer .share-button {margin:-5px 0 5px 0}
#footer .buttons a { margin:0 5px 0 0}
#footer h3 {color:#666666; font-weight:normal}
#footer .last {float:right}
#footer .hosting { margin-top:16px}
/*#footer .first .buttons a {margin-right:5px}*/
.footer-logo { float:left; margin:6px 5px 0 0}
.credits { position:absolute; bottom:0px; height:50px; width:950px;}
.credits p.quiet, .credits p.wable {color:#999999; padding: 0}
.credits p.quiet {float:left}
.credits p.copyright{ margin-top:16px; float:left; font-size: 1em}
.packages-table h3 {margin:10px 0 0 0; padding:0;}
.packages-table th h3 { font-weight:normal; margin-bottom:-30px;}
.packages-table .details { vertical-align:top; padding: 0 20px 0 0}
.packages-table .item h3 { font-size:1.5em;}
.packages-table .price strong {font-size:2.5em; color: #db0000}
.packages-table .costs .simple, .packages-table .costs .standard, .packages-table .costs .business { color: #333333; font-weight: normal}
.packages-table .costs strong {color: #db0000}
.simple, .standard, .business {text-align:center; vertical-align:middle; padding-top:10px; font-weight:bold; color: #009933; padding:10px;}
.packages-table .info {border-top: 1px solid #ccc; vertical-align:top;}
.packages-table .simple, .packages-table .standard { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.packages-table .business { border: 1px solid #ccc;}
.submit input {
	padding:5px 10px;
	margin-top:20px;
	border: 1px solid #034dad;
	background-color: #0877c0;
	color:#fff;
	font-weight:bold;
	cursor: pointer;
}