@charset "UTF-8";


input, select {vertical-align:middle;}


label, 
input[type=button],
input[type=submit], 
button {
	cursor: pointer;
}

button {  width: auto; overflow: visible; }

.hidden { display: none; visibility: hidden; } 

.visuallyhidden { 
	position: absolute !important;    
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.clear {
	clear: both;
	display: block;
}




/*------ Clearfix ------*/
.clearfix:before, 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	display: block;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


/* @override http://local.sebastianjt.ee/styles/structure */

@charset "UTF-8";
/*--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/



.half-percent.left,
.third-percent.left,
.third-percent.mid,
.fourth-percent.left,
.fourth-percent.mid,
.fifth-percent.left,
.fifth-percent.mid,
.sixth-percent.left,
.sixth-percent.mid {
	margin-right: 2.13%;
}



.half-percent {
	width: 48.9%;
}



.third-percent {
	width: 31.9%;
}

.twothird-percent {
	width: 65.9%;
}



.fourth-percent {
	width: 23.4%;
}

.twofourth-percent {
	width: 48.9%;
}

.threefourth-percent {
	width: 74.4%;
}



.fifth-percent {
	width: 18.2%;
}

.twofifth-percent {
	width: 38.7%;
}

.threefifth-percent {
	width: 59.13%;
}

.fourfifth-percent {
	width: 79.6%;
}



.sixth-percent {
	width: 14.89%;
}

.twosixth-percent {
	width: 31.93%;
}

.threesixth-percent {
	width: 48.95%;
}

.foursixth-percent {
	width: 65.96%;
}

.fivesixth-percent {
	width: 82.9%;
}

/*###################################################
# GRID SYSTEM - UNIT BASED                          #
#                                                   #
# Unit Based  - for 960 grid system                 #
###################################################*/

/*--- UNITS ---*/

.unit-1 {
	width: 40px;
}

.unit-2 {
	width: 100px;
}

.unit-3 {
	width: 160px;
}

.unit-4 {
	width: 220px;
}

.unit-5 {
	width: 280px;
}

.unit-6 {
	width: 340px;
}

.unit-7 {
	width: 80px;
}

.unit-8 {
	width: 460px;
}

.unit-9 {
	width: 520px;
}

.unit-10 {
	width: 580px;
}

.unit-11 {
	width: 640px;
}

.unit-12 {
	width: 700px;
}

.unit-13{
	width: 760px;
}

.unit-14 {
	width: 820px;
}

.unit-15 {
	width: 880px;
}

.unit-16 {
	width: 940px;
}

.field {
	clear: both;
	margin-bottom: 20px;
}

.region {
	
}

.column {
	margin-bottom: 20px;
}

/*--- PREFIXES - Space before region or unit element ---*/

.prefix-1 {
	margin-left: 60px;
}

.prefix-2 {
	margin-left: 120px;
}

.prefix-3 {
	margin-left: 180px;
}

.prefix-4 {
	margin-left: 240px;
}

.prefix-5 {
	margin-left: 300px;
}

.prefix-6 {
	margin-left: 360px;
}

.prefix-7 {
	margin-left: 420px;
}

.prefix-8 {
	margin-left: 480px;
}

.prefix-9 {
	margin-left: 540px;
}

.prefix-10 {
	margin-left: 600px;
}

.prefix-11 {
	margin-left: 660px;
}

.prefix-13 {
	margin-left: 780px;
}

.prefix-14 {
	margin-left: 840px;
}

.prefix-15 {
	margin-left: 900px;
}

.prefix-12 {
	margin-left: 720px;
}

/*--- SUFFIXES - Space after region or unit element ---*/
/*--- Usually applied to the element on the right edge ---*/

.suffix-1 {
	margin-right: 60px;
}

.suffix-2 {
	margin-right: 120px;
}

.suffix-3 {
	margin-right: 180px;
}

.suffix-4 {
	margin-right: 240px;
}

.suffix-5 {
	margin-right: 300px;
}

.suffix-6 {
	margin-right: 360px;
}

.suffix-7 {
	margin-right: 420px;
}

.suffix-8 {
	margin-right: 480px;
}

.suffix-9 {
	margin-right: 540px;
}

.suffix-10 {
	margin-right: 600px;
}

.suffix-11 {
	margin-right: 660px;
}

.suffix-13 {
	margin-right: 780px;
}

.suffix-14 {
	margin-right: 840px;
}

.suffix-15 {
	margin-right: 900px;
}

.suffix-12 {
	margin-right: 720px;
}

/*-- Subnavigation Bars --*/

div#content div.segment.main.subnav div.innerwrap {
	padding-bottom: 0px;
}

div.segment.main footer.underbar {
	position: relative;
}

div.segment.main footer.underbar nav.subnav {
	height: 50px;
}

div.segment.main footer.underbar nav.subnav ul {
	height: 50px;
	margin: 0 auto;
	width: 940px;
}

div.segment.main footer.underbar nav.subnav ul li {
	float: left;
	display: inline;
	margin: 13px 30px 0px 0px;	
}

div.segment.main footer.underbar nav.subnav ul li.last {
	margin-right: 0px;
}

div.segment.main footer.underbar nav.subnav a {
	color: #969696;
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);

	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

div.segment.main footer.underbar nav.subnav a:hover {
	background-color: rgba(0, 0, 0, 0.1);
	color: #484848;

	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;

	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.3);	
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
}

div.segment.main footer.underbar nav.subnav a.current {
	background-color: #b61800;
	border-top: 1px solid #c0575c;
	border-bottom: 1px solid #860f01;
	color: #fff;

	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;

	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);	
	-moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);

	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
}

div.segment.main footer.underbar nav.subnav a.current:hover {
	color: #fff;
	cursor: default;
}

/*-- SEGMENTS ENCLOSED --*/

div.segment.main.enclosed-childs div.block {
	margin-bottom: 20px;
}

div.segment.main.enclosed-childs div.segment.body div.encloser {
	color: #333;
	clear: both;
	padding: 15px;	

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);

	background-color: #fdfdfd;
}

div.segment.main.enclosed-childs div.block div.block {
	padding: 30px;
}

