/* @override http://webtise.net/~newsite/css/screen.css */

/*  

	PROJECT NAME Screen.css
	VERSION 1.1 
	NICK TOYE
	NICK@NICKTOYE.CO.UK
	
	CONTENTS ----------
		
		0.  IMPORTS
		1.  BODY
		2.  GENERAL
		3.  SCAFFOLD
		4.  COMPONENTS
	
	------------------
		
	PALETTE ----------
	
		blue #00ade2
	------------------
	
*/

/* @group [0] IMPORTS */

@import url(reset.css); /* RESET CSS */

/* @end */

/* @group [1] BODY */



body {
	font-family: Helvetica Neue, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	background: #114d7f url(../img/body.jpg) no-repeat top center;
	padding-top: 15px;
	padding-bottom: 15px;
}

p {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 15px 0;
	clear: both;
	color: #404345;
}

img.typekit-badge {
	display: none !important;
}

/* @end */

/* @group [2] GENERAL COMPONENTS */

/* 2.1 Headings */
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	 
}

h1 {
	font-size: 20px; 
}

h2 { 
	font-size: 14px;	
}

/* 2.2 Anchor Links */
a:link, a:visited {
	text-decoration: none;
	color: #fff;
	-webkit-transition: color linear .3s; 
}

a:hover, a:focus {
	color: #00ade2;
}

#inner-content a:link, #inner-content a:visited {
	color: #0A7DBE;
}

#inner-content a:hover {
	color: #00ade2;
}

#crumbs {
	margin-left: 5px;
	font-size: 11px;
	color: #808083;
}

#crumbs a {
	color: #808083;
}

#crumbs a:hover, .B_currentCrumb {
	color: #00ade2;
}

/* 2.3 Lists */
#inner-content ul {
	margin: 15px 0;	
}

#inner-content ul li {
	padding-left: 20px;
	background: url(../img/icons/link-arrow.png) no-repeat 0 5px !important;
}

#inner-content ul li ol li {
	background: 0 !important;
	padding-left: 0;
}

ol {
	margin: 15px 0;
}

ol li {
	list-style: decimal;
	list-style-position: inside;
}

/* 2.4 Forms */

form#quick-enquiry, form#contact-form {
	margin: 20px 0;
}

form#contact-form {
	border-top: 1px solid #BFE1F3;
}

form#contact-form fieldset {
	border-bottom: 1px solid #BFE1F3;
	padding: 20px 0;
}

form#quick-enquiry label, form#contact-form label {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #0e7fbb;
	width: 100%;
	margin-bottom: 5px;
	position: relative;
}

form#quick-enquiry label span.label, form#contact-form label span.label {
	width: 70px;
	
	float: left;
}

form#contact-form label span.label {
	width: 150px;
}

form#quick-enquiry label input, form#quick-enquiry label textarea, form#contact-form label input, form#contact-form label textarea {
	width: 220px;
	border: 0;
	padding: 7px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #e3e0e0;
	-webkit-transition: -webkit-box-shadow linear .4s;
	-moz-transition: -moz-box-shadow linear .4s;
	color: #3d3d3d;
}

form#quick-enquiry label textarea, form#contact-form label textarea {
	height: 100px;
	margin-bottom: 10px;
}

form label input:focus, form label textarea:focus {
	-webkit-box-shadow: 0 0 5px rgba(0,172,227,.9);
	-moz-box-shadow: 0 0 5px rgba(0,172,227,.9);
}

form input.button {
	background: #f5f4f4 url(../img/icons/link-arrow-big.png) no-repeat 90% 50%;
	padding: 8px 40px 8px 10px;
	font-family: "museo-1","museo-2", helvetica;
	font-size: 13px;
	color: #333333;
	border: 2px solid #47a0ce;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	margin: 0 0 0 70px;
	-webkit-transition: -webkit-box-shadow linear .4s;
	-moz-transition: -moz-box-shadow linear .4s;
	cursor: pointer;
}

form#contact-form input.button {
	margin: 20px 0 0px 150px;
}

form input.button:hover {
	-webkit-box-shadow: 0 0 15px rgba(0,172,227,.9);
	-moz-box-shadow: 0 0 15px rgba(0,172,227,.9);
}


form#contact-form select {
	position: absolute;
	bottom: 0;
	left: 150px;
	width: 230px;
}

/* @end */

/* @group [3] SCAFFOLD */

#container {
	position: relative;
	background: #ffffff;
	margin-top: 0px;
	-webkit-box-shadow: 0 0 50px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 50px rgba(0,0,0,.4);
	
}

#branding {
	height: 80px;
	position: relative;
	margin: 0 !important;
	width: 960px;
}

.email-header {
	position: absolute;
	top: 20px;
	left: 300px;
	display: none;
}

.email-header a {
	background: url(../images/email-button.gif) no-repeat;
	width: 269px;
	height: 44px;
	display: block;
}

.email-header a:hover {
	opacity: 0.50;
}

