/**********************************************************************

	ewebbed.com
	version: 	1a
	owner:		james cooke
	handcoded by robots for ewebbed.co.uk

**********************************************************************/
html.body{height:100% !important;}
body{font: normal 62.5%/1em Arial, Verdana; width: 100%; overflow-y:auto; overflow-x:hidden;background:url(../images/template/body.jpg) no-repeat center top #120902;}
h1{height: 24px;color:#fff; font-size: 2em;padding: 0 0 10px 0; font-weight: normal;}
h2{color:#65c7fa; font-size: 1.6em;padding: 0 0 10px 0; font-weight: normal;}
p, li{font: normal 1.3em/1.5em Arial, Verdana;color: #c6c1c1; margin: 0 0 15px 0;}
li{margin: 0;}
li p{font-size: 1em;}
p strong, li strong{color: #04a1f2; font-weight: normal;}
a{text-decoration: none;color: #04a1f2;}
a:hover{text-decoration: underline;}

h1.cufon{font-size: 2em;}
h2.cufon{font-size: 2em;}
h1.underline{margin: 0 0 20px 0;}

.underline{position: relative; background: url(../images/template/divider.png) repeat-x left bottom;}

/* @group template */
#container{position: relative;height: 100%;width: 100%;overflow-x:hidden !important;}
#contentIndent{height: 100%;position:relative; width: 13000px;}
#content{position:relative;overflow-y:hidden !important; overflow-x:hidden;}


	.loading, .sending{position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background:url(../images/template/black60.png) repeat transparent;z-index:1001;}
	.loading img, .sending img{position:absolute; left: 50%; top: 380px; margin: 0 0 0 -231px;}
	
	/* @group header */
	#header{position: relative; width:949px; height: 88px;margin: 0;}
	#header img{position:absolute; left:0px; top:16px;}
	#header ul{position:absolute; left:448px; top:30px;}
	#header ul li{float: left; display:inline; margin: 0 2px 0 0; cursor: pointer;}
	#header ul li a{display:block; height:27px; text-indent: -1000em; background: url(../images/template/nav/nav.png) no-repeat left top;}
	#header ul li#nav-home a{width: 64px; background-position:left top;}
	#header ul li#nav-who a{width: 95px; background-position: -77px top;}
	#header ul li#nav-services a{width: 74px; background-position: -185px top;}
	#header ul li#nav-clients a{width: 73px; background-position: -344px top;}
	#header ul li#nav-news a{width: 62px; background-position: -271px top;}
	#header ul li#nav-testimonials a{width: 101px; background-position: -428px top;}
	#header ul li#nav-contact a{width: 93px; background-position: -541px top;}
	
	
	#header ul li#nav-home a:hover{background-position: left -43px;}
	#header ul li#nav-home a.navOn{background-position: left -86px !important;}
	
	#header ul li#nav-who a:hover{background-position: -77px -43px;}
	#header ul li#nav-who a.navOn{background-position: -77px -86px;}
	
	#header ul li#nav-services a:hover{background-position: -185px -43px;}
	#header ul li#nav-services a.navOn{background-position: -185px -86px;}
	
	#header ul li#nav-clients a:hover{background-position: -344px -43px;}
	#header ul li#nav-clients a.navOn{background-position: -344px -86px;}
	
	#header ul li#nav-news a:hover{background-position: -271px -43px;}
	#header ul li#nav-news a.navOn{background-position: -271px -86px;}
	
	#header ul li#nav-testimonials a:hover{background-position: -428px -43px;}
	#header ul li#nav-testimonials a.navOn{background-position: -428px -86px;}
	
	#header ul li#nav-contact a:hover{background-position: -541px -43px;}
	#header ul li#nav-contact a.navOn{background-position: -541px -86px;}
	
	
	.footer{clear: both;height: 26px;background:  url(../images/template/footer.png) no-repeat left top;}
	.footer p{text-indent: -1000em;}
	.footer ul{float: left; display: inline; padding: 8px 0;}
	.footer ul li{float: left; display: inline; }
	.footer ul li a{text-indent:-1000em;display: block;height: 16px; width: 135px;}
	.footer ul li.twitter a{margin: 0 20px 0 0;background: url(../images/buttons/follow-twitter.png) no-repeat left top;}
	.footer ul li.linkedin a{background: url(../images/buttons/follow-linkedin.png) no-repeat left top;}
	.footer ul li a:hover{background-position:left bottom;}
	/* @end */
	
	/* @group banner */
	.banner{display: block;position: relative; margin: 0 0 28px 0; height: 230px; background: url(../images/template/loading.gif) no-repeat 880px 20px;}
	.banner img{display:block;}
	.banner .tagline{display: block;position: absolute; top: 34px; left: -60px; width: 557px; height: 110px; text-indent: -1000em;background: url(../images/subheaders/subhead1.png) no-repeat left top; z-index: 200;}
	.banner .tagline-19{left: -60px;width: 566px; height: 116px;background: url(../images/subheaders/news.png) no-repeat left top}
	.banner .tagline-16{/* Who */height: 103px;background: url(../images/subheaders/tagline-16.png) no-repeat left top}
	.banner .tagline-17{/* Services */height: 114px;background: url(../images/subheaders/services.png) no-repeat left top}
	.banner .tagline-testimonials{height: 116px;background: url(../images/subheaders/testimonials.png) no-repeat left top}
	
		/* @group banner news specific */
		.banner .tagline-6{/*east coast factories*/width:436px; height: 116px; background: url(../images/subheaders/tagline-6.png) no-repeat left top}
		/* @end */	
	
	#page-contact .tagline{background: url(../images/subheaders/contact.png) no-repeat left top;}
	/* @end */
	
	/* @group page */
	.page{float: left; display:inline;width: 949px; margin-right: 900px; }
	
	#home h2{color: #fff; margin: 0 0 15px 0;}
	
	
	.columns{margin: 0 -10px 0 0;}
	.column1{float: left; display: inline; width: 292px; padding-right: 36px;}
	.column1:last-child, .columns .last-child{padding: 0 0 0 0px;}
	
		/* @group testimonial */
		.front-testimonials li{margin:0 -25px 10px 0;background: url(../images/icons/quoteL.png) no-repeat left top;}
		.front-testimonials li span{padding: 0 25px 0 25px;background: url(../images/icons/quoteR.png) no-repeat right bottom;}
		.front-testimonials li strong{display: block;color: #04a1f2;}
		
		.testimonial-large{padding: 41px 0 0 0;margin: 40px -20px 0px -20px;background: url(../images/containers/testimonialT.png) no-repeat left top;}
		.testimonial-large .testimonialB{padding:10px 60px 40px 60px;background: url(../images/containers/testimonialB.png) no-repeat 20px bottom;}
		.testimonial-large p{text-align:center;}
		.testimonial-large p.cufon{font-size: 4.4em;}
		
		.testimonial-item{position:relative;float:left; display: inline;width: 981px;position: relative;padding: 50px 0 0 0; margin: 0 -15px 6px -15px;background:url(../images/containers/testimonial-item-T.png) no-repeat left top;}

/* My Comment */
		.testimonial-item-B{float:left;display: inline;width: 881px;padding: 0 50px 34px 50px;background:url(../images/containers/testimonial-item-B.png) no-repeat left bottom;}
		.testimonial-item-B p{float: left; display: inline; clear:both;width: 881px;}
		.testimonial-item-B p:last-child{margin: 0;}
		.testimonial-item-B h3{float: left;display: inline;clear: both;width: 881px;text-align: right; margin: 0; text-transform: lowercase;}
		
		#page-news .testimonial-item-B{padding-bottom: 50px;}
		/* @end */
		
		/* @group titles */
		.title{margin: 0 0 15px 0;height: 29px;text-indent: -3000em !important; }
		.title-whoweare{background: url(../images/titles/whoweare.png) no-repeat left bottom;}
		.title-news{background: url(../images/titles/ewebbedupdates.png) no-repeat left top;}
		.title-testimonials{background: url(../images/titles/testimonials.png) no-repeat left top;}
		.title-spreadawareness{background: url(../images/titles/spread-awareness.png) no-repeat left bottom;}
		
		h1.title{}
		/* @end */
		
		.container-grey{clear: both;padding: 20px;background: url(../images/containers/contact.png) no-repeat left top;}
	/* @end */
	
	/* @group pagination */
	.pagination-footer{position: relative;clear: both; height: 40px;margin: 0 0 0 0;}
	ul.pagination{position:  absolute; right: 0px; top: 0px;}
	ul.pagination li{float: left;display:inline; margin: 0 0 0 3px; font-size: 1em;}
	ul.pagination li a{display: block; height: 20px; width: 20px; text-align:center; line-height: 20px; text-decoration: none; color: #fff; font-weight: bold; background:  url(../images/pagination/pagination.png) no-repeat left top;}
	ul.pagination li.pager a{width: 37px; background:  url(../images/pagination/pager.png) no-repeat left top;}
	ul.pagination li a:hover, ul.pagination li.paginationOn a{background-position: left bottom;}
	/* @end */
	
	/* @group filter */
	ul.filter{position:  absolute; left: 50%; top: 0px; margin: -8px 0 0 -125px;}
	ul.filter li{float: left;display:inline; margin: 0 0 0 3px; font-size: 1em;}
	ul.filter li a{display: block; height: 36px; text-indent: -1000em; margin: 0 0 0 -12px;}
	ul.filter li.filter-txt{font-size: 1.4em; line-height: 36px; margin: 0 8px 0 0;}
	ul.filter li.all a{width: 47px; background: url(../images/pagination/filter.png) no-repeat left top;}
	ul.filter li.new a{width: 47px; background: url(../images/pagination/filter.png) no-repeat -51px top;}
	ul.filter li.live a{width: 47px; background: url(../images/pagination/filter.png) no-repeat -107px top;}
	ul.filter li.coming-soon a{width: 100px; background: url(../images/pagination/filter.png) no-repeat -153px top;}
	
	ul.filter li.all a:hover, ul.filter li.all a.on{background-position: left bottom;}
	ul.filter li.new a:hover, ul.filter li.new a.on{background-position: -51px bottom;}
	ul.filter li.live a:hover, ul.filter li.live a.on{background-position: -107px bottom;}
	ul.filter li.coming-soon a:hover, ul.filter li.coming-soon a.on{background-position: -153px bottom;}
	/* @end */
	
	/* @group news */
	.pageID{position: relative;}
	
	.front-news li{margin: 0 0 10px 0;}
	.front-news li a{color: #04a1f2; text-decoration: none;}
	.front-news li a:hover{text-decoration: underline;}

	ul.news-items{position:relative;float: left;display: inline;margin: 0 -23px 0 0;}
	ul.news-items li{position:relative;float: left;display: inline; position: relative;width: 315px;padding: 15px; margin: 0 -7px -5px -14px;background: url(../images/containers/news.png) no-repeat left top;}
	ul.news-items li a, ul.news-items li .news-container{position:relative;float: left;display: inline;display:block; width:300px; height:180px; overflow:hidden; text-decoration:none;color: #fff}
	ul.news-items li img{float: left;display: inline; display: block;}
	ul.news-items li p{float: left;display: inline;color: #c0c0c0; height: 74px; margin: 0;width: 100%; line-height: 1.4em; font-size: 1em; overflow: hidden;}
	ul.news-items li span.overlay{display:block;position:absolute; top:180px; left:0px;color: #fff; width:260px; height:200px;line-height: 1.4em; font-size: 1em; padding:20px; background:url(../images/template/news-rollover.jpg) no-repeat left top;}
	ul.news-items li span.overlay strong{font-size:1.2em; color:#fff; display:block; margin: 0 0 4px 0;}
	
		/* @group client */
		.intro{clear: both;float: left;dispaly:inline;width: 910px;position: relative;padding: 20px; margin: 0 0 20px 0;background:  url(../images/containers/client.png) repeat left top;}
		.intro p{clear: both;float: left;dispaly:inline;width: 910px;font-size: 1.4em; line-height: 1.6em;margin: 0;}
		.client p{line-height: 1.8em;}
		/* @end */
		
	.flag{text-indent: -1000em;}
	.flag{position: absolute; left: 270px; top: 9px; width: 49px; height: 44px;background: url(../images/template/badges/corner-flag.png) no-repeat left top; z-index: 100;}
	.flag-live{background-position: left -62px;}
	.flag-soon{background-position: left -136px;}
	.flag-testimonial{width: 97px; height: 84px; left: 876px; background: url(../images/template/badges/testimonial-flag.png) no-repeat left top; }

	.shadow1{padding: 15px; margin: 0 10px 20px -14px;background: url(../images/containers/news.png) no-repeat left top;}
	
	.article-left{clear: both;}
	.article-left .shadow1, .article-left .mynameis{float: left;display:inline; margin-right: 15px;}
	.article-left h2{float: left;height: 18px; width: 610px; padding: 40px 0 10px 0;}
	
	.article-right{clear: both; margin: 0 -18px 0 0;}
	.article-right .shadow1, .article-right .mynameis{float: right;display:inline; margin-left: 15px;}
	.article-right h2{float: left;height: 18px; width: 610px; padding: 20px 0 10px 0;}
	
	.article-full{clear: both;}
	
	.mynameis{margin: -15px 0 0 0;}
	/* @end */
	
	/* @group services */
	ul.services{float: left;display: inline;margin: 0 -23px 20px 0;}
	ul.services li{float: left;display: inline;width: 315px;padding: 15px; margin: 0 -7px -5px -14px;height: 420px;background: url(../images/containers/services.png) no-repeat left top;}
	ul.services li a{}
	ul.services li img{float: left;display: inline; height: 180px;margin: 0 0 20px 0;}
	ul.services li h2{font-size: 1.4em; margin: 0 0 4px 10px;}
	ul.services li p{float: left;display: inline;color: #c0c0c0;margin: 0 0 10px 10px;width: 92%; line-height: 1.4em; font-size: 1em;}
	ul.services li p:last-child{margin-bottom: 0;}
	/* @end */
	
	/* @group services */
	ul.who-connect{float: left;display:inline; position:relative;width: 304px; height: 37px;background: url(../images/containers/connect.png) no-repeat left top;}
	ul.who-connect li{text-indent: -1000em;}
	ul.who-connect li a{position: absolute; top: 9px;display: block; width: 49px; }
	ul.who-connect li.connect-email a{height: 13px;left: 100px; background: url(../images/icons/connect-email.png) no-repeat left top;}
	ul.who-connect li.connect-email a:hover{background-position: left bottom;}
	ul.who-connect li.connect-twitter a{top: 8px;height: 16px;left: 165px; width: 52px;background: url(../images/icons/connect-twitter.png) no-repeat left top;}
	ul.who-connect li.connect-twitter a:hover{background-position: left bottom;}
	ul.who-connect li.connect-linked a{top: 8px;height: 16px;left: 230px; width: 55px;background: url(../images/icons/connect-linked.png) no-repeat left top;}
	ul.who-connect li.connect-linked a:hover{background-position: left bottom;}
	/* @end */
	
	/* @group contact */
	#contact{padding: 20px;}
	form{margin: 0 0 40px 0;}
	form fieldset{}
	form fieldset ul li{font-size: 1em;clear: both; color: #fff;}
	form fieldset label{display: block; float: left; display:inline; width: 315px; color: #fff; padding: 17px 0 0 0;font-size: 2.4em; text-transform: lowercase;}
	form fieldset label strong{color: #fff;}
	form fieldset input{display: block;width: 447px;border: 0px; height: 24px; padding: 20px 25px; font: normal 1.8em/1em Arial, Verdana; background: url(../images/forms/text.png) no-repeat left top;}
	form fieldset input.on, form fieldset select.on{background-position: left -70px;}
	form fieldset input.error{background-position: left -140px;}
	form fieldset input.error-on{background-position: left -219px;}
	form fieldset input[type="hidden"], .hidden{display: none;}
	form fieldset select{background:url(../images/forms/bg_select.png) right; }
	.selectbox{background:url(../images/forms/select.png) left top; /*height:18px;*/ cursor:pointer;}
	.pulldown{position: relative;}
	form fieldset textarea{display: block;width: 455px;border: 0px; height: 201px; font: normal 1.8em/1em Arial, Verdana; overflow: auto; background: none;}
	form fieldset .textarea{float: left; display: inline;display: block;width: 455px;height: 201px; padding: 25px 17px 25px 25px; background: url(../images/forms/textarea.png) no-repeat left top;}
	
	form fieldset div.on{background-position: left -261px !important;}
	form fieldset div.error{background-position: left -523px !important;}
	form fieldset div.error-on{background-position: left -793px !important;}

	form fieldset li.checkbox {padding: 6px 0 0 0;}
	form fieldset li.checkbox label{padding-top: 0px;}
	form fieldset li.checkbox img{margin: 0 0 0 14px;}
	
	form fieldset button{float: right; display: inline; margin: 0 110px 0 0;text-indent: -1000em; border: 0px;width: 53px; height: 27px; cursor: pointer;background: url(../images/buttons/send.png) no-repeat left top;}
	form fieldset button:hover{background-position: left -40px;}
	
	div.selectbox-wrapper { position:absolute; left: 310px;width:466px !important; background-color:white; border:1px solid #ccc; margin:-14px 0 0 20px; padding:0; font: normal 1.4em/1.4em Arial, Verdana; text-align:left; max-height:240px; overflow:auto; }
	div.selectbox-wrapper ul {margin:0; padding:0; }
	div.selectbox-wrapper ul li {display:block; margin:0; padding:2px 0 2px 14px; cursor:pointer; color: #666;}
	div.selectbox-wrapper ul li.selected { background-color:#EAF2FB; }
	div.selectbox-wrapper ul li.current { background-color:#CDD8E4; }
	
	.address{padding: 40px 0 20px 20px; background: url(../images/template/divider.png) repeat-x left top;}
	/* @end */
	
	/* @group footer */
	#footer{clear:both; padding: 0 0 20px 0;}
	/* @end */
/* @end */

/* @group buttons */

.button-return{clear: both;margin: 0 0 20px 0;}
.button-return a{display: block; width: 98px; height: 20px; text-indent:-1000em;}

.news-return a{background: url(../images/buttons/back-client.png) no-repeat left top;}
.services-return a{width: 110px;background: url(../images/buttons/back-services.png) no-repeat left top;}

.button-return a:hover{background-position:left bottom;}
/* @end */


.js-enabled .testimonial-item-B p{font-size: 2.6em; line-height: 1em; color: #555555;}
.js-enabled .testimonial-item-B h3{font-size: 1.8em; color: #039deb;}