div.segment.main.enclosed-childs div.block div.block div.encloser {
	background-image: -moz-linear-gradient(top, #ffffff, #dfdfdf);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dfdfdf));
	background-image: linear-gradient(top, #ffffff, #dfdfdf);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dfdfdf');
}

/*-- SEGMENT STYLE PRESETS --*/

/* STYLE A */
div.segment.main.style-a {
	background: url(/images/interface/segment_bg_style_a_main.jpg) repeat 0 0;
}

div.segment.main div.outerwrap.style-a {
	background: url(/images/interface/segment_bg_style_a_top.jpg) repeat-x 0 0;
	padding-top: 18px;
}

div.segment.main div.innerwrap.style-a {
	background: url(/images/interface/segment_bg_style_a_bottom.jpg) repeat-x 0 100%;
	padding-bottom: 18px;
}

div.segment.main div.outerwrap.style-a div.segment.body {
	padding: 42px 10px;	
}

/* STYLE B */
div.segment.main.style-b {
	background: url(/images/interface/segment_bg_style_b_main.jpg) repeat 0 0;
}

div.segment.main div.outerwrap.style-b {
	background: url(/images/interface/segment_bg_style_b_top.jpg) repeat-x 0 0;
	padding-top: 21px;
}

div.segment.main div.innerwrap.style-b {
	background: url(/images/interface/segment_bg_style_b_bottom.jpg) repeat-x 0 100%;
	padding-bottom: 21px;
}

div.segment.main div.outerwrap.style-b div.segment.body {
	padding: 49px 10px;	
}

/* STYLE C */
div.segment.main.style-c {
	background: url(/images/interface/segment_bg_style_c_main.jpg) repeat 0 0;
}

div.segment.main div.outerwrap.style-c {
	background: url(/images/interface/segment_bg_style_c_top.png) repeat-x 0 0;
	padding-top: 42px;	
}

div.segment.main div.innerwrap.style-c {
	background: url(/images/interface/segment_bg_style_c_bottom.png) repeat-x 0 100%;
	padding-bottom: 42px;
}

div.segment.main div.outerwrap.style-c div.segment.body {
	padding: 18px 10px;	
}

div.segment.main.style-c div.segment.body {
	color: #dadada;
}

/* STYLE D */
div.segment.main.style-d {
	background: url(/images/interface/segment_bg_style_d_main.jpg) repeat 0 0;
}

div.segment.main div.outerwrap.style-d {
	background: url(/images/interface/segment_bg_style_d_top.png) repeat-x 0 0;
	padding-top: 62px;	
}

div.segment.main div.innerwrap.style-d {
	background: url(/images/interface/segment_bg_style_d_bottom.png) repeat-x 0 100%;
	padding-bottom: 62px;
}

div.segment.main div.outerwrap.style-d div.segment.body {
	padding: 18px 10px;	
}

/* STYLE E */
div.segment.main.style-e {
	background: url(/images/interface/segment_bg_style_e_main.jpg) repeat 0 0;
}

div.segment.main div.outerwrap.style-e {
	background: url(/images/interface/segment_bg_style_e_top.png) repeat-x 0 0;
	padding-top: 80px;	
}

div.segment.main div.innerwrap.style-e {
	background: url(/images/interface/segment_bg_style_e_bottom.png) repeat-x 0 100%;
	padding-bottom: 42px;
}

div.segment.main div.outerwrap.style-e div.segment.body {
	padding: 0px 10px 18px;	
}

div.segment.main.style-e div.segment.body {
	color: #dadada;
}

/* STYLE F */
div.segment.main.style-f {
	background: url(/images/interface/segment_bg_style_f_main.jpg) repeat 0 0;
}

div.segment.main.style-f div.segment.body {
	color: #dadada;
}

/* STYLE G */
div.segment.main.style-g {
	background: url(/images/interface/segment_bg_style_g_main.jpg) repeat 0 0;
}

/* STYLE H */
div.segment.main.style-h {
	background: url(/images/interface/segment_bg_style_h_main.jpg) repeat 0 0;
}

div.segment.main.style-h div.segment.body {
	color: #dadada;
}

/* STYLE I */
div.segment.main.style-i {
	background: url(/images/interface/segment_bg_style_i_main.jpg) repeat 0 0;
}

div.segment.main.style-i div.segment.body {
	color: #dadada;
}

/* STYLE J */
div.segment.main.style-j {
	background: url(/images/interface/segment_bg_style_j_main.jpg) repeat 0 0;
}


/*-- HIGHLIGHTED TITLES --*/

.hltitle {
	margin: 0 0 0.9em;
}

.hltitle span {
	background-color: #005289;
	border-right: 1px solid #004170;
	border-bottom: 1px solid #002c4f;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);

	display: inline-block;
	padding: 0.2em 0.4em;	
}

/* STYLE A */
.hltitle.style-a span {
	background-color: #b61800;
	border-right: 1px solid #951201;
	border-bottom: 1px solid #600700;
}

/* STYLE B */
.hltitle.style-b span {
	background-color: #fff;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #d1d1d1;
	color: #323232;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

/* STYLE C */
.hltitle.style-c span {
	background-color: #c5c5c5;
	border-right: 1px solid #b6b6b6;
	border-bottom: 1px solid #a1a1a1;
	color: #323232;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

/* STYLE D */
.hltitle.style-d span {
	background-color: #363636;
	border-right: 1px solid #181818;
	border-bottom: 1px solid #000;
}

/* STYLE E */
.hltitle.style-e span {
	background-color: #193648;
	border-right: 1px solid #091a25;
	border-bottom: 1px solid #040f18;
}

/* STYLE F */
.hltitle.style-f span {
	color: #613203;
	background-color: #ffe18c;
	border-right: 1px solid #edcd78;
	border-bottom: 1px solid #e2c374;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}


/*-- CALL-TO-ACTION (CTA) BUTTONS --*/

input.cta.formbutton {
	font-size: 120%;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

a.cta,
input.cta.formbutton {
	display: block;	
	font-weight: normal;
	margin: 0px 0px 15px;
	padding: 5px 15px;
	
	/*Changeable styles*/
	color: #fff;
	background-color: #005289;
	border-top: 1px solid #5e92c6;
	border-bottom: 1px solid #00406e;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.2),
	1px 1px 5px rgba(0, 0, 0, 0.2),
	0px 0px 0px 4px rgba(255, 255, 255, 0.4),
	0px 0px 0px 5px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.2),
	1px 1px 5px rgba(0, 0, 0, 0.2),
	0px 0px 0px 4px rgba(255, 255, 255, 0.4),
	0px 0px 0px 5px rgba(0, 0, 0, 0.07);
	box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.2),
	1px 1px 5px rgba(0, 0, 0, 0.2),
	0px 0px 0px 4px rgba(255, 255, 255, 0.4),
	0px 0px 0px 5px rgba(0, 0, 0, 0.07);
	
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
	
	background-image: -moz-linear-gradient(top, #005289, #00426e);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #005289),color-stop(1, #00426e));
	background-image: linear-gradient(top, #005289, #00426e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#005289', EndColorStr='#00426e');
}

a.cta.inline,
input.cta.formbutton.inline {
	display: inline-block;
	margin-right: 20px;
}

.text_align_center.single a.cta.inline,
.text_align_center.single input.cta.formbutton.inline {
	margin-right: 0px;
}

a.cta:hover,
input.cta.formbutton:hover {
	background-color: #1d4466;
	border-bottom: 1px solid #001a2d;
	text-decoration: none;
	
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 1);
	
	-webkit-box-shadow: 
	1px 1px 5px rgba(0, 0, 0, 0.4),
	0px 0px 0px 4px rgba(255, 255, 255, 0.4),
	0px 0px 0px 5px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 
	1px 1px 5px rgba(0, 0, 0, 0.4), 
	0px 0px 0px 4px rgba(255, 255, 255, 0.4),
	0px 0px 0px 5px rgba(0, 0, 0, 0.09);
	box-shadow: 
	1px 1px 5px rgba(0, 0, 0, 0.4), 
	0px 0px 0px 4px rgba(255, 255, 255, 0.4),
	0px 0px 0px 5px rgba(0, 0, 0, 0.09);

	background-image: -moz-linear-gradient(top, #005289, #002b4a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #005289),color-stop(1, #002b4a));
	background-image: linear-gradient(top, #005289, #002b4a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#005289', EndColorStr='#002b4a');
}

/* Icon Insertion */
html.js a.cta.ico-pre span.ico,
html.js a.cta.ico-pos span.ico {
	padding-left: 22px;
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -659px -264px;
}

html.js a.cta.ico-pos span.ico {
	margin-left: 5px;
}

html.js a.cta.ico-pos.external span.ico {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -659px -443px;
}


/* STYLE A */
a.cta.style-a,
input.cta.formbutton.style-a {
	color: #fff;
	background-color: #b61800;
	border-top: 1px solid #e85855;
	border-bottom: 1px solid #730800;
	
	background-image: -moz-linear-gradient(top, #b61800, #931101);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b61800),color-stop(1, #931101));
	background-image: linear-gradient(top, #b61800, #931101);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b61800', EndColorStr='#931101');
}

a.cta.style-a:hover,
input.cta.formbutton.style-a:hover {
	background-color: #810005;
	
	background-image: -moz-linear-gradient(top, #b61800, #810005);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b61800),color-stop(1, #810005));
	background-image: linear-gradient(top, #b61800, #810005);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b61800', EndColorStr='#810005');
}

/* STYLE B */
a.cta.style-b,
input.cta.formbutton.style-b {
	color: #7c7c7c;
	background-color: #fdfdfd;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bbb;
	text-shadow: rgba(255,255,255,1) 0 -1px 0;
	
	background-image: -moz-linear-gradient(top, #fdfdfd, #dddddd);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fdfdfd),color-stop(1, #dddddd));
	background-image: linear-gradient(top, #fdfdfd, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#dddddd');
}

a.cta.style-b:hover,
input.cta.formbutton.style-b:hover {
	background-color: #f0f0f0;

	background-image: -moz-linear-gradient(top, #fdfdfd, #cccccc);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fdfdfd),color-stop(1, #cccccc));
	background-image: linear-gradient(top, #fdfdfd, #cccccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#cccccc');
}

/* STYLE C */
a.cta.style-c,
input.cta.formbutton.style-c {
	color: #606060;
	background-color: #c5c5c5;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #888;
	text-shadow: rgba(255,255,255,0.5) 0 -1px 0;

	background-image: -moz-linear-gradient(top, #c5c5c5, #999999);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c5c5c5),color-stop(1, #999999));
	background-image: linear-gradient(top, #c5c5c5, #999999);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c5c5c5', EndColorStr='#999999');
}

a.cta.style-c:hover,
input.cta.formbutton.style-c:hover {
	background-color: #888888;
	border-bottom: 1px solid #777777;

	background-image: -moz-linear-gradient(top, #c5c5c5, #888888);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c5c5c5),color-stop(1, #888888));
	background-image: linear-gradient(top, #c5c5c5, #888888);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c5c5c5', EndColorStr='#888888');
}

/* STYLE D */
a.cta.style-d,
input.cta.formbutton.style-d {
	color: #fff;
	background-color: #444444;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #1c1c1c;
	text-shadow: rgba(0,0,0,1) 0 -1px 0;

	background-image: -moz-linear-gradient(top, #444444, #111111);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #111111));
	background-image: linear-gradient(top, #444444, #999999);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999');
}

a.cta.style-d:hover,
input.cta.formbutton.style-d:hover {
	background-color: #000;

	background-image: -moz-linear-gradient(top, #333, #000);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333),color-stop(1, #000));
	background-image: linear-gradient(top, #333, #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#333', EndColorStr='#000');
}

/* STYLE E */
a.cta.style-e,
input.cta.formbutton.style-e {
	color: #fff;
	background: url(/images/interface/segment_bg_style_e_main.jpg) repeat-x 0 100%;
	border-top: 1px solid #346787;
	border-bottom: 1px solid #05121a;
	text-shadow: rgba(0,0,0,1) 0 -1px 0;
}

a.cta.style-e:hover,
input.cta.formbutton.style-e:hover {
	background-image: none;
	background-color: #102736;
}

/* STYLE F */
a.cta.style-f,
input.cta.formbutton.style-f {
	color: #613203;
	background-color: #ffe18c;
	border-top: 1px solid #fdeec4;
	border-bottom: 1px solid #d3b497;
	text-shadow: rgba(255,255,255,0.4) 0 1px 0;
	
	background-image: -moz-linear-gradient(top, #ffe18c, #fcc96b);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe18c),color-stop(1, #fcc96b));
	background-image: linear-gradient(top, #ffe18c, #fcc96b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe18c', EndColorStr='#fcc96b');
}

a.cta.style-f:link,
input.cta.formbutton.style-f:link {
	color: #613203;
}

a.cta.style-f:hover,
input.cta.formbutton.style-f:hover {
	background-color: #e6b24f;
	border-bottom: 1px solid #ca993c;

	background-image: -moz-linear-gradient(top, #ffe18c, #e6b24f);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe18c),color-stop(1, #e6b24f));
	background-image: linear-gradient(top, #ffe18c, #e6b24f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe18c', EndColorStr='#e6b24f');
}

html.js a.cta.style-f.ico-pre.download span.ico {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -659px -305px;
}

html.js a.cta.style-f.ico-pos.external span.ico {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -659px -497px;
}

/*-- Call-to-action within a block H2 context --*/

h2.cta {
	position: relative;
	padding: 6px 0px;
	margin-bottom: 0px;
}

h2.cta span  {
	color: #919191;
}

h2.cta a.cta {
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 70%;
}

p.cta_secondary {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
	color: #bbb;
	text-align: left;
	font-style: italic;
	font-size: 13px;
}

p.cta_secondary a {
	color: #bbb;
	text-decoration: underline;
}

p.cta_secondary a:hover {
	color: #737373;
}

/*###################################################
# MAIN HEADER                                       #
###################################################*/

header#main_header {
	width: 940px;
	padding: 30px 10px 0px;
	margin: 0px auto 20px;
}

h1#sebastianjt_logo_main {
	width: 302px;
	height: 71px;
	float: left;
	margin: 0px;
}

h1#sebastianjt_logo_main a {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat 0 0;
	display: block;
	width: 302px;
	height: 0px;
	padding-top: 71px;
	overflow: hidden;

	-webkit-transition: opacity 0.15s ease-in;
	-moz-transition: opacity 0.15s ease-in;
	-o-transition: opacity 0.15s ease-in;
	transition: opacity 0.15s ease-in;
}

h1#sebastianjt_logo_main a:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -312px 0;
	opacity: 0.8;
}


header#main_header nav.main {
	float: right;
	display: inline;
	margin-top: 25px;
}

header#main_header nav.main ul li {
	float: left;
	display: inline;
	margin: 0px 10px 0px 0px;
}

header#main_header nav.main ul li a {
	color: #969696;
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.1em;

	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	
	-webkit-box-shadow: 
	0 1px 0 rgba(0, 0, 0, 0) inset, 
	0 1px 0 rgba(255, 255, 255, 0);	
	-moz-box-shadow: 
	0 1px 0 rgba(0, 0, 0, 0) inset, 
	0 1px 0 rgba(255, 255, 255, 0);
	box-shadow: 
	0 1px 0 rgba(0, 0, 0, 0) inset, 
	0 1px 0 rgba(255, 255, 255, 0);

	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

header#main_header nav.main ul li a:hover {
	color: #3f3f3f;
	background-color: rgba(0, 0, 0, 0.07);

	-webkit-box-shadow: 
	0 1px 0 rgba(0, 0, 0, 0.2) inset, 
	0 1px 0 rgba(255, 255, 255, 1);	
	-moz-box-shadow: 
	0 1px 0 rgba(0, 0, 0, 0.2) inset, 
	0 1px 0 rgba(255, 255, 255, 1);
	box-shadow: 
	0 1px 0 rgba(0, 0, 0, 0.2) inset, 
	0 1px 0 rgba(255, 255, 255, 1);

	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
}

header#main_header nav.main ul li a.current {
	color: #fff;
	background-color: #005289;
	
	-webkit-box-shadow: 
	1px 1px 5px rgba(0, 0, 0, 0.2),
	0px 1px 2px rgba(255, 255, 255, 0.2) inset,
	0px -1px 2px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 
	1px 1px 5px rgba(0, 0, 0, 0.2),
	0px 1px 2px rgba(255, 255, 255, 0.2) inset,
	0px -1px 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 
	1px 1px 5px rgba(0, 0, 0, 0.2),
	0px 1px 2px rgba(255, 255, 255, 0.2) inset,
	0px -1px 2px rgba(0, 0, 0, 0.1) inset;

	background-image: -moz-linear-gradient(top, #005289, #00426e);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #005289),color-stop(1, #00426e));
	background-image: linear-gradient(top, #005289, #00426e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#005289', EndColorStr='#00426e');

	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
}

header#main_header nav.main ul li a.current:hover {
	color: #fff;
	cursor: default;
}

/*###################################################
# CONTENT                                           #
###################################################*/

/*-- Back to top anchors - inside Ps --*/

p.btt {
	text-align: right;
	font-size: 12px;
}

/*-- Jump References --*/

nav.jump_reference {
	margin: 0px 0px 20px;	
	padding: 0px 0px 15px;
	border-bottom: 1px solid #bdbdbd;
}

nav.jump_reference li {
	float: left;
	display: inline;
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #bdbdbd;
}

nav.jump_reference li.first {
	font-weight: bold;
	padding-right: 0px;
	border-right: none;
}

nav.jump_reference li.last {
	margin-right: 0px;
	padding-right: 0px;
	border-right: none;
}

/*-- SEPARATORS --*/

div.separator {
	background: url(/images/interface/separator_01.png) no-repeat scroll 50% 50%;
	height: 50px;
}

/*------ TEXT QUOTES ------*/

hgroup.txt_quote {
	height: 0px;
	overflow: hidden;
	margin: 0 auto;
}

/* Home */
hgroup#home_intro.txt_quote {
	background: url(/images/interface/section_intro_home.png) no-repeat 0 0;
	width: 940px;
	padding-top: 210px;
}

/* Special Thanks */
hgroup#special_thanks_intro.txt_quote {
	background: url(/images/interface/section_intro_special_thanks.png) no-repeat scroll 0 0;
	width: 700px;
	padding-top: 120px;
	margin: 0 auto;
}

/* Services */
hgroup#services_intro.txt_quote {
	background: url(/images/interface/section_intro_services.png) no-repeat scroll 0 0;
	width: 1318px;
	padding-top: 314px;
	position: relative;
	left: 50%;
	margin-left: -659px;
}

body#services div.services_intro.segment.main div.segment.body {
	padding: 30px 10px;
	position: relative;
}

/* Process */
hgroup#process_intro.txt_quote {
	background: url(/images/interface/section_intro_process.png) no-repeat scroll 0 0;
	width: 1318px;
	padding-top: 314px;
	position: relative;
	left: 50%;
	margin-left: -659px;
}

body#services div.process_intro.segment.main div.segment.body {
	padding: 30px 10px;
	position: relative;
}

/* Collaboration */
hgroup#collaboration_intro.txt_quote {
	background: url(/images/interface/section_intro_collaboration.png) no-repeat scroll 0 0;
	width: 1318px;
	padding-top: 314px;
	position: relative;
	left: 50%;
	margin-left: -659px;
}

body#services div.collaboration_intro.segment.main div.segment.body {
	padding: 30px 10px;
	position: relative;
}

/* Portfolio */
hgroup#portfolio_intro.txt_quote {
	background: url(/images/interface/section_intro_portfolio.png) no-repeat scroll 0 0;
	width: 1318px;
	padding-top: 314px;
	position: relative;
	left: 50%;
	margin-left: -659px;
}

body#portfolio div.portfolio_intro.segment.main div.segment.body {
	padding: 30px 10px;
	position: relative;
}

/* About */
body#about.me hgroup#about_intro.txt_quote {
	background: url(/images/interface/section_intro_about.png) no-repeat scroll 0 0;
	width: 1117px;
	padding-top: 644px;
	margin: 0px;
	margin-left: -171px;
}

/* Clients */
hgroup#clients_intro.txt_quote {
	background: url(/images/interface/section_intro_clients.png) no-repeat scroll 0 0;
	width: 700px;
	padding-top: 120px;
	margin: 0 auto;
}

/* Testimonials */
hgroup#testimonials_intro.txt_quote {
	background: url(/images/interface/section_intro_testimonials.png) no-repeat scroll 0 0;
	width: 580px;
	padding-top: 159px;
	margin: 0 auto;
}

/* Core Values */
hgroup#core_values_intro.txt_quote {
	background: url(/images/interface/section_intro_core_values.png) no-repeat scroll 0 0;
	width: 580px;
	padding-top: 120px;
	margin: 0 auto;
}

/* Quote Collection */
hgroup#quotes_intro.txt_quote {
	background: url(/images/interface/section_intro_quote_collection.png) no-repeat scroll 0 0;
	width: 580px;
	padding-top: 120px;
	margin: 0 auto;
}

/* Contact */
hgroup#contact_intro.txt_quote {
	background: url(/images/interface/section_intro_contact.png) no-repeat scroll 0 0;
	width: 1318px;
	padding-top: 334px;
	position: relative;
	left: 50%;
	margin-left: -659px;
}

body#contact div.contact_intro.segment.main div.segment.body {
	padding: 30px 10px;
	position: relative;
}

/* FAQ */
hgroup#faq_intro.txt_quote {
	background: url(/images/interface/section_intro_faq.png) no-repeat scroll 0 0;
	width: 820px;
	padding-top: 166px;
	margin: 0 auto;
}

/* Error 404 */
hgroup#error_intro.txt_quote {
	background: url(/images/interface/section_intro_error404.png) no-repeat scroll 0 0;
	width: 940px;
	padding-top: 506px;
	margin: 0 auto;
}

body#error div.error_intro.segment.main div.segment.body {
	padding: 0px 10px;
	position: relative;
}