a.contact-badge {
	width: 117px;
	height: 117px;
	background: url(../img/getInTouch.png) no-repeat 0 0;
	position: absolute!important;
	top: 8px;
	right: -20px;
	text-indent: -3000px;
	z-index: 5000!important;
}

#content {
	padding: 10px 0;
}

#sidebar {
	
}

#site-info {
	clear: both;
	padding: 0;
	height: 80px;
	background: url(../img/siteInfo.png) repeat-x top left;
	margin-top: 15px;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}




/* @end */

/* @group [4] COMPONENTS */

/* 4.1 Branding */
#branding a#logo {
	width: 220px;
	height: 65px;
	background: url(../img/logo.png) no-repeat top left;
	float: left;
	text-indent: -3000px;
	position: absolute;
	top: 0;
	left: 0;
}

#branding ul#numbers {
	
	color: #00ade2;
	font-size: 16px;
	text-align: right;
	float: right;
	padding: 20px 125px 70px 0;
	z-index: 10;
}

#branding ul#numbers a {
	color: #00ade2;
}

#branding ul#numbers a:hover {
	color: #3d3d3d;
}

ul#numbers li {
	line-height: normal;
	margin-bottom: 5px;
	z-index: 50;
}



/* 4.2 Navigation */
ul#mainNav {
	
	height: 38px;
	padding: 0 15px;
	width: 910px;
	background: #f2f1f1 ;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	z-index: 30;
	border-radius: 5px;
		
}

ul#mainNav li {
	display: inline;
	line-height: 42px;
	text-transform: uppercase;
	margin-right: 35px;
	position: relative;
}



ul#mainNav li a {
	color: #808084;
	font-size: 14px;
	font-weight: 500;
	padding: 4px 10px 9px 10px;
	border: 1px solid transparent;
	border-bottom: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	position: relative;
	z-index: 20;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}


ul#mainNav li a:hover, ul#mainNav li:hover a {
	color: #00ade2;
	border-color: #ADADAE;
	background: #fff;
}

ul#mainNav li.active a {
	color: #00ade2;
	
}


body.Home ul#mainNav li.active a, ul#mainNav li.Home a:hover, ul#mainNav li.News a:hover, ul#mainNav li.Contact a:hover, body.News ul#mainNav li.active a, body.Contact ul#mainNav li.active a, ul#mainNav li.Home:hover a, ul#mainNav li.News:hover a, ul#mainNav li.Contact:hover a {
	color: #00ade2;
	border-color: #f2f1f1;
	background: 0;
}

/* 2nd level of Navigation */
ul#mainNav li ul.level-two {
	width: 600px;
	float: left;
	height: 300px;
	position: absolute;
	top: 23px;
	left: -3000px;
	background: #fff;
	border: 1px solid #adadae;
	padding: 0;
	-webkit-border-top-left-radius: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	-webkit-box-shadow: 0 0 15px rgba(0,172,227,.5);
	-moz-box-shadow: 0 0 15px rgba(0,172,227,.5);
	opacity: 0;
	-webkit-transition: opacity ease-in .2s;
	z-index: 10;
}




ul#mainNav li ul li {
	margin-right: 20px;
	float: left;
	width: 180px;
}

ul#mainNav li ul li.last {
	margin-right: 0px !important;
}

ul#mainNav li ul li a {
	border: 0 !important;
	padding: 5px 50px 5px 10px !important;
	text-transform: capitalize;
	color: #00ade2;
	display: block;
	float: left;
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,.0) !important;
	-moz-box-shadow: 0 0 0px rgba(0,0,0,.0) !important;
	width: 120px;
}

ul#mainNav li ul li a:hover {
	color: #3d3d3d;
	
}

ul#mainNav li ul li.Web.Design a {
	background: url(../img/icons/websites.png) no-repeat 75% 50%;
}

ul#mainNav li ul li.eCommerce a {
	background: url(../img/icons/ecommerce.png) no-repeat 75% 50%;
	text-transform: none;
}

ul#mainNav li ul li.Digital.Marketing a {
	background: url(../img/icons/digitalMarketing.png) no-repeat 90% 50%;
}

ul#mainNav li:hover ul { /* lists nested under hovered list items */
	left: 0;
	opacity: 1;
}

ul#mainNav li.Who ul.level-two, ul#mainNav li.Portfolio ul.level-two {
	width: 180px;
	padding: 10px;
	height: 200px !important;
}

ul#mainNav li.Portfolio ul.level-two {
	height: 120px !important;
}

ul#mainNav li.Who ul.level-two li, ul#mainNav li.Portfolio ul.level-two li {
	display: block !important;
	background: url(../img/icons/link-arrow.png) no-repeat 100% 50% !important;
	float: left !important;
	display: block;
	height: auto !important;
	margin-bottom: 5px;
	margin-right: 0 !important;
}

