body{
	margin:0;
	font:12px/21px "Lucida Sans", sans-serif;
	color:#5a717c;
	min-width:1020px;
}
form{
	margin:0;
	padding:0;
}
.none-separator{ background:none !important;}
.page{
	float:left;
	width:100%;
	background-position:50% 0;
	background-repeat:no-repeat;
}
/*-- home-bg --*/
.home{background-image:url(images/home-bg.jpg);}
#main{
	margin:0 auto;
	width:1020px;
	padding:0 0 30px;
}
/*-- header --*/
.header{
	width:1020px;
	clear:both;
	float:left;
}
.home .header{ height:569px;}
.header strong.logo{
	float:left;
	display:inline;
	text-indent:-3000px;
	overflow:hidden;
	margin:28px 0 0 10px;
	width:107px;
	height:56px;
	background:url(images/logo-icon.jpg) no-repeat;
}
p.slogan{display:none;}
ul.top-nav{
	margin:0;
	padding:33px 25px 0 0;
	float:right;
}
ul.top-nav li{
	padding:0 3px 0 8px;
	list-style:none;
	display:inline;
	line-height:14px;
	background:url(images/top-nav-separator.gif) no-repeat 0 60%;
}
ul.top-nav li a{
	color:#808080;
	font-size:10px;
	line-height:14px;
	text-decoration:none;
}
ul.top-nav li a:hover{ color:#ff0054;}
ul.logos{
	margin:0;
	padding:113px 0 0;
	overflow:hidden;
	clear:both;
}
ul.logos li{
	background:url(images/logos-separator.gif) no-repeat 100% 184px;
	list-style:none;
	float:left;
	width:340px;
}
ul.logos li strong.s-logo{
	text-indent:-3000px;
	overflow:hidden;
	float:left;
	width:340px;
	height:319px;
}
ul.logos li strong.s-logo a{
	position:relative;
	cursor:pointer;
	display:block;
	width:340px;
	height:175px;
	margin:42px 0 0;
}
ul.logos li strong.floord{background:url(images/logo-floord.png) no-repeat;}
ul.logos li strong.blackbox{ background:url(images/logo-blackbox.png) no-repeat;}
ul.logos li strong.ramp{background:url(images/logo-ramp.png) no-repeat;}
ul.logos li .holder{
	position:relative;
	margin:-122px 0 0;
	padding:0 0 0 40px;
	width:300px;
	float:left;
}
ul.logos li h3{
	letter-spacing:-1px;
	margin:0;
	padding:22px 0 0;
	color:#fff;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
}
ul.logos li p{
	margin:0;
	padding:10px 0 0;
	font-size:15px;
	color:#59caff;
}
ul.logos li a.more{
	position:relative;
	cursor:pointer;
	margin:43px 0 0 -15px;
	text-indent:-3000px;
	overflow:hidden;
	background:url(images/learn-more.png) no-repeat;
	width:143px;
	height:98px;
	float:right;
}
/*-- content --*/
.content{
	width:100%;
	overflow:hidden;
	clear:both;
}
h2{
	margin:0;
}
h3{
	margin:0;
}
h4{
	margin:0;
}
/*-- promo --*/
.promo{
	background:url(images/promo-separator.gif) no-repeat 100% 0;
	width:339px;
	float:left;
}
.promo strong{
	text-indent:-3000px;
	overflow:hidden;
	float:left;
	background:url(images/promo-bg.png) no-repeat;
	width:338px;
	height:162px;
}
.promo a{
	position:relative;
	cursor:pointer;
	margin:-38px 39px 0 0;
	display:inline;
	float:right;
	color:#00b4ff;
	font-size:12px;
}
.promo a:hover{ text-decoration:none;}
/*-- column --*/
.column{
	display:inline;
	margin:16px 40px 0 0;
	float:right;
	width:602px;
}
.column p{
	text-align:justify;
	word-spacing:-1px;
	letter-spacing:-2px;
	margin:0;
	color:#929292;
	line-height:47px;
	font-size:21px;
}
.column p strong{
	color:#000;
	font-weight:normal;
}
.column p span.apply{
	display:block;
	clear:both;
	height:1%;
	margin:-50px 100px 0 0;
	text-indent:-3000px;
	overflow:hidden;
}
.column p span.apply a{
	cursor:pointer;
	float:right;
	background:url(images/apply-btn.png) no-repeat;
	width:155px;
	height:67px;
}
.column p span.apply a:hover{background:url(images/apply-btn-hov.png) no-repeat;}
/*-- footer --*/
.footer{
	margin:34px 0 0;
	background:url(images/footer-bg.png) no-repeat;
	width:1020px;
	height:141px;
	overflow:hidden;
	clear:both;
}
.footer a{
	cursor:pointer;
	position:relative;
}
.footer ul{
	margin:0;
	padding:0;
}
.footer ul li{
	list-style:none;
}
ul.contact{
	display:inline;
	margin:30px 0 0 40px;
	width:194px;
	float:left;
}
ul.contact li{
	font-size:10px;
	font-weight:bold;
	color:#a9a9a9;
}
ul.contact li strong{
	line-height:15px;
	font-size:14px;
	color:#000;
}
ul.foot-nav{
	margin:26px 0 0;
	width:145px;
	float:left;
}
ul.foot-nav li a{
	line-height:20px;
	color:#a9a9a9;
	font-size:11px;
	text-decoration:none;
}
ul.foot-nav li a:hover{color:#ff0048;}
.footer h5{
	font-size:11px;
	color:#cdcdcd;
	text-align:right;
	width:130px;
	float:left;
	margin:56px 0 0;
}
ul.foot-banners{
	width:496px;
	float:left;
}
ul.foot-banners li{
	padding:0 0 0 1px;
	float:left;
	background:url(images/footer-logos-separator.gif) no-repeat 0 52px;
}
ul.foot-banners li a{
	margin:13px 0 0;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
	height:87px;
}
ul.foot-banners li a.ramp{
	background:url(images/s-logo-ramp.png) no-repeat;
	width:164px;
}
ul.foot-banners li a.blackbox{
	background:url(images/s-logo-blackbox.png) no-repeat;
	width:183px;
}
ul.foot-banners li a.floord{
	background:url(images/s-logo-floord.png) no-repeat;
	width:146px;
}
ul.foot-banners li a.ramp:hover{background:url(images/s-logo-ramp-hov.png) no-repeat;}
ul.foot-banners li a.blackbox:hover{background:url(images/s-logo-blackbox-hov.png) no-repeat;}
ul.foot-banners li a.floord:hover{background:url(images/s-logo-floord-hov.png) no-repeat;}
/*----------------------------------------- inner-1 ----------------------------------*/
.secondary .header strong.logo{
	float:left;
	display:inline;
	text-indent:-3000px;
	overflow:hidden;
	margin:0 0 0 10px;
	width:369px;
	height:149px;
	background:url(images/logo-secondary.png) no-repeat;
}
.secondary .header strong.logo a{
	position:relative;
	cursor:pointer;
	width:255px;
	height:50px;
	margin:28px 0 0 30px;
	display:block;
}
.blog{ background-image:url(images/blog-bg.jpg);}
ul.small-logos{
	margin:0;
	padding:0 0 0 203px;
	background:url(images/shadow.png) no-repeat;
	width:315px;
	float:right;
	height:40px;
}
ul.small-logos li{
	padding:9px 0 0;
	float:left;
	list-style:none;
}
ul.small-logos li a{
	position:relative;
	cursor:pointer;
	overflow:hidden;
	text-indent:-3000px;
	display:block;
	height:21px;
	background-position:0 0;
	background-repeat:no-repeat;
}
ul.small-logos a.ramp{
	width:98px;
	background-image:url(images/s-top-logo-ramp.png);
}
ul.small-logos a.blackbox{
	background-image:url(images/s-top-logo-black-box.png);
	width:111px;
}
ul.small-logos a.floord{
	background-image:url(images/s-top-logo-floord.png);
	width:96px;
}
ul.small-logos a.ramp:hover{background-image:url(images/s-top-logo-ramp-hov.png);}
ul.small-logos a.blackbox:hover{background-image:url(images/s-top-logo-black-box-hov.png);}
ul.small-logos a.floord:hover{background-image:url(images/s-top-logo-floord-hov.png);}
.head-holder{
	margin:-70px 0 0;
	padding:0 0 0 300px;
	float:left;
	width:720px;
}
.head-holder h1{
	margin:0;
	text-indent:-3000px;
	overflow:hidden;
	background:url(images/h1-weird-science.png) no-repeat;
	width:443px;
	height:127px;
}
/*-- info-column --*/
.info-column{
	padding:0px 0 12px 40px;
	float:left;
	width:665px;
}
.info-column .post{
	padding:0;
	overflow:hidden;
	clear:both;
}
.info-column .post h2 a {
	color:#000000;
	text-decoration:none;
}
.info-column h2{
	font-weight:bold;
	letter-spacing:-3px;
	word-spacing:-2px;
	line-height:33px;
	font-size:36px;
	color:#000;
	padding:20px 0 0;
}
.info-column strong.post-info{
	display:block;
	clear:both;
	overflow:hidden;
	font-size:20px;
	color:#b5b5b5;
	padding:2px 0 0;
}
.info-column strong.post-info span{ color:#55bbef;}
.info-column .comments{
	display:block;
	overflow:hidden;
	clear:both;
	font-size:12px;
	color:#b5b5b5;
}
.info-column .comments a{
	font-weight:bold;
	padding:0 0 11px 35px;
	line-height:32px;
	color:#ff0054;
	background:url(images/comment-icon.gif) no-repeat;
}
.info-column .comments a:hover{ text-decoration:none;}
.info-column p{
	overflow:hidden;
	clear:both;
	margin:0;
	padding:17px 0 4px;
}
.info-column p.none-padding{ padding-top:0;}
.info-column p a{ color:#61a4c3;}
.info-column p a:hover{ text-decoration:none;}
a.img-holder img{
	display:block;
	border:none;
}
.info-column a.img-holder{
	float:left;
	margin:19px 0 0;
}
.info-column a.img-holder img{border:1px solid #e2e2e2;}
.navigation a {color:#000000;}

.info-column ol.commentlist small.commentmetadata a {
	color: #5A717C;
}

/*-- nav-column --*/
.nav-column{
	padding:0;
	width:267px;
	float:right;
}
.nav-column h3{
	width:267px;
	height:33px;
	margin:37px 0 0;
	clear:both;
	float:right;
	overflow:hidden;
	text-indent:-3000px;
	background-position:0 0;
	background-repeat:no-repeat;
}
.nav-column h3.recent-entries{
	padding:0 0 42px;
	background-image:url(images/h3-resent-entries.png);
}
.nav-column h3.categories{background-image:url(images/h3-categories.png);}
.nav-column h3.recent-work{background-image:url(images/h3-resent-work.png);}
.nav-column .post{
	height:1%;
	clear:both;
	overflow:hidden;
}
.nav-column .post strong{
	display:block;
	padding:0 40px 17px 0;
	text-align:right;
	font-size:12px;
	color:#b5b5b5;
}
.nav-column .post p{
	padding:0 40px 0 0;
	line-height:18px;
	font-weight:bold;
	text-align:right;
	margin:0;
	color:#ff0054;
}
.nav-column .post p a {
	color: #ff0054;
	text-decoration: none;
}
.nav-column .post p a:hover {
	text-decoration: underline;
}	
ul.sub-nav{
	margin:0;
	padding:23px 35px 0 0;
	clear:both;
	overflow:hidden;
}
ul.sub-nav li{
	padding:1px 0 0;
	clear:both;
	overflow:hidden;
	list-style:none;
}
ul.sub-nav li a{
	text-decoration:none;
	text-align:right;
	float:right;
	padding:0 5px 0 9px;
	font-size:12px;
	font-weight:bold;
	color:#55bbef;
	line-height:22px;
}
ul.sub-nav li a:hover,
ul.sub-nav li.current-cat a{
	color:#fff;
	background:#000;
}
/*-- scroll-area --*/
#scroll-area{
	position:relative;
	display:inline;
	margin:25px 40px 20px 0;
	float:right;
	width:227px;
	clear:both;
}

#scroll-area div.scrollable {
	width: 100%;
	height: 371px;
	position: relative;
	overflow: hidden;
}
#scroll-area ul{
	width:227px;
	overflow:hidden;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
	left: 0;
}
#scroll-area ul li{
	float:left;
	width:227px;
	padding:0 0 17px;
	list-style:none;
}
#scroll-area ul li a{
	float:left;
	background:#fff;
	padding:1px;
	border:1px solid #a5a5a4;
}
#scroll-area ul li a img{
	float:left;
	border:none;
	display:block;
}
#scroll-area ul li a:hover{
	padding:0;
	border:2px solid #ff005a;
}
#up-btn,
#down-btn{
	position:absolute;
	text-indent:-3000px;
	overflow:hidden;
	width:28px;
	height:10px;
	background-position:0 0;
	background-repeat:no-repeat;
	left:100px;
}
#up-btn{
	top:-18px;
	background-image:url(images/top-arrow.gif);
}
#down-btn{
	bottom:-20px;
	background-image:url(images/bottom-arrow.gif);}