/* Bottom Text Quote - "Your Ideas" */
hgroup#your_ideas.txt_quote {
	background: url(/images/interface/txt_quote_your_ideas.png) no-repeat 0 0;
	width:499px;
	padding-top: 374px;
}

div.your_ideas.segment.main {
	margin: 100px 0px;
}

/* Bottom Text Quote - "Here Comes Backup" */
hgroup#here_comes_backup.txt_quote {
	background: url(/images/interface/txt_quote_here_comes_backup.png) no-repeat 0 0;
	width: 1318px;
	padding-top: 314px;
	position: relative;
	left: 50%;
	margin-left: -659px;
}


/*------- TEXT QUOTES END --------*/
/*--------------------------------*/

/*------ TITLE REPLACEMENTS ------*/

.title_replace {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 0;
	display: block;
	height: 0px;
	width: 0px;
	padding-top: 0px;
	overflow: hidden;
}

.title_replace.text_align_center {
	margin: 0 auto;
}

/* Home section titles */

.title_replace.projects_ctas {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -1235px;
	width: 755px;
	padding-top: 25px;
	margin-bottom: 40px;
}

/* About me section titles */

.title_replace.clients {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -545px;
	width: 130px;
	padding-top: 25px;
	margin-bottom: 20px;
}

.title_replace.clients:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll -131px -545px;
}