ul#mainNav li.Who ul.level-two li a, ul#mainNav li.Portfolio ul.level-two li a {
	background: 0 !important;
	color: #808084;
	font-size: 13px;
	border-bottom: 1px solid #e4e3e3 !important;
	padding: 0 0 5px 0 !important;
	line-height: normal;
	width: 150px;
	
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,.0);
	-moz-box-shadow: 0 0 0px rgba(0,0,0,.0);
}

ul#mainNav li.Who ul.level-two li a:hover, ul#mainNav li.Portfolio ul.level-two li a:hover {
	color: #00ade2;
}

/* 3rd level of Navigation */
ul#mainNav li ul ul.level-three {
	width: auto;
	height: auto !important;
	float: left;
	position: absolute;
	top: 50px;
	left: 10px;
	border: 0;
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,.0);
	-moz-box-shadow: 0 0 0px rgba(0,0,0,.0);
}

ul#mainNav li ul ul.level-three li {
	background: url(../img/icons/link-arrow.png) no-repeat 100% 50% !important;
	float: left !important;
	display: block;
	height: auto !important;
	margin-bottom: 5px;
	margin-right: 0 !important;
}

ul#mainNav li ul ul.level-three li a {
	background: 0 !important;
	color: #808084;
	font-size: 13px;
	border-bottom: 1px solid #e4e3e3 !important;
	padding: 0 0 5px 0 !important;
	line-height: normal;
	width: 150px;
	margin-right: 10px;
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,.0);
	-moz-box-shadow: 0 0 0px rgba(0,0,0,.0);
}

ul#mainNav li ul ul.level-three li a:hover {
	color: #00ade2;
}

/* 4.2 Strap */

#strap {
	margin-top: 30px;
}

#strap h2, #strap h1 {
	font-size: 30px;
	line-height: 45px;
	float: left;
	padding: 0 25px 30px 35px;
	color: #00ade2;
	position: relative;
	text-shadow: 0 1px 0 rgba(0,0,0,.4);
}



#strap span {
	font-size: 14px;
	color: #036cab;
	text-transform: uppercase;
	line-height: normal;
	text-shadow: none;
}

#strap span.top {
	position: absolute;
	top: 10px;
	left: 25px;
}

#strap span.bottom {
	position: absolute;
	bottom: 10px;
	right: 25px;
}

#strap p {
	padding: 0 50px;
	padding-left: 40px;
}


/* 4.3 CTA */

/* 4.3.1 Would Like To */

#wouldLikeTo {
	background: #f3f2f2 url(../img/wouldLikeTo-box.png) repeat-x bottom left;
	border: 1px solid #adadae;
	behavior: url(http://www.webtise.co.uk/pie/PIE.htc);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 435px;
	margin-left: 25px;
	margin-top: 10px;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

#wouldLikeTo h3 {
	color: #1284aa;
	font-size: 18px;
	padding: 15px 0 0 15px;
	font-weight: normal;
	margin-bottom: 5px;
}

#wouldLikeTo ul {
	padding: 10px;
	font-weight: bold;
	float: left;
	font-size: 12px;
}

#wouldLikeTo ul li {
	width: 145px;
	margin-right: 30px;
	float: left;
	margin-bottom: 10px;
	padding-left: 45px;
	background: red;
	height: 25px;
	display: inline;
}

#wouldLikeTo ul li.bookend {
	margin-right: 0;
}

#wouldLikeTo ul li a {
	color: #404345;
	
	display: block;
	background: url(../img/icons/link-arrow-big.png) no-repeat 100% 50% !important;
}

#wouldLikeTo ul li.sellOnline {
	background: url(../img/icons/wouldLikeTo-icons.png) no-repeat 0 0;
}

#wouldLikeTo ul li.increaseSales {
	background: url(../img/icons/wouldLikeTo-icons.png) no-repeat 0 -25px;
}

#wouldLikeTo ul li.redesignSite {
	background: url(../img/icons/wouldLikeTo-icons.png) no-repeat 0 -50px;
}

#wouldLikeTo ul li.getWebsite {
	background: url(../img/icons/wouldLikeTo-icons.png) no-repeat 0 -75px;
}

#wouldLikeTo ul li.increaseVisitors {
	background: url(../img/icons/wouldLikeTo-icons.png) no-repeat 0 -100px;
}

#wouldLikeTo ul li.basicWebsite {
	background: url(../img/icons/wouldLikeTo-icons.png) no-repeat 0 -125px;
}

#wouldLikeTo a:hover {
	color: #00ade2;	
}

/* 4.3.2 Home CTA */

#home-ctas {
	margin: 45px 0 0;
}

#home-ctas div {
}

#home-ctas h3 {
	background: url(../img/cta-blue-box.png) repeat-x;
	height: 32px;
	line-height: 32px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 0;
	color: #fff;
	text-indent: 15px;
	font-weight: normal;
	font-size: 16px;
	font-family: "museo-1","museo-2", helvetica;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}

#home-ctas 

