/* Css reset
------------------------------------------------------------------------------*/

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
label { cursor: pointer; }

/* Default styles
------------------------------------------------------------------------------*/

a,
a:visited { color: #FFDD00; text-decoration: none; }
a:focus,
a:hover { text-decoration: underline; }
body { background: #333; color: #000; font: 62.5% "ProximaNovaA-Thin", Arial, Helvetica, sans-serif; }
input,
select,
textarea { font: 10px "ProximaNova-Regular", Arial, Helvetica, sans-serif; vertical-align: middle; }
.accessibility { position: absolute; top: -9999em; left: -9999em; height: 1px; width: 1px; }

strong {
	font-family: "ProximaNova-SemiBold", Arial, Helvetica;
	font-weight: normal;
}

h3 {
	font-family: "ProximaNova-Regular", Arial, Helvetica;
	font-weight: normal;
}

p a:hover {
	text-decoration: underline;
}
/* Common containers
------------------------------------------------------------------------------*/
.wrapper { width: 1000px; margin:0 auto;}
.sb {background: url("../images/butter-sb.png") no-repeat scroll 0 -120px transparent;height: 1600px;left: 0;position: absolute;width: 9px;}
.plax {}
.plax img {position:absolute;top:0;z-index:-1;}
#plax-0 {left:210px;top:-10px;}
#plax-1 {left:515px;}
#plax-2 {left:780px;}
#plax-3 {left:1080px;}
#plax-4 {left:1300px;}
#plax-5 {left:1195px;}
/* Containers */
.header { width: 995px; height: 121px; margin: 0 auto 30px; overflow: hidden; }
.content { width: 951px; margin: 0 auto; font-size: 14px; }
.mast { width: 951px; margin: 0 auto 30px; }
.footer { clear: both; width: 100%; background: #ffdd00; }

/* Elements */
.logo { float: right; display: block; width: 138px; height: 61px; margin: 25px 20px 0 0; text-indent: -9999px; background: url(../images/logo.png) no-repeat; }

/* nav */
.nav { float: left; width: 625px; font-size: 17px; }
	.nav ul { width: 625px; overflow: hidden; }
	.nav li { float: left; }
	.nav a,
	.nav a:visited { 
		background: url(../images/bgr-nav.png) no-repeat 0 -120px; 
		display: block; width: 89px; height: 46px; color: #ccc; 
		padding: 75px 0 0; text-align: center; text-transform:lowercase;
		}
	.nav .current,
	.nav .active a,
	.nav a:hover { color: #ffdd00; text-decoration: none; }

hr.dotted, hr {background: url("../images/hr-dotted.png") repeat scroll 0 0 transparent;border: medium none;}

/* Homepage style
------------------------------------------------------------------------------*/

/* indexpage */
.indexpage {}
	.indexpage .top { margin-bottom: 60px; }
	.indexpage .top h1 { font-size: 21px; font-weight: normal; color: #fff; }
	.indexpage .top h1 span { color: #ffdd00; }
	.indexpage .bottom { width: 951px; margin-bottom: 45px; overflow: hidden; }
	.indexpage .bottom h2 { font-size: 21px; font-weight: normal; color: #fff; margin-bottom: 10px; }

.indexpage .top {
	
}

#about-butter {
	float: left;
	width: 750px;
	color: white;
	background: url(../images/hr-dotted.png) top left repeat-x;
	padding: 1em 0;
}

#about-butter h1 {
	color: #FFDD00;
	font-size: 14px;
	font-family: ProximaNova-Regular, Arial, Helvetica;
}

#about-butter ul {
	margin: 1em 0 0 0;
	font-family: ProximaNova-Regular, Arial, Helvetica;
	color: white;
}

#about-butter p {
	font-size: 16px;
	line-height: 1.3em;
}

#about-butter ul li a, .news-inner a {
	font-family: ProximaNova-Regular, Arial, Helvetica;
	color: white;
}

#about-butter-introduction {
	background: url(../images/home/butter-boys.png) top left no-repeat;
	padding: 0 0 0 200px;
	margin: 1em 0 0 0;
}

#in-a-rush {
	background: url(../images/home/rush.png) top left no-repeat;
	height: 255px;
	width: 191px;
	display: block;
	float: right;
	font-family: ProximaNova-Regular, Arial, Helvetica;
	color: #111;
}