.title_replace.collaborators {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -580px;
	width: 260px;
	padding-top: 25px;
	margin-bottom: 20px;
}

.title_replace.collaborators:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll -264px -580px;
}

.title_replace.faqs {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -500px;
	width: 125px;
	padding-top: 40px;
	margin: 0;
}

.title_replace.testimonials {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -615px;
	width: 220px;
	padding-top: 25px;
}

.title_replace.testimonials:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll -226px -615px;
}

.title_replace.twitter {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -654px;
	width: 140px;
	padding-top: 25px;
	margin-bottom: 0px;
}

.title_replace.flickr {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -691px;
	width: 320px;
	padding-top: 25px;
	margin-bottom: 0px;
}

/* Collaboration section titles */

.title_replace.collaboration {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -761px;
	width: 680px;
	padding-top: 25px;
	margin-bottom: 60px;
}

/* Portfolio section titles */

.title_replace.websites {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -829px;
	width: 220px;
	padding-top: 36px;
}

.title_replace.designs {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -883px;
	width: 190px;
	padding-top: 36px;
}

.title_replace.experimental {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -938px;
	width: 337px;
	padding-top: 36px;
}

.title_replace.related_projects {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -1001px;
	width: 300px;
	padding-top: 25px;
	margin-bottom: 20px;
}

/* Contact Titles */

.title_replace.get_in_touch {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat scroll 0 -1086px;
	width: 440px;
	padding-top: 40px;
}

/*---- TITLE REPLACEMENTS END ----*/
/*--------------------------------*/

/*-- Collapsable Items --*/

.collapsable, .collapsable2 {
	overflow: hidden;
}

/*###################################################
# SECTION AND PAGE SPECIFIC STYLES                  #
###################################################*/

/*-- HOME - SECTION --*/

body#home div#main_ctas {
	padding: 0px;
}

div#main_ctas div.main_ctas.field {
	padding: 30px 0px;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	margin: 0px 0px 40px;
}

div#main_ctas div.main_ctas.field div.region {
	position: relative; /* Animation purposes*/
}

div#main_ctas div.main_ctas.field div.number {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat 0 -95px;
	width: 40px;
	height: 47px;
	color: #fff;
	padding: 10px 0px 0px;
	font-weight: bold;
	text-align: center;
	
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
}

div#main_ctas div.main_ctas.field h5 a {
	color: #303030;
	text-shadow:	
	1px 1px 0 rgba(255, 255, 255, 1),
	0px 0px 5px rgba(0, 0, 0, 0.15);
}

div#main_ctas div.main_ctas.field h5 a:hover {
	color: #0d82bd;
}

div#main_ctas div.main_ctas.field p {
	color: #777;
	font-size: 13px;
}

div#main_ctas div.main_ctas.field p a {
	font-style: normal;
	font-size: 12px;
}

body#home div.separator {
}

/*-- Special Thanks --*/

body#site.special_thanks div.thank_group.region {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #b0b0b0;
}

/*-------------------------------*/

/*-- SERVICES - SECTION --*/

body#services div.service_category {
	margin: 0px 0px 40px;
}

html.js body#services div.service_category {
	display: none;
	margin: 0px;
}

ul#service_tabs {
	margin: 0px 0px 20px;	
	border-bottom: 1px solid #bdbdbd;
}

ul#service_tabs li {
	float: left;
	display: inline;
	margin-right: 3px;
}

ul#service_tabs li.last {
}

ul#service_tabs li a {
	display: block;
	padding: 10px 20px;
	
	color: #999;
	
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	
	-webkit-box-shadow: 
	0 -5px 8px rgba(0, 0, 0, 0.2) inset,
	0 3px 20px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 
	0 -5px 8px rgba(0, 0, 0, 0.2) inset,
	0 3px 20px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 
	0 -5px 8px rgba(0, 0, 0, 0.2) inset,
	0 3px 20px rgba(0, 0, 0, 0.05) inset;	
	
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = 'rgba(0, 0, 0, 0.00)', endColorstr = 'rgba(0, 0, 0, 0.10)');
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = 'rgba(0, 0, 0, 0.00)', endColorstr = 'rgba(0, 0, 0, 0.10)')";
	background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.10)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.10));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.10));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.10));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.10));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.10));
	
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
}

ul#service_tabs li a:hover {
	text-decoration: none;
	color: #444;
	
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = 'rgba(0, 0, 0, 0.00)', endColorstr = 'rgba(0, 0, 0, 0.30)');
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = 'rgba(0, 0, 0, 0.00)', endColorstr = 'rgba(0, 0, 0, 0.30)')";
	background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.30)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.30));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.30));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.30));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.30));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.30));	
}

ul#service_tabs li a.current {
	text-decoration: none;
	color: #666;
	border-bottom: 1px solid #E6E6E6;
	
	position: relative;
	bottom: -1px;
	
	-webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1);	
	-moz-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1);	
	box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1);	
	
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = 'rgba(255, 255, 255, 0.80)', endColorstr = 'rgba(255, 255, 255, 0.00)');
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = 'rgba(255, 255, 255, 0.80)', endColorstr = 'rgba(255, 255, 255, 0.00)";
	background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.30)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.00));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.00));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.00));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.00));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.00));
}

body#services p.category_description {
	color: #676767;
	font: italic 20px/1.3em Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 20px;
}

body#services p.category_description strong {
	font-weight: normal;
	color: #262626;
}

body#services ul.service_items {
	margin: 0px;
	padding: 0px;
}

body#services ul.service_items li h5.service_title {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -659px -91px;
	text-shadow: 1px 1px 0px rgba(250, 250, 250, 1);
	padding-left: 22px;
}

body#services ul.service_items li {
	border-bottom: 1px solid #d6d6d6;
	list-style-type: none;
	height: 155px;
	margin-bottom: 20px;
	padding: 0px;
}

body#services ul.service_items li p {
	font-size: 12px;
	margin: 0px 0px 5px;
	color: #676767;
}

body#services ul.service_items a.external {
	display: inline-block;
	padding-right: 15px;
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -525px -349px;
	font-size: 11px;
}

body#services.services div.separator {
	margin-bottom: 20px;
}


/*-- Process --*/

body#services.process div#process_details div.field {
	margin-bottom: 10px;
}

body#services.process div.process_stage_number {
	width: 100px;
	height: 100px;
	background-color: rgba(0,0,0,0.15);
	
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	
	-webkit-box-shadow: 
	0 0 0 1px rgba(255, 255, 255, 1) inset,
	0 0 8px rgba(0, 0, 0, 0.2) inset;	
	-moz-box-shadow: 
	0 0 0 1px rgba(255, 255, 255, 1) inset,
	0 0 8px rgba(0, 0, 0, 0.2) inset;	
	box-shadow: 
	0 0 0 1px rgba(255, 255, 255, 1) inset,
	0 0 8px rgba(0, 0, 0, 0.2) inset;	
}