/* Just Launched */

#justLaunched dl {
	margin-top: 15px;
	float: left;
	width: 300px;
	padding-bottom: 5px;
}

#justLaunched dl dd.img {
	float: left;
	margin-right: 15px;
}

#justLaunched dl dd.img img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#justLaunched dl dt {
	float: right;
	width: 173px;
	font-size: 14px;
	font-weight: bold;
	 margin-top: 20px; 
	color: #404345;
}

#justLaunched dl dd.url a {
	color: #a8b0b6;
	font-size: 12px;
}

#justLaunched dl dd.url a:hover {
	color: #00ade2;
}

/* Our Services */

#ourServices ul {
	float: left;
	width: 270px;
	padding: 0 15px;
	margin-top: 15px;
	padding-left: 0;
}

#ourServices ul li {
	color: #0578b5;
	font-size: 25px;
	line-height: 25px;
	padding-left: 50px;
	margin-bottom: 20px;
	font-family: "museo-1","museo-2", helvetica;
	height: 25px;
}

#ourServices ul li.webDesign {
	background: url(../img/icons/wouldLikeTo-icons.png) no-repeat 0 -75px;
}

#ourServices ul li.eCommerce {
	background: url(../img/icons/wouldLikeTo-icons.png) no-repeat 0 0;
}

#ourServices ul li.onlineMarketing {
	background: url(../img/icons/wouldLikeTo-icons.png) no-repeat 0 -25px;
}

#ourServices ul li a {
	color: #0578b5;
}

#ourServices ul li a:hover {
	color: #3d3d3d;
}

#ourServices a.ourServices-btn {
	background: #f5f4f4;
	padding: 5px 10px;
	font-family: "museo-1","museo-2", helvetica;
	font-size: 13px;
	color: #333333;
	border: 2px solid #47a0ce;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	margin-left: 15px;
	-webkit-transition: -webkit-box-shadow linear .4s;
	-moz-transition: -moz-box-shadow linear .4s;
}

#ourServices a.ourServices-btn:hover {
	-webkit-box-shadow: 0 0 15px rgba(0,172,227,.9);
	-moz-box-shadow: 0 0 15px rgba(0,172,227,.9);
}

#left-features {
	margin-right: 20px;
	width: 270px;
}

#right-features {
	margin-left: 0;
	width: 270px;
}


/* News & Views */

#news dl {
	margin-top: 15px;
	padding-bottom: 25px;
	background: url(../img/dashed-border.gif) repeat-x bottom left;
	height: auto;
}



#news dd.date {
	width: 36px;
	float: left;
	text-align: center;
	text-transform: lowercase;
	background: #cfe5f1;
	color: #0d7eba;
	padding: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 25px !important;
	text-shadow: 0 1px 0px rgba(255,255,255,.8);
	margin-right: 20px;margin-bottom:30px;
}

#news dd.date span {
	color: #0d7eba;
	font-size: 18px;
	margin-bottom: 0px;
}

#news dt {
	margin-bottom: 5px;
}

#news dt a {
	color: #404345 !important;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
	
}

#news dd {
	line-height: normal;
	color: #404345;
	font-size: 12px;
}

#whoWeAre {
	margin-top: 20px;
	background: url(../img/whoWeAre.jpg) no-repeat top left;
	height: 204px;
}

#whoWeAre h3 {
	background: url(../img/cta-blue-box.png) repeat-x;
	height: 32px;
	line-height: 32px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 0;
	color: #fff;
	text-indent: 15px;
	font-weight: normal;
	font-size: 16px;
	font-family: "museo-1","museo-2", helvetica;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	width: 590px;
	margin: 15px;
}

#whoWeAre a.whyChooseUs-btn {
	background: #f5f4f4;
	padding: 5px 10px;
	font-family: "museo-1","museo-2", helvetica;
	font-size: 13px;
	color: #333333;
	border: 2px solid #47a0ce;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	margin: 80px 25px 15px 0;
	-webkit-transition: -webkit-box-shadow linear .4s;
	-moz-transition: -moz-box-shadow linear .4s;
}

#whoWeAre a.whyChooseUs-btn:hover {
	-webkit-box-shadow: 0 0 15px rgba(0,172,227,.9);
	-moz-box-shadow: 0 0 15px rgba(0,172,227,.9);
}

#whoWeAre a.ourTeam-btn {
	background: #f5f4f4;
	padding: 5px 10px;
	font-family: "museo-1","museo-2", helvetica;
	font-size: 13px;
	color: #333333;
	border: 2px solid #47a0ce;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
	clear: right;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	margin: 0 25px 15px 0;
	-webkit-transition: -webkit-box-shadow linear .4s;
	-moz-transition: -moz-box-shadow linear .4s;
}

#whoWeAre a.ourTeam-btn:hover {
	-webkit-box-shadow: 0 0 15px rgba(0,172,227,.9);
	-moz-box-shadow: 0 0 15px rgba(0,172,227,.9);
}