#up-btn:hover,
#down-btn:hover{ background-position:0 -10px;}
/*----------------------------------------- inner-2 ----------------------------------*/
.ramp{background-image:url(images/ramp-bg.jpg);}
.ramp .header{ padding:0 0 9px;}
.line-top,
.line-bottom{
	font-size:0;
	line-height:0;
	height:1px;
	width:420px;
	clear:both;
	display:block;
	overflow:hidden;
}
.line-top{ background:url(images/head-top-line.gif) no-repeat;}
.line-bottom{ background:url(images/head-bottom-line.gif) no-repeat;}
.about{
	padding:102px 0 0 40px;
	width:500px;
	clear:both;
	float:left;
}
.about h1{
	font-weight:normal;
	margin:0;
	color:#f2efd7;
	font-size:36px;
	line-height:33px;
}
.about h1 strong{
	color:#fff;
}
strong.title{
	padding:13px 0 28px;
	color:#ff0078;
	font-weight:normal;
	font-size:18px;
	overflow:hidden;
	clear:both;
	display:block;
}
.about p{
	margin:0;
	padding:4px 0 9px;
	font-size:16px;
	line-height:35px;
	color:#ffd9db;
}
.products .info-column { padding:84px 0 12px 40px;}
.products .info-column h3{
	width:100%;
	height:33px;
	margin:0;
	text-indent:-3000px;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
}
.products .info-column h3.features{ background:url(images/h3-fetures.png) no-repeat;}
.products .info-column h2{
	word-spacing:0;
	letter-spacing:0;
	line-height:18px;
	color:#003d60;
	font-size:18px;
	padding:15px 0 22px;
}
.products .info-column h4{
	margin:0;
	padding:0 0 1px;
	line-height:18px;
	font-size:15px;
	color:#ff0054;
}
.products .info-column em{
	font:italic 12px/20px Arial, sans-serif;
	color:#2b658a;
}
.products .info-column p{
	padding:0 0 19px;
	margin:0;
	font:12px/20px Arial, sans-serif;
}
ul.list{
	margin:0;
	padding:0;
}
ul.list li{
	font-style:italic;
	padding:7px 0 17px 45px;
	background:url(images/bullet.gif) no-repeat;
	list-style:none;
}
a.request-a-quote{
	text-indent:-3000px;
	float:right;
	background:url(images/request-a-quote.gif) no-repeat;
	width:227px;
	height:116px;
	margin:101px 40px 0 0;
	clear:both;
	overflow:hidden;
}
a.request-a-quote:hover{background:url(images/request-a-quote-hov.gif) no-repeat;}
/*----------------------------------------- inner-3 ----------------------------------*/
.black-box{background-image:url(images/black-box-bg.jpg);}
.black-box .header{ padding:0 0 9px;}
.black-box .line-top{ background:url(images/head-bottom-line.gif) no-repeat;}
.black-box .about{width:520px;}
.black-box strong.title{color:#8f8f8f;}
.black-box .about p{
	padding-top:22px;
	padding-bottom:26px;
	color:#c1c1c1;
}
/*----------------------------------------- inner-4 ----------------------------------*/
.floord{background-image:url(images/floord-bg.jpg);}
.floord .header{ padding:0 0 9px;}
.floord .line-top{ background:url(images/head-bottom-line.gif) no-repeat;}
.floord .about{width:520px;}
.floord strong.title{color:#00baff;}
.floord .about p{color:#8ed6ff;}
/*----------------------------------------- inner-5 ----------------------------------*/
.work{background-image:url(images/work-bg.jpg);}
.work .head-holder{
	margin:-85px 0 0;
	padding:0 0 0 352px;
	float:left;
	width:668px;
}
.work .head-holder h1{
	background:url(images/featured-projects.png) no-repeat;
	width:316px;
	height:32px;
}
/*-- projects-logos --*/
ul.projects-logos{
	width:928px;
	padding:0 0 0 92px;
	margin:-48px 0 0;
	clear:both;
	float:left;
}
ul.projects-logos li{
	float:left;
	list-style:none;
}
ul.projects-logos li a{
	text-indent:-3000px;
	overflow:hidden;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	height:80px;
	position:relative;
	cursor:pointer;
}
ul.projects-logos li a.vc{
	background-image:url(images/middle-logo-vc.png);
	width:128px;
}
ul.projects-logos li a.rs{
	background-image:url(images/middle-logo-rs.png);
	width:117px;
}
ul.projects-logos li a.polson-pier{
	background-image:url(images/middle-logo-pier.png);
	width:98px;
}
ul.projects-logos li a.axis-gear{
	background-image:url(images/middle-logo-axis-gear.png);
	width:154px;
}
ul.projects-logos li a.clarks{
	background-image:url(images/middle-logo-clarks.png);
	width:126px;
}
ul.projects-logos li a.mcloughlin{
	background-image:url(images/middle-logo-mcloughlin.png);
	width:215px;
}
ul.projects-logos li a.vc:hover{background-image:url(images/middle-logo-vc-hov.png);}
ul.projects-logos li a.rs:hover{background-image:url(images/middle-logo-rs-hov.png);}
ul.projects-logos li a.polson-pier:hover{background-image:url(images/middle-logo-pier-hov.png);}
ul.projects-logos li a.axis-gear:hover{background-image:url(images/middle-logo-axis-gear-hov.png);}
ul.projects-logos li a.clarks:hover{background-image:url(images/middle-logo-clarks-hov.png);}
ul.projects-logos li a.mcloughlin:hover{background-image:url(images/middle-logo-mcloughlin-hov.png);}
/*-- view-projects --*/
.view-projects{
	padding:0 10px;
	width:1000px;
	clear:both;
	height:704px;
	overflow:hidden;
}
/*-- tabs --*/
div.tab {
	overflow:hidden;
	clear:both;
	margin:27px 25px 0;
}
div.tab img{
	display:block;
	border:1px solid #313131;
	padding:4px;
	background:#000;
}
/*-- proj-info --*/
.proj-info{
	width:312px;
	padding:35px 0 0 30px;
	float:left;
}
.proj-info strong{
	font-weight:normal;
	font-size:14px;
	line-height:14px;
	color:#ff0066;
}
.proj-info strong span{
	font-weight:bold;
	color:#808080;
}
.proj-info h2{
	color:#fff;
	font-size:26px;
	line-height:26px;
	margin:-4px 0 8px 0;
}
/*-- tab-nav --*/
ul.tabset {
	margin:0;
	padding:46px 0 0 107px;
	float:left;
	width:300px;
}
ul.tabset li{
	display:inline;
	margin:0 5px 0 6px;
	position:relative;
	float:left;
	list-style:none;
}
ul.tabset li a{
	text-decoration:none;
	font-weight:bold;
	color:#848484;
	font-size:11px;
	display:block;
	width:23px;
	text-align:center;
	line-height:22px;
	background:url(images/number-bg.gif) no-repeat 0 0;
}
ul.tabset li:hover div,
ul.tabset li.hover div{
	display:block;
}
ul.tabset li div{
	top:-105px;
	left:-70px;
	position:absolute;
	display:none;
	padding:7px 0 0 7px;
	background:url(images/box-bg.png) no-repeat;
	width:93px;
	height:107px;
}
ul.tabset li div img{display:block;}
ul.tabset li a.active,
ul.tabset li:hover a,
ul.tabset li.hover a{ background-position:0 -22px;}
/*-- more-proj-info --*/
.more-proj-info{
	padding:35px 30px 0 0;
	width:221px;
	float:left;
}
.more-proj-info strong{
	display:block;
	text-align:right;
	font-weight:normal;
	font-size:11px;
	line-height:12px;
	color:#ff005a;
}
.more-proj-info strong span{ color:#808080;}
.more-proj-info ul{
	clear:both;
	float:right;
	margin:0;
	padding:0 0 18px;
}
.more-proj-info ul li{
	letter-spacing:-1px;
	color:#ff005a;
	font-size:11px;
	line-height:20px;
	list-style:none;
	display:inline;
}
.more-proj-info ul li a{color:#808080;}
.more-proj-info ul li a:hover{ text-decoration:none;}
a.btn{
	height:14px;
	overflow:hidden;
	text-indent:-3000px;
	display:inline;
	float:right;
}
.blog-write-up{
	background:url(images/a-blog-write-up.gif) no-repeat;
	width:88px;
}
.launch{
	margin:0 0 0 27px;
	background:url(images/a-lounch-site.gif) no-repeat;
	width:76px;
}
/*-- container --*/
.container{
	padding:30px 0 0 40px;
	width:990px;
	overflow:hidden;
	clear:both;
	background:url(images/container-bg.png) no-repeat;
}
.container ul{
	margin:0;
	padding:0;
}
.container a{ position:relative;}
.container ul li{ list-style:none;}
.client-lists {
	width:470px;
	float:left;
}
.client-lists ul{
	width:155px;
	float:left;
}
.client-lists ul a{
	text-decoration:none;
	color:#808080;
	font-size:11px;
	line-height:19px;
}
.client-lists ul a:hover{ text-decoration:underline;}
.container h3{
	margin:0;
	text-indent:-3000px;
	overflow:hidden;
	height:32px;
}
h3.client-list{background:url(images/h3-client-list.gif) no-repeat;}
h3.project-tags{ background:url(images/h3-project-tags.gif) no-repeat;}
.tags{
	padding:0 40px 0 28px;
	width:440px;
	background:url(images/white-doted-separator.gif) no-repeat 0 0;
	float:right;
}
.tags ul{ margin-top:-7px;}
.tags ul li{
	letter-spacing:-1px;
	padding:0 5px 0 0;
	font-weight:bold;
	font-size:13px;
	display:inline;
}
.tags ul li.largest{ font-size:24px;}
.tags ul li.large{ font-size:20px;}
.tags ul li.middle{ font-size:17px;}
.tags ul li a{
	padding:0 4px;
	line-height:39px;
	text-decoration:none;
	color:#008aff;
}
.tags ul li a:hover{ background:#e4f3ff;}