/*
Theme Name: Optimise Internet
Theme URI: http://www.optimiseinternet.com
Description: Theme designed for Optimise Internet
Author: Optimise Internet
Author URI: http://www.optimiseinternet.com
*/


html {background:url(images/htmlBG.png) repeat-x top;}
#container {background: #fff;}
#main {width: 940px; margin: 20px 0 0 10px;}


/*	----- Default Font Settings ----- */

body {font: 14px/1.5 'Helvetica',Arial,'Liberation Sans',FreeSans,sans-serif; color: #545454;}
hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0;}
h1,h2,h3,h4,h5,h6 {letter-spacing: -0.4px; font-weight: normal; color: #4c8cac;}
h1 {font-size:25px; line-height: 35px;}
h2 {font-size:20px;}
h3 {font-size:18px; line-height: 30px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:13px;}
ol {list-style:decimal;}
ul {list-style:disc;}
li {margin-left:15px; margin-bottom: 5px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom:20px; }
abbr {border-bottom: 1px dotted #4782a0;}

/* Links */
a {color: #4782a0; text-decoration: none;}
a:hover {text-decoration: underline;}
#content p a {background-color: #F0FAFE;  border-bottom: 1px solid #e0f4fe;}
#content p a:hover  {text-decoration: none; color: #1982b4;}


/* Default Wordpress settings */
.centered { display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right; margin-left: 15px; margin-bottom: 10px;}
.alignleft {float: left; margin-right: 15px; margin-bottom: 10px;}


/* fonts */
@font-face {
	font-family: 'TiresiasInfofontRegular';
	src: url('type/Tiresias_Infofont-webfont.eot');
	src: local('☺'), url('type/type/Tiresias_Infofont-webfont.woff') format('woff'), url('type/Tiresias_Infofont-webfont.ttf') format('truetype'), url('type/Tiresias_Infofont-webfont.svg#webfontOzd8IGxB') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TiresiasInfofontItalic';
	src: url('type/Tiresias_Infofont_Italic-webfont.eot');
	src: local('☺'), url('type/Tiresias_Infofont_Italic-webfont.woff') format('woff'), url('type/Tiresias_Infofont_Italic-webfont.ttf') format('truetype'), url('type/Tiresias_Infofont_Italic-webfont.svg#webfontsL0Ncz3Y') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*	
########################################################
Header
########################################################
*/

#header {background: #fff; width: 980px; margin: 0 auto; padding: 40px 0 0 0; position: relative;}
#header img#logo {float: left; margin-bottom: 40px; top: -2px; left: 20px; position: relative;}
#header .header-logos {margin-right: 30px; float: left;}
#header .call-us {float: right;}

#contact-details {width: 100%; background: #36647C; color: #fff; padding: 10px 0; border-bottom: 1px solid #5D91AC;}
#contact-details p {padding: 0 10px 0 10px; margin: 0; font-weight: normal;}
#contact-details a {color: #fff;}

#header-info {float: right; position: relative; width: 470px; top: 20px; right: 20px;}
#header-info img {float: left;}
#header-info ul {list-style: none; float: right;}
#header-info ul li {margin-left: 0; text-align: right; letter-spacing: -0.3px; margin-bottom: 0;}

#header-info small {font-size: 13px; display: block; color: #aaadaf;}
#header-info .call {font-size: 28px; color: #366f8d; line-height: 25px;}


/*
########################################################
Navigation
########################################################
*/

#top-nav {clear: both; overflow: hidden; padding: 0; margin: 0; width: 980px; height: 47px; background: url(images/navbg.png) repeat-x top;}

ul#menu {list-style: none; clear: both;}
ul#menu li {display: inline;}
ul#menu li a {float: left; height: 47px; text-indent: -9999px;}

li#nav-home a {width: 85px; background: url(images/navsprite.png) no-repeat 0 0;}
li#nav-home a:hover {background-position: 0 -47px;}

li#nav-why-optimise a {width: 150px; background: url(images/navsprite.png) no-repeat -85px 0;} 
li#nav-why-optimise a:hover {background-position: -85px -47px;}

li#nav-services a {width: 140px; background: url(images/navsprite.png) no-repeat -235px 0;}
li#nav-services a:hover {background-position: -235px -47px;}

li#nav-faq a {width: 80px; background: url(images/navsprite.png) no-repeat -375px 0;}
li#nav-faq a:hover {background-position: -375px -47px;}

li#nav-blog a {width: 75px; background: url(images/navsprite.png) no-repeat -455px 0;}
li#nav-blog a:hover {background-position: -455px -47px;}

li#nav-clients a {width: 95px; background: url(images/navsprite.png) no-repeat -530px 0;}
li#nav-clients a:hover {background-position: -530px -47px;}

li#nav-careers a {width: 100px; background: url(images/navsprite.png) no-repeat -625px 0;}
li#nav-careers a:hover {background-position: -625px -47px;}

li#nav-contact a {width: 125px; background: url(images/navsprite.png) no-repeat -725px 0;}
li#nav-contact a:hover {background-position: -725px -47px;}



/*
########################################################
Slider
########################################################
*/

#slider-wrap {background: #ecf8fe; width: 100%; border-bottom: 1px solid #d4edf9;}

#slider {margin: 0 auto; width: 980px; height: 285px; overflow: hidden;}
	
	#slider .slide {width: 940px; overflow: hidden; margin: 25px 20px 0; height: 260px;}
			.slide div {float: left; width: 420px;}
			.slide p, .slide h2 {text-shadow: 1px 1px #fff; font-family: 'TiresiasInfofontRegular', sans-serif;}
			.slide h2 {font-size: 26px; color: #295e79; text-transform: uppercase; margin-top: 15px;}
			.slide p {display: block; width: 415px; font-size: 16px; color: #327292;}
.slide img.browser-window {float: right; width: 480px; display:inline;}

/*
########################################################
Page Banners
########################################################
*/

#container {padding-top: 40px;}
.page-banner{background: #fff;  width: 960px; margin: 0 auto;}
.page-banner h1 {padding: 45px 20px 0 10px; margin-bottom: 0; font-family: 'TiresiasInfofontRegular', sans-serif;}
.tagline {padding: 0 0 0 25px;}



/*
########################################################
Content Area 
########################################################
*/

#content {margin-bottom: 50px; }


/*
########################################################
Page Titles
########################################################
*/

.page-title {margin-top: 20px; margin-bottom: 30px;}


/*
########################################################
Home Page 
########################################################
*/

h1.home-welcome {font-size: 20px; font-family: 'TiresiasInfofontRegular', sans-serif;}

#home-info {border-top: 1px solid #eee; padding:30px 0;}

.what-can-we-do {margin-bottom: 40px; border-top: 2px dotted #eee; border-bottom: 2px dotted #eee; padding: 25px 0 25px 0;}

.featured-projects {margin-bottom: 25px; border-top: 2px dotted #eee; padding:30px 0; margin-top: 30px;}

.featured-projects li img {-moz-box-shadow: 0 0 3px #ececec; -webkit-box-shadow: 0 0 3px #ececec; border: 1px solid #ececec; padding: 5px; margin-bottom: 10px;}
.featured-projects li img:hover {-moz-box-shadow: 0 0 3px #c1c1c1; -webkit-box-shadow: 0 0 3px #c1c1c1;}

.featured-projects h2 {float: left;}
.featured-projects h4  {margin-bottom:0; margin-top: 6px; margin-bottom: 8px;}

.latest-news {margin-top: 20px; margin-bottom: 20px; color: #177eb3; padding: 20px; -moz-border-radius: 10px; -webkit-border-raidus: 10px; border-radius: 10px; text-shadow: 1px 1px 1px #fff; background: #FAFDFE; border: 1px solid #c1e5f7;}

.latest-news h3 {color: #295e79; margin-bottom: 10px;}
.latest-news h4 {font-weight: bold; margin-bottom: 0;}
.latest-news p {clear: both;}
.latest-news .date {margin-top: 0; color: #93d2f2;}

.latest-news-items {margin-bottom: 0;}
.latest-news-items li {list-style: none; margin-left: 0; margin-bottom: 15px; line-height: 25px; font-size: 15px; text-shadow: 1px 1px #fff; font-weight: bold;}
.latest-news-items .wp-post-image {float: left; height: 50px; width: 50px; margin: 0 15px 0 0; -moz-box-shadow: 0 0 5px #acdff7; -webkit-box-shadow: 0 0 5px #acdff7; border: 1px solid #bce5f9;}


ul.features {list-style: none;}
ul.features li {margin-left: 0; background: url(images/tick.png) no-repeat 0 0; padding-left: 22px; margin-bottom: 2px; }

/* Introducing Optimise Mailer feature */
.introducing-optimise-mailer-feature {padding: 25px; background: #fafdfe; border: 2px dotted #cbebfa; text-shadow: 1px 1px 1px #fff; margin-bottom: 10px; -moz-border-radius: 15px; -webkit-border-raidus: 15px; border-radius: 15px;}
.introducing-optimise-mailer-feature h2 {color: #138cc4; font-family: 'TiresiasInfofontRegular', sans-serif;}
.introducing-optimise-mailer-feature p {padding-right: 20px; width: 360px;}
.introducing-optimise-mailer-feature img {float: right; margin-bottom: 25px; -moz-box-shadow: 0 0 10px #acdff7; -webkit-box-shadow: 0 0 10px #acdff7; border: 1px solid #bce5f9;}
.introducing-optimise-mailer-feature ul.features {font-weight: bold; margin-bottom: 30px;}


/*
########################################################
Services Page
########################################################
*/

.our-services {margin-top: 30px;}

.services div  {margin-bottom: 25px;}
.services div p {font-size: 13px;}
.services div h3 {margin: 5px 0 10px 0; padding: 0 0 0 0; line-height: 0; line-height: 24px; font-size: 16px; font-weight: bold;}
.services div img {float: left; margin: 5px 10px 0 0;}
.services p {}

.hosting-package {margin-bottom: 20px; width: 238px; float: left; padding: 18px 10px; background: #FAFDFE; border: 1px dotted #cbebfa; height: 375px;}
.hosting-package img {display: block; float: none; margin-bottom: 15px; -moz-box-shadow: 0 0 1px #acdff7; -webkit-box-shadow: 0 0 1px #acdff7; border: 1px solid #bce5f9; margin: 10px 0;}
.hosting-package h3 {margin-bottom: 5px;}

/* Package Types */
#shared {margin-right: 20px;}
#dedicated-servers {clear: both; background: #FAFDFE; padding: 18px 10px; margin-bottom: 25px; border: 1px dotted #cbebfa;}
#dedicated-servers img {-moz-box-shadow: 0 0 1px #acdff7; -webkit-box-shadow: 0 0 3px #acdff7; border: 1px solid #bce5f9;}


/*
########################################################
FAQ Page
########################################################
*/

dl.faqs dt {font-weight: bold; font-size: 14px; background: #F0FAFE; padding: 2px; border-bottom: 1px solid #e0f4fe; margin-bottom: 5px; color: #4782a0; padding-left: 10px;}
dl.faqs dd {margin-top: 10px; padding-left: 10px;}
dl.faqs .hover {cursor: pointer; color: #1982b4; text-decoration: underline;}

/* FAQ Questions Form */
#gform_4 {margin-top: 65px;}
#gform_4 h3 {color: #6F747C; font-weight: bold;}



/*
########################################################
Clients Page
########################################################
*/


/* Client List logos */
ul#clients {overflow: hidden; margin-bottom: 35px;}
ul#clients li {margin: 0; display: inline; float: left;}
ul#clients li img {-moz-box-shadow: 0 0 3px #ececec; -webkit-box-shadow: 0 0 3px #ececec; border: 1px solid #ececec; margin-bottom: 10px;}
ul#clients li img:hover {-moz-box-shadow: 0 0 3px #c1c1c1; -webkit-box-shadow: 0 0 3px #c1c1c1;}


/* Individual Client Pages */
#lead {background: url(images/leadBG.png) no-repeat right top; padding-top: 39px; }

#what-we-did {background: #ecf8fe url(images/whatwedidBG.jpg); padding: 20px; margin-bottom: 20px; text-shadow: 1px 1px #fff; color: #37657d;}

#what-we-did h3 {font-weight: normal; font-size: 14px; color: #4782a0; font-weight: bold;}
#what-we-did ul {list-style: none; font-size: 14px; margin-bottom: 0;}
#what-we-did li {margin-left: 0; margin-bottom: 10px; padding-left: 30px;}

	/* What we did list icons */
	#what-we-did .wordpress-design {background: url(images/icon-wordpress-16x16.png) no-repeat 0 0;}
	#what-we-did .logo-design {background: url(images/icon-logo-design-16x16.png) no-repeat 0 0;}
	#what-we-did .magento {background: url(images/icon-magento-16x16.png) no-repeat 0 0;}
	#what-we-did .seo {background: url(images/icon-search-16x16.png) no-repeat 0 0;}

/*
########################################################
Partners Page
########################################################
*/

ul#partners {margin: 0; padding: 0;}
ul#partners li {margin-left: 0;list-style: none; clear: both; border-bottom: 2px dotted #eee; overflow: hidden; margin-bottom: 20px;}
ul#partners li h3 {margin-top: 0;}
ul#partners li img {float: left; background: #fff; padding: 30px 15px; -moz-box-shadow: 0 0 3px #ececec; -webkit-box-shadow: 0 0 3px #ececec; border: 1px solid #ececec; margin-right: 20px; margin-bottom: 40px;}



/*
########################################################
Contact Us
########################################################
*/

address {font-style: normal;}
address span, dt {font-weight: bold;}
dd {margin-bottom: 20px;}
#gform_wrapper_2 {clear: both; margin-top: 20px;}
#gform_2 h3 {clear: both; font-size: 20px; margin-top: 40px;}

/* Google Map */
#map_canvas {width: 360px; height: 300px; margin-bottom: 20px; float: right;}		



/*
########################################################
Gravity Forms
########################################################
*/

.gform_wrapper li {margin-left: 0;}
.gfield {background: #f8f8f8; margin-bottom: 5px; padding: 15px;}
.textarea, .ginput_container input {border: 1px solid #cecece; padding: 5px!important;}
.gform_wrapper label {color: #707070; text-shadow: 1px 1px #fff;}


/*
########################################################
Sidebar
########################################################
*/

#sidebar {width: 280px; margin: 0 0 0 20px;}

#sidebar img {margin-bottom: 20px;}

.facebook-like {background: #fff; width: 260px; margin-left: 20px; margin-bottom: 30px;}

/* Free website health check Sidebar Item  */
.book-appointment {padding: 20px; background: #e8f7df; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #b9e59c; text-shadow: 1px 1px #fff; color: #40741f;}
.book-appointment h3 {color: #40741f; font-size: 15px; font-weight: bold;}

/* Newsletter Signup Sidebar Item */
.newsletter-signup {margin-left: 20px; margin-top: 30px; margin-bottom: 30px; padding: 20px 0; padding: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #a2d9f4; font-size: 12px; color: #126a97; background: #fff;}
.newsletter-signup h3 {margin-bottom: 10px;}
.newsletter-signup input {border: 1px solid #1ba0e3; padding: 5px; margin-bottom: 10px; width: 200px; margin-top: 5px;}
.newsletter-signup button {margin-top: 10px; padding-top: 4px; padding-bottom: 5px;}

/* Introducing Optimise Mailer Sidebar Item */
#sidebar .introducing-optimise-mailer {margin-top: 20px; margin-bottom: 20px; color: #177eb3; padding: 20px; -moz-border-radius: 10px; -webkit-border-raidus: 10px; border-radius: 10px; text-shadow: 1px 1px 1px #fff; background: #eef8fd; border: 1px solid #c1e5f7;}
#sidebar .introducing-optimise-mailer h3 {color: #295e79;}
#sidebar .introducing-optimise-mailer img {-moz-box-shadow: 0 0 10px #acdff7; -webkit-box-shadow: 0 0 10px #acdff7; border: 1px solid #bce5f9;}

/* Our Services Page List */
#services {list-style: none;}
#services li {margin-left: 0; margin-bottom: 25px; border-bottom: 2px dotted #eee; padding-left: 80px;}
#services li h3 {margin-bottom: 5px;}

#services li.web-design {background: url(images/icon-design-60x60.png) no-repeat 0 0}
#services li.domains {background: url(images/icon-hosting-60x60.png) no-repeat 0 0;}
#services li.e-commerce {background: url(images/icon-e-commerce-60x60.png) no-repeat 0 0;}
#services li.email-marketing {background: url(images/icon-email-marketing-60x60.png) no-repeat 0 0;}
#services li.ppc {background:  url(images/icon-ppc-60x60.png) no-repeat 0 0;}
#services li.web-development {background: url(images/icon-development-60x60.png) no-repeat 0 0;}
#services li.search-engine-optimisation {background: url(images/icon-seo-60x60.png)no-repeat 0 0;}
#services li.social-media {background: url(images/icon-social-60x60.png) no-repeat 0 0;}

/* Happy Clients */
#happy-clients {margin-top: 20px; margin-bottom: 20px; color: #177eb3; padding: 20px; -moz-border-radius: 10px; -webkit-border-raidus: 10px; border-radius: 10px; text-shadow: 1px 1px 1px #fff; background: #eef8fd; border: 1px solid #c1e5f7; overflow-y: hidden;}
#happy-clients h3 {color: #295e79;}
#happy-clients p {font-style: italic; margin-bottom: 10px;}
cite {color:#295e79; font-size: 13px; font-style: normal; margin-bottom: 15px; display: block;}
#happy-clients img {-moz-box-shadow: 0 0 10px #acdff7; -webkit-box-shadow: 0 0 10px #acdff7; border: 1px solid #bce5f9;}

/* Our Services Sidebar Menu */
#sidebar ul#services-subnav {list-style: none; font-size: 13px; margin: 0 0 30px 0;}
#sidebar #services-subnav li {margin: 0; line-height: 24px; height: 24px; padding: 5px 0 5px 30px; border-bottom: 2px dotted #eee;}
#sidebar #services-subnav li a {display: block;}

#sidebar #services-subnav li.web-design {background: url(images/icon-design-16x16.png) no-repeat 0 40%}
#sidebar #services-subnav li.domains {background: url(images/icon-hosting-16x16.png) no-repeat 0 40%;}
#sidebar #services-subnav li.e-commerce {background: url(images/icon-e-commerce-16x16.png) no-repeat 0 40%;}
#sidebar #services-subnav li.email-marketing {background: url(images/icon-email-marketing-16x16.png) no-repeat 0 40%;}
#sidebar #services-subnav li.ppc {background:  url(images/icon-ppc-16x16.png) no-repeat 0 40%;}
#sidebar #services-subnav li.web-development {background: url(images/icon-development-16x16.png) no-repeat 0 40%;}
#sidebar #services-subnav li.search-engine-optimisation {background: url(images/icon-seo-16x16.png)no-repeat 0 40%;}
#sidebar #services-subnav li.social-media {background: url(images/icon-social-16x16.png) no-repeat 0 40%;}


/*
########################################################
Blog
########################################################
*/

/* Add the blog sidebar background image to these specific pages */
body.blog #container, body.single-post #container, body.category #container, body.archive #container {background: url(images/blog-container-bg.jpg) repeat-y;}

.post {margin-bottom: 20px; padding: 0 15px 40px 0; border-bottom: 2px dotted #eee;}
.post h2 {margin-bottom: 0; font-family: 'TiresiasInfofontRegular', sans-serif;}
.post h2 a:hover {text-decoration: none;}
.post-meta {font-size: 12px; margin: 15px 0 20px 0; font-weight: bold;}
.post-meta li {float: left; list-style: none; margin-left: 0;}
.post-meta li.date {background: url(images/calendar.png) no-repeat 0 0; padding-left: 20px; padding-right: 5px;}

h1.post-title {font-weight: normal; margin-bottom: 0!important;}

.post-thumb {float: left; width: 170px; margin-right: 20px; height: 170px; border: 1px solid #edeeef;}

.shr-bookmarks {margin-top: 30px!important;} /* Blog share and bookmark */

/* Blog sidebar items */
.blog-stuff {margin-left: 20px; margin-bottom: 100px;}
.blog-stuff h2 {font-size: 28px; color: #9cc1d3; text-shadow: 1px 1px #fff; margin-bottom: 10px;}
.blog-stuff ul {list-style: none;}
.blog-stuff ul li  {background: url(images/raquo-blue.png) no-repeat 0 40%; margin-left: 0; padding-left: 20px;}


/* 
########################################################
Footer
########################################################
*/

/* Affiliate Logos */
.affiliates {padding-bottom: 25px; border-top: 2px dotted #eee; padding-top: 20px; background: #fff;}
.affiliates img {border: none;}
.affiliates ul.affiliate-logos {list-style: none; margin: 0 0 0 10px;}
.affiliates ul.affiliate-logos li {margin: 0; display: inline; float: left;}
.affiliate-logos a.affiliate-logo {width: 120px; height: 50px; cursor: pointer; margin-right: 15px;}
.affiliate-logos li span {width: 120px; height: 50px; overflow: hidden; display: block;} /* Used to crop the image */
ul.affiliate-logos li a {display: block;}

/* Footer */
#footer-wrap {background: #46819f url("images/footerBG.png") repeat-x top; padding-top: 25px; overflow: hidden;}
#footer {clear: both; font-size: 12px; color: #fff; position: relative; padding-bottom: 60px; background:  url(images/ukmap.png) no-repeat left top;}
#footer a, #footer h4 {color: #fff;}
#footer ul {list-style: none;}
#footer li {margin-left: 0;} 

/* Latest Tweet */
.latest-tweet {background:  url(images/twitter-status-bg.png) no-repeat; height: 41px; width: 270px; padding: 15px 20px 15px 90px; font-style: italic; margin-bottom: 20px;}
.latest-tweet a {color: #a6c7d8;}

/* Social Links */
ul.follow-us {list-style: none; width: 380px;}
ul.follow-us li {display: inline; margin-right: 5px; font-size: 15px;}
ul.follow-us li h4 {margin-bottom: 10px;}
ul.follow-us li img {border: none;}

/* Site Meta */
#site-meta {color: #fff; font-size: 12px;}
#site-meta a {color: #fff;}
#site-meta ul.boring-stuff {list-style: none; float: right;}
#site-meta ul.boring-stuff li {display: inline; margin: 0 0 0 10px;}
#site-meta ul.boring-stuff a {color: #fff;}

/*	
########################################################
Buttons
########################################################
*/

/* Super Awesome Buttons with CSS3 & RGBA - http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */

.button, .gform_wrapper .button {background: #4782a0 url(images/button-overlay.png) repeat-x; display: inline-block; padding: 7px 12px 7px; color: #fff!important; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 17px; -webkit-border-radius: 17px; position: relative; cursor: pointer; text-shadow: 0px 1px 0px rgba(0,0,0,0.55); border: 1px solid #4782a0;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25); letter-spacing: 0.2px;}
	
	.button:hover {background-color: #427894;}
	
	/* colours */
	.green.button {background-color: #2d9f01; border: 1px solid #30860f; }
	.green.button:hover {background-color: #288e01;}

	/* sizes */
	.small.button {font-size: 12px;}
	.medium.button {font-size: 13px; padding: 10px 15px 11px;}
	.large.button {font-size: 14px; padding: 10px 15px 11px;}
	
	.button.right {float: right;}
	
.button:hover {text-decoration: none;}
.button:active {position: relative; top: 2px;}