/* #getInTouch {
	margin-top: 20px;
} */

#right-sidebar #getInTouch {
	margin-left: 0;
}

#getInTouch h3 {
	font-size: 24px;
	line-height: normal;
	color: #1284aa;
	font-family: "museo-1","museo-2", helvetica;
	font-weight: normal;
	margin-bottom: 0;
}

#getInTouch h3 span {
	display: block;
	font-size: 15px;
	color: #a2a1a1;
}

#getInTouch ul {
	margin: 14px 0 6px;
	background: url(../img/dashed-border.gif) repeat-x bottom left;
	padding-bottom: 5px;
}

#getInTouch ul li {
	color: #0a7bb8;
	font-size: 18px;
	padding-left: 45px;
	height: 32px !important;
	line-height: 32px;
	margin-bottom: 6px;
}

#getInTouch ul li.tel {
	background: url(../img/icons/contact-icons.png) no-repeat 0 0;	
}

#getInTouch ul li.email {
	background: url(../img/icons/contact-icons.png) no-repeat 0 -32px;	
}

#getInTouch ul li a {
	color: #a2a1a1;
	font-size: 18px;
	line-height: 32px;
}


#twitterFeed {
	background: #cfe5f1 url(../img/icons/twitterfeed-icon.png) no-repeat 2% 50%;
	padding: 10px 10px 10px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#twitterFeed p {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
}

#twitterFeed a {
	color: #0578b5;
}

#twitterFeed a:hover {
	color: #3d3d3d;
}

/* 4.4 Featured Panels */

#slider {
	margin-top: 30px;
	position: relative;
	
}

#slider h3 a {
	font-size: 12px;
	position: absolute;
	top: 190px;
	left: -50px;
	width: 60px;
	color: #00ade2;
	text-transform: uppercase;
	line-height: normal;
	background: url(../img/icons/dots-arrow.png) no-repeat bottom right;
	background-position: 45px 10px;
	padding: 0 0px 15px 0;
}

#slider h3 a:hover {
	color: #3d3d3d;
}

.scroll {
	height: 482px;
	overflow: auto;
	position: relative;
	clear: left;
	width: 412px;
	margin: 0 auto;
	behavior: url(http://www.webtise.co.uk/pie/PIE.htc);
	border: 4px solid #fff;
	-webkit-box-shadow: 0 0px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0px 15px rgba(0,0,0,.5);
	box-shadow: 0 0px 15px rgba(0,0,0,.5);
}

.scrollContainer img.panel {
		width: 420px;
	height: 482px;
	
}

.scrollButtons {
  position: absolute;
  top: 190px;
  cursor: pointer;
}

.scrollButtons.left {
  left: 20px;
  z-index: 10;
}

.scrollButtons.right {
  right: 20px;
  z-index: 10;
}

/* 4.5 Landing Pages */

body.landing #content h1 {
	margin: 20px 0;
	font-size: 48px;
	color: #0A7DBE;
	text-align: center;
	font-family: "museo-1","museo-2", helvetica;
}

#hero {
	position: relative;
	height: 300px;
	float: left;
}

#slideshow {
	position: relative;
	z-index: 5;
}

#slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}

#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow img.last-active {
	z-index: 9;
}

#testimonials {
	margin-bottom: 20px;
}

#testimonials img {
	margin-top: 20px;
}


body.landing blockquote {
	background: #62afd7;
	background: rgba(98,175,215,.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 15px 10px 10px;
	z-index: 50;
	position: relative;
	top: -60px;
	left: 0;
	width: 700px;
	clear: both;
	margin: 0 auto;
	margin-bottom: -20px;
}

body.landing blockquote p {
	color: #fff;
	font-size: 18px;
	margin: 0 auto 10px;
	text-transform: lowercase;
	background: url(../img/left-quote.png) no-repeat 0 20%;
	padding: 10px 0 0px 30px;
	text-align: center;
	float: left;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

body.landing blockquote p span {
	background: url(../img/right-quote.png) no-repeat 100% 20%;
	padding: 10px 30px 0px 0;
}

body.landing blockquote cite {
	clear: both;
	display: block;
	text-align: right;
	font-size: 11px;
	font-style: normal;
	margin-right: 10px;
	line-height: normal;
}

body.landing div.cols {
	border-top: 1px dashed #A3CDE6;
	padding-top: 10px;
	padding-bottom: 10px;
}

body.landing div#our-partners {
	border-top: 1px dashed #A3CDE6;
	margin: 10px 0 0;
	padding-top: 15px;
}

body.landing h2, body.services h2 {
	font-family: "museo-1","museo-2", helvetica;
	color: #0A7DBE;
	font-size: 18px;
}

body.landing div.cols ul {
	margin: 15px 5px 15px 0;
}

body.landing div.cols ul li a{
	color: #404345;
	font-size: 13px !important;
	display: block;
	border-bottom: 1px dotted #0678b6;
	padding: 5px 0;
	font-weight: bold;
	background: url(../img/icons/link-arrow-big.png) no-repeat 100% 50% !important;
}

body.landing div.cols ul li a:hover {
	color: #00ade2;
}

#our-expertise ul li a {
	background: 0 !important;
	border-bottom: 0;
	display: inline;
	padding: 0;
	text-decoration: underline;
	color: #000;
}