body#services.process div.process_stage_number span.number {
	display: block;
	width: 80px;
	height: 60px;
	background-color: #193648;
	margin: 10px 0px 0px 10px;
	color: #e2e2e2;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8) inset;	
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8) inset;	
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
	
	text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
}

body#services.process a.next_stage.scroll_to_element {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -480px -810px;
	display: block;
	width: 100px;
	height: 0px;
	padding-top: 100px;
	overflow: hidden;
	margin-top: 15px;
}

body#services.process a.next_stage.scroll_to_element:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -580px -810px;
}


body#services.process div#client_discovery.field {
	background: url(/images/interface/process_path_four_items_bottom.png) no-repeat 0 100%;
	padding-top: 20px;
	padding-bottom: 105px;
}

body#services.process div#client_discovery.field div.intro.region {
	background: url(/images/interface/process_path_four_items_top.png) no-repeat 0 100%;
	padding-bottom: 65px;
	margin-bottom: 10px;
}

body#services.process div#stage_01.field {
	background: url(/images/interface/process_path_four_items_bottom.png) no-repeat 0 100%;
	padding-bottom: 105px;
}

body#services.process div#stage_01.field div.intro.region {
	background: url(/images/interface/process_path_four_items_top.png) no-repeat 0 100%;
	padding-bottom: 65px;
	margin-bottom: 10px;
}

body#services.process div#stage_02.field {
	background: url(/images/interface/process_path_five_items_bottom.png) no-repeat 0 100%;
	padding-bottom: 105px;
}

body#services.process div#stage_02.field div.intro.region {
	background: url(/images/interface/process_path_five_items_top.png) no-repeat 0 100%;
	padding-bottom: 65px;
	margin-bottom: 10px;
}

body#services.process div#stage_03.field div.intro.region {
	background: url(/images/interface/process_path_five_items_top.png) no-repeat 0 100%;
	padding-bottom: 65px;
	margin-bottom: 10px;
}

body#services.process div#stage_04.field div.intro.region {
	background: url(/images/interface/process_path_three_items_top.png) no-repeat 0 100%;
	padding-bottom: 65px;
	margin-bottom: 10px;
}

body#services.process div#process_details div#stage_04.field {
	margin-bottom: 30px;
}

body#services.process div#client_discovery.field div.encloser{
	min-height: 255px;
}

body#services.process div#stage_01.field div.encloser{
	min-height: 285px;
}

body#services.process div#stage_02.field div.encloser{
	min-height: 295px;
}

body#services.process div#stage_03.field div.encloser{
	min-height: 315px;
}

body#services.process div#stage_04.field div.encloser{
	min-height: 190px;
}

body#services.process div#process_details h2 {
	margin-bottom: 5px;
}

body#services.process div#stage_01.field h2 span,
body#services.process div#stage_02.field h2 span,
body#services.process div#stage_03.field h2 span,
body#services.process div#stage_04.field h2 span {
	color: #a2a2a2;
	text-shadow: 1px 1px 0px rgba(250, 250, 250, 1);
	text-transform: uppercase;
}

body#services.process div#stage_04.field h2 small {
	text-shadow: 1px 1px 0px rgba(250, 250, 250, 1);
	color: #a2a2a2;
	font-weight: normal;
	font-size: 18px;
}

body#services.process div#process_details p.process_stage_details {
	color: #676767;
	font: italic 20px/1.3em Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 20px;
}

body#services.process div.field div.block {
	position: relative;
}

body#services.process div.field div.block div.encloser {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

body#services.process div.field div.block:hover div.encloser {
	background-color: #fefbda;
}

body#services.process div#process_details h5 {
	text-align: center;
	text-shadow: 1px 1px 0px rgba(250, 250, 250, 1);
}

body#services.process div#process_details img.step_icon {
	display: block;
	margin: 0 auto 5px;
}

/* Milestone Animation */

body#services.process div.milestone_wrapper {
	position: absolute;
	bottom: -55px;
	left: 50%;
	margin-left: -53px;
}

body#services.process div.milestone_wrapper img.step_icon.milestone {
	margin: 0px;
}

body#services.process div.milestone_wrapper span.txt_anim {
	display: block;
	background-color: #d6b412;
	border-top: 1px solid #efdb79;
	border-bottom: 1px solid #b69a10;
	color: #fff;
	padding: 5px 10px;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: center;
	
	position: relative;
	top: 0px;
	opacity: 0;
	
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;

	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);	
	-moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}

body#services.process div.milestone_wrapper:hover span.txt_anim {
	opacity: 1;
	top: -3px;
}

body#services.process div#process_details div#stage_03.field img.step_icon.milestone {
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -53px;
}

/*---*/

body#services.process div#process_details p.step_details {
	font-size: 12px;
	color: #676767;
}

body#services.process div#process_details p.step_details a {
	white-space: nowrap;
}

body#services.process div.separator {
	margin-bottom: 20px;
}

body#services.process p.btt {
    text-align: center;
}

/*-- Collaboration --*/

body#services.collaboration div.component {
	margin-bottom: 20px;
	font-size: 12px;
	min-height: 140px;
	color: #909090;
}

body#services.collaboration div.collaborators div.collaborator {
	
}

img.collaborator {
	display: block;
	margin-bottom: 10px;
}

img.collaborator.company {
	width: 220px;
	height: 100px;
}

img.collaborator.individual {
	background-color: #ddd;
	width: 100px;
	height: 100px;
	
	-webkit-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 4px rgba(0, 0, 0, 0.3);
}

body#services.collaboration div.collaborators h5.collaborator_title {
	text-shadow: 1px 1px 0px rgba(250, 250, 250, 1);
	font-size: 16px;
	margin-bottom: 0px;
}

body#services.collaboration div.collaborators p.collaborator_location {
	color: #969696;
	font-size: 12px;
	margin-bottom: 10px;
}

body#services.collaboration div.collaborators p.collaborator_description {
	color: #676767;
	font-size: 12px;
	margin-bottom: 10px;
}

body#services.collaboration div.collaborators p.collaborator_specialties {
	color: #545454;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}

body#services.collaboration div.collaborators a.collaborator_url {
	font-size: 12px;
	margin: 0px 10px 0px 0px;
}

body#services.collaboration div.separator.clear {
	height: 100px;
}

body#services p.disclaimer {
	padding: 10px;

	background-color: #e09098;
	border-top: 1px solid #e0868e;
	border-bottom: 1px solid #b5747a;
	color: #fff;

	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;

	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);	
	-moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);

	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}

body#services.collaboration div.collaborators div.clear {
	margin-bottom: 35px;
	padding: 0px 0px 15px;
	border-bottom: 1px solid #ddd;		
}

body#services div#main_txts.segment div.field,
body#services div#main_txts.segment div.column {
	margin-bottom: 0;
}

body#services div#main_txts.segment h5 {
	text-transform: uppercase;
	font-size: 200%;
	margin-bottom: 5px;
	letter-spacing: -1px;
	text-shadow:	
	1px 1px 0 rgba(255, 255, 255, 1),
	0px 0px 8px rgba(0, 0, 0, 0.3);
}

body#services div#main_txts.segment p {
	color: #555;
}

body#services div#main_txts.segment p strong {
	color: #bca638;
}


/*-- PORTFOLIO - SECTION --*/

/* Display Mode Options */

ul#display_mode_options {
	padding: 2px 5px;
	margin: 10px 0px 0px;
	list-style-type: none;
	width: 86px;
	position: absolute;
	top: 0px;
	right: 0px;
	
	background-color: #ddd;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	-webkit-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 4px rgba(0, 0, 0, 0.3);

	background-image: -moz-linear-gradient(top, #eee, #ddd);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(1, #ddd));
	background-image: linear-gradient(top, #eee, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eee', EndColorStr='#ddd');
}

body#portfolio.project ul#display_mode_options {
	display: none;
}

ul#display_mode_options li {
	float: left;
	display: inline;
	width: 26px;
	height: 26px;
	margin-right: 4px;
}

ul#display_mode_options li.last {
	margin: 0px;
}

ul#display_mode_options li a.display_mode {
	background: url(/images/interface/sebastianjt_main_sprite.png) 0 0;
	display: block;
	width: 26px;
	height: 0px;
	padding-top: 26px;
	overflow: hidden;
}

ul#display_mode_options li a.display_mode.small {
	background: url(/images/interface/sebastianjt_main_sprite.png) 0 -176px;
}

ul#display_mode_options li a.display_mode.small:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) 0 -202px;
}

ul#display_mode_options li a.display_mode.small.current {
	background: url(/images/interface/sebastianjt_main_sprite.png) 0 -228px;
}

ul#display_mode_options li a.display_mode.default {
	background: url(/images/interface/sebastianjt_main_sprite.png) -30px -176px;
}

ul#display_mode_options li a.display_mode.default:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) -30px -202px;
}

