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

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

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

html, body{height: 100%; overflow:hidden;}
body{font-size: 62.5%; font-family: Gill Sans, georgia, verdana; line-height: 1em;background: #120F20; color:#e5edf4; overflow:hidden;}

/* @group tags */
h2{font-size: 2.3em; color: #fff; text-transform:lowercase;}
h3{font-size: 2.3em; color: #fff; font-weight:normal;text-transform:lowercase;}
h4{font-size: 2em; color: #fff; font-weight:normal;text-transform:lowercase; margin:0 0 10px 0;}
p{font-size: 1.6em; line-height: 1.3em;color: #e5edf4; text-shadow: #000 2px -2px 2px;}
a{color:#41c9c9;}
a:hover{color:#fff;}
input, select, textarea{font-family: georgia, verdana; font-size:1.4em; border:0px; color:#7dbbbd;}
textarea{font-size:1em;}
span.blue{color:#41c9c9}
/* @end */

/* @group template */
#container{position: relative;overflow-y:scroll; overflow-x:hidden;z-index: 100;}
#scroller{position: relative;width:14000px;}
.page{float:left;display:inline;position:relative;width: 977px; margin: 0; min-height:500px; z-index:2;background:url(../images/headline/loading.jpg) no-repeat center 118px;}
#page-home{background:none;}
.page-gap{float:left;display:inline;position: relative; width:2000px; height:245px; margin:108px 0 0 0; background:url(../images/template/gapL.png) no-repeat left top #136564;z-index:1;}
.page-gap-right{display:block; height:245px;background:url(../images/template/gapR.png) no-repeat right top}
.page-center{width: 977px; margin:0 auto;}
.page-no-js{display:none;}
.clear{clear:both;}

.header{position: relative;height: 118px;}
.header .logo{position: absolute; top: 22px;}

	/* @group footer */
	.footer{position: relative;clear:both; padding: 8px 0 0 0; height: 18px; margin: 0 0 14px 0;background: url(../images/template/footer.png) no-repeat left top;}
	.footer p{font-size: 1.1em; color: #999}
	.footer a{color:#999; text-decoration:none;}
	.footer a:hover{color:#41c9c9; text-decoration:none;}
	.footer .ewebbed{position: absolute; top: 8px; left: 770px;text-indent:-2000em; width: 208px; height: 17px; background:url(../images/template/ewebbed.png) no-repeat left top;}
	/* @end */
	
	/* @group nav */
	.header ul{position: absolute; top: 0; left: 408px;}
	.header ul li{float: left;display: inline; margin: 0 0 0 8px;}
	.header ul li a{display: block; text-indent: -3000em;height: 100px; }
	.header ul li.nav-home a{width: 74px;  background: url(../images/nav/home.png) no-repeat left 75px;}
	.header ul li.nav-about a{width: 75px;  background: url(../images/nav/about.png) no-repeat left 75px;}
	.header ul li.nav-services a{width: 91px; background: url(../images/nav/services.png) no-repeat left 75px;}
	.header ul li.nav-clients a{width: 81px;  background: url(../images/nav/clients.png) no-repeat left 75px;}
	.header ul li.nav-contact a{width: 80px; background: url(../images/nav/contact.png) no-repeat left 75px;}
	.header ul li.nav-login a{width: 117px; background: url(../images/nav/login.png) no-repeat left 75px;}
	.header ul li a:hover, .header ul li a.on{background-position:left bottom;}
	/* @end */
/* @end */

/* @group headlines */
.headline{clear: both; position: relative;height: 245px; margin: 0 0 20px 0}
.headline h1, .headline h2{position: absolute; top: 58px; right: 30px; text-align: right; font-size: 4.5em; line-height: 1.2em; color: #fff; text-shadow: 2px 2px 2px #444; z-index:10;}
.headline h1{font-size:6em; line-height:1em;}
.bannerslider{width:977px;height:245px; overflow:hidden;}
/* @end */

/* @group content */
.content{clear: both;padding:0 0 20px 0;}
.content h1{font-size:3.2em; color:#41c9c9; margin:0 0 14px 0;}
.content h2{color:#41c9c9; margin:0 0 14px 0;}
.content h2 a{text-decoration:none;}
.content p{margin:0 0 18px 0;}
.content ul{margin:0 0 20px 0;}
.content li{font-size: 1.6em; line-height: 1.3em;color: #e5edf4; padding:0 0 0 14px; background:url(../images/icons/bullet-white.png) no-repeat left 7px;}
.content li p, .content li li{font-size:1em;}
.content li h3{font-size:1.6em;}

.content .item-section p{margin-bottom:10px;}
.content ul.split-list{float:left;display:inline; margin:0 0 40px 0;}
.content ul.split-list li{float:left;display:inline; width:310px;}
	/* @group items */
	.row{clear: both; }
	.row ul{float: left;display: inline; }
	.row ul li{float: left;display: inline; width: 301px; margin: 0 36px 30px 0; background:none; padding:0;}
	
	.row ul li ul {margin:0 0 10px 0;}
	.row ul li ul li{padding:0 0 0 14px; margin:0;background:url(../images/icons/bullet-white.png) no-repeat left 7px;}
	.row ul li ul.split-list li{float:left;display:inline; width:130px;}
	
	.row ul li .item{position:relative;display:block; width:299px; height: 140px; padding: 5px; overflow: hidden; margin: 0 0 6px -4px;background: url(../images/template/item.png) no-repeat left top;}
	.row ul li .item span{display:block;}
	.row ul li .item span img{margin:0 0 40px 0;}
	.row ul li .item:hover span{margin:-185px 0 0 0;}
	
	.row ul li h3{color: #41c9c9;margin: 0 0 6px 0;}
	.row ul li h3 a{text-decoration:none;}
	.row ul li p{margin: 0 0 12px 0;}
	.row ul li a.more{font-size: 0.9em; text-transform: uppercase; color: #fff; text-decoration:none; padding: 0 0 2px 0; border-bottom:1px solid #515167;}
	.row ul li a.more:hover{color: #41c9c9;}
	.row ul li.last-child{margin-right: 0;}
	
	#page-home .row ul li .equal-height{display:block;min-height:240px;}
	
	.row-style-2 ul li h3{color:#fff; font-size:1.6em;}
	.row-style-3 ul li{margin:0 36px 25px 0;}
	.row-style-3 ul{padding:0 0 0 0;}
	.row-style-3 ul li h3{color:#fff; font-size:1.6em; margin:0;}
	
	.item .item-overlay{display:none; position:absolute; top:5px; left:5px; height:140px; width:301px; text-indent:-1000em;}
	.item:hover .item-overlay{display:block;}
	.item .item-pdf{opacity:0.9; filter:alpha(opacity=90); background:url(../images/template/view-pdf.png) no-repeat center center;}
	/* @end */
	
	/* @group item examples */
	.examples{float:left;display:inline;}
	.examples li{float:left;display:inline;background:none; padding:0; margin:0 0 0 20px; clear:none !important; width:160px !important;}
	.examples li.example-title{font-size:1.6em; color:#fff; padding:4px 0 0 0;width:100px !important; margin:0;}
	
	/* @end */
	
	/* @group item sections */
	.item-section{padding:20px 0 20px 0; min-height:140px;}
	.item-section h2{padding:10px 0 0 0;}
	.item-section ul{margin:0; float:left; display:inline; width:650px;}
	.item-section ul li{clear:both;float:left; display:inline; width:630px;}
	.item-right .item{float:right;display:inline; margin:0 0 0 30px;}
	.item-left .item{float:left;display:inline; margin:0 20px 0 0}
	.item-left h2{padding:0px 0 0 0;}

	/* @end */
	
	/* @group item testimonial */
	.testimonial{clear:both; margin:20px -4px 0 -4px; padding:10px 0 0px 0; background:url(../images/template/testimonial-t.png) no-repeat left top;}
	.testimonial h4{font-size:4em; margin:0; padding:0 85px;color:#323232; line-height:0.8em; text-align:center; background:url(../images/template/right-quote.png) no-repeat 902px bottom;}
	.testimonial h4 strong{color:#2e4f4d;}
	.testimonial p{text-shadow:none; margin:0; padding:5px 0 0 20px;}
	.testimonial-b{margin:0 -4px 20px -4px;height:17px;background:url(../images/template/testimonial-b.png) no-repeat left top;}
	/* @end */
	
	/* @group item case studies */
	.case-study-info{position:absolute; top:150px; width:947px;padding:20px 20px 20px 10px; margin:0 0 20px 0; height:40px;background: url(../images/template/white-60-percent.png) repeat;}
	.case-study-info li{clear:both;}
	.case-study-info h4, .case-study-info p{position:relative;float:left;display:inline;font-size:2em; margin:0; line-height:1em; width:120px; color:#000;}
	.case-study-info p{padding:0 60px 0 0;color:#333; width:400px;}
	
	/* @end */
	
	/* @group polaroids */
	.polaroids{position:relative; overflow:auto;}
	.polaroids ul{float:left; display:inline; padding:0 0 0 25px;}
	.polaroids ul li{position:relative;float:left; display:inline;width:226px; height:250px; background:none; padding:0;}
	.polaroids ul li h2{position:absolute; left:20px; top:184px; z-index:4; width:180px; text-align:center; font-size:1.4em; color:#666;}
	.polaroids ul li img.polaroid{position:absolute; left:0px; top:0px;}
	.polaroids ul li img.polaroid-picture{position:absolute; left:30px; top:36px;}
	.polaroids li.rotate0{-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);transform: rotate(-10deg);}
	.polaroids li.rotate1{-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);transform: rotate(5deg);}
	.polaroids li.rotate2{-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);transform: rotate(-5deg);}
	.polaroids li.rotate3{-webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);transform: rotate(15deg);}
	.polaroids li.rotate4{-webkit-transform: rotate(20deg);-moz-transform: rotate(20deg);transform: rotate(20deg);}
	.polaroids li.rotate5{-webkit-transform: rotate(25deg);-moz-transform: rotate(25deg);transform: rotate(25deg);}

	/* @end */
	
	.tooltip-content{display:none;}
	.tooltip-content h3{position:relative;color:#fff !important; margin:0 0 20px 0;}
	.tooltip-content h4{line-height:1.2em; font-size:1.8em;}
	
/* @end */

/* @group contact */
	/* @group contact options */
	.contact-options{float:left;display:inline; width:100%; height:94px; margin:0 0 20px -4px;}
	.contact-options li{position:relative;float:left;display:inline;width:313px;height:94px; margin:0 21px 0 0; font-size:1em; padding:0;background: url(../images/contact/contact-info.png) no-repeat left top;}
	.contact-options li:hover{background-position:left bottom;}
	.contact-options li:last-child, .contact-options li.last-child{margin-right:-6px;}
	.contact-options li dl{padding:18px 0 12px 24px;}
	.contact-options li dl dd, .contact-options li dl dt{float:left;display:inline; font-size:2em; margin:0 0 0px 0; line-height:1.3em;}
	.contact-options li dl dt{width:105px;}
	.contact-options li dl dd{width:170px; color:#41c9c9;}
	.contact-options a{color:#41c9c9;}
	.contact-options a.view-map{position:absolute; top:54px; left:24px;color:#9badae; font-size:1.2em; text-decoration:none;}
	.contact-options a.view-map:hover{text-decoration:underline;}
	.contact-options li.contact-email dl dd, .contact-options li.contact-email dl dt{width:100%;}
	/* @end */

	/* @group contact contact form */
	#contact-form{float:left;display:inline; width:100%;margin:0 0 40px 0;}
	#conteact-form form{float:left;display:inline;}
	#contact-form li{float:left;display:inline; width:100%;margin:0 0 6px 0; padding:0; background:none; font-size:1em;}
	#contact-form label{float:left;display:inline;width:212px; font-size:2.4em; line-height:44px;}
	#contact-form input{float:left;display:inline;padding:14px 10px 0 20px;width:431px; height:41px; font-size:2.2em; background:url(../images/contact/input.png) no-repeat left top;}
	#contact-form li.error input{background-position:left bottom;}
	
	#contact-form select{float:left;display:inline;padding:13px 10px 0 19px;width:461px; height:55px; font-size:2.2em; background:url(../images/contact/select.png) no-repeat left top;}
	#contact-form select option{padding:14px 10px 0 20px;}
	#contact-form li.error select{background-position:left bottom;}
	#contact-form span.error, #contact-form label.error{float:left;display:inline; width:270px; margin:0 0 0 10px; font-size:1.5em; line-height:12px;padding:24px 0 10px 24px; background:url(../images/icons/error.png) no-repeat left 20px;}
	
	#contact-form .textarea{float:left;display:inline;padding:14px 10px 0 20px;width:735px; height:204px; font-size:2.2em; background:url(../images/contact/textarea.png) no-repeat left top;}
	#contact-form .textarea textarea{float:left;display:inline;background:none; width:431px; height:190px;}
	#contact-form .textarea span.error{font-size:15px; margin:0 0 0 20px; width:192px;}
	#contact-form li.error .textarea{background-position:left bottom;}
	#contact-form button{float:left;margin:0 0 0 559px;cursor:pointer;text-indent:-1000em;border:0px;width:107px; height:16px; background:url(../images/contact/button.png) no-repeat left top;}
	#contact-form button:hover{background-position:left bottom;}
	
	
	#contact-form .error{background-position:left bottom;}
	/* @end */
/* @end */

/* @group styles */
.underline{padding:0 0 20px 0; margin:0 0 20px 0;background:url(../images/template/divider.png) no-repeat left bottom;}
.hidden{display:none;}
.align-right{float:right;display:inline;}
.loading{background:url(../images/headline/loading.jpg) no-repeat center 118px;}
/* @end */

/* @group contact contact form */
#supersize{position: fixed; left: 0px; top: 0px;z-index: 0;}
#supersize img, #supersize a{height:100%;width:100%;position:absolute;z-index: 0; display: none;}
#supersize .prevslide, #supersize .prevslide img{z-index: 1; }
#supersize .activeslide, #supersize .activeslide img{z-index: 2;display: block;}
/* @end */

/* @group sitemap */
div.sitemap{padding:20px 0 0 20px;}
.sitemap h1{color:#666 !important; font-size:3em; line-height:1.4em; border-bottom:1px solid #eee; margin:0 0 15px 0; padding:0 0 10px 0;}
.sitemap ul{margin:0;}
.sitemap ul li{font-size:1.8em; margin:0 0 10px 0; line-height:1.4em;}
.sitemap ul li a:hover{color:#666;}
.sitemap ul li li{font-size:1em;}
/* @end */

/* @group cufon */
.cufon-loading .headline h1, .cufon-loading .testimonial h4, .cufon-loading .content h1, 
.cufon-loading .contact-options li dl dd, .cufon-loading .contact-options li dl dt, 
.cufon-loading #contact-form label, .cufon-loading h3, .cufon-loading .row ul li a.more, .cufon-loading .content h2{visibility: hidden !important;}
/* @end */

.qtip p{font-size:1.3em;text-shadow:none; }


/* @group tiptip */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	text-shadow: 0 0 2px #000;
	padding: 15px 20px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color:#000;
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}
#tiptip_content h4{font-size:1.6em; line-height:1.2em;}
#tiptip_content p{font-size:1.3em;}


#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* @end */