#our-expertise ul li a:hover {
	color: #00ade2;
}

#our-expertise ul {
	margin: 20px 0;
}

#our-expertise ul li {
	color: #404345;
	font-size: 13px !important;
	display: block;
	padding: 0px 0 10px 32px;
	font-weight: bold;
	line-height: normal;
	background: url(../img/icons/tick.png) no-repeat 0 0 !important;
}

#our-partners {
	position: relative;
}

#our-partners h2 {
	position: absolute;
	left: 0;
	top: 20px;
}

#our-partners p {
	position: absolute;
	left: 130px;
	top: 20px;
	margin-right: 240px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0 !important;
}

#our-partners img {
	float: right;
}

/* 4.6 Services Sub Pages */

body.services #inner-content {
	margin-top: 25px;
	padding: 10px 30px;
	
}

body.services #content h1 span, body.Team #content h1 span {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
}

body.services #content h1 {
	font-size: 32px;
	color: #0A7DBE;
	font-family: "museo-1","museo-2", helvetica;
	margin-bottom: 30px;
}

body.services #intro {
	margin: 25px 0;
	background: #4FA0CB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	font-size: 18px;
	line-height: normal;
	padding: 20px;
}

#right-sidebar {
	padding-top: 20px;
}

/* body.Contact #right-sidebar {
	padding-top: 120px;
} */

#right-sidebar #quick-links, #right-sidebar #our-expertise, #right-sidebar #quick-enquiry, #right-sidebar #contact-information, #right-sidebar #map, #right-sidebar #portfolio-snapshot, #right-sidebar #getInTouch, #our-services {
	border-top: 1px dashed #A3CDE6;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}

#right-sidebar #sidefolio {
	border: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#right-sidebar h2.blueBox {
	background: #1182BC;
	padding: 5px;
	color: #fff;
	font-size: 15px;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-weight: normal;
	text-indent: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#right-sidebar ul.service-btns {
	float: left;
	width: 100%;
	margin: 15px 0;
}

#right-sidebar ul.service-btns li {
	float: left;
	width: 236px;
	margin-bottom: 10px;
	background: #f5f4f4 url(../img/icons/link-arrow-big.png) no-repeat 95% 50%;
	padding: 4px 50px 4px 10px;
	border: 2px solid #47a0ce;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: -webkit-box-shadow linear .4s;
	-moz-transition: -moz-box-shadow linear .4s;
	cursor: pointer;
}

#right-sidebar ul.service-btns li a {
	display: block;
	padding-left: 30px;
	color: #333333;
	font-family: "museo-1","museo-2", helvetica;
	font-size: 13px;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	
}

#right-sidebar ul.service-btns li:hover {
	-webkit-box-shadow: 0 0 15px rgba(0,172,227,.9);
	-moz-box-shadow: 0 0 15px rgba(0,172,227,.9);
}

#right-sidebar ul.service-btns li.webDesign a {
	background: url(../img/icons/website-small.png) no-repeat 0 50%;
}

#right-sidebar ul.service-btns li.eCommerce a {
	background: url(../img/icons/ecommerce-small.png) no-repeat 0 50%;
}

#right-sidebar ul.service-btns li.digitalMarketing a {
	background: url(../img/icons/digitalMarketing-small.png) no-repeat 0 50%;
}

#right-sidebar form#quick-enquiry {
	border: 0;
	padding: 0;
}

#right-sidebar #quick-links ul {
	margin: 15px 0;
}

#right-sidebar #quick-links ul li a {
	color: #404345;
	font-size: 13px !important;
	display: block;
	border-bottom: 1px dotted #0678b6;
	padding: 5px 0;
	font-weight: bold;
	background: url(../img/icons/link-arrow-big.png) no-repeat 100% 50% !important;
}

#right-sidebar #quick-links ul li a:hover {
	color: #00ade2;
}

body.Presence .right-quick li.Presence a, body.Portfolio .right-quick li.Portfolio a, body.Website .right-quick li.Website a, body.Content .right-quick li.Content a, body.Microsites .right-quick li.Microsites a, body.Blogs .right-quick li.Blogs a, body.Refresh .right-quick li.Refresh a, body.Hosting .right-quick li.Hosting a, body.Investment .right-quick li.Investment a, body.Reasons .right-quick li.Reasons a, body.Feature .right-quick li.Feature a, body.Consultancy .right-quick li.Consultancy a, body.Ecommerce.Marketing .right-quick li.Marketing a, body.SEO .right-quick li.SEO a, body.Google .right-quick li.Google a, body.Results .right-quick li.Results a, body.Pay .right-quick li.Pay a, body.Conversion .right-quick li.Conversion a, body.Email .right-quick li.Email a, body.Packages .right-quick li.Packages a, body.Social .right-quick li.Social a, body.Exposure .right-quick li.Exposure a {
	color: #00ade2 !important;
}