ul#display_mode_options li a.display_mode.default.current {
	background: url(/images/interface/sebastianjt_main_sprite.png) -30px -228px;
}

ul#display_mode_options li a.display_mode.large {
	background: url(/images/interface/sebastianjt_main_sprite.png) -60px -176px;
}

ul#display_mode_options li a.display_mode.large:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) -60px -202px;
}

ul#display_mode_options li a.display_mode.large.current {
	background: url(/images/interface/sebastianjt_main_sprite.png) -60px -228px;
}

ul#display_mode_options li a.display_mode.current {
	cursor: default;
}

.tooltip {
	display: none;
	background-color: #ffa;
	border: 1px solid #cc9;
	padding: 3px 8px;
	font-size: 13px;
	
	white-space: nowrap;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);	
}

/*--*/

body#portfolio div#featured_project {
	position: absolute;
	top: 40px;
	left: 240px;
	height: 220px;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.2);
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);	
	-moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}

body#portfolio div#featured_project span.featured_ribbon{
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -587px -1129px;
	display: block;
	width: 113px;
	height: 70px;
	position: absolute;
	top: -8px;
	left: -8px;
	z-index: 10;
}

body#portfolio div#featured_project a {
	display: block;
	margin: 0;
}

body#portfolio div#featured_project a img {
	display: block;
}

body#portfolio div.clear {
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d3d2d3;
}

body#portfolio div.separator.clear {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: none;
}

body#portfolio.mode_view_large div.clear {
	padding-bottom: 50px;
}

body#portfolio h2.hltitle {
	margin-bottom: 30px;
}

body#portfolio div.project h5.project_title {
	margin: 0px 0px 5px;
	font-size: 14px;
}

body#portfolio div.project p,
body#portfolio div.related_project p
 {
	color: #555;
	font-size: 12px;
	margin: 0px 0px 5px;
}

body#portfolio.project div.project p {
	font-size: 13px;
	margin: 0px 0px 15px;
}

body#portfolio p.btt {
	text-align: center;
	padding-top: 10px;
	margin-top: 30px;
	border-top: 1px solid #ccc;
}

body#portfolio div.projects.field span.featured_ribbon,
body#home div#portfolio_cta.field span.featured_ribbon {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -727px -1134px;
	display: block;
	width: 54px;
	height: 32px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 10;
}

/* Project */

a.project_thumb {
	display: block;
	background-color:#ddd;
	margin-bottom: 20px;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

a.project_thumb img {
	display: block;
	
	-webkit-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 4px rgba(0, 0, 0, 0.3);
		
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

a.project_thumb img:hover,
a.project_thumb img:focus {
	-webkit-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 6px rgba(0, 0, 0, 0.5);
	box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.7),
	1px 1px 6px rgba(0, 0, 0, 0.5);
}

a.project_thumb.square {
	width: 100px;
	height: 100px;
}

a.project_thumb img.square {
	width: 100px;
	height: 100px;
}

a.project_thumb.small {
	width: 220px;
	height: 100px;
}

a.project_thumb img.small {
	width: 220px;
	height: 100px;
}

a.project_thumb.medium {
	width: 460px;
	height: 220px;
}

a.project_thumb img.medium {
	width: 460px;
	height: 220px;
}

a.project_thumb div.project_meta {
	background-color: rgba(0,0,0,0.7);
	padding: 10px 10px 0px;
	
	position: absolute;
	bottom: 0;
	z-index: 2;
	
	opacity: 0;
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

a.project_thumb:hover div.project_meta {
	opacity: 1;
}

a.project_thumb div.project_meta h6 {
	color: #fff;
	font-weight: normal;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
	line-height: 18px;
}

a.project_thumb div.project_meta.square {
	width: 80px;
	height: 90px;
	font-size: 12px;
}

a.project_thumb div.project_meta.small {
	width: 200px;
	height: 90px;
}

a.project_thumb div.project_meta.medium {
	width: 440px;
	height: 210px;
}


/*-----*/

body#portfolio div.project h4.proj_title {
	margin: 0px 0px 30px;
	padding: 0px 0px 30px;
	border-bottom: 1px solid #ddd;
	
	

	text-shadow: 
	0px 1px 0 rgba(255, 255, 255, 1), 
	2px 2px 0 rgba(0, 0, 0, 0.15);
}

body#portfolio div.project p.project_category {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0px 0px 15px;
	padding: 10px 0px;
}

body#portfolio div.project ul.project_urls {
	border-bottom: 1px solid #ddd;
	margin: 0px 0px 15px;
	padding: 10px 0px;
	list-style-type: none;
}

body#portfolio div.project ul.project_clients {
	font-size: 13px;
	padding: 0;
	list-style-type: none;
}

body#portfolio div.project ul.project_services {
	font-size: 13px;
	padding: 0;
	list-style-type: none;
}

body#portfolio div.project ul.project_services li {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -659px -97px;
	text-shadow: 1px 1px 0px rgba(250, 250, 250, 1);
	padding-left: 22px;
	margin: 0px 0px 3px;
}

/* Titles and text properties for dark background projects */

body#portfolio div.project.style-c h4.proj_title,
body#portfolio div.project.style-e h4.proj_title,
body#portfolio div.project.style-f h4.proj_title,
body#portfolio div.project.style-h h4.proj_title,
body#portfolio div.project.style-i h4.proj_title {
	color: #f4f4f4;
	
	text-shadow: 
	0px 1px 0 rgba(0, 0, 0, 1), 
	2px 2px 5px rgba(0, 0, 0, 0.8);
}

body#portfolio.project div.project.style-c p,
body#portfolio.project div.project.style-e p,
body#portfolio.project div.project.style-f p,
body#portfolio.project div.project.style-h p,
body#portfolio.project div.project.style-i p {
	color: #eaeaea;
}

body#portfolio div.project.style-c ul.project_services li,
body#portfolio div.project.style-e ul.project_services li,
body#portfolio div.project.style-f ul.project_services li,
body#portfolio div.project.style-h ul.project_services li,
body#portfolio div.project.style-i ul.project_services li {
	color: #eaeaea;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

/* ---- */

div#next_prev_projects.segment {
	
}

div#next_prev_projects.segment div.prev.region {
	
}

div#next_prev_projects.segment div.next.region {
	text-align: right;
}

body#portfolio div.testimonials {
}

body#portfolio div.testimonials div.testimonial {
}

body#portfolio div.testimonials div.testimonial p {
	font-size: 12px;
	margin-bottom: 10px;
}

body#portfolio div.testimonial h6 {
}

body#portfolio div.testimonial h6 a {
	font-size: 70%;
	font-style: italic;
	font-weight: normal;
}

/*-- ABOUT - SECTION --*/

/* About Me */

body#about div.about_intro.segment div.segment.body {
	padding: 0px 10px 10px;
	position: relative;
}

body#about div.main_txts.segment div.segment.body {
	padding-top: 10px;
}

body#about ul#social_networks {
	position: absolute;
	bottom: 45px;
	right: 8px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

body#about ul#social_networks li {
	width: 49px;
	height: 49px;
	float: left;
	display: inline;
	margin-left: 15px;
}

body#about ul#social_networks li a {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat 0 0;
	background: 
	url(/images/interface/sebastianjt_main_sprite.png) no-repeat 0 0,
	url(/images/interface/sebastianjt_main_sprite.png) no-repeat 0 0;
	display: block;
	width: 49px;
	height: 0px;
	padding-top: 49px;
	overflow: hidden;
}

body#about ul#social_networks li a.linkedin {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat 0 -282px;
}

body#about ul#social_networks li a.linkedin:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat 0 -342px;
}

body#about ul#social_networks li a.twitter {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -59px -282px;
}

body#about ul#social_networks li a.twitter:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -59px -342px;
}

body#about ul#social_networks li a.flickr {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -116px -282px;
}

body#about ul#social_networks li a.flickr:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -116px -342px;
}

body#about div#main_txts h4 {
	text-transform: uppercase;
	font-size: 230%;
	margin-bottom: 5px;
	letter-spacing: -1px;
	text-shadow:	
	1px 1px 0 rgba(255, 255, 255, 1),
	0px 0px 8px rgba(0, 0, 0, 0.3);
}

body#about div#main_txts p {
	color: #555;
}

body#about div#main_txts p strong {
	color: #c2664c;
}

body#about div#clients_collab h4 a {
	color: inherit;
}

body#about div#clients_collab h4 a:hover {
	color: #0d82bd;
	text-decoration: none;
}

body#about.me div.separator.clear {
	height: 80px;
	margin-bottom: 20px;
}

/* Clients List */

body#about ul#client_list {
	list-style-type: none;
	padding: 0;
}

body#about ul#client_list li {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -659px -223px;
	padding-left: 20px;
	margin-bottom: 8px;
	font-size: 13px;
	color: #747474;
}

/* Collaborators */

body#about img.collaborator {
	margin-bottom: 20px;
}

/* Twitter Feed */

body#about div#twitter_feed div.tweet {
	margin-bottom: 15px;
	background-color: rgba(0,0,0,0.05);
	
	width: 200px;
	padding: 7px 10px;
	
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.3),
	1px 1px 5px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.3),
	1px 1px 5px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 
	0px 0px 0px 1px rgba(255, 255, 255, 0.3),
	1px 1px 5px rgba(0, 0, 0, 0.2) inset;

}

body#about div#twitter_feed div.tweet div.encloser {
	min-height: 150px;
}

body#about div#twitter_feed div.tweet p.status {
	margin-bottom: 7px;
}

body#about div#twitter_feed div.tweet p.date {
	color: #8f8f8f;
	font-size: 11px;
	font-style: italic;
}

body#about div#social_networks div.clear {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

/* Flickr Photostream */

body#about div#flickr_photostream div.photo {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

body#about div#flickr_photostream div.photo div.encloser {
	padding: 15px 13px;
}

body#about div#flickr_photostream div.photo img {
	display: block;
	margin: 0 auto;
}

/* From the FAQs */

div#faqs_cookie.field {
	margin-bottom: 0px;
}

body#about div.from_faqs h5.question {
	font-size: 14px;
}

body#about div.from_faqs h5.question,
body#about div.from_faqs div.answer {
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
	border-bottom: 1px solid #d0d1d1;
}

body#about div.from_faqs div.answer,
body#about div.from_faqs div.answer strong {
	color: #646565;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

body#about div.from_faqs div.answer a.continue_reading {
	white-space: nowrap;
}

body#about div.from_faqs p.note,
body#about div.from_faqs p.note a {
	color: #afafaf;
}

body#about div.from_faqs p.note a {
	text-decoration: underline;
}

body#about div.from_faqs p.note a:hover {
	color: #7a7a7a;
}

/* Fortune Cookie Jar */
a#fortune_cookie_jar {
	display: block;
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

a#fortune_cookie_jar:hover {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

a#fortune_cookie_jar img {
	display: block;
	margin: 0 auto;
}

/* Testimonials */

div#testimonials_wrap.segment div.segment.body {
	padding: 20px 10px;
}

div#testimonials_wrap.segment div.field {
	margin: 0px;
}

div#testimonials_wrap.segment a.cta {
	margin-bottom: 10px;
}

div#testimonials_wrap.segment div.clear {
	height: 40px;
}

/* Core Values */

div#core_values div.core-value span {
	background-color: #c0dbc0;
	color: #fffeff;
	font-size: 40px;
	font-weight: bold;

	width: 100px;
	height: 75px;
	padding-top: 25px;
	text-align: center;
	
	border-radius: 1000px;
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;

	-webkit-box-shadow:
	0 1px 0 rgba(0, 0, 0, 0.2) inset,
	0 -1px 0 rgba(255, 255, 255, 1) inset;	
	-moz-box-shadow: 
	0 1px 0 rgba(0, 0, 0, 0.2) inset,
	0 -1px 0 rgba(255, 255, 255, 1) inset;	
	box-shadow: 
	0 1px 0 rgba(0, 0, 0, 0.2) inset,
	0 -1px 0 rgba(255, 255, 255, 1) inset;	

	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

body#about.core_values div.clear{
	padding-bottom: 80px;
}

/* Testimonials */

body#about div.testimonial {
	margin-bottom: 0px;
}

body#about div.testimonial .persons_name {

}

div#testimonials_wrap h4.testimonials {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c3c3c3;
}

div#testimonials_wrap h4 a, div.testimonial h5 a {
	color: inherit;
}

div#testimonials_wrap h4 a:hover, div.testimonial h5 a:hover {
	color: #0d82bd;
	text-decoration: none;
}

body#about div.testimonial .persons_job_info {
	border-bottom: 1px solid #c3c3c3;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	color: #a3a3a3;
}

body#about div.testimonial .persons_job_title,
body#about div.testimonial .persons_company {
	font-weight: normal;
	font-style: normal;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #414141;
}

body#about div.testimonial .persons_job_title {
}

body#about div.testimonial .persons_company {
}

body#about div.testimonial p.testimonial_text {
	font-size: 12px;
	color: #606060;
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 5px;
}

body#about div.testimonial a.linkedin_profile_url {
	display: inline-block;
	padding-right: 15px;
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -579px -350px;
	font-size: 11px;
}

body#about div.testimonial a.viewmore {
	display: block;
	font-size: 11px;
	margin: 0px 0px 5px;
}

body#about div.testimonial a.viewmore.down {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -599px -554px;
}

body#about div.testimonial a.viewmore.up {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -602px -610px;
}

body#about.testimonials div.separator {
	height: 100px;
}

/* Highlight Testimonial & Other Testimnials */
body#about div#testimonial_highlight.testimonial p.testimonial_text {
	color: #676767;
	font: italic 20px/1.3em Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 20px;
}

body#about div#testimonial_highlight.testimonial a.cta {
	margin: 20px 20px 0px 0px;
}

body#about div#other_testimonials .persons_name {
	font-size: 14px;
}

body#about div#other_testimonials .persons_job_info {
	border: none;
	padding: 0px;
	min-height: 40px;
}

body#about div#other_testimonials a.cta {
	margin: 0px;
}

/* Clients */

body#about.clients div.client {
}

img.client_logo {
	display: block;
	margin-bottom: 20px;
}

body#about.clients img.client_logo {
	margin: 0;
	
	margin: 0px auto 10px;
}

body#about.me img.client_logo {
	width: 300px;
	height: 113px;
}

body#portfolio.project img.client_logo {
	/*width: 220px;
	height: 82.5px;*/
	margin-left: -40px;
}

body#about.clients p.client_description {
	font-size: 12px;
	color: #606060;
}

body#about.clients p.client_description strong {
	color: #2c2c2c;
}

body#about.clients a.client_url {
	font-size: 12px;
}

body#about.clients div.clear {
	margin-bottom: 30px;
	padding-bottom: 40px;
	border-bottom: 1px solid #d3d2d3;
}

body#about.clients div.clear.separator,
body#about.clients div.clear.block {
	margin-bottom: 0px;
	padding-bottom: 20px;
	border-bottom: none;
}

/* Quote Collection */

body#about.quote_collection h1 {
	margin: 0px;
}

body#about.quote_collection.fortune div.quote_wrapper {
	min-height: 200px;
}

body#about.quote_collection div.quote_wrapper.highlighted {
	text-align: center;
}

body#about.quote_collection div.quote_box h3 {
	color: #b1b2b2;
	text-align: center;
	text-shadow: 
	1px 1px 0 rgba(255,255,255,1), 
	0px 0px 8px rgba(0,0,0,0.1);
}

body#about.quote_collection div.quote_wrapper.highlighted h4.quote {
	font-size: 290%;
}

body#about.quote_collection div.quote_wrapper.highlighted p.note {
	font-style: italic;
	color: #9a9a9a;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
}

body#about.quote_collection h4.quote {
	padding: 30px 40px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	font-size: 15px;
}

body#about.quote_collection div.quotes h4.quote {
	margin-bottom: 80px;
}

body#about.quote_collection h4.quote span {
	display: block;
}

body#about.quote_collection h4.quote span.quote_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #777;
	font-weight: normal;
	font-style: normal;
}

body#about.quote_collection h4.quote span.quote_author {
	color: #424242;
	font-size: 12px;
}


/*-- CONTACT - SECTION --*/

/* CONTACT FORM */


body#contact.contact div#form_wrap.field div.encloser {
	-webkit-box-shadow: 
	1px 1px 4px rgba(0, 0, 0, 0.7), 
	3px 3px 6px rgba(255, 255, 255, 1) inset,
	-3px -3px 6px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow:  
	1px 1px 4px rgba(0, 0, 0, 0.7), 
	3px 3px 6px rgba(255, 255, 255, 1) inset,
	-3px -3px 6px rgba(0, 0, 0, 0.3) inset;
	box-shadow:  
	1px 1px 4px rgba(0, 0, 0, 0.7), 
	3px 3px 6px rgba(255, 255, 255, 1) inset,
	-3px -3px 6px rgba(0, 0, 0, 0.3) inset;

	background: url(/images/interface/segment_bg_style_j_main.jpg) repeat 0 0;
}

form#contactform {	
}

form#contactform hgroup {
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c5c5c5;
}

form#contactform div.indv_box {
	position: relative;
	margin: 0px 0px 20px;
	width: 445px;
}

form#contactform div.indv_box label {
	color: #909090;
	position: absolute;
	display: block;
	top: 15px;
	left: 15px;
}

form#contactform div.indv_box input.text,
form#contactform div.indv_box textarea.text {
	background: none;
	border: 1px solid #c1c4c5;
	border-top-color: #bbb;
	border-left-color: #bbb;
	display: block;
	outline: none;
	margin: 0;
	padding: 15px;
	width: 413px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2);

	background-color: #fff;
	font: 12px Courier, "Courier New", mono;
}

form#contactform div.indv_box input.text:focus,
form#contactform div.indv_box textarea.text:focus {
	background-color: #fbfcfc;
	border: 1px solid #9ea0a2;
	border-top-color: #909191;
	border-left-color: #909191;

	-webkit-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
}

form#contactform div.indv_box input.text.error,
form#contactform div.indv_box textarea.text.error {
	border: 1px solid #9f0016;
	background-color: #fee9ed;
	color: #a00016;
}
 
form#contactform div.indv_box label.error {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -651px -172px;
	position: absolute;
	display: block;
	padding-top: 30px;
	height: 0px;
	width: 30px;
	overflow: hidden;
	top: 8px;
	right: 20px;
	left: auto;
}

form#contactform div.formbtns {
	margin-right: 5px;
	
}

form#contactform input#resetbtn.formbutton {
	border: none;
	background: none;
	padding: 0;
	margin: 10px 20px 0px 0px;
	color: #adadad;
	cursor: pointer;
}

body#contact.contact div.separator {
	height: 50px;
	margin: 0px 0px 15px;
}

/* FAQ */

body#contact.faq ul#questions {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

body#contact.faq ul#questions li.question {
	padding: 6px 0px;
	font-size: 12px;
}

body#contact.faq div#answers {
}

body#contact.faq div#answers div.answer_box {
	background: url(/images/interface/separator_01.png) no-repeat scroll 50% 100%;
	padding: 80px 160px 100px;
	position: relative;
}

body#contact.faq div#answers div.answer_box.last {
	background: none;	
}

body#contact.faq div#answers div.answer_box .faq_question {
	margin: 0px 0px 10px;
}

body#contact.faq div#answers div.answer_box blockquote {
	margin-bottom: 15px;
}

body#contact.faq div#answers div.answer_box .faq_answer {
	color: #7d7d7d;
}

body#contact.faq div#answers div.answer_box strong {
	color: #404040;
}

div#answers a.back_to_top {
	font-size: 12px;
	display: block;
	position: absolute;
	bottom: 40px;
	right: 10px;	
}


/*###################################################
# MAIN FOOTER                                       #
###################################################*/

footer#main_footer {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Text Quote */
hgroup#footer_closingtxt.txt_quote {
	background: url(/images/interface/footer_bg.png) no-repeat 50% 0;
	width: 460px;
	padding-top: 162px;
	margin-bottom: 30px;
}

/*---*/

footer#main_footer nav.main {
	margin: 0px auto 15px;
	padding-bottom: 10px;
	width: 370px;
	border-bottom: 1px solid #dcdcdc;
}

footer#main_footer nav.main ul li {
	float: left;
	display: inline;
	margin: 0px 10px 0px 0px;
}

footer#main_footer nav.main ul li a {
	color: #8d8d8d;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 0.1em;
}

footer#main_footer nav.main ul li a:hover {
	color: #0d82bd;
}

footer#main_footer nav.main ul li a.current {
	color: #3f3f3f;
}

footer#main_footer nav.main ul li a.current:hover {
	cursor: default;
}

/*---*/

footer#main_footer p.copyright,
footer#main_footer p.acknowledgment {
	color: #9e9e9e;
	font: 12px Georgia, "Times New Roman", Times, serif;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
}

footer#main_footer p.copyright {
	margin: 0px 200px 0px;
}

footer#main_footer p.acknowledgment {
	border-bottom: 1px solid #dcdcdc;
	padding: 0px 0px 20px;
	margin: 0px 100px 10px;
}

footer#main_footer p.acknowledgment a.icon {
	display: inline-block;
	height: 0px;
	overflow: hidden;
}

footer#main_footer p.acknowledgment a.icon.expressionengine {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -240px -108px;
	padding-top: 17px;
	width: 120px;
	margin: 0px 2px -4px;
}

footer#main_footer p.acknowledgment a.icon.expressionengine:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -240px -142px;
}

footer#main_footer p.acknowledgment a.icon.rackspace {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -383px -93px;
	padding-top: 33px;
	width: 79px;
	margin: 0px 2px -4px;
}

footer#main_footer p.acknowledgment a.icon.rackspace:hover {
	background: url(/images/interface/sebastianjt_main_sprite.png) no-repeat -383px -127px;
}

footer#main_footer h6 {
	font-variant: small-caps;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #656565;
	letter-spacing: 1px;
}

/*-- Quote --*/

footer#main_footer p.quote {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #9e9e9e;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	position: relative;
	padding: 20px 0px 10px;
	
}

footer#main_footer p.quote span.quote_txt {
}

footer#main_footer p.quote span.quote_author {
	color: #424242;
}

footer#main_footer p.quote:hover a#quote_collection {
	opacity: 1;	
}

footer#main_footer a#quote_collection {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	
	opacity: 0;
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}











@charset "UTF-8";
/*--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/

/*###################################################
# ANIMATIONS                                        #
###################################################*/

/*--- Home Animations ---*/

/* fade */

@-webkit-keyframes fade {
	0%   {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fade {
	0%   {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fade {
	0%   {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* fadeScale */

@-webkit-keyframes fadeScale {
	0%   {
		-webkit-transform: scale(0.95);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes fadeScale {
	0%   {
		-webkit-transform: scale(0.95);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes fadeScale {
	0%   {
		-webkit-transform: scale(0.95);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

/* fadeMove */

@-webkit-keyframes fadeMove {
	0%   {
		top: -10px;
		opacity: 0;
	}
	100% {
		top: 0px;
		opacity: 1;
	}
}

@-moz-keyframes fadeMove {
	0%   {
		top: -10px;
		opacity: 0;
	}
	100% {
		top: 0px;
		opacity: 1;
	}
}

@keyframes fadeMove {
	0%   {
		top: -10px;
		opacity: 0;
	}
	100% {
		top: 0px;
		opacity: 1;
	}
}

/*--- Home Elements ---*/

/* Text Quote */

#home_intro.txt_quote {
	-webkit-animation: fadeScale 1.0s 0.2s alternate backwards;
	-moz-animation: fadeScale 1.0s 0.2s alternate backwards;
	animation: fadeScale 1.0s 0.2s alternate backwards;
}

/* Header Elements */

body#home #sebastianjt_logo_main {
	-webkit-animation: fade 1.5s 2.2s alternate backwards;
	-moz-animation: fade 1.5s 2.2s alternate backwards;
	animation: fade 1.5s 2.2s alternate backwards;
}

body#home header#main_header nav.main {
	-webkit-animation: fade 1.0s 2.3s alternate backwards;
	-moz-animation: fade 1.0s 2.3s alternate backwards;
	animation: fade 1.0s 2.3s alternate backwards;
}

/* Main CTAs */

div.main_ctas {
	-webkit-animation: fadeMove 0.7s 2.5s alternate backwards;
	-moz-animation: fadeMove 0.7s 2.5s alternate backwards;
	animation: fadeMove 0.7s 2.5s alternate backwards;
}

div.main_ctas div#cta-01 {
	-webkit-animation: fadeMove 0.7s 2.6s alternate backwards;
	-moz-animation: fadeMove 0.7s 2.6s alternate backwards;
	animation: fadeMove 0.7s 2.6s alternate backwards;
}

div.main_ctas div#cta-02 {
	-webkit-animation: fadeMove 0.7s 2.7s alternate backwards;
	-moz-animation: fadeMove 0.7s 2.7s alternate backwards;
	animation: fadeMove 0.7s 2.7s alternate backwards;
}

div.main_ctas div#cta-03 {
	-webkit-animation: fadeMove 0.7s 2.8s alternate backwards;
	-moz-animation: fadeMove 0.7s 2.8s alternate backwards;
	animation: fadeMove 0.7s 2.8s alternate backwards;
}

div.main_ctas div#cta-04 {
	-webkit-animation: fadeMove 0.7s 2.9s alternate backwards;
	-moz-animation: fadeMove 0.7s 2.9s alternate backwards;
	animation: fadeMove 0.7s 2.9s alternate backwards;
}

/* Portfolio CTAs */

div#portfolio_cta {
	-webkit-animation: fade 0.7s 3.0s alternate backwards;
	-moz-animation: fade 0.7s 3.0s alternate backwards;
	animation: fade 0.7s 3.0s alternate backwards;
}

/*--- Home Animations End ---*/



@charset "UTF-8";
/*--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/

/*###################################################
# MEDIA QUERIES STYLESHEET                          #
###################################################*/

/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPad (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	div.segment.main {
		overflow: visible;
	}
	
	hgroup#home_intro.txt_quote,
	hgroup#special_thanks_intro.txt_quote,
	hgroup#services_intro.txt_quote,
	hgroup#process_intro.txt_quote,
	hgroup#collaboration_intro.txt_quote,
	hgroup#portfolio_intro.txt_quote,
	hgroup#clients_intro.txt_quote,
	hgroup#testimonials_intro.txt_quote,
	hgroup#core_values_intro.txt_quote,
	hgroup#quotes_intro.txt_quote,
	hgroup#contact_intro.txt_quote,
	hgroup#faq_intro.txt_quote,
	hgroup#error_intro.txt_quote,
	hgroup#your_ideas.txt_quote,
	hgroup#here_comes_backup.txt_quote {
		width: 940px;
		left: 0;
		margin-left: 0px;
		background-position: center top;
	}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

@charset "UTF-8";
/*--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/

/*###################################################
# PRINT STYLESHEET                                  #
###################################################*/

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}