#in-a-rush form {
	padding: 1em 0.7em;
}

#in-a-rush form a {
	color: #111;
	margin-top: 5px;
	float: left;
}

#in-a-rush form a:hover {
	text-decoration: none;
}

#in-a-rush h3 {
	font-size: 1.8em;
}

#in-a-rush p {
	padding: 1em 0;
}

#in-a-rush label {
	font-weight: bold;
}

.textfield {
	background: url(../images/textfield.png) top left no-repeat;
	border: none;
	display: block;
	width: 153px;
	height: 24px;
	padding: 2px 5px;
}

#news {
	clear: both;
}

#news .news {
	float: left;
	width: 19%;
	font-size: 14px;
	color: white;
	padding-right: 1%;
}

.news-inner {
	background: url(../images/hr-dotted.png) top left repeat-x;
	padding: 1em 0 2em 0.25em;
	position: relative;
}

.news-inner .linktext {
	clear: both;
}

.news h4 {
	margin: 0.5em 0;
	font-size: 1.4em;
	font-weight: normal;
}

.news-inner p {
	padding: 0 1em 1em 0;
	float: left;
}

.tweet img {
	float: left;
	width: 30px;
	height: 30px;
}

.tweet p span {
	float: left;
	padding-left: 5%;
	display: block;
	width: 75%;
	font-size: 12px;
}

.yellowHeading {
	color: #FFDD00;
    font-family: ProximaNova-Regular, Arial, Helvetica;
    font-size: 14px;
    font-weight: normal;
}

/* carousel */
.carousel {
	color: white;
	font-size: 16px;
	position: relative;
	display: block;
	height: 400px;
	width: 100%;
}

.carousel h2 {
	color: white;
	font-family: ProximaNova-SemiBold, Arial, Helvetica;
	font-size: 48px;
}

.carousel h2 a, .carousel p a {
	text-decoration: none;
	color: white;
}

.slide {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 400px;
	width: 100%;
}

.slideHidden {
	display: none;
}

.activeslide {
	display: block;
}

.slide-content {
	float: left;
	width: 35%;
	position: absolute;
	bottom: 155px;
	left: 0px;
}

.slide-image {
	float: right;
}

.slide-image img {
	height: 400px;
}

.carousel .control {
	bottom: 50px;
}

#faqs {
	color: #ccc;
}

#faqs strong {
	color: white;
}

#faqs p, #faqs ul {
	margin: 0 0 1em 0;
}

#faqs ul li {
	padding-left: 1em;
	list-style-type: disc;
	list-style-position: inside;
}

.faq .title h2 {
	font-size: 24px;
	color: white;
}

/* filter */
.filter { float: right; font-size: 11px; color: #121212; margin-bottom: 15px; overflow: hidden; }
	.filter span { float: left; display: block; padding: 6px; color:#000;}
	.filter ul { float: left; width: 263px; height: 27px; padding: 6px 4px 0; background: url(../images/bgr-filter.png) no-repeat; overflow: hidden; }
	.filter li { float: left; }
	.filter a,
	.filter a:visited { color: #ccc; padding: 3px 10px; text-align: center; }
	.filter a.current,
	.filter a:hover { color: #000; text-decoration: none; background: url(../images/bgr-filter-on.png) repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/* filtershow */
.filtershow { width: 965px; font-size: 11px; margin-bottom: 60px; overflow: hidden; }
	.filtershow li { float: left; width: 182px; height: 120px; margin: 0 0 15px 10px; border-bottom:1px solid #fff; padding-bottom:20px; border-bottom:1px solid #fff;}
	.filtershow .first { margin-left: 0; }
	.filtershow a,
	.filtershow a:visited, .filtershow a:hover { color: #fff; text-decoration:none;}

/* news */
/*
.news { float: left; width: 400px; font-size: 12px; color: #999; }
	.news a,
	.news a:visited { color: #fff; }
	.news li { margin-bottom: 8px; }
	.news span { float: left; display: block; width: 60px; }
*/

/* blogs */
.blogs { float: left; width: 400px; font-size: 12px; color: #999; }
	.blogs a,
	.blogs a:visited { color: #fff; }
	.blogs li { margin-bottom: 8px; }
	.blogs span { float: left; display: block; width: 60px; }

/* Subpage styles
------------------------------------------------------------------------------*/

/* About Us
------------------------------------------------------------------------------*/
.aboutpage { font-size: 12px; color: #999; }
	.aboutpage .top { width: 780px; font-size: 15px; color: #fff; margin: 0 auto 60px; padding-left: 170px; overflow: hidden; }
	.aboutpage .top p { line-height: 20px; }
	.aboutpage .firstcol { float: left; margin-right: 30px; width: 360px; }
	.aboutpage .secondcol { float: left; width: 360px; }
	.aboutpage .title { float: left; width: 190px; }
	.aboutpage .title h2, .aboutpage .title h1 { font-size: 21px; font-weight: normal; color: #fff; }
	.aboutpage .data { float: left; width: 755px; overflow: hidden; }

/* ourpartners */
.ourpartners { width: 951px; margin: 15px 0 60px; overflow: hidden; }
	.ourpartners li { width: 755px; margin-bottom: 30px; overflow: hidden; }
	.ourpartners .photo { float: left; margin: 10px 30px 0 0; }
	.ourpartners .text { float: left; width: 545px; }
	.ourpartners p { line-height: 20px; }

/* ourteam */
.ourteam ul { width: 755px; margin-bottom: 60px; overflow: hidden; }
	.ourteam li { float: left; width: 355px; margin: 0 22px 30px 0; overflow: hidden; }
	.ourteam img { float: left; }
	.ourteam .text { float: left; width: 290px; padding: 15px 0 0 5px; }
	.ourteam h3 { font-size: 15px; font-weight: normal; color: #f9d800; margin-bottom: 5px; }
	.ourteam h4 { font-size: 15px; font-weight: normal; color: #fff; margin-bottom: 15px; }
	.ourteam p { line-height: 20px; }

/* clients */
	.clients ul { margin-right: 90px; line-height: 1.4em;}
	.clients li { margin-bottom: 7px; float:left; width:25%;}
	.clients a,
	.clients a:visited { color: #999; }
	.clients a.plus { color: #fff; }
	.clients span { color: #fd0; }
	.clients {
		margin-bottom: 30px;
		float: left;
	}

/* The Lab
------------------------------------------------------------------------------*/

/* labpage */
.labpage { font-size: 14px; color: #999; }
	.labpage .top { width: 780px; font-size: 15px; color: #fff; margin: 0 auto 60px; padding-left: 170px; overflow: hidden; }
	.labpage .top p { line-height: 20px; }
	.labpage .firstcol { float: left; margin-right: 30px; width: 360px; }
	.labpage .secondcol { float: left; width: 360px; }
	.labpage .title { float: left; width: 190px; }
	.labpage .title h2, .labpage .title h1 { font-size: 21px; font-weight: normal; color: #fff; }
	.labpage .data { 
		float: left; width: 755px; overflow: hidden; 
		padding-left: 5px;
	}
	
	.labpage .sectionintro {
		font-size: 16px;
	}
	
	.labpage .sectionintro ul {
		margin: 1em 0;
		color: #FFDD00;
	}
	
	.labpage .ourproduct .sectionintro {
		float: left;
		padding-left: 0px;
		width: 570px;
		color: white;
	}
	
/*	.labpage .top {color: #FFFFFF;font-size: 21px;margin-bottom: 60px;padding-left: 190px;}
	.labpage .firstcol,
	.labpage .secondcol {float: left;width: 370px;}*/
/* ourproduct */
.ourproduct { 
	width: 951px; margin-bottom: 20px; overflow: hidden;
	background: url("../images/hr-dotted.png") top left repeat-x;
	padding: 20px 0 0 0;
 }
	.ourproduct li { width: 755px; margin-bottom: 30px; overflow: hidden; }
	.ourproduct .photo { float: left; margin: 15px 30px 0 0; }
	.ourproduct .text { float: left; width: 545px; padding-top: 15px; }
	.ourproduct h3 { font-size: 15px; font-weight: normal; color: #fd0; margin-bottom: 5px; }
	.ourproduct p { margin-bottom: 5px; line-height: 20px; }

h3.product_image {
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 200px;
}

/* subtitle */
.subtitle { color: #fff; }

.tech-logo img {
	float: left;
	width: 200px;
	padding-right: 30px;
}

.open-source ul {
	clear: both;
}

/* Services
------------------------------------------------------------------------------*/

/* servicespage */

.tpl_7 .wrapper {
	background: #333333 url(../images/bgr-team.jpg) 0 -60px no-repeat; 
}

.servicespage { font-size: 14px; color: #999; }
	.servicespage .top { width: 740px; font-size: 15px; color: #fff; margin: 0 auto 60px; padding-left: 170px; overflow: hidden; }
	.servicespage .top p, .aboutus p { line-height: 20px; padding: 0 0 1em 0;}
	.servicespage .firstcol { float: left; margin-right: 25px; width: 355px; }
	.servicespage .secondcol { float: left; width: 355px; }
	.servicespage .title { float: left; width: 190px; }
	.servicespage .title h2, .servicespage .title h1 { font-size: 21px; font-weight: normal; color: #fff; }
	.servicespage .data { float: left; width: 755px; overflow: hidden; }
	.servicespage .title h2 { text-transform: lowercase; }

.aboutus {
	font-size: 15px; color: #fff;
}

.servicespage .mast ul {
	margin-top: 0px;
}

.animatedMast li {
	position: relative;
}

.animatedMast h2 {
	font-size: 34px;
	color: white;
	text-transform: lowercase;
	text-align: left;
	margin: 0 0 0 190px;
	width: 450px;
}

.animatedMast h2 em {
	font-style: normal;
	color: #FFDD00;
}

.topimage {
	margin: 0 0 2em 0;
}

h3 em {
	font-style: normal;
	color: #eee;
	font-family: "ProximaNovaA-Thin", Arial, Helvetica;
}

/* ourservices */
.ourservices, .aboutus { width: 951px; margin-bottom: 50px; overflow: hidden; }
	.list-grid li { float: left; width: 350px; margin: 0 25px 30px 0; overflow: hidden; }
	.list-grid li.odd { clear: left; }
	.ourservices .photo { float: left; margin: 5px 30px 0 0; }
	.ourservices .text { float: left; width: 545px; padding-top: 5px; }
	.ourservices h3 { font-size: 15px; font-weight: normal; color: #ffdd00; margin-bottom: 15px; }
	.ourservices p, .ourservices ul { margin-bottom: 5px; line-height: 20px; }

/* ourprocess */
.ourprocess { width: 951px; margin-bottom: 20px; overflow: hidden; }
	.ourprocess ul { width: 755px; margin-bottom: 30px; overflow: hidden; }
	.ourprocess li { float: left; width: 109px; height: 99px; color: #ffdd00; }
	.ourprocess li span { display: block; width: 100px; padding-top: 75px; text-align: center; }
	.ourprocess h3 { font-size: 15px; font-weight: normal; color: #ffdd00; margin-bottom: 15px; }
	.ourprocess p { margin-bottom: 5px; line-height: 20px; }
	.ourprocess .proc1 { background: url(../images/pic-process1.png) no-repeat; }
	.ourprocess .proc2 { background: url(../images/pic-process2.png) no-repeat; }
	.ourprocess .proc3 { background: url(../images/pic-process3.png) no-repeat; }
	.ourprocess .proc4 { background: url(../images/pic-process4.png) no-repeat; }
	.ourprocess .proc5 { background: url(../images/pic-process5.png) no-repeat; }
	.ourprocess .proc6 { background: url(../images/pic-process6.png) no-repeat; }
	.ourprocess .proc7 { width: 100px; background: url(../images/pic-process7.png) no-repeat; }
	.ourprocess .proc3 span { padding-top: 65px; }
	.ourprocess .firstcol { margin-right: 40px; }

/* Portfolio
------------------------------------------------------------------------------*/

/* portfolio */
.portfolio { width: 951px; color: #fff; padding-top: 40px; margin-bottom: 80px; overflow: hidden; }
	.portfolio h2 { font-size: 21px; font-weight: normal; margin-bottom: 5px; }
	.portfolio li { width: 951px; margin-bottom: 30px; overflow: hidden; }
	.portfolio .screens { float: left; width: 580px; }
	.portfolio .screens img { float: left; margin: 0 11px 3px 0; }
	.portfolio .desc { position: relative; float: left; width: 340px; height: 258px; }
	.portfolio .desc p { padding: 1em 0; }
	.portfolio .btn,
	.portfolio .btn:visited { display: block; width: 82px; height: 15px; font-size: 10px; color: #666; padding-top: 5px; text-align: center; background: url(../images/button-read.png) no-repeat; text-decoration: none; }
	.portfolio .btn:hover {
		color: #000;
	}
	.portfolio .url { position: absolute; bottom: 0; font-size: 11px; color: #666; }
	.portfolio .url a,
	.portfolio .url a:visited { color: #ffdd00; }

/* Error */
.data .txt {
	border: none;
	width: 178px;
	height: 25px;
	padding: 2px 5px;
}

/* Case Study 
------------------------------------------------------------------------------*/

/* casestudypage */
.casestudypage { background: #333 url(../images/bgr-casestudy.png) no-repeat top center; }

/* casestudy */
.casestudy { color: #fff; margin-bottom: 120px; }
	.casestudy h1 { font-size: 30px; font-weight: normal; margin-bottom: 30px; }
	.casestudy h2 { font-size: 21px; font-weight: normal; margin-bottom: 10px; }
	.casestudy p { font-size: 15px; margin-bottom: 20px; line-height: 22px; }
	.casestudy .column { width: 951px; margin-bottom: 60px; overflow: hidden; }
	.casestudy .leftcol { float: left; width: 770px; overflow: hidden; }
	.casestudy .textcol { float: left; width: 365px; }
	.casestudy .left { width: 360px; padding-right: 20px; }
	.casestudy .rightcol { float: right; width: 181px; }
	.casestudy .share { float: left; display: block; width: 82px; height: 20px; margin-top: 18px; text-indent: -9999px; background: url(../images/button-sharethis.png) no-repeat; }
	.casestudy .types { font-size: 12px; }
	.casestudy .types li { width: 181px; height: 20px; font-size: 12px; margin-bottom: 5px; background: url(../images/bgr-types.png) no-repeat; }
	.casestudy .types a { display: block; color: #999; padding: 2px 10px; }
	.casestudy .fullstudy { float: left; width: 255px; height: 39px; font-size: 10px; padding-left: 12px; margin-right: 10px; background: url(../images/bgr-readfullcasestudy.png) no-repeat; }
	.casestudy .fullstudy img { float: left; }
	.casestudy .fullstudy span { float: left; display: block; font-size: 10px; color: #999; padding: 23px 0 0 25px; text-transform: uppercase; background: url(../images/ico-arrow-cs.png) no-repeat 1.5em 2.8em; }
	.casestudy .fullstudy a:hover { text-decoration: none; }

/* sliderbox */
.sliderbox { position: relative; width: 825px; height: 587px; margin: 30px auto; }
	.sliderbox .slide-prev { position: absolute; left: -40px; top: 250px; display: block; width: 17px; height: 34px; text-indent: -9999px; background: url(../images/button-cstudy-prev.png) no-repeat; }
	.sliderbox .slide-next { position: absolute; right: -40px; top: 250px; display: block; width: 17px; height: 34px; text-indent: -9999px; background: url(../images/button-cstudy-next.png) no-repeat; }
	.sliderbox .url { font-size: 11px; color: #666; text-align: right; margin: 3px 25px 0 0; position:absolute; right:0; bottom:0; z-index:100;}
	.sliderbox .url a,
	.sliderbox .url a:visited { color: #ffdd00; }
/* slider */
.slider, .slider li { width: 825px; height: 587px; overflow: hidden; }
.jcarousel-container {overflow:hidden;}
/* control */
.control { position: absolute; bottom: 3px; left: 0; overflow: hidden; z-index: 100;}
	.control li { float: left; margin-right: 3px; }
	.control a { display: block; width: 8px; height: 8px; text-indent: -9999px; background: url(../images/ico-cstudy-eclipse.png) no-repeat; }
	.control a:hover, .control a.active { background: url(../images/ico-cstudy-eclipse-on.png) no-repeat; }

/* study */
.study { clear: both; width: 770px; padding-top: 60px; overflow: hidden; display:none;}
	.study h2 { margin-bottom: 15px; }
	.study .images { float: left; width: 366px; margin-right: 20px; }
	.study .images img { display: block; margin-bottom: 10px; }
	.study .images p { font-size: 10px; line-height: 15px; margin-bottom: 40px; }
	.study .info { float: left; width: 365px; }
	.study .info p { font-size: 12px; line-height: 18px; }

/* othersites */
.othersites ul { width: 951px; overflow: hidden; }
	.othersites li { float: left; font-size: 11px; margin-right: 10px; }
	.othersites li a { color:inherit; font-size:inherit; text-decoration:none;}
	.othersites .underline li { padding-bottom: 5px; border-bottom: 1px solid #666; }
	.othersites img { display: block; margin-bottom: 5px; }

/* Contact
------------------------------------------------------------------------------*/

/* contactform */
#contactform { width: 560px; font-size: 12px; color: #333; background: #ffdd00; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
	#contactform fieldset { padding: 30px 0; }
	#contactform h2 { font-size: 35px; font-weight: normal; color: #333; margin-bottom: 30px; text-align: center; }
	#contactform ul { width: 450px; margin: 0 auto; }
	#contactform li { margin-bottom: 9px; }
	#contactform label { font-family: ProximaNova-Regular, Arial, Helvetica; float: left; display: block; width: 75px; margin-right: 20px; text-align: right; }
	#contactform input { border: 0; vertical-align: middle; }
	#contactform .txt { width: 310px; height: 21px; background: #fff; }
	#contactform textarea { width: 306px; height: 135px; border: 0; background: #fff; }
	#contactform .btn {font-family: ProximaNova-Regular, Arial, Helvetica;  width: 82px; height: 20px; font-size: 10px; color: #fff; cursor: pointer; margin-left: 95px; text-align: center; background: url(../images/bytton-submit-contact.png) no-repeat; }
	#contactform .add { font-family: ProximaNova-Regular, Arial, Helvetica; position: relative; width: 285px; font-size: 11px; margin: 0 auto; padding: 15px 0 0 20px; line-height: 20px; }
	#contactform .map { position: absolute; top: 40px; right: -25px; width: 9px; height: 12px; text-indent: -9999px; background: url(../images/ico-contact-balloon.png) no-repeat; }
	#contactform a {
		color: #333;
	}
/* Call to action
------------------------------------------------------------------------------*/

.call-to-action {
	font-size: 14px;
	font-family: ProximaNova-Regular, Arial, Helvetica;
	padding: 2em;
	background: #FFDD00;
	color: #333;
	clear: both;
}

.call-to-action h2 {
	font-size: 1.5em;
}

.call-to-action li {
	padding: 0.2em 0 0 0em;
}

.call-to-action a {
	color: #000;
	font-family: ProximaNova-SemiBold, Arial, Helvetica;
}

.call-to-action a:hover{
	text-decoration: underline;
}

.call-to-action {

}

/* Footer 
------------------------------------------------------------------------------*/

/* footer-cont */
#footer {
	font-family: ProximaNova-Regular, Arial, Helvetica;
}
.footer-cont { width: 951px; font-size: 11px; color: #333; padding: 40px 20px 50px; overflow: hidden; margin:0 auto; }
	.footer-cont h3 { color: black; font-size: 14px; font-weight: normal; margin-bottom: 10px; }
	.footer-cont a,
	.footer-cont a:visited { color: #333; }


/* hello */
.hello { float: left; width: 185px; }
	.hello ul { font-size: 11px; }
	.hello li { margin-bottom: 5px; line-height: 20px; }

/* address */
.address { float: left; width: 185px; margin-right: 20px; }
	.address ul { font-size: 11px; }
	.address li { margin-bottom: 5px; line-height: 20px; }

/* follow */
.follow { float: left; width: 180px; }
	.follow li { font-size: 12px; margin-bottom: 6px; }
	.follow a { display: block; padding: 2px 0 2px 20px; }
	.follow .twitter { background: url(../images/ico-twitter.png) no-repeat left; }
	.follow .facebook { background: url(../images/ico-facebook.png) no-repeat left; }
	.follow .ourblog { background: url(../images/ico-blog.png) no-repeat left; }
	.follow .newsletter { background: url(../images/ico-newsletter.png) no-repeat left; }

/* partner */
.partner { float: left; width: 150px; font-size: 11px; }
	.partner img { vertical-align: middle; }
	#footer .partner a:hover {
		text-decoration: none;
	}

/* more */
.more { float: right; width: 178px; }

/* search */
.search { width: 178px; height: 25px; margin-top: 15px; background: url(../images/bgr-search-footer.png) no-repeat; }
	.search .txt { width: 140px; font-size: 12px; color: #666; padding: 3px 0 3px 25px; border: 0; background: none; }

.sisea-results {
	color: white;
	font-family: "ProximaNova-Regular", Arial, Helvetica;
	background: url(../images/hr-dotted.png) bottom left repeat-x;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}

.sisea-paging span {
	padding-right: 5px;
}

.sisea-paging {
	float: right;
}

.sisea-result h3 {
	margin: 1em 0;
}

/* team */


#team {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 300px;
	width: 951px;
	overflow: hidden;
}

#team img {
	position: absolute;
	z-index: 10;
	bottom: -350px;
	left: 0px;
}

#rocketmast h2 {
	margin-top: 20px;
}

.hidden {
	display: none;
}

#rocket {
	display: block;
	height: 267px;
	width: 354px;
	float: right;
	position: absolute;
	right: 60px;
	top: 40px;
}

#rocket img {
	position: absolute;
}

.parallax img.sparkle {
	z-index: 11;
}

.mast li {
	width: 951px;
	height: 300px;
}

/* FancyBox */

#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
	#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; }
	#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
	#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
	#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
	#fancybox-outer { position: relative; width: 100%; height: 100%; }
	#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; }
	#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
	#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../images/fancybox.png') -40px 0; cursor: pointer; z-index: 1103; display: none; }
	#fancybox-error { color: #444; font: normal 12px/20px "Proxima", Arial, Helvetica; padding: 14px; margin: 0; }
	#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
	#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
	#fancybox-left,
	#fancybox-right { position: absolute; bottom: 0; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('blank.gif'); z-index: 1102; display: none; }
	#fancybox-left { left: 0; }
	#fancybox-right { right: 0; }
	#fancybox-left-ico,
	#fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
	#fancybox-left-ico { background-image: url('../images/fancybox.png'); background-position: -40px -30px; }
	#fancybox-right-ico { background-image: url('../images/fancybox.png'); background-position: -40px -60px; }
	#fancybox-left:hover,
	#fancybox-right:hover { visibility: visible; }
	#fancybox-left:hover span { left: 20px; }
	#fancybox-right:hover span { left: auto; right: 20px; }
	.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
	#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox-x.png'); }
	#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -162px; }
	#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox-y.png'); background-position: -20px 0; }
	#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -182px; }
	#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox-x.png'); background-position: 0 -20px; }
	#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -142px; }
	#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox-y.png'); }
	#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -122px; }
	#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
	.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
	.fancybox-title-outside { padding-top: 10px; color: #fff; }
	.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
	#fancybox-title-over { padding: 10px; background-image: url('fancy_title_over.png'); display: block; }
	.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
	#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
	#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
	#fancybox-title-float-left { padding: 0 0 0 15px; background: url('images/fancybox.png') -40px -90px no-repeat; }
	#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('images/fancybox-x.png') 0 -40px; }
	#fancybox-title-float-right { padding: 0 0 0 15px; background: url('images/fancybox.png') -55px -90px no-repeat; }

/* Media queries for responsive design
------------------------------------------------------------------------------*/

/* Portrait mode for devices */
@media all and (orientation: portrait) { 
}


/* Landspace mode for devices */
@media all and (orientation: landscape) { 
}

/* Opera Mobile, Mobile Safari, Android Chrome */
@media screen and (max-device-width: 480px) { 
	html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
}