/* 4.7 Contact Page */

#contact-information {
	
}

#contact-information ul {
	margin: 15px 0;
	color: #2b2d2e;
}

#contact-information ul li {
	margin-bottom: 5px;
}

#contact-information ul li span {
	color: #2b2d2e;
	font-weight: bold;
}

#contact-information ul li a {
	color: #2b2d2e;
}

#contact-information ul li a:hover {
	color: #00ade2;
}

#contact-information address {	
	font-style: normal;
}

#contact-information address strong {
	display: block;
	color: #00ade2;
}

#map iframe {
	margin: 15px 0 0;
	border: 3px solid #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
}

#map {
	padding: 10px 0 !important;
}

/* 4.7 Who We Are */

body.Team #inner-content {
	margin-top: 25px;
	padding: 10px 30px;
	
}

body.Team #content h1 {
	margin: 0 0 15px 0;
	font-size: 32px;
	color: #0A7DBE;
	text-align: left;
	font-family: "museo-1","museo-2", helvetica;
}

ul#team-members {
	float: left;
	
	
}

ul#team-members li {
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	background: 0 !important;
	padding: 0;
}

ul#team-members li.bookend {
	margin-right: 0;
}

ul#team-members dd.img {
	margin-bottom: 10px;
}

ul#team-members dd.img img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

ul#team-members dl dt {
	font-weight: bold;
	font-size: 14px;
	color: #0b7db9;
}

/* 4.8 Case Studies */

h1 span.url {
	display: inline !important;
}

dl.case-story {
	float: left;
	width: 100%;
}

dl.case-story dd.img {
	float: left;
	margin-right: 60px;
	display: inline;
}

dl.case-story dd.story {
	float: right;
	width: 300px;
}

/* 4.9 Portfolio */

body.Portfolio #inner-content {
	margin-top: 25px;
	padding: 10px 30px;
	
}

body.Portfolio #content h1 {
	margin: 0 0 15px 0;
	font-size: 32px;
	color: #0A7DBE;
	text-align: left;
	font-family: "museo-1","museo-2", helvetica;
}

body.Portfolio ul.portfolio {
	float: left;
}

body.Portfolio #inner-content ul.portfolio li {
	background: 0 !important;
	padding: 0;
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
}

body.Portfolio #inner-content ul.portfolio li.bookend {
	margin-right: 0;
}

body.Portfolio ul.portfolio li dl dd.img {
	
	border: 4px solid #d4d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	margin-bottom: 10px;
	
}

body.Portfolio ul.portfolio li dl dd.img img {
	width: 100%;
}

#portfolio-snapshot img {
	width: 95%;
	margin: 15px 0;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.7);
	border: 3px solid #fff;
}



/* Site Info */

#site-info address {
	margin: 5px 10px !important;
	color: #fff;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	background: url(../img/motif.png) no-repeat bottom right;
}

ul#socials {
	float: left;
	margin: 0 10px;
}

ul#socials li {
	float: left;
	font-size: 11px;
	color: #fff;
	margin-right: 5px;
	line-height: 16px;
}

ul#socials li a {
	display: block;
	text-indent: -3000px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.3);
	-webkit-transition: -webkit-box-shadow linear .2s;
	-moz-transition: -moz-box-shadow linear .2s;
}

ul#socials li.facebook a {
	width: 16px;
	height: 16px;
	background: url(../img/icons/facebook-icon.png) no-repeat 0 0;
}

ul#socials li.twitter a {
	width: 16px;
	height: 16px;
	background: url(../img/icons/twitter-icon.png) no-repeat 0 0;
}

ul#socials li.linkedin a {
	width: 16px;
	height: 16px;
	background: url(../img/icons/linkedin-icon.png) no-repeat 0 0;
}

ul#socials li.youtube a {
	width: 42px;
	height: 16px;
	background: url(../img/icons/youtube-icon.png) no-repeat 0 0;
}

ul#socials li a:hover {
	background-position: 0 -16px;
	-webkit-box-shadow: 0 0 5px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 5px rgba(255,255,255,1);
}

ul#small-print {
	float: left;
	position: absolute;
	right: 10px;
	bottom: 0;
}

ul#small-print li {
	display: inline;
	border-right: 1px solid #fff;
	padding-right: 5px;
}

ul#small-print li.omega {
	border: 0;
	padding: 0;
	margin: 0;
}

ul#small-print li a {
	font-size: 11px;
}

dd.summary a{
	color: #007cb9;
}

dd.summary a:hover{
	text-decoration: underline;
}


a.test-btn {
	background: #f5f4f4;
	padding: 5px 10px;
	font-family: "museo-1","museo-2", helvetica;
	font-size: 13px;
	color: #333333;
	border: 2px solid #47a0ce;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	margin-left: 0px;
	-webkit-transition: -webkit-box-shadow linear .4s;
	-moz-transition: -moz-box-shadow linear .4s;
}

a.test-btn:hover {
	-webkit-box-shadow: 0 0 15px rgba(0,172,227,.9);
	-moz-box-shadow: 0 0 15px rgba(0,172,227,.9);
}

*html #news li {
	margin-bottom: 10px;
}

a.blue {
	color: #00ade2;
}

h1.hidden {
	display: none;
}
.template-thumb{
	width:200px;
	height:150px;
	float:left;
	margin:12px;
	border:3px solid #F2F1F1;
	/*opacity:0.75;
	filter: alpha(opacity = 75);*/
}
.template-thumb:hover{
	border:3px solid #0A7DBE;
	/*opacity:1.0;
	filter: alpha(opacity = 100);*/

}
.template-title{
	text-align:center;
}
/* @end */

ul.blog-side li {

}

ul.blog-side li a {
	color: #1182bc;
	padding: 5px;
	-moz-border-radius:5px 5px 5px 5px;
background:url("../img/icons/link-arrow-big.png") no-repeat scroll 95% 50% #F5F4F4;
border:2px solid #47A0CE;
	margin: 5px!important;
	width: 280px;
	display: block;
}

ul.blog-side li a:hover {
		-webkit-box-shadow: 0 0 15px rgba(0,172,227,.9);
	-moz-box-shadow: 0 0 15px rgba(0,172,227,.9);
}

dl.stamp {
	color: #1182bc;
	padding: 5px;
	-moz-border-radius:5px 5px 5px 5px;
background: #F5F4F4;
border:2px solid #47A0CE;
	margin: 5px!important;
	display: block;
	width: 30px;
	text-align: center;
}

body.blog #content h1 {
color:#0A7DBE;
font-family:"museo-1","museo-2",helvetica;
font-size:32px;
margin-bottom:10px;
}

.feedback {
	border-bottom: 1px solid #1182bc;
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.box-button {
-moz-border-radius:5px 5px 5px 5px;
background:url("../img/icons/link-arrow-big.png") no-repeat scroll 90% 50% #F5F4F4;
border:2px solid #47A0CE;
color:#333333;
cursor:pointer;
float:left;
font-family:"museo-1","museo-2",helvetica;
font-size:13px;
margin: 7px;
padding:8px 40px 8px 10px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

.box-button:hover {
	-webkit-box-shadow: 0 0 15px rgba(0,172,227,.9);
	-moz-box-shadow: 0 0 15px rgba(0,172,227,.9);
}

body.blog #inner-content ul li {
background:none!important;
float: left;
}

textarea#comment {
	width: 500px;
}

p.blog-more {
	border-bottom: 1px solid #1182bc;
	padding-bottom: 10px;
}

ul.linkwithin_textlist li {
	clear: both;
	width: 100%;
}

.tweetmemebutton {
	float: left!important;
	margin-right: 10px;
}
.captcha{
	border-top:1px solid #BFE1F3;
	padding-top:20px;
	margin-top:10px;
}
.gallery {
	width:420px;
	height:490px;
}
.gallery img {
	width:420px;
}
#inner-content #thumbs{position:absolute;right:30px;top:136px;width:120px;}
#inner-content #thumbs li{background:none !important;}
#inner-content #thumbs li img{border:3px solid #fff;}
#inner-content #thumbs li a{}
#inner-content #thumbs li.activeSlide img{border:3px solid #00ADE2;}

.project-content{}
.project-right{padding-right:20px; width:280px !important;}
.project-right p{font-size:12px;}
.getasite{width:280px !important;}
.project-right a:link,.project-right a:visited{color:#0A7DBE;}
.project-right a:hover{color:#00ADE2 !important;}

.seotext a {
color: #000!important;
}

.seotext a:hover {
color: #00ADE2!important;
}

#form{width:500px;}
#form label{float:left;display:block;width:200px;}
#form input{float:left;width:270px;padding:2px;}

.gen-result{
	display:none;
	-moz-border-radius:5px 5px 5px 5px;
	background:none;
	color:#FFFFFF;
	font-size:18px;
	line-height:normal;
	margin:25px 0;
	padding:20px;
	border:3px solid #4FA0CB;height:100px;
}
.gen-result h1{}
.gen-left{float:left;}
.gen-right{float:right;}
#web10{}
#web20{}
#web30{}
#web50{}
#web100{}
#web100plus{}

.bluelinks a:link, a:visited {
	text-decoration: none;
	color: #000000; 
}
.bluelinks a:hover {
color: #00ACE3;
}

a.siwhite {
color:#FFFFFF;
}
a.siwhite:hover {
color:#00ADE2
}