html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
vertical-align : baseline; 
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display : block; }

abbr[title] { 
border-bottom : 1px dotted; 
cursor : help; }

/* 1.ROOT */

html {
overflow-y : scroll;
background : rgb(255,255,255); 
}

body { 
margin : 0 0;
padding : 0px 0;
/*width : 90% /* 252px */;*/
width:100%;
font : 100%/1.4 Cambria, Georgia, Times, "Times New Roman";
color : rgb(40,40,40);

}

/* 2.HEADINGS */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
font-family : "Helvetica Neue", Helvetica, Arial;
font-weight : bold; }

h1 { 
margin-bottom : 0em;
font-size : 40px; /* 48 / 16 = 3 */
margin:0px;
padding:0px;
text-transform:uppercase;
font-weight:lighter;
color:#fff;
}

h2 { 
margin-bottom : .75em;
font-size : 2em; /* 36 / 16 = 2 */
line-height : 1.2; }

h3 { 
margin-bottom : 1em;
font-size : 1.5em; /* 24 / 16 = 1.5 */
line-height : 1.3; }

h4 { 
margin-bottom : 1.25em;
font-size : 1.25em; /* 20 / 16 = 1.25 */
line-height : 1.25; }

h5 { 
margin-bottom : 1.5em;
font-size : 1em; /* 16 / 16 = 1 */ }

h6 { 
font-size : 1em; /* 16 / 16 = 1 */ }

/* 3.TYPOGRAPHY */

p, 
ol, 
ul, 
dl, 
address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

ul, 
ol { 
margin : 0 0 1.5em -24px; 
padding-left : 24px; }

ul { 
list-style-type : disc; }

ol { 
list-style-type : decimal; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

blockquote  { 
margin : 0 0 1.5em -24px; 
padding-left : 24px; 
border-left : 1px solid rgb(200,200,200);
font-style : italic; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after {
content : '';
content : none; }

b, 
strong	{ 
font-weight : bold; }

i, 
em { 
font-style : italic; }

sup, 
sub { 
position : relative;
font-size : 75%; 
line-height : 0; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

address { 
font-style : normal; }

pre { 
margin-bottom : 1.5em; 
white-space : pre; 
white-space : pre-wrap; 
word-wrap : break-word; }

pre, 
code { 
font : .875em 'andale mono', 'lucida console', monospace; 
line-height : 1.5; }

small {
font-size : 1em; /* 16 / 16 = 1 */ }

/* 4.LINKS */

a, 
a:visited {
outline : none;
color : rgb(23,119,175);
text-decoration : none; }
 
a:hover { 
outline : none;
color : rgb(40,40,40); 
text-decoration : underline; }
 
a:active, 
a:focus { 
outline : none;
color : rgb(0,0,0); }

/* 5.FIGURES & IMAGES */

figure {
margin-bottom : 1.5em; }

figure img,
figure object,
figure embed {
margin-bottom : .75em;
max-width : 100%; }

figcaption {
display : block;
font-weight : normal; }

/* 6.TABLES */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%;
font-size : .875em; /* 14 / 16 = .875 */ }

th { 
font-weight : bold; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* 7.FORMS (See css/mylibs/forms.css) */

/* 8.BANNER */


/* 9.NAVIGATION */

/* 10.CONTENT */

/* 11.MAIN */

/* 12.COMPLIMENTARY */

/* 13.CONTENTINFO */

/* 14.GLOBAL OBJECTS */

.clearfix { 
zoom : 1; }

.clearfix:before, 
.clearfix:after { 
content : "\0020"; 
display : block; 
height : 0; 
overflow : hidden; }

.clearfix:after { 
clear : both; }

/* 15.VENDOR-SPECIFIC */

body {
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

a:link { 
-webkit-tap-highlight-color : rgb(52,158,219); }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

/* input[type=search] {
-webkit-appearance : none; }

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
display : none; } */

::-webkit-input-placeholder {
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

div,
input,
textarea  { 
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box; }

/* Non-semantic helper classes */

/* Image replacement */
.ir { 
display : block; 
text-indent : -999em; 
overflow : hidden; 
background-repeat : no-repeat; 
text-align : left; 
direction : ltr; }

/* Hide for screenreaders and visual browsers */
.hidden { 
display : none; 
visibility : hidden; }

/* Hide visually */
.visuallyhidden { 
position : absolute;
clip : rect(0 0 0 0); 
overflow : hidden;
margin: -1px;
padding : 0;
height : 1px;      
width : 1px;
border : 0; }

/* Allow an element to be focusable via keyboard  */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { 
position : static;
clip : auto; 
overflow : visible;
height : auto; 
margin : 0;   
width : auto; }

/* Hide but maintain layout */
.invisible { 
visibility : hidden; }

/* 16.TEMPLATE SPECIFICS */

#goog-fixurl ul  {
list-style-type : none; }

#goog-fixurl input  {
margin-bottom : 1.5em; }

/* 17.MODERNIZR */#size-info:after { content: "global";}

/* _________________________________________________

	1.ROOT
	2.HEADINGS
	3.TYPOGRAPHY
	4.LINKS
	5.GLOBAL OBJECTS
	6.TABLES
	7.FORMS
	8.HEADER (#header, #logo)
	9.NAVIGATION (#nav)
	10.WRAPPER (#wrapper)
	11.MAIN (#slideshow, #portfolio, #info, etc.)
	12.COMPLIMENTARY (#services, #message)
	13.FOOTERs (#footer, #footer-320, #footer-768, #fakefooter)
*/

/* 5.GLOBAL OBJECTS */

.emailform #not_human {display:none}

#size-info {position:absolute; top:0px; right:0px; color:#aaa; z-index:1000;}

.nav-colors  a:nth-child(1) {
	background-color:#7a0608;
}

.nav-colors  a:nth-child(2) {
	background-color:#003447;
}

.nav-colors  a:nth-child(3) {
	background-color:#954013;
}

.nav-colors  a:nth-child(4) {
	background-color:#000;
}

.nav-colors  a:nth-child(5) {
	background-color:#7a0608;
}

.nav-colors  a:nth-child(6) {
	background-color:#003447;
}

.nav-colors  a:nth-child(7) {
	background-color:#954013;
}

.nav-colors  a:nth-child(8) {
	background-color:#000;
}

/* 8.HEADER */

#header h1 {
	display:block;
	float:left;
	font-family:"ff-din-web-1","ff-din-web-2",arial;	
	background-color:#000;
}

#header h1 a {
	color:#fff;
}

#header h1 a:hover {
	text-decoration:none;
}

#header h1 a .number {
	font-weight:100;
}

/* 9.NAVIGATION */

#nav {
	font-family:"superclarendon-1", "superclarendon-2";;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);	
}

#nav a {
	display:block;
	float:left;
	clear:both;
	color:#fff;
}

#nav span.tip {
	display:none;
}

#nav a:hover {
	text-decoration:none;
}

#nav a:hover span.title {
	text-decoration:underline;
}

/* 11.MAIN */

#slideshow .slidecontent * {
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	font-weight:100;
	text-align:left;
}

#slideshow .slidecontent .addpadding {
	padding-left:60px;
}

#slideshow .slidecontent .white {
	color:#fff;
}

#slideshow .slidecontent .black {
	color:#aaa;
}

#slideshow .slidecontent h3.white {
	font-size:92px;
	margin-top:90px;
}

#slideshow .slidecontent h3 {
	margin:0px;
	font-size:70px;
	line-height:75px;
	text-transform:uppercase;
	text-shadow:0px 3px 15px rgba(0,0,0,.25);
	letter-spacing:-1px;
}

#slideshow .slidecontent h5 {
	font-size:17px;
	margin-top:10px;
	margin-right:10px;
	text-transform:uppercase;
}

#slideshow .slidecontent .topmargin {
	margin:52px 0 0 0;
}

#slideshow .slidecontent .hang {
	margin:0 -13px 0 0;
}

#slideshow .slidecontent .right {
	text-align:right;
}

#tweets {
	display:none;
}

/* 12.COMPLIMENTARY */

#complementary {
	display:none;
}

/* 13.FOOTERs */

#footer {
	display:block;
}

#footer-320 {
	display:none;
}

#footer-768 {
	display:none;
}
#size-info:after { content: "Laptop";}

/* _________________________________________________

	1.ROOT
	2.HEADINGS
	3.TYPOGRAPHY
	4.LINKS
	5.GLOBAL OBJECTS
	6.TABLES
	7.FORMS
	8.HEADER (#header, #logo)
	9.NAVIGATION (#nav)
	10.WRAPPER (#wrapper)
	11.MAIN (#slideshow, #portfolio, #info, etc.)
	12.COMPLIMENTARY (#services, #message)
	13.FOOTERs (#footer, #footer-320, #footer-768, #fakefooter)
*/

/* 1.ROOT */

#new-title {
	display:none;
}

body, html {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
html {
	background:url(/_shared/images/styles/1_new.jpg);
	background-size:cover;
	background-color:#404040;
	overflow:hidden;
}

#doc {
	height:100%;
	width:100%;
}

#grid {
	position:absolute;
	width:100%;
	height:100%;
	margin:0px auto;
	background: url(/_shared/images/grid.png);
	z-index:3000;
}

#grid_vert {
	position:absolute;
	left:50%;
	width:960px;
	margin-left:-480px;
	height:100%;
	z-index:3000;
}

#grid_vert #line {
	position:absolute;
	width:10px;
	height:100%;
	background: url(/_shared/images/grid_vert.png);
}

/* 5.GLOBAL OBJECTS */

.center-grid {
	width:960px;
	margin:0px auto;
}

/* 8.HEADER */

#header {
	display:block;
	height:107px;
	margin:0 auto 6px auto;
	z-index:1000;
	position:relative;
}

#header h1 {
	padding:0;
}

#header #logo {
	position:absolute;
	width:260px;
	height:75px;
	margin-top:-40px;
	padding:65px 0 0px 0;
	background-color:#000;
	-webkit-transition: height padding 500ms ease-out;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.5);
	-moz-transition: height padding 500ms ease-out;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.5);
	-o-transition: height padding 500ms ease-out;
	-o-box-shadow:0 2px 2px rgba(0,0,0,0.5);
	transition: height padding 500ms ease-out;
	box-shadow:0 2px 2px rgba(0,0,0,0.5);
	
}

#header #logo strong {
	display:block;
	position:relative;
	z-index: 0;
	width:280px;
	height:73px;
	margin:10px 0 10px -20px;
	bottom:0;
	overflow:hidden;
	-webkit-transform:scale(.7);
	-moz-transform:scale(.7);
	-o-transform:scale(.7);
	transform:scale(.7);
}
.ie7 #header #logo strong { bottom: -20px; }

#header #logo span {
	display:block;
	position:absolute;
	width:25px;
	height:1879px;
	margin:0;
	background:url(/_shared/images/letters.png);
	text-indent:-9999px;
}

#header #l0 { left:0; top:75px;}
#header #l1 { left:28px; top:-1325px;}
#header #l2 { left:56px; top:-1475px;}
#header #l3 { left:84px; top:-1250px;}
#header #l4 { left:112px; top:-350px;}
#header #l5 { left:140px; top:25px;}
#header #l6 { left:168px; top:-125px;}
#header #l7 { left:196px; top:-275px;}
#header #l8 { left:230px; top:-350px; background-position:top right !important;}
#header #l9 { left:252px; top:-50px; background-position:top right !important;}

#header.fullscreen #logo {
	height:33px;
	padding:27px 0 30px 0;
	-webkit-transition-property:height, padding;
	-webkit-transition:  500ms ease-out;
	-moz-transition-property:height, padding;
	-moz-transition:  500ms ease-out;
	-o-transition-property:height, padding;
	-o-transition:  500ms ease-out;
	transition-property:height, padding;
	transition:  500ms ease-out;
}

#header.fullscreen #logo:hover {
height:38px;
}



#header.fullscreen {
	height:50px;
}

#header.fullscreen #logo strong {
	margin:0 0 10px -20px;
}

/* 9.NAVIGATION */

#nav {
	position: relative;
	float:left;
	width:700px;
	margin:0 0 0 260px;
	z-index:3;
	font-weight:lighter;
	clear:none;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-size:12px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#nav a {
	display:block;
	position: relative;
	float:left;
	text-align:right;
	width:105px;
	height:30px;
	padding:69px 20px 0 50px;
	clear:none;
	overflow:hidden;
	color:#fff;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.5);
	-o-box-shadow:0 2px 2px rgba(0,0,0,0.5);
	box-shadow:0 2px 2px rgba(0,0,0,0.5);
	-webkit-transition:height  500ms ease-out;
	-moz-transition:height  500ms ease-out;
	-o-transition:height  500ms ease-out;
	transition:height  500ms ease-out;
}	

#nav a:hover {
	height:39px;
	cursor:hand;
	text-decoration:none !important;
	-webkit-transition-duration:100ms;
	-moz-transition-duration:100ms;
	-o-transition-duration:100ms;
	transition-duration:100ms;
}

#nav a:hover span.title {
	padding:0 0 5px 0;
	border-bottom:1px dotted rgba(255,255,255,.3);
	text-decoration:none !important;
}

#nav a:hover span.tip {
	opacity:.5;
	top:-35px;
}

#nav a span.tip {
	display:block;
	position:relative;
	top:-45px;
	opacity:0;
	font-family:"ff-din-web-1","ff-din-web-2", arial;
	-webkit-transition-property:opacity, top;
	-webkit-transition:1000ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property:opacity, top;
	-moz-transition:1000ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property:opacity, top;
	-o-transition:1000ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property:opacity, top;
	transition:1000ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

#nav.fullscreen {
	height:50px;
}

#nav.fullscreen .tip {
	display:none !important;
}

#nav.fullscreen a {
	height:20px;
	padding:20px 20px 10px 50px;
	-webkit-transition-property:height, padding;
	-webkit-transition:  500ms ease-out;
	-moz-transition-property:height, padding;
	-moz-transition:  500ms ease-out;
	-o-transition-property:height, padding;
	-o-transition:  500ms ease-out;
	transition-property:height, padding;
	transition:  500ms ease-out;
}

#nav.fullscreen a:hover {
	height:25px;
}



/* 10.WRAPPER */

#wrapper {
	display:block;
	width: 100%;
	height:576px;
	margin: 0;
}

#wrapper.fullscreen {
	width:100%;
	height:100%;
	margin-top:15px;
}

#wrapper.fullscreen #footer {
	display:none;
}

/* 11.MAIN */

#main {
	display:block;
	height:337px;
	overflow:hidden;
	border-bottom:1px dotted #ddd;
}

#loading {
	display:block;
	z-index:100;
	position:relative;

	opacity:0;
	width:960px;
	margin:0px auto;
}

#loading h2 {
	position:absolute;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	margin:0px;
	padding:0px;
	height:10px;
	width:920px;
	padding:10px 20px 20px 20px;
	background-color:#333;
	font-weight:100;
	font-size:15px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
}

#pagecontent {
	overflow:hidden;
}

.page-phil, .page-news, .page-what {
	height:460px;

}

.page-news {
	overflow:none;
}

#news h2 {
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	color:#fff;
	text-transform:lowercase;
	margin-top:20px;
	margin-left:45px;
	text-indent:-10px;
	margin-bottom:15px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	font-size:26px;
	letter-spacing:-1px;
}

#news h2 strong {
	font-size:13px;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	
}

#news {
}

#news a {
	color:#ca7f28;
}

#news #articles {
	clear:both;
}

#news #articles .article {
	color:#fff;
	clear:both;
}

#news #articles .article .date {
	font-size:16px;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	float:right;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	
}


#news #articles .article h3 {
	font-size:16px;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	float:left;
	width:400px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	
}

#news #articles .article .leftcol {
	width:300px;
	float:left;
}

#news #articles .article .leftcol img {
	border:1px solid #fff;
}

#news #articles .article .body {
	clear:both;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	font-size:14px;
	line-height:22px;
	
}

#news #articles .article .rightcol {
	width:660px;
	float:right;
	background-color:rgba(0,0,0,.35);
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	margin-bottom:4px;
	padding:20px 30px 10px 30px;
}
.ie7 #news #articles .article .rightcol { width: 600px; }

#news #articles .tweet {
	color:#fff;
	clear:both;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.tweets { clear: both; }

#news #articles .tweets-one {
	
}

#news #articles .tweets-two {
	font-size:13px !important;
	line-height:14px !important;	
}

#news #articles .tweets-three {
	font-size:11px !important;
	line-height:11px !important; 
}

#news #articles .tweets-lots {
	font-size:11px !important;
	line-height:11px !important;
	
}

#news #articles .tweet a {
	color:#aaa;
}

#news #articles .tweet .leftcol {
	width:300px;
	display:block;
	float:left;
	border:1px solid rgba(0,0,0,0);
}



#news #articles .tweet .leftcol img {
	display:block;
	float:right;
	border:1px solid #fff;
	margin-right:38px;
	margin-top:10px;
}

#news #articles .tweet .rightcol { 
	width:660px;
	display:block;
	float:left;
	padding:10px 0 0 30px;
	border-top:1px dotted #fff;
}
.ie7 #news #articles .tweet .rightcol { width: 630px; }

#news #articles .tweet .rightcol img {
	display:block;
	float:left;
	border:1px solid #fff;
}

#news #articles .tweet:first-child .rightcol {
	border-top:0px;
}

#news #articles .tweet h4 {
	line-height:25px;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
}

#news #articles .three h4 {
	font-size:15px;
	line-height:17px;
}

#news #articles .morebutton {
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}

#news #articles .cold-storage {
	margin:0px;
	padding:0px;
}

#news #articles .cold-storage .tweet:first-child .rightcol {
	border-top:1px dotted #fff ;
	padding-top:5px;
}

#news #articles .morebutton  a  {
	margin-left:300px;
	width:660px;
	text-align:center;
	display:block;
}

#news #articles .morebutton  a:hover  {
	opacity:.5;
}

#error {
	color:#fff;
}

#slideshow {
	position:relative;
	margin:0px;
	padding:0px;
}

#slideshow #viewport {
	height:336px;
}

#slideshow #menu {
	position:absolute;
	bottom:0;
	z-index:30;
	margin-left:35px;
}

#slideshow #menu a {
	display:block;
	float:left;
	margin:0 5px 0 0;
	padding:3px 6px;
	font-size:12px;
	text-transform:lowercase;
	color:rgba(255,255,255,.5);

}

.slidecontent a {
	color:#fff;
}

#slideshow #menu.nav-colors a:nth-child(4) {
	background-color:#666;
}

#slideshow #menu a:hover {
	color:rgba(255,255,255,1);
	text-decoration:none;
}

#slideshow #menu a:hover, #slideshow #menu a.active {
	padding:8px 6px 3px 6px;
	margin:-5px 5px 0 0;

}

#slideshow .slide {
	position:absolute;
	float:left;
}

#slideshow .slide a {
	
}

#slideshow .slide a:hover {
	text-decoration:none;
	border-bottom:1px #fff dotted;
}

#slideshow #topslide {
	position:absolute;
	float:left;
	width:960px;
	height:350px;
	z-index:20;
}

#slideshow #topslide .slide {
	position:absolute;
}

#slideshow #slides {
	z-index:10;
}

#buttons {
	position:absolute;
	width:960px;
	top:100px;
	z-index:30;
}

#buttons .next {
	display:none;
	position:absolute;
	width:40px;
	height:70px;
	top:150px;
	right:-10px;
	background:url(/_shared/images/styles/arrows/one_next.png);
	
}

#buttons .prev {
	display:none;
	position:absolute;
	width:40px;
	height:70px;
	top:150px;
	left:-10px;
	background:url(/_shared/images/styles/arrows/one_back.png);
}

#buttons .prev:hover {
	left:-14px !important;
	-webkit-transition-property: left;
	-webkit-transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: left;
	-moz-transition: cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: left;
	-o-transition: cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: left;
	transition: cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

#buttons .next:hover {
	right:-14px !important;
	
	-webkit-transition-property: right;
	-webkit-transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: right;
	-moz-transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: right;
	-o-transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: right;
	transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

#buttons span {
	display:none;
}

#what {
	height:460px;
	clear:both;
	color:#fff;
	padding-left:45px;
	padding-top:50px;
	border-bottom:1px #aaa dotted;
}

#what h3 {
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-size:65px;
	text-transform:lowercase;
	font-weight:800;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	letter-spacing:-3px;
	margin:0px;
	padding:0px;
}

#what h4 {
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-size:35px;
	margin:0px;
	padding:0px;
	margin-top:-10px;
	margin-left:0px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

h5.white.right span {
	opacity:0;
}

#what h5 {
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-size:22px;
	letter-spacing:0px;
	margin:0px;
	padding:0px;
	margin-top:40px;
	margin-left:0px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	
}

#what ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-top:20px;
	margin-bottom:75px;
}

#what ul li {
	float:left;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	font-size:20px;
	text-transform:uppercase;
	margin-right:10px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	margin-top:10px;
}


#what p {
	clear:both;
	width:830px;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-size:16px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	line-height:32px;
}

#what p.right {
	margin-top:17px;
	width:870px;
	text-align:right;
}

#philosophy {
	color:#fff;
	padding-left:45px;
	padding-top:50px;
	height:460px;
	border-bottom:1px dotted #aaa;
}

#philosophy h2 {
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	text-transform:uppercase;
	font-weight:100;
	font-size:35px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#philosophy h3 {
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-size:70px;
	float:right;
	text-transform:lowercase;
	font-weight:800;
	margin-top:10px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	letter-spacing:-3px;
}

#philosophy p {
	width:740px;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-size:16px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	line-height:32px;
}

#philosophy p span {
	display:block;
}

#slides h5 {
	float:right;
}

#slides h5 span {
	display:block;
	float:left;
	margin-left:4px;
}

#slideshow .slidecontent h5 {
	margin-right:5px;
}

/* 12.COMPLIMENTARY */

#complementary {
	display:block;
	height:108px;
	margin:12px auto 0 auto;
	border-bottom:1px dotted #ddd;
	padding-bottom:118px !important;
}

#complementary .column {
	display:block;
	float:left;
	padding:12px 0 0 0;
	margin:0px;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	font-size:13px;
}

#complementary .column {
	float:left;
	width:33%;
	height:107px;
	margin:0 7px 0 0;
	padding:0;
	background:rgba(0,0,0,.5);
	color:#fff;
	-webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0px 7px rgba(0, 0, 0, .5);
	-o-box-shadow: 0 0px 7px rgba(0, 0, 0, .5);
	box-shadow: 0 0px 7px rgba(0, 0, 0, .5);
	-webkit-transition: background 500ms ease-out;
	-moz-transition: background 500ms ease-out;
	-o-transition: background 500ms ease-out;
	transition: background 500ms ease-out;
}

#complementary .column:hover {
	background:rgba(0,0,0,.7);
	-webkit-transition-duration: 750ms;
	-moz-transition-duration: 750ms;
	-o-transition-duration: 750ms;
	transition-duration: 750ms;
}

#complementary #leftcol {
	width:28px !important;
	background:rgba(142,25,25,.7);
	background:rgba(0,0,0,.7);
}

#complementary .services {
	width:255px;
	padding:12px 0 30px 11px;
}

#complementary .services h4 {
	font-family:"superclarendon-1", "superclarendon-2";
	font-size:11px;
	font-weight:600;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	color:#fff;
}

#complementary .services ul {
	float:left;
	width:80px;
	margin:-3px 4px 0 0;
	padding:0px;
	list-style:none;
	text-transform:lowercase;
}

#complementary .services ul:last-child {
	margin:-3px -40px 0 0;
	width:58px;
}

#complementary .services ul.secondbox {
	margin-left:-10px !important;
	margin-right:15px;
}

#complementary .services li {
	
}

#complementary .services li a {
	
	color:#fff;
	padding:0 0px 0 0;
	/*
	-webkit-transition: color ease-out 500ms;
	-moz-transition: color ease-out 500ms;
	-o-transition: color ease-out 500ms;
	transition: color ease-out 500ms;*/
}

#complementary .services li a:hover {
	/*
	padding:0 18px 0 0;
	color:#990000;
	-webkit-transition-duration: 125ms;
	-moz-transition-duration: 125ms;
	-o-transition-duration: 125ms;
	transition-duration: 125ms;*/
}

#complementary .doublewide {
	width:572px;
	margin:0 7px 0 0 ;
	overflow:hidden;
}

#complementary .doublewide b {
	font-weight:100 !important;
}

#complementary .message-viewer {
	width:1300px;
}

#complementary .column h3 {
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-weight:100;
	font-size:15px;
	line-height:24px;
	padding:18px 30px 18px 30px;
	width:500px;
	height:72px;
	color:#fff;
	float:left;
}

#complementary .column h3 strong {
font-family:"ff-din-web-1","ff-din-web-2", Helvetica;
font-size:18px;	
}

#complementary .column h3 blockquote {
	display:block;
	height:84px;
	margin-top:-18px;
	padding-top:25px;
	font-size:20px;
	font-style:normal;
	border:0px !important;
	font-family:"ff-din-web-1","ff-din-web-2", Helvetica;
	text-transform:uppercase;
	position:relative;
}

#complementary .column h3 blockquote {
	
}

#complementary .column h3 blockquote small {
	font-size:15px;
	
	display:block;
}

#complementary .column h3 blockquote strong {
	position:absolute;
	bottom:4;
	right:130px;
	margin-top:10px;
	font-size:13px !important;
	font-weight:100;
	text-transform:lowercase;
}

#complementary #message {
	position:relative;
}

#complementary .column #quote-control.active {
	opacity:1;
	-webkit-transition: opacity ease-out 500ms;
	-moz-transition: opacity ease-out 500ms;
	-o-transition: opacity ease-out 500ms;
	transition: opacity ease-out 500ms;
}

#complementary .column #quote-control a {
	color:#fff;
	width:8px;
	height:8px;
	margin-right:7px;
	display:block;
	float:left;
	border:1px solid rgba(255,255,255,.5);
}

#complementary .column #quote-control a:hover {
	border:1px solid rgba(255,255,255,.75);
}

#complementary .column #quote-control a span {
	display:none;
}

#complementary .column #quote-control a.active {
	border:1px solid rgba(255,255,255,1);
	
	color:#fff;
	background-color:#7a0608;
}

#complementary .column #quote-control {
	opacity:0; 
	-webkit-transition: opacity ease-out 500ms;
	-moz-transition: opacity ease-out 500ms;
	-o-transition: opacity ease-out 500ms;
	transition: opacity ease-out 500ms;
	position:absolute;
	left:415px;
	top:88px;
	display:none; 

}

#complementary .column h3 blockquote strong {
	display:block;
	font-size:12px;
}

#complementary .holder {
	margin:0;
	width:84px;
	overflow:hidden;
	background:transparent;
}
.ie7 #complementary .holder { width: 73px; }

#complementary .holder a {
	width:28px;
	height:110px !important;
	display:block;
	float:left;
	opacity:1;
	-webkit-transition: opacity ease-out 500ms;
	-moz-transition: opacity ease-out 500ms;
	-o-transition: opacity ease-out 500ms;
	transition: opacity ease-out 500ms;
	-webkit-animation-duration: 7s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-direction: alternate;
	-moz-animation-duration: 7s;
	-moz-animation-iteration-count: 10;
	-moz-animation-direction: alternate;
	-o-animation-duration: 7s;
	-o-animation-iteration-count: 10;
	-o-animation-direction: alternate;
	animation-duration: 7s;
	animation-iteration-count: 10;
	animation-direction: alternate;
}

.ie7 #complementary .holder a { 
	width: 23px;
}


#complementary .holder span {
	display:none;
}

#complementary .holder #message-one {
	background-color:#954013;
	-webkit-animation-name: one;
	-moz-animation-name: one;
	-o-animation-name: one;
	animation-name: one;
}

#complementary .holder #message-two {
	background-color:#003447;
	-webkit-animation-name: two;
	-moz-animation-name: two;
	-o-animation-name: two;
	animation-name: two;
}

#complementary .holder #message-three {
	background-color:#000000;
	padding-right:10px;
	-webkit-animation-name: three;
	-moz-animation-name: three;
	-o-animation-name: three;
	animation-name: three;}

@-webkit-keyframes one {
	from {
		opacity: .5; 
	}
	60% { 
		opacity: .7; 
	}
	
	70% { 
		opacity: .5; 
	}
	80% { 
		opacity: .4; 
	}
	to { 
		opacity: .8; 
	}
}

@-webkit-keyframes two {
	from {
		opacity: .3; 
	}
	10% { 
		opacity: .8; 
	}
	
	20% { 
		opacity: .6; 
	}
	30% { 
		opacity: .4; 
	}
	to { 
		opacity: .6; 
	}
}

@-webkit-keyframes three {
	from {
		opacity: .4; 
	}
	30% { 
		opacity: .8; 
	}
	
	40% { 
		opacity: .6; 
	}
	50% { 
		opacity: .5; 
	}
	to { 
		opacity: .4; 
	}
}

#complementary .messages-viewer {
	width:200px;
	height:108px;
}

#nextmessage {
}

#complementary .holder:hover a {
	width:24px;
	-webkit-transition: opacity, width ease-out 500ms;
	-moz-transition: opacity, width ease-out 500ms;
	-o-transition: opacity, width ease-out 500ms;
	transition: opacity, width ease-out 500ms;
}

#complementary .holder a:hover {
	
	background:url(/_shared/images/switcher_arrow_left.png) no-repeat 3px center;
	
	opacity:1 !important;
	width:40px;
	-webkit-transition: opacity, width ease-out 500ms;
	-moz-transition: opacity, width ease-out 500ms;
	-o-transition: opacity, width ease-out 500ms;
	transition: opacity, width ease-out 500ms;
}



#complementary .holder:hover {
	background:transparent;
}

#complementary .lp-special {
	display:none;
}

#complementary .column h3 a {
	font-family:"ff-din-web-1","ff-din-web-2", Helvetica;
	font-size:17px;
	color:#fff;
	font-weight:600;
}

#complementary .column h3 a small {
	font-weight:100;
}

#complementary .column h3 a .tooltip {
	display:block;
	position:absolute;
	width:120px;
	height:30px;
	margin:-50px 0 0 32px;
	padding:0px 6px;
	font-size:11px;
	opacity:0;
	color:#000;
	text-align:center;
	background:url(/_shared/images/arrow_tail.png);
	-webkit-transition: opacity, margin, ease-out 250ms;
	-moz-transition: opacity, margin, ease-out 250ms;
	-o-transition: opacity, margin, ease-out 250ms;
	transition: opacity, margin, ease-out 250ms;
}

#complementary .column h3 a:hover .tooltip  {
	display:block;
	opacity:1;
	margin:-55px 0 0 32px;
}

#complementary .column:last-child {
	margin:0px;
}

/* 13.FOOTERs */

.portfolio #footer {
	display:none;
}

#footer {
	display:block;
	height:96px;
	margin:4px auto 0 auto;
	padding:8px 0 40px 0;
	font-family:"ff-din-web-1","ff-din-web-2",arial;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	position:relative;
	z-index:1000;
}

#footer .column {
	float:left;
	margin:0 6px 0 0;
}

#footer .switcher {
	width:220px;
	height:90px;
	margin:0;
	margin-right:-10px;
	padding:0 0 0 25px;
	border-left:1px dotted #ddd;
}
.ie7 #footer .switcher { width: 195px; }

#footer .switcher ul, #complemantry .switcher li {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
}

#footer .switcher ul {
	margin-top:25px;
}

#footer .switcher li { float: left; }
#footer .switcher a {
	display:block;
	float:left;
	width:24px;
	height:24px;
	height:42px;
	margin-right:6px;
}

#footer .switcher a:hover {
	
}

#footer .switcher a:hover img {
	border:rgba(255,255,255,.5) 1px solid;
}

#footer .switcher a.active {
	background:url(/_shared/images/switcher_arrow.png) no-repeat 2px bottom;
}

#footer .switcher a.active img {
	border: #fff 1px solid;
	border-color: rgba(255,255,255,1);
}

#footer .switcher img {
	
	border: #fff 1px solid;
	border-color: rgba(255,255,255,1);
	display:block;
	float:left;
	width:24px;
	height:24px;
}

#footer .column h4 {
	margin-left:4px;
	font-family:"superclarendon-1", "superclarendon-2";
	font-size:11px;
	font-weight:600;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#footer .socialmedia {
	width:190px;
	padding-left:22px;
}
.ie7 #footer .socialmedia { width: 168px; }

#footer {
  opacity:.3;
 -webkit-transition: opacity ease-out 500ms;
	-moz-transition: opacity ease-out 500ms;

}

#footer:hover {
 opacity:1;
}

#footer.override {
	opacity:1 !important;
}

#footer .socialmedia h4 {
	text-align:left;
	margin-left:23px;
}

#footer .socialmedia a {
	display:block;
	position:relative;
	float:left;
	width:50px;
	height:50px;
	margin:-10px 3px 0 0;
	padding:8px 0 15px 0;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	color:#333;
	background-position:fixed;
	background:url(/_shared/images/icon_dropshadow.png) no-repeat 0px 40px;
	-webkit-transition: padding ease-out 250ms;
	-moz-transition: padding ease-out 250ms;
	-o-transition: padding ease-out 250ms;
	transition: padding ease-out 250ms;
}

#footer .socialmedia a span {
	position:absolute;
	width:120px;
	height:22px;
	left:0;
	margin:0 0 0 -40px;
	padding:4px 6px;
	bottom:-25px;
	opacity:0;
	font-size:9px;
	text-align:center;
	color:#aaa;
	-webkit-transition: opacity top ease-out 250ms;
	-moz-transition: opacity top ease-out 250ms;
	-o-transition: opacity top ease-out 250ms;
	transition: opacity top ease-out 250ms;
}

#footer .socialmedia a:hover span {
	opacity:1;
	-webkit-transition-property: opacity;
	-webkit-transition: ease-out 250ms;
	-moz-transition-property: opacity;
	-moz-transition: ease-out 250ms;
	-o-transition-property: opacity;
	-o-transition:ease-out 250ms;
	transition-property: opacity;
	transition:  ease-out 250ms;
}

#footer .socialmedia a:hover {
	padding:0 0 15px 0;
	-webkit-transition: padding ease-in 250ms;
	-moz-transition: padding ease-in 250ms;
	-o-transition: padding ease-in 250ms;
	transition: padding ease-in 250ms;
	text-decoration:none !important;
}

#footer .contact {
	margin:0 0 0 10px;
}

#footer .eightball {
	display:block;
	float:left;
	width:85px;
	height:85px;
	padding:0 0 0 15px;
	text-align:left;
	background:url(/_shared/images/eightball.png);
}
.ie7 #footer .eightball { width: 70px; }

#footer .eightball a {
	display:block;
	width:85px;
	height:85px;
}

#footer .eightball img {
	display:none;
}

#footer .eightball  {
	margin-left:20px;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-webkit-transition: -webkit-transform 750ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition: -moz-transform ease-in 750ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition: -o-transform ease-in 750ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition: trasform ease-in 750ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

#footer .eightball:hover {
	cursor:hand;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

#footer .eightball img {
	margin-left:-24px;
}

#footer .column:last-child {
}

#footer .socialmedia {
	height:113px;
}

#footer .contact-info {
	float:left;
	width:405px;
	height:88px;
	margin-left:26px;
	padding:0 0 0 30px;
	border-left:1px dotted #ddd;
	border-right:1px dotted #ddd;
}
.ie7 #footer .contact-info { width: 375px; }

#footer .email {
	float:left;
	width:170px;
	height:75px;
	margin:-8px 0 0 0;
	z-index:2;
	position:relative;
}

#footer a.button {
	display: inline-block;
	position: relative;
	width: auto;
	margin:20px 0 0 0;
	padding: 5px 10px 4px;
	cursor: pointer;
	overflow: visible;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-transform:lowercase;
	color: white !important;
	background-color:#8e1518;

	border:1px solid rgba(255,255,255,.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-webkit-transition: background-color ease-in 250ms;
	-moz-transition: background-color ease-in 250ms;
	-o-transition: background-color ease-in 250ms;
	transition: background-color ease-in 250ms;
	-webkit-animation: brownPulse 10s infinite;
	-moz-animation: brownPulse 10s infinite;
	-o-animation: brownPulse 10s infinite;
	animation: brownPulse 10s infinite;
}

#footer .backgroundarea {
	background: #333;
	background: rgba(0,0,0,.9);
	width:420px;
	height:508px;
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	position: absolute;
	left: 0;
	top: 0px;
	z-index:0;
	display: none;
}



#footer .emailform {
	position:relative;
	clear: both; 
	padding-top: 42px;
	font-size:13px;
}
.ie7 #footer .emailform { padding-top: 16px; }


#footer .emailform input, #footer .emailform textarea {
	font-size:13px;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-weight:100;
}

#footer .emailform fieldset {
	background:url(/_shared/images/sidebar_image.jpg);
	width:345px;
	padding-bottom:10px;
	margin-top:0px;
}

#footer #closeform {
	position:absolute;
	top:005px;
	margin-left:340px;
	z-index:15;
	opacity:0;
	display:none;
}

#footer #closeform a {
	background:url(/_shared/images/thickbox_close.png);
	display:block;
	width:28px;
	height:28px;
}

#footer #closeform a:hover {
	background-position:-31px 0px;
}

#footer #closeform a span {
	display:none;
}

#footer .emaillink {
	margin-left:6px;
	color:#fff;
	text-transform:lowercase;
}

#footer .emaillink:hover {
	text-decoration:none;
	border-bottom:#aaa dotted 1px;
}

#footer .emailform fieldset legend{
	position: relative;
	top: -15px;
	left: 20px;
}
.ie7 #footer .emailform fieldset legend { top: -20px; }

#footer .emailform ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:20px;
}

#footer .emailform li label{
	display:block;
}

#footer .emailform li input {
	display:block;
	width:230px;
	padding:2px;
}

#footer .emailform li input[type="submit"] {
	width:100px !important;
}

#footer .emailform li {
	padding-bottom:10px;
}

#footer .emailform textarea {
	width:300px;
	padding:2px;
	
}

#footer a#map {
	display:block;
	color:#fff;
	border-radius:6px;
	padding:6px;
	background-color:rgba(0, 0, 0, 0);
	font-size:11px;
	-webkit-transition-property: background;
	-webkit-transition: 300 ms ease-in;
	-moz-transition-property: background;
	-moz-transition: 300 ms ease-in;
	-o-transition-property: background;
	-o-transition: 300 ms ease-in;
	transition-property: background;
	transition: 300 ms ease-in;
}

#footer a#map:hover {
	background-color:rgba(0, 0, 0, .3);
	box-shadow:0px 1px 2px #000;
	-webkit-transition: 125ms ease-in;
	-moz-transition: 125ms ease-in;
	-o-transition: 125ms ease-in;
	transition: 125ms ease-in;
	text-decoration:none;
}


#footer .contact-info {
	position: relative;
	overflow:hidden;
}



@-webkit-keyframes brownPulse, @-moz-keyframes brownPulse, @-o-keyframes brownPulse, @keyframes brownPulse {
	from { 
		background-color: #8e1518; 
		-webkit-box-shadow:: 0 0 9px #333;
	}
	50% { 
		background-color: #8e1518; 
		-webkit-box-shadow:: 0 0 18px #990000;
	}
	to { 
		background-color: #8e1518;
		-webkit-box-shadow:: 0 0 9px #333;
	}
}

#footer a.mail {
	width:110px;
	padding:7px 5px 5px 40px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:5px 6px;
}

#footer a.button:hover {
	width:130px;
	text-replace: "123" "send"; 
	background-color:#5c0e10;
	-webkit-animation-name: none;
	-moz-animation-name: none;
	-o-animation-name: none;
	animation-name: none;
	-webkit-transition: background-color ease-in 250ms;
	-moz-transition: background-color ease-in 250ms;
	-o-transition: background-color ease-in 250ms;
	transition: background-color ease-in 250ms;
}

#footer .phone {
	float:left;
	width:80px;
	height:75px;
	margin:-20px 0 0 10px;
	font-weight:100;
}

#footer .address {
	float:left;
	width:175px;
	height:75px;
	margin:-18px 0 0 4px;
	font-weight:100;
	z-index:2;
	position:relative;
}

#footer h4 {
	z-index:2;
	position:relative;
}

#footer strong {

	font-size:11px;
	text-transform:none;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#footer .email {
	width:180px;
}

#footer .email span.icon {
	display:block;
	position:absolute;
	width:54px;
	height:54px;
	left:-14px;
	top:-14px;
	background-image:url("/_shared/images/mail-icon.png");
}

#fakefooter {
	height: 1000px;
	background-color: gray;
	background: url(/_shared/images/footer_bg.gif);
}

#fakefooter.fullscreen {
	height:200px;
	position:absolute !important;
	margin-top:-10px;
	left:50%;
	margin-left:-480px;
	z-index:1 !important;

}

.news #fakefooter {
	position:relative;
	height:30px !important;
	margin-top:10px;
}

.news #wrapper {
	position:relative;
	height:auto;
}

.news #footer {
	clear:both;
}

.news #fullheight {

}

.news #fullheight #news {
}

.news #header {

}

.news #footer {
}

#news {
}

html.news {
	overflow:scroll;
	background:url(/_shared/images/styles/1_new.jpg) ;
	background-attachment:fixed !important;
}

#darkness {
	width:100%;
	height:100%;
	position:absolute;
	z-index:2000;
	opacity:0;
}

#darkness #eightballstuff {
	width:100%;
	height:453px;
	background:url(/_shared/images/styles/1_new.jpg);
	border:3px solid #fff;
	border-left:0;
	border-right:0;
	margin-top:120px;
	position:absolute;
	z-index:3;
}

#darkness #eightballstuff.loaded {
	margin-top:115px;
	-webkit-transition-property: margin, opacity;
	-webkit-transition: 500ms ease-in;
	-moz-transition-property: margin, opacity;
	-moz-transition: 500ms ease-in;
	-o-transition-property: margin, opacity;
	-o-transition: 500ms ease-in;
	transition-property: margin, opacity;
	transition: 500ms ease-in;
}

#darkness #everythingelse {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	z-index:1;
	background-color:rgba(0,0,0,.6);
}

#closeeightball {
	background:#934008;
	padding:5px 7px;
	color:#fff;
	border-radius:6px;
	box-shadow:0px 0px 2px rgba(0,0,0,.5);
}

#closeeightball:hover {
	text-decoration:none;
	background:#b6520f;
}

#thickbox {
	position:absolute;
	z-index:4;
	left:50%;
	margin-left:400px;
	top:107px;
	width:27px;
	height:28px;
	background:url(/_shared/images/thickbox_close.png);
}

#thickbox:hover {
	cursor:hand;
	background-position:-31px 0px;
}

#mapclip {
	width:700px;
	height:380px;
	float:left;
	margin-top:35px;
}

#mapinfo {
	color:#fff;
	font-family:"ff-din-web-1","ff-din-web-2", arial;
	text-align:right;
	width:200px;
	float:left;
	margin-right:16px;
	margin-top:75px;
}

#mapinfo a {
	color:#ddd;
}

#mapinfo .map-address {
	font-size:12px;
}

#mapinfo a:hover {
	text-decoration:none;
	border-bottom:1px dotted #aaa;
}

#mapinfo h2 {
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-size:25px;
	line-height:22px;
	margin-right:-8px;
}

#mapinfo h3 {
	font-family:"ff-din-web-1","ff-din-web-2", arial;
	font-size:15px;
	line-height:15px;	
}

#tour {
	margin-top:20px;
}

#tour img {
	width:100px;
	float:right;	
}

#tour a {
	float:right;	
	
	border:2px solid #aaa;
	display:block;
	width:100px;
	height:137px;
	margin:0px;
	padding:0px;
}

#tour a:hover {
	border:2px solid #fff;
		width:100px;
}

#voicelink {
	margin-top:-58px; 
	font-size:13px !important; 
	text-transform:uppercase; 
	line-height:16px; 
	margin-left:400px; 
	width:100px; 
	display:block;
	color:#aaa !important;
	text-decoration:none;
}

#voicelink:hover {
	border-bottom:1px dotted #aaa;
}

.call-to-action {
	float:right; 
	margin-left:760px; 
	margin-top:60px; 
	position:absolute; 
	white-space:nowrap;
	font-size:13px; 
	background-color:#940606; 
	padding:8px 15px; 
	-webkit-box-shadow: inset 0px 5px 25px rgba(0,0,0,.3); 
	border:1px solid #fff; 
	border-top:0px;
	-webkit-transition: background-color 500ms ease-out;
	
}

.call-to-action:hover {
	background-color:#d20606;
	border:1px solid #fff !important; 
	border-top:0px !important;
	-webkit-transition: background-color 200ms ease-out;
	
}

.give_voice {
	display:block;
	width:369px;
	height:91px;
	background:url(/_shared/images/give_voice.png);
}

.button1 {
	white-space:nowrap;
	position:absolute;
	margin-left:640px;
	margin-top:220px;
	padding:6px 70px 6px 10px;
	background-color:#7a0608;
	width:100px;
	border-radius:6px;
	font-size:14px;
	font-family:"superclarendon-1", "superclarendon-2", georgia !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 -1px 0px #d73e41;
	background-color:#7a0608;
}

.button2 {
	white-space:nowrap;
	position:absolute;
	margin-left:640px;
	margin-top:265px;
	width:100px;
	border-radius:6px;
	-webkit-box-shadow:0 -1px 0px #00658a;
	padding:6px 70px 6px 10px;
	font-size:14px;
	background-color:#003447;
	font-family:"superclarendon-1", "superclarendon-2", georgia !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.button1 .icon, .button2 .icon {
	display:block;
	width:15px;
	height:15px;
	right:8px;
	top:8px;
	position:absolute;
	background:url("http://m.surface51.com/lib/jquery.mobile-1.0a4.1/images/icons-18-white.png");
	background-position: -108px 50%;
	background-repeat:no-repeat;
}

.ipad .button1 {
	margin-top:200px !important;
}

.ipad .button2 {
	margin-top:245px !important;
}

.ipad .button1, .ipad .button2 {
	margin-left:70px !important;
}

.button1:hover {
	border:0px !important;
}

.button2:hover {
	border:0px !important;
}

#email-darkness {
	background-color:rgba(0,0,0,.9);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}

#email-message {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	z-index:1001;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-weight:600;
	font-size:30px;
	text-align:center;
	margin-top:250px;
}

.formpage {
	color:#fff;
	
}

.formpage .emailform {
	position:relative;
	clear: both; 
	padding-top: 42px;
	font-size:13px;
	margin-left:260px;
	border:1px dotted #aaa;
	width:370px;
	padding:20px;
	margin-top:50px;
	padding-bottom:50px;
	background:url(/_shared/images/ie8-50black.png);
	
}
.ie7 #footer .emailform { padding-top: 16px; }


.formpage .emailform input, #footer .emailform textarea {
	font-size:13px;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-weight:100;
}

.formpage .emailform fieldset {
	width:345px;
	padding-bottom:10px;
	margin-top:0px;
	border:1px solid #fff;
	
}

.formpage #closeform {
	position:absolute;
	top:005px;
	margin-left:340px;
	z-index:15;
	opacity:0;
	display:none;
}

.formpage #closeform a {
	background:url(/_shared/images/thickbox_close.png);
	display:block;
	width:28px;
	height:28px;
}

.formpage #closeform a:hover {
	background-position:-31px 0px;
}

.formpage #closeform a span {
	display:none;
}

.formpage .emaillink {
	margin-left:6px;
	color:#fff;
	text-transform:lowercase;
}

.formpage .emaillink:hover {
	text-decoration:none;
	border-bottom:#aaa dotted 1px;
}

.formpage .emailform fieldset legend{
	position: relative;
	top: -15px;
	left: 20px;
}
.ie7 .formpage .emailform fieldset legend { top: -20px; }

.formpage .emailform ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.formpage .emailform li label{
	display:block;
}

.formpage .emailform li input {
	display:block;
	width:230px;
	padding:2px;
}

.formpage .emailform li input[type="submit"] {
	width:100px !important;
}

.formpage .emailform li {
	padding-bottom:10px;
}

.formpage .emailform textarea {
	width:300px;
	padding:2px;
}

#email-thanks-message {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.9);
	position:absolute;
	z-index:1000;
	top:0;
	left:0;
	color:#fff;
	text-align:center;
}

#email-thanks-message h3 {
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	padding-top:350px;
}/* --- PORTFOLIO LIST --- */

#portfolio-list {
	display:none;
	/*-webkit-transition-property: margin, opacity;
	-webkit-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	
	-moz-transition-property: margin, opacity;
	-moz-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	
	-o-transition-property: margin, opacity;
	-o-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	
	transition-property: margin, opacity;
	transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#portfolio-list.active {
	display:block;
	margin-top:0px;
}

/* --- PORTFOLIO LIST - Controllers --- */

#portfolio-list #controllers {
	width:870px;
	height:30px;
	margin:0px auto;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-size:12px;
	font-weight:100;
	text-shadow:0 0px 2px #000;
}

#portfolio-list #controllers a {
	display:block;
	float:left;
	color:#fff;
	padding:8px 9px 6px 9px;
	border:1px solid #777;
	border-bottom:0px;
	background-color:#003447;
	margin-left:-1px;
	box-shadow: inset 0px -5px 5px rgba(0,0,0,.25);
}

#portfolio-list #controllers a.inactive {
	opacity:.5;
}

#portfolio-list #controllers a.selected {
	background-color:#7a0608;
}

#portfolio-list #controllers a.selected:hover {
	background-color:#a5090c;
}

#portfolio-list #controllers a:hover {
	background-color:#005c7d;
	text-decoration:none;
}

#portfolio-list #categories a:first-child {
	
}

#portfolio-list #categories a:hover:first-child {
}

#portfolio-list #categories {
	float:left;
}

#portfolio-list #portfolio-pagination {
	float:right;
}

#portfolio-list #pagination-location {
	width:870px;
	height:30px;
	margin:0px auto;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	font-size:11px;
	font-weight:100;
	text-shadow:0 0px 2px #000;
}

#portfolio-list #pagination-location #viewing {
	float:right;
	display:block;
	color:#fff;
	padding:8px 9px 6px 9px;
	border:1px solid #777;
	border-top:0px;
	background-color:#222;
	box-shadow: inset 0px 5px 5px rgba(0,0,0,.25);
}

#portfolio-list #pagination-location #viewing span {
	font-weight:600;
}

/* --- PORTFOLIO LIST - Project Grid --- */

#portfolio-list #projects {
	background-color:rgba(255,255,255,.3);
	/* overwritten with javascript */
	margin:0px auto;
	clear:both;
	border-top:2px solid rgba(255,255,255,.1);
	border-bottom:2px solid rgba(255,255,255,.1);
}

#portfolio-list #projects ul.fadeBackOut {
	margin-top:50px !important;
	opacity:0;
	/*-webkit-transition-property: margin, opacity;
	-webkit-transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: margin, opacity;
	-moz-transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: margin, opacity;
	-o-transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: margin, opacity;
	transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#portfolio-list #projects ul.fadeBackIn {
	margin-top:0px !important;
	opacity:1;
	/*-webkit-transition-property: margin, opacity;
	-webkit-transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: margin, opacity;
	-moz-transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: margin, opacity;
	-o-transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: margin, opacity;
	transition: 125ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#portfolio-list #projects ul {
	margin:0px;
	padding:1px 0px;
	height:535px;
	list-style:none;
	
	/*
	-webkit-transition-property: margin;
	-webkit-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	
	-moz-transition-property: margin;
	-moz-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	
	-o-transition-property: margin;
	-o-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	
	transition-property: margin;
	transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#portfolio-list #projects-viewport {
	position:relative;
	overflow:hidden;
}

#portfolio-list #projects ul li {
	float:left;
	width:201px;
	height:134px;
	position:relative;
}

#portfolio-list #projects ul li a {
	text-decoration:none;
	margin:0px;
	padding:0px;
	display:block;
	z-index:1;
	overflow:hidden;
}

#portfolio-list #projects ul li a {
	z-index:7;
}

#portfolio-list #projects ul li a .thumb-wrapper {
	overflow:hidden;
	width:100%;
	margin-left:1px;
}

#portfolio-list #projects ul li a .thumb-image {
	width:100%;
	height:133px;
	background-position:center 0px !important;
	background-repeat:no-repeat;
}

#portfolio-list #projects ul li a h3 {
	position:absolute;
	font-size:13px;
	bottom:0px;
	color:#fff;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	font-weight:100;
	width:140px;
	padding:0px 20px 0px 20px;
	opacity:0;
	-webkit-transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	/*-o-transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
	z-index:4;
}

#portfolio-list #projects ul li a:hover h3 {
	opacity:1;
	
	-webkit-transition-duration: 125ms;
	-moz-transition-duration: 125ms;
	/*-o-transition-duration: 125ms;
	transition-duration: 125ms;*/
}

#portfolio-list #projects ul li a span.background {
	position:absolute;
	width:100%;
	height:133px;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0);
	z-index:2;
	-webkit-transition: background 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition: background 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	/*-o-transition: background 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition: background 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#portfolio-list #projects ul li a:hover span.background, #portfolio-list #projects ul li a.fadeback span.background {
	background-color:rgba(0,0,0,.6);
	-webkit-transition-duration: 125ms;
	-moz-transition-duration: 125ms;
	/*-o-transition-duration: 125ms;
	transition-duration: 125ms;*/
}

/*
#portfolio-list #projects ul li a span.new {
	position:absolute;
	right:0px;
	top:0px;
	margin-left:0px;
	z-index:3;
	width:25px;
	height:25px;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	background-color:#954013;
	font-size:11px;
	color:#fff;
	opacity:.75;
	background:url("/_shared/images/new.png");
}*/

#portfolio-list #projects ul li a span.border {
	position:absolute;
	width:100%;
	height:132px;
	top:0px;
	left:0px;
	margin-left:0px;
	border:1px solid rgba(255,255,255,0);
	z-index:3;
	-webkit-transition: border 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition: border 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	/*-o-transition: border 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition: border 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#portfolio-list #projects ul li a:hover span.border{
	border:1px solid #fff;
	-webkit-transition-duration: 125ms;
	-moz-transition-duration: 125ms;
	/*-o-transition-duration: 125ms;
	transition-duration: 125ms;*/
}

#portfolio-list #projects ul li a.highlight span.border {
	border:1px solid #fff;
	-webkit-transition-duration: 125ms;
	-moz-transition-duration: 125ms;
	/*-o-transition-duration: 125ms;
	transition-duration: 125ms;*/
}

#portfolio-list #projects ul li a.fadeout span.background {
	background-color:rgba(0,0,0,.8);
	-webkit-transition-duration: 125ms;
	-moz-transition-duration: 125ms;
	/*-o-transition-duration: 125ms;
	transition-duration: 125ms;*/
}

#portfolio-list #projects ul li a.highlight span.background {
	background-color:rgba(0,0,0,0);
	-webkit-transition-duration: 125ms;
	-moz-transition-duration: 125ms;
	/*-o-transition-duration: 125ms;
	transition-duration: 125ms;*/
}


/* --- PROJECT PAGE --- */

#project {
	opacity:0;
	display:none;
	margin-top:50px;
	/*-webkit-transition-property: margin, opacity;
	-webkit-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: margin, opacity;
	-moz-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: margin, opacity;
	-o-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: margin, opacity;
	transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);	*/
	z-index:1;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#project.active {
	opacity:1;
	display:block;
	margin-top:0px;
}

/* --- PROJECT PAGE - Main Image--- */

#project #project-images {
	width:300%;
	height:100%;
	
	z-index:1;
/*	margin-left:0; */
	/*-webkit-transition-property: margin;
	-webkit-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: margin;
	-moz-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: margin;
	-o-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: margin;
	transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#project #project-images.sidebar-active {
	/* margin-left:-200px !important; */
}

#project #project-images img {
}

#project #project-images #prev-image {
	width:0%;
	margin-left:-100%;
	float:left;
	/*-webkit-transition-property: margin;
	-webkit-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: margin;
	-moz-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: margin;
	-o-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: margin;
	transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#project #project-images #current-image {
	width:33.3%;
	float:left;
}


#project #project-images #next-image {
	width:33.3%;
	float:left;
}

#project #project-images .animate {
	margin-left:-33.3%;
	/*-webkit-transition-property: margin, opacity;
	-webkit-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: margin, opacity;
	-moz-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: margin, opacity;
	-o-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: margin, opacity;
	transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#project #project-images #prev-image.animate-prev {
	width:33.3%;
	margin-left:0%;
	/*-webkit-transition-property: width, margin;
	-webkit-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: width, margin;
	-moz-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: width, margin;
	-o-transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: width, margin;
	transition: 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#project #project-images #current-image.video {
	background:url('/_shared/images/video_bg.jpg') repeat-x;
	width:100%;
	height:100%;
}

#project #project-images #mainvideo {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-240px;
	margin-left:-320px;
}

/* --- PROJECT PAGE - Project Info--- */

#project #project-info {
	background-color:rgba(255,255,255,.2);
	height:40px;
	position:absolute;
	bottom:10px;
	width:960px;
	left:50%;
	z-index:2;
	padding:7px 10px;
	margin-left:-480px;
	color:#fff;
	text-shadow:0 0px 2px #000;
}

#project #project-info h3 {
	display:block;
	float:left;
	font-size:13px;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-weight:100;
	margin-right:10px;
	padding:5px 15px 5px 0px;
	border-right:1px dotted #ddd;
}

#project #project-info h4 {
	display:block;
	float:left;
	font-size:13px;
	padding:5px 0px;
	
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-weight:100;
}

#project #project-info h6 {
	position:absolute;
	display:block;
	float:left;
	font-size:11px;
	padding:5px 0px;
	margin-top:-35px;
	text-align:right;
	width:940px;
	margin-right:20px;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	font-weight:100;
}

#project #project-info #external_link {
	display:block;
	float:left;
	font-size:12px;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	text-shadow:none;
	margin-top:5px;
	margin-left:20px;
	padding-top:1px;
	color:#fff;
}

#project #project-info #external_link:hover {
	text-decoration:none;
	border-bottom:1px dotted #fff;

}

#project #project-info #project-buttons {
	display:block;
	float:right;
	/*-webkit-transition-property: margin;
	-webkit-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: margin;
	-moz-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: margin;
	-o-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: margin;
	transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#project #project-info #project-buttons.active {

}

#project #project-info #project-buttons a {
	width:28px;
	height:28px;
	margin:0px 6px;
	display:block;
	float:left;
}

#project #project-info #project-buttons a span {
	display:none;
}

#project #project-info #project-buttons a {
	background:url(/_shared/images/next_prev.png) no-repeat;
}

#project #project-info #project-buttons #image-prev {
	background-position:-84px 0px;
}

#project #project-info #project-buttons #image-prev:hover {
	background-position:-56px 0px;
	
}

#project #project-info #project-buttons #image-next {
	background-position:0 0px;
}

#project #project-info #project-buttons #image-next:hover {
	background-position:-28px 0px;
}

#project #project-info #project-buttons #image-prev.rewind {
	background-position:-84px -28px;
}

#project #project-info #project-buttons #image-prev.rewind:hover {
	background-position:-56px -28px;
}

#project #project-info #project-buttons #image-next.fastforward {
	background-position:0px -28px;
}

#project #project-info #project-buttons #image-next.fastforward:hover {
	background-position:-28px -28px;
}

#project #project-info #project-buttons span#image-location {
	display:block;
	float:left;
	font-weight:600;
	margin-top:3px;
}

/* --- PROJECT PAGE - Meta --- */

#project #meta {
	position:absolute;
	right:0;
	width:150px;
	top:400px;
	margin-top:0px;
	z-index:10;
	text-align:right;
	font-size:11px;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
}

#project #meta-right {
	position:absolute;
	right:0;
	width:150px;
	top:380px;
	margin-top:0px;
	z-index:10;
	text-align:right;
	font-size:11px;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
}

#project #related-toggle {
	margin-right:20px;
	margin-left:100px;
	background:url(/_shared/images/grid_icon_new.png);
	width:28px;
	height:28px;
	display:block;
	/*-webkit-transform: rotate(0deg);
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transform: rotate(0deg);
	-moz-transition: -webkit-transform 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transform: rotate(0deg);
	-o-transition: -webkit-transform 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transform: rotate(0deg);
	transition: -webkit-transform 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#project #related-toggle.active {
	/*-webkit-transform: rotate(90deg);
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transform: rotate(90deg);
	-moz-transition: -webkit-transform 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transform: rotate(90deg);
	-o-transition: -webkit-transform 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transform: rotate(90deg);
	transition: -webkit-transform 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#project #related-toggle:hover {
	background:url(/_shared/images/grid_icon_over.png);
}

#project #related-toggle img {
	display:none;
}


#project #related-lists {
	
}

#project #related-lists h5 {
	border-bottom:1px dotted #ddd;
	display:block;
	color:#fff;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	margin:0px;
	padding:0px;
	padding-right:20px;
	margin-top:15px;
	
}

#project #related-lists a {
	color:#fff;
	padding-right:20px;
	display:block;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	margin-top:5px;
	
}

#project #back-portfolio-list {
	border-top:1px dotted #ddd;
	padding-right:20px;
	margin-top:15px;
	width:150px;
	padding-top:5px;
}

#project #back-portfolio-list a {
	color:#fff;
}

/* --- PROJECT PAGE - Sidebar --- */

#project #sidebar {
	background-color:#990000;
	width:201px;
	right:-201px;
	height:100%;
	/*-webkit-box-shadow: inset 10px 0px 10px rgba(0,0,0,.5);
	-moz-box-shadow: inset 10px 0px 10px rgba(0,0,0,.5);
	-o-box-shadow: inset 10px 0px 10px rgba(0,0,0,.5);*/
	box-shadow: inset 10px 0px 10px rgba(0,0,0,.5);
	border-left:1px solid #888;
	top:0;
	z-index:3;
	position:absolute;
	float:left;
	/*-webkit-transition-property: right;
	-webkit-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: right;
	-moz-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: right;
	-o-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
	transition-property: right;
	transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	background:url(/_shared/images/sidebar_image.jpg);
}

#project #sidebar.active {
/*	right:0px; */
}

#project #related-projects {
	position:relative;
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
	height:260px;
	width:201px;
	border-bottom:1px solid #aaa;
	z-index:1;
}

#project #related-select {
	background-color:#000;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:5px;
	margin-top:75px;
	text-align:center;
	z-index:5;
}

#project #sidebar ul {
	margin:0px;
	padding:0px;
	list-style:none;
	
}

#project #sidebar ul li {
	float:left;
}

#project #sidebar ul li a {
	display:block;
	width:100px;
	height:65px;
	position:relative;
}

#project #sidebar ul li a .thumb-wrapper {
	display:none;

}

#project #sidebar ul li a .thumb-image {
	display:none;
}

#project #sidebar ul li a h3 {
	display:none;
}

#project #sidebar ul li a img {

}

#project #sidebar ul li a span.background {
	width:99px;
	height:64px;
	background-color:rgba(0,0,0,0);
	position:absolute;
	top:0;
	left:0;
	/*-webkit-transition-property: background;
	-webkit-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: background;
	-moz-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: background;
	-o-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: background;
	transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#project #sidebar ul li a span.border {
	width:99px;
	height:63px;
	border:1px solid rgba(255,255,255,0);
	position:absolute;
	top:0;
	left:0;
	/*-webkit-transition-property: border;
	-webkit-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: border;
	-moz-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: border;
	-o-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: border;
	transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#project #sidebar ul li a:hover  span.background {
	background-color:rgba(0,0,0,.8);
}

#project #sidebar ul li a:hover span.border {
	border:1px solid #fff;
}

#project #sidebar ul li a.active span.border {
	border:1px solid #953f12
}

#project #sidebar ul li a:hover {
	z-index:4;
}

#project #sidebar #close-button {
	background:url(/_shared/images/close_arrow.png) -20px top ;
	font-size:9px;
	height:25px;
	padding:0px;
	margin-top:290px;
	width:97px;
}

#project #sidebar #close-button a {
	color:#fff;
	display:block;
	width:97px;
	padding:8px 10px;
	text-transform:uppercase;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	text-decoration:none;
}

#project #sidebar #close-button a:hover {
	text-decoration:underline;
}

#project #sidebar #external_link {
	
}

#related-pagination {
	z-index:11;
	width:80px;
	margin-right:100px;
	position:absolute;
	right:-200px;
	top:370px;
	margin-top:10px;
	margin-left:20px;
	/*-webkit-transition-property: right;
	-webkit-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition-property: right;
	-moz-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition-property: right;
	-o-transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition-property: right;
	transition: 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#related-pagination.sidebar-active {
/*	right:0; */

}

#related-pagination span {
	display:none;
}

#related-pagination a {
	border:1px solid rgba(0,0,0,0);
}

#related-pagination a:hover {
	border:1px solid #888;
}

#related-pagination #related-next {
	float:left;
	display:block;
	width:20px;
	height:20px;
	background:url(/_shared/images/other_next.png);
}

#related-pagination #related-prev {
	float:left;
	display:block;
	width:20px;
	height:20px;
	background:url(/_shared/images/other_prev.png);
}

/* --- PROJECT PAGE - Loaded Data --- */

#project #loaded-data {
	display:none;
}

#black-bg {
	width:100%;
	height:100%;
	z-index:0;
	position:absolute;
	background-color:#000;
	top:0;
	left:0;
	
}

#loading_indicator {
	width:100%;
	height:100%;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	background-color:#990000;
	background:url('/_shared/images/activity_indicator.gif') center center no-repeat;
}

#tooltip {
	display:none;
	z-index:10;
	padding:5px 7px;
	color:#222;
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	white-space: nowrap;
	font-size:11px;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	text-shadow:0px 0px 2px rgba(0,0,0,.5);
	opacity:1;
	-webkit-transition: opacity 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	/*-moz-transition: opacity 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition: opacity 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition: opacity 250ms cubic-bezier(0.445, 0.050, 0.550, 0.950);*/
}

#tooltip.hide {
	opacity:0;
}

.portfolio-stuff .project-images {
	float:right;
}

.portfolio-stuff .default {
	float:left;
}

.portfolio-stuff {
	width:1260px !important;
	margin:0px auto !important;
}

.portfolio-stuff .infos {
	display:block;
	color:#000;
	background-color:rgba(255,255,255,.2);
	height:40px;
	width:1056px;
	float:left;
}

.portfolio-stuff .infos h6 {
	display:none;
}

.portfolio-stuff .infos #category {
	display:none;
}

.portfolio-stuff .infos h3, .portfolio-stuff .infos h4 {
	font-size:15px;
	float:left;
	padding-right:20px;
	padding-left:20px;
	padding-top:10px;
	height:30px;
	border-right:1px dotted #fff;
}

.portfolio-stuff #meta {
	width:200px;
	padding:20px;
	float:right;
	font-size:11px;
	background-color:rgba(0,0,0,.5);
	color:#fff;
}

.portfolio-stuff #meta h5 {
	margin:0px;
	margin-top:10px;
}

.portfolio-stuff #meta a {
	display:block;
} 

.portfolio-stuff #nextprev {
	width:200px;
	padding:20px;
	float:right;
	font-size:11px;	
	background-color:rgba(0,0,0,.5);
	
}

.portfolio-stuff #external_link {
	font-size:15px;
	float:left;
	padding-right:20px;
	padding-left:20px;
	padding-top:10px;
	height:30px;
	color:#fff;
}

.portfolio-stuff #nextprev a {
	display:block;
}

#demo-video-flash {

}html.seven #size-info:after { content: "Laptop - Letterpress"; }

/* _________________________________________________

	1.ROOT
	2.HEADINGS
	3.TYPOGRAPHY
	4.LINKS
	5.GLOBAL OBJECTS
	6.TABLES
	7.FORMS
	8.HEADER (#header, #logo)
	9.NAVIGATION (#nav)
	10.WRAPPER (#wrapper)
	11.MAIN (#slideshow, #portfolio, #info, etc.)
	12.COMPLIMENTARY (#services, #message)
	13.FOOTERs (#footer, #footer-320, #footer-768, #fakefooter)
*/

/* 1.ROOT */

html.seven #new-title {
	display:block;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-500px;
}

html.seven {
	background:url('/_shared/images/styles/lp-background.jpg');
	background-size: 100%;
}

html.seven #complementary .doublewide {
	display:none;
}

html.seven #complementary .doublewide b {
	
	font-weight:800 !important;
}

html.seven #news h2 { 
	color:#333 !important;
}

html.seven #news #articles .article .rightcol {
	border-top:1px dotted #333 !important;
	border-bottom:1px dotted #333 !important;
}

html.seven #news #articles .tweet .rightcol { 
	border-bottom:1px dotted #333 !important;
}

html.seven #news #articles .cold-storage .tweet:first-child .rightcol {
	border-top:1px dotted #333 !important;
}


/* 8.HEADER */

html.seven #header #logo {
	display:none;
}

/* 11.MAIN */

html.seven #slideshow {
	display:none;
}

html.seven #main {
	height:370px ;
}

html.seven #main {
	border-bottom:0px ;
}

html.seven #buttons {
	display:none !important;
}

/* 12.NAVIGATION */
html.seven #nav {
	position:absolute;
	width:960px ;
	height:100px;
	margin:30px 0 0 0 ;
	padding:40px 0 0 0 ;
	top:310px;
	background:url(/_shared/images/lp-border.png) repeat-x;
}



html.seven.services #header #logo, 
html.seven.philosophy #header #logo, 
html.seven.news #header #logo, 
html.seven.portfolio #header #logo {
	display:block;
	margin-top:10px;
	padding-top:28px;
	box-shadow: 0 2px 2px rgba(0,0,0,0) ;
	background:url(/_shared/images/styles/lp-dist-nav-4.png), #4a4b52
	
}

html.seven.services #header #logo {
	padding-bottom:1px;
}

html.seven.services #nav, 
html.seven.philosophy #nav, 
html.seven.news #nav, 
html.seven.portfolio #nav {
	top:-60px;
	margin-left:273px;
}

html.seven.services #nav a, html.seven.philosophy #nav a, html.seven.news #nav a, html.seven.portfolio #nav a {
	width:120px;
	padding:70px 15px 04px 24px !important;
}

html.seven.portfolio #portfolio-list {
	margin-top:60px;
}

html.seven.services #pagecontent {
	height:530px !important;
}

html.seven.philosophy #pagecontent {
	height:530px !important;
}

html.seven.services #what, html.seven #philosophy, html.seven #news, html.seven #article, html.seven #eightball-page {
	color:#333 !important;
}

html.seven #articles .rightcol {
	color:#333 !important;
	background:transparent !important;
}

html.seven #articles .rightcol {
	
}

html.seven #articles .tweet h4 {
	font-weight:100;
}

html.seven #nav a {
	width:120px ;
	margin:0 12px 0 0 ;
	padding:70px 87px 04px 24px ;
	font-weight:600;
	text-align:left;
	text-transform:uppercase ;
	text-shadow:none;
	color:#f8e0b0;
	box-shadow: 0 2px 2px rgba(0,0,0,0) ;
}

html.seven #nav a span.tip {
	display:block;
	position:relative;
	padding:0;
	top:-100px;
	opacity:0;
	font-family:"ff-din-web-1","ff-din-web-2", arial;
}

h3 em {
	font-style:normal;
}

html.seven h3 em {
	display:block;
}

html.seven h3 br {
	display:none;
}

html.seven .doublewide h3 span {
	display:inline;
	float:left;
	text-align:right;
	margin-top:30px;
	font-size:20px;
	color:#954013;
	-webkit-color:transparent !important;
	-webkit-background:url(/_shared/images/styles/lp-distorted-gold.jpg), black;
	-webkit-background-clip:text;
}


html.seven h3 span em {
	display:inline;
}

html.seven #nav a:hover span.tip {
	top:-70px;
	opacity:1 ;
}

html.seven #nav a:last-child {
	margin:0 ;
}

html.seven .nav-colors  a:nth-child(1) {
	background:url(/_shared/images/styles/lp-dist-nav.png), #7a0608;
}

html.seven .nav-colors  a:nth-child(2) {
	background:url(/_shared/images/styles/lp-dist-nav-2.png), #003447;
}

html.seven .nav-colors  a:nth-child(3) {
	background:url(/_shared/images/styles/lp-dist-nav-3.png), #954013;
}

html.seven .nav-colors  a:nth-child(4) {
	background:url(/_shared/images/styles/lp-dist-nav-4.png), #4a4b52;
}

html.seven #wrapper {
	height:300px !important;
}

html.seven #pagecontent {
	height:640px;
}

html.seven.portfolio #wrapper {
	height:auto !important;
}

/* 12.COMPLIMENTARY */

html.seven .services {
	margin:0;
	padding:0;
	color:#454545 !important;
}

html.seven .services h4 {
	display:block;
	position:absolute;
	float:left;
	width:160px;
	height:300px;
	text-align:right;
	font-family:"superclarendon-1", "superclarendon-2", serif !important;
}

html.seven .services h4 span {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	color:#333;
	font-size:65px;
	word-break: break-all;
	
	-webkit-background:url(/_shared/images/styles/lp-dist-logo.jpg), black;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

html.seven .services h4 span.not-me {
}

html.seven .services ul {
	float:left;
	clear:both;
	display:block;
	margin:0px;
	padding:0px;
	margin-left:180px !important;
	font-size:16px;
	line-height:22px;
	width:100px !important;
	text-transform:uppercase !important;
}

html.seven #complementary .services ul.secondbox {
	margin:0px !important;
	margin-left:180px !important;
	padding:0px !important;
}

html.seven .services ul.firstchild {
	margin-top:15px !important;
}

html.seven .services ul li a {
	color:#333 !important;
	display:block;
}

html.seven .doublewide {
	width:960px !important;
}

html.seven .doublewide * {
	width:960px !important;
}

html.seven #complementary .leftcol {
	display:none;
}

html.seven .messages-viewer {
	display:none;
}

html.seven .doublewide h3 {
	position:absolute !important;
	width:960px;
	margin:0 0 0 -30px;
	top:60px !important;
	color:#333 !important;
	font-size:30px !important;
	font-weight:800 !important;
	text-transform:uppercase;
	line-height:40px !important;
	height:300px !important;
	-webkit-color:transparent !important;
	background-repeat:repeat-y;
	-webkit-background:url(/_shared/images/styles/lp-distorted.jpg), black;
	-webkit-background-clip:text;
}

html.seven #complementary #message {
	position:inherit !important;
}

html.seven .doublewide h3 b {
	-webkit-color:transparent !important;
	-webkit-background:url(/_shared/images/styles/lp-distorted-red.jpg), black;
	-webkit-background-clip:text;
	
}

html.seven .doublewide #message-viewer {
	width:100%;
	border:1px solid #aaa;
}

html.seven .doublewide #quote-control {
	display:none;
}

html.seven .doublewide #nextmessage {
	display:none;
}

html.seven .doublewide h3:first-line {
	
}

html.seven .doublewide h3 strong {
	-webkit-color:transparent !important;
	font-size:133px !important;
	-webkit-background:url(/_shared/images/styles/lp-dist-logo.jpg), black;
	letter-spacing:0px !important;
	-webkit-background-clip:text;
}

html.seven .doublewide h3 a span {
	display:none !important;
}

html.seven .doublewide h3 a small {
	font-weight:100 ;
}

html.seven .doublewide h3 span {
	display:block;
}

html.seven .column {
	background:transparent;
}

html.seven #complementary .column {
	background:transparent ;
	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0);
}

html.seven #complementary {
	height:240px ;
}

html.seven #complementary .lp-special ul {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:"ff-din-web-1","ff-din-web-2", arial;
	margin-top:10px;
}

html.seven #complementary .lp-special ul li {
	color:#333;
	display:block;
	float:left;
	font-weight:100;
	margin:0px !important;
	padding:0px !important;
	height:10px;
	background:url(/_shared/images/styles/lp-dot.png) no-repeat 0px 0px;
	padding-left:20px;
	border:1px solid #333;
}

html.seven #complementary .lp-special #lp-list {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:"ff-din-web-1","ff-din-web-2", arial;
	margin-top:50px;
}

html.seven #complementary .lp-special #lp-list div {
	float:left;
	background:url(/_shared/images/styles/lp-dot.png) no-repeat 0px 0px;
	height:10px;
	margin-right:30px;
	display:block;
}

html.seven #complementary .lp-special {
	display:block;
	float:right;
	margin:-20px 0 0 300px;
	color:#333;
	font-family:"superclarendon-1", "superclarendon-2", serif ;
	font-size:50px;
	text-align:right;
	position:absolute;
	text-transform:uppercase;
	line-height:47px;
	width:650px;
	font-weight:800;
	-webkit-color:transparent;
	-webkit-background:url(/_shared/images/styles/lp-dist-logo.jpg), black;
	-webkit-background-clip:text;
}

html.seven #complementary .lp-special #addressimg {
	float:right;
	margin-bottom:50px;
	margin-right:-22px;
}

html.seven #complementary .lp-special #hand {
	width:250px;
	position:absolute;
	left:-80px;
	top:00px;
}

html.seven #complementary .switcher {
	float:right;
	top:0px;
	border:1px dotted #333;
}

/* 13.FOOTERs */

html.seven #footer {
	background:url(/_shared/images/lp-border.png) repeat-x;
	border:0px ;
	padding:40px 0 0 0 ;
	color:#333 ;
}

html.seven #footer .column {
	border:0px ;
}

html.seven #complementary .lp-special img {
	margin:20px 0 0 50px;
}

html.seven img[src*="facebook"]{ content: url("/_shared/images/styles/lp-facebook.png"); }
html.seven img[src*="twitter"]{ content: url("/_shared/images/styles/lp-twitter.png"); }
html.seven img[src*="linkedin"]{ content: url("/_shared/images/styles/lp-linkedin.png"); }

html.seven #footer .eightball {
	margin-top:-100px;
	width:170px;
	height:170px;
	position:absolute;
	margin-left:800px;
	background:url(/_shared/images/styles/lp-logo.png);
}

html.seven #footer .eightball {
	
}

html.seven #footer .eightball a {
	width:170px;
	height:170px;
}

html.seven .address {
	display:none;
}

html.seven #footer .socialmedia a  {
	color:#333 ;
	background:transparent ;
	text-shadow:none ;
}

html.seven #footer .column h4 { 
	color:#333 ;
	text-shadow:none ;
}

html.seven #footer .column h4 {
	color:#333;
	text-shadow:none;
}

html.seven #footer .contact-info {
	color:#333;
}

html.seven #footer .email span.icon {
	background-image:url("/_shared/images/styles/lp-mail-icon.png");
	-webkit-box-shadow:none;
}

html.seven #footer strong {
	color:#333;
	text-shadow:none;
}

html.seven #footer a.button {
	padding:0 0 0 35px ;
	color:#555 !important;
	background:rgba(0,0,0,0) ;
	text-shadow:none;
	border:0px;
	padding-bottom:3px;
	padding-top:6px;
	border-bottom:1px dotted #333;
	-webkit-box-shadow:none;
	-webkit-animation-name: none;
}

html.seven #fakefooter {
	display:none;
}

/* Only Laptop Sized Screen */
@media only screen and (max-height: 900px){

	html.seven {
		overflow:scroll;
	}

	html.seven #doc {
		height:900px;
		overflow:hidden;
	}
	
	
	html.seven.portfolio {
		overflow:hidden !important;
	}
	
	html.seven .news #doc {
		height:auto !important;
	}
	
	html.seven .portfolio #doc {
		height:100% !important;
	}
	
	html.seven #meta {
		left:0;
		right:auto !important;
		top:50% !important;
		margin-top:-100px !important;
		text-align:left !important;
		padding-left:20px;
	}
	
	html.seven #meta-right {

		top:50% !important;
		margin-top:116px !important;
	}
	
	html.seven #project #sidebar #close-button {
		top:50% !important;
		position:absolute !important;
		margin-top:210px !important;
	}
	
	html.seven #related-toggle {
		right:0 !important;
		margin-top:50px !important;
		top:50% !important;
		position:absolute !important;
	}
	
	html.seven #project #related-select {
		top:50% !important;
		position:absolute !important;
		margin-top:-135px;
		width:200px !important;
	}
	
	html.seven #project #related-projects {
		top:50% !important;
		position:absolute !important;
		margin-top:-100px
	}
	
	html.seven #project #related-pagination {
		top:50% !important;
		position:absolute !important;
		margin-top:170px
	}
	


}


.eightball-page {
	height:457px;
	width:960px;
	margin:0px auto;
	overflow:hidden;
}

#circle-container {
	position:absolute;
	z-index:2;
	overflow:hidden;
	width:300px;
	margin-left:40px;
	margin-top:60px;
	-moz-border-radius:150px;
	-webkit-border-radius: 150px;
	height:300px;
	-webkit-mask-box-image: url(/_shared/images/eightball_mask.png)
	-moz-mask-box-image: url(/_shared/images/eightball_mask.png)
	-o-mask-box-image: url(/_shared/images/eightball_mask.png)
	mask-box-image: url(/_shared/images/eightball_mask.png)

}

#circle-container #eightball-messages {
	background-color:#111;
	margin:4px 0 0 4px;
	width:134px;
	height:134px;
	-webkit-mask-box-image: url(/_shared/images/eightball_mask.png) 50 stretch;
	-moz-mask-box-image: url(/_shared/images/eightball_mask.png) 50 stretch;
	-o-mask-box-image: url(/_shared/images/eightball_mask.png) 50 stretch;
	mask-box-image: url(/_shared/images/eightball_mask.png) 50 stretch;
}

#all-messages {
	display:none;
}

#circle-container #eightball-messages #eightball-current-message {
	color:#fff;
	display:block;
	position:absolute;
	width:108px;
	height:92px;
	opacity:0;
	text-align:center;
	font-size:13px;
	top:10px;
	left:20px;
	padding-top:29px;
	text-shadow:2px 2px 2px rgba(0,0,0,.25);
	font-family:"ff-din-web-1","ff-din-web-2", arial;
	background:url(/_shared/images/eightball_dice.png) no-repeat;
	-webkit-transition-property:-webkit-transform, opacity, top, left;
	-webkit-transition: 500ms ease-out;
	-webkit-transform:rotate(10deg);
	
	-moz-transition-property:-moz-transform, opacity, top, left;
	-moz-transition: 500ms ease-out;
	-moz-transform:rotate(10deg);
	
	-o-transition-property:-moz-transform, opacity, top, left;
	-o-transition: 500ms ease-out;
	-o-transform:rotate(10deg);
	
	transition-property:-moz-transform, opacity, top, left;
	transition: 500ms ease-out;
	transform:rotate(10deg);
	
}

#circle-container #eightball-messages  #eightball-current-message.fadeOn {
	opacity:1;
	-webkit-transform:rotate(13deg);
	-webkit-transition-property: -webkit-transform, opacity, top, left;
	-webkit-transition: 500ms ease-out;
	
	-moz-transform:rotate(13deg);
	-moz-transition-property: -webkit-transform, opacity, top, left;
	-moz-transition: 500ms ease-out;
	
	-o-transform:rotate(13deg);
	-o-transition-property: -webkit-transform, opacity, top, left;
	-o-transition: 500ms ease-out;
	
	transform:rotate(13deg);
	transition-property: -webkit-transform, opacity, top, left;
	transition: 500ms ease-out;
}

#circle-container #eightball-messages #eightball-current-message span {
	display:block;
	height:15px;
}

#circle-container #eightball-messages #eightball-current-message span.shrink {
	height:5px;
}

#circle-container #eightball-messages #eightball-current-message span.higher {
	margin-top:-10px;
}

#circle-container #eightball-messages #eightball-current-message span.more {
	margin-top:8px;
}


#circle {
	display:block;
	position:relative;
	background-color: #111;
	height: 300px;

	width: 300px;
	-moz-border-radius:150px;
	-webkit-border-radius: 150px;
	background:-webkit-gradient(radial, 25% 25%, 0, 25% 25%, 35, from(#fff), to(#111)) no-repeat #111;
	background:-moz-gradient(radial, 25% 25%, 0, 25% 25%, 35, from(#fff), to(#111)) no-repeat #111;
	background:-o-gradient(radial, 25% 25%, 0, 25% 25%, 35, from(#fff), to(#111)) no-repeat #111;
	background:gradient(radial, 25% 25%, 0, 25% 25%, 35, from(#fff), to(#111)) no-repeat #111;
	color:#111;
}


#circle:hover {
	text-decoration:none;
	cursor:hand;
	background-color: #333;
	
}

#circle #viewer {
	position:absolute;
	background-color: #717174;
	border:4px solid #cfcfcf;
	width:150px;
	top:50%;
	left:50%;
	margin:76px 0 0 -75px;
	height:150px;
	-moz-border-radius:75px;
	-webkit-border-radius: 75px;
	-webkit-transform:scaleY(.01);
	-moz-transform:scaleY(.01);
	-o-transform:scaleY(.01);
	transform:scaleY(.01);
}

#circle #logo-s51 {
	position:absolute;
	background-color: #fff;
	width:100px;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
	height:100px;
	-moz-border-radius:50px;
	-webkit-border-radius: 50px;
	-o-border-radius:50px;
	border-radius:50px;
}

#circle #logo-s51 span {
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	font-size:50px;
	display:block;
	padding-top:20px;
	letter-spacing:-4px;
	text-align:center;
}

#circle.rotateball #logo-s51 {
	margin-top:-201px;
	-webkit-transform:scaleY(.01);
	-webkit-transition-property: margin, -webkit-transform;
	-webkit-animation: rotation 500ms ease-in;
	
	-moz-transform:scaleY(.01);
	-moz-transition-property: margin, -webkit-transform;
	-moz-animation: rotation 500ms ease-in;
	
	-o-transform:scaleY(.01);
	-o-transition-property: margin, -webkit-transform;
	-o-animation: rotation 500ms ease-in;
	
	transform:scaleY(.01);
	transition-property: margin, -webkit-transform;
	animation: rotation 500ms ease-in;
}

#circle.rotateball-back #logo-s51 {
	margin-top:-50px;
	-webkit-transform:scaleY(1);
	-webkit-transition-property: margin, -webkit-transform;
	-webkit-animation: rotation_back 500ms ease-in;
	
	-moz-transform:scaleY(1);
	-moz-transition-property: margin, -webkit-transform;
	-moz-animation: rotation_back 500ms ease-in;
	
	-o-transform:scaleY(1);
	-o-transition-property: margin, -webkit-transform;
	-o-animation: rotation_back 500ms ease-in;
	
	transform:scaleY(1);
	transition-property: margin, -webkit-transform;
	animation: rotation_back 500ms ease-in;
}

@-webkit-keyframes rotation, @-moz-keyframes rotation {
	0% { 
		margin-top:-50px;
		-webkit-transform:scaleY(1);
		-moz-transform:scaleY(1);
		-o-transform:scaleY(1);
		transform:scaleY(1);
	}
	7% {
		margin-top:-100px;
		-webkit-transform:scaleY(.95);
		-moz-transform:scaleY(.95);
		-o-transform:scaleY(.95);
		transform:scaleY(.95);
	}
	14% {
		margin-top:-140px;
		-webkit-transform:scaleY(.79);
		-moz-transform:scaleY(.79);
		-o-transform:scaleY(.79);
		transform:scaleY(.79);
	}
	21% {
		margin-top:-160px;
		-webkit-transform:scaleY(.60);
		-moz-transform:scaleY(.60);
		-o-transform:scaleY(.60);
		transform:scaleY(.60);
	}
	
	28% {
		margin-top:-180px;
		-webkit-transform:scaleY(.34);
		-moz-transform:scaleY(.34);
		-o-transform:scaleY(.34);
		transform:scaleY(.34);
	}
	
	34% {
		margin-top:-190px;
		-webkit-transform:scaleY(.11);
		-moz-transform:scaleY(.11);
		-o-transform:scaleY(.11);
		transform:scaleY(.11);
	}
	
	41% {
		margin-top:-195px;
		-webkit-transform:scaleY(.05);
		-moz-transform:scaleY(.05);
		-o-transform:scaleY(.05);
		transform:scaleY(.05);
	}
	
	50% { 
		margin-top:-201px;
		-webkit-transform:scaleY(.01);
		-moz-transform:scaleY(.01);
		-o-transform:scaleY(.01);
		transform:scaleY(.01);
	}
	
	100% {
		margin-top:-201px;
		-webkit-transform:scaleY(.01);		
		-moz-transform:scaleY(.01);		
		-o-transform:scaleY(.01);		
		transform:scaleY(.01);		
	}
}

@-webkit-keyframes rotation_back, @-moz-keyframes rotation_back {
	100% { 
		margin-top:-50px;
		-webkit-transform:scaleY(1);
		-moz-transform:scaleY(1);
		-o-transform:scaleY(1);
		transform:scaleY(1);
	}
	92% {
		margin-top:-100px;
		-webkit-transform:scaleY(.95);
		-moz-transform:scaleY(.95);
		-o-transform:scaleY(.95);
		transform:scaleY(.95);
	}
	85% {
		margin-top:-140px;
		-webkit-transform:scaleY(.79);
		-moz-transform:scaleY(.79);
		-o-transform:scaleY(.79);
		transform:scaleY(.79);
	}
	78% {
		margin-top:-160px;
		-webkit-transform:scaleY(.60);
		-moz-transform:scaleY(.60);
		-o-transform:scaleY(.60);
		transform:scaleY(.60);
	}
	
	71% {
		margin-top:-180px;
		-webkit-transform:scaleY(.34);
		-moz-transform:scaleY(.34);
		-o-transform:scaleY(.34);
		transform:scaleY(.34);
	}
	
	64% {
		margin-top:-190px;
		-webkit-transform:scaleY(.11);
		-moz-transform:scaleY(.11);
		-o-transform:scaleY(.11);
		transform:scaleY(.11);
	}
	
	57% {
		margin-top:-195px;
		-webkit-transform:scaleY(.05);
		-moz-transform:scaleY(.05);
		-o-transform:scaleY(.05);
		transform:scaleY(.05);
	}
	
	50% { 
		margin-top:-201px;
		-webkit-transform:scaleY(.01);
		-moz-transform:scaleY(.01);
		-o-transform:scaleY(.01);
		transform:scaleY(.01);
	}
	
	0% { 
		margin-top:-201px;
		-webkit-transform:scaleY(.01);
		-moz-transform:scaleY(.01);
		-o-transform:scaleY(.01);
		transform:scaleY(.01);
	}
}

#circle.rotateball #viewer {
	margin-top:-75px;
	opacity: 1;
	-webkit-transform:scaleY(1);
	
	-webkit-transition-property: margin, -webkit-transform, opacity;
	-webkit-animation: rotation_viewer 500ms;
}

#circle.rotateball-back #viewer {
	margin-top:76px;
	-webkit-transform:scaleY(.01);
	
	-webkit-transition-property: margin, -webkit-transform, opacity;
	-webkit-animation: rotation_viewer_back 500ms;
}

@-webkit-keyframes rotation_viewer {
	0% {
		margin-top:76px;
		-webkit-transform:scaleY(.01);
	}
	50% {
		margin-top:76px;
		-webkit-transform:scaleY(.01);
	}
	57% {
		-webkit-transform:scaleY(.05);
		margin-top:70px;
	}
	64% {
		-webkit-transform:scaleY(.11);
		margin-top:65px;
	}
	71% {
		-webkit-transform:scaleY(.34);
		margin-top:45px;
	}
	78% {
		-webkit-transform:scaleY(.60);
		margin-top:25px;
	}
	85% {
		-webkit-transform:scaleY(.79);
		margin-top:-15px;
	}
	
	92% {
		-webkit-transform:scaleY(.95);
		margin-top:-60px;
	}
	
	100% { 
		margin-top:-75px;
		-webkit-transform:scaleY(1);
		
	}
}

@-webkit-keyframes rotation_viewer_back {
	100% {
		margin-top:76px;
		-webkit-transform:scaleY(.01);
	}
	50% {
		margin-top:76px;
		-webkit-transform:scaleY(.01);
	}
	42% {
		-webkit-transform:scaleY(.05);
		margin-top:70px;
	}
	35% {
		-webkit-transform:scaleY(.11);
		margin-top:65px;
	}
	28% {
		-webkit-transform:scaleY(.34);
		margin-top:45px;
	}
	21% {
		-webkit-transform:scaleY(.60);
		margin-top:25px;
	}
	14% {
		-webkit-transform:scaleY(.79);
		margin-top:-15px;
	}
	
	7% {
		-webkit-transform:scaleY(.95);
		margin-top:-60px;
	}
	
	0% { 
		margin-top:-75px;
		-webkit-transform:scaleY(1);
	}
}


#circle-container.shake {
	margin-left:40px;
	margin-top:60px;
	-webkit-transition-property: margin;
	-webkit-animation: shake_ball 1515ms;
}

@-webkit-keyframes shake_ball {
	0% {
		margin-left:40px;
		margin-top:60px;
	}
	
	3% {
		margin-left:40px;
		margin-top:50px;
	}
	
	23% {
		margin-left:60px;
		margin-top:50px;
	}
	
	31% {
		margin-left:25px;
		margin-top:50px;
	}
	
	38% {
		margin-left:50px;
		margin-top:50px;
	}
	
	45% {
		margin-left:30px;
		margin-top:50px;
	}
	
	49% {
		margin-left:50px;
		margin-top:50px;
	}
	
	56% {
		margin-left:40px;
		margin-top:50px;
	}
	
	70% {
		margin-left:40px;
		margin-top:50px;
	}
	
	100% { 
		margin-top:60px;
		margin-left:40px;
	}
}



#circle-shadow {
	background-color:#fff;
	width:312px;
	height:312px;
	opacity:0;
	position:absolute;
	z-index:1;
	margin-left:34px;
	margin-top:54px;
	-moz-border-radius:156px;
	-webkit-border-radius: 156px;
}

#circle-shadow.hover {
	opacity:.25;
}

#eightball-info {
	color:#fff;
	width:500px;
	height:300px;
	margin-left:380px;
	margin-top:100px;
	text-shadow:0px 2px 2px rgba(0,0,0,.5);
	font-family:"ff-din-web-1","ff-din-web-2", arial;
}

#eightball-info h3 {
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	font-size:50px;
	letter-spacing:-3px;
	margin-bottom:7px;
}

#eightball-info h4 {
	margin-bottom:0px;
	text-transform:lowercase;
	font-weight:800;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
}




/* Print */
@media print {
/* _________________________________________________

	1.ROOT
	2.HEADINGS
	3.TYPOGRAPHY
	4.LINKS
	5.GLOBAL OBJECTS
	6.TABLES
	7.FORMS
	8.HEADER (#header, #logo)
	9.NAVIGATION (#nav)
	10.WRAPPER (#wrapper)
	11.MAIN (#slideshow, #portfolio, #info, etc.)
	12.COMPLIMENTARY (#services, #message)
	13.FOOTERs (#footer, #footer-320, #footer-768, #fakefooter)
*/

/* ROOT */

* { 
background : transparent !important; 
color : black !important; 
text-shadow : none !important; 
filter : none !important;
-ms-filter : none !important; } 

a, a:visited { 
color : #444 !important; 
text-decoration : underline; }

a[href]:after { 
content : " (" attr(href) ")"; }

abbr[title]:after { 
content : " (" attr(title) ")"; }

a[href^="javascript:"]:after, 
a[href^="#"]:after { 
content : ""; }
  
pre, blockquote { 
border : 1px solid #999; 
page-break-inside : avoid; }

thead { 
display : table-header-group; }

tr, img { 
page-break-inside : avoid; }

@page { 
margin : .5cm; }

p, h2, h3 { 
orphans : 3; 
widows : 3; }

h2, h3 { 
page-break-after : avoid; }}

/* Only iPhone Portrait */
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation : portrait) {
}

/* Only iPhone Landscape */
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation : landscape) {
#size-info:after { content: "iPhone Landscape";}

/* _________________________________________________

	1.ROOT
	2.HEADINGS
	3.TYPOGRAPHY
	4.LINKS
	5.GLOBAL OBJECTS
	6.TABLES
	7.FORMS
	8.HEADER (#header, #logo)
	9.NAVIGATION (#nav)
	10.WRAPPER (#wrapper)
	11.MAIN (#slideshow, #portfolio, #info, etc.)
	12.COMPLIMENTARY (#services, #message)
	13.FOOTERs (#footer, #footer-320, #footer-768, #fakefooter)
*/

#wrapper {
}

html {
	width:960px;
	height:800px !important;
}


#portfolio-viewport {
	height:800px !important;
}

.center-grid {
}}

/* Only iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) and (orientation : portrait) {
#size-info:after { content: "iPad Portrait";}

/* _________________________________________________

	1.ROOT
	2.HEADINGS
	3.TYPOGRAPHY
	4.LINKS
	5.GLOBAL OBJECTS
	6.TABLES
	7.FORMS
	8.HEADER (#header, #logo)
	9.NAVIGATION (#nav)
	10.WRAPPER (#wrapper)
	11.MAIN (#slideshow, #portfolio, #info, etc.)
	12.COMPLIMENTARY (#services, #message)
	13.FOOTERs (#footer, #footer-320, #footer-768, #fakefooter)
*/


/* 5.GLOBAL OBJECTS */



}

/* Only iPad Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#size-info:after { content: "LetterPress - iPad";}

/* _________________________________________________

	1.ROOT
	2.HEADINGS
	3.TYPOGRAPHY
	4.LINKS
	5.GLOBAL OBJECTS
	6.TABLES
	7.FORMS
	8.HEADER (#header, #logo)
	9.NAVIGATION (#nav)
	10.WRAPPER (#wrapper)
	11.MAIN (#slideshow, #portfolio, #info, etc.)
	12.COMPLIMENTARY (#services, #message)
	13.FOOTERs (#footer, #footer-320, #footer-768, #fakefooter)
*/

html {
	width:1000px;
	background-size:120% !important;
}

body {
	background-size:120% !important;
	
}

#nav {
	margin-top:-10px !important;
}

#logo {
	margin-top:-50px !important;
}

#wrapper {
	height:570px !important;
	margin-top:-10px;
}



.news #wrapper {
	position:relative !important;
	height:auto !important;
}

#philosophy p {
	font-size:15px;
}

.news #fakefooter {
	margin-top:30px !important;
	
}

#footer {
	height:70px !important;
}

#footer .column {
	height:85px !important;
}

#footer .address {
	margin-top:0px;
	font-size:11px !important;
}

#footer .address a {
	color:#aaa;
}

#footer {
  opacity:1 !important;
}

#footer:hover {
 opacity:1;
}

html.seven #footer {
	height:170px !important;
}

html.seven #footer .column {
	height:170px !important;
}

#pagination-location {
	position:absolute !important;
	top:635px;
}

.portfolio #fakefooter {
	margin-top:8px !important;
}

.white {
	
}

html.seven #logo {
	padding-top:50px !important;
	height:75px !important;
}

html.seven.portfolio #logo {
	padding-top:50px !important;
	height:38px !important;
}

html.seven #wrapper {
	height:600px !important;
}

html.seven #nav {
	background:transparent !important;
}

html.seven .backgroundarea {
	display:none !important;
}

html.seven .emailform {
	display:none !important;
}


html.seven img[src*="facebook"]{ content: normal !important; }
html.seven img[src*="twitter"]{ content: normal !important; }
html.seven img[src*="linkedin"]{ content: normal !important; }

}

/* Only Laptop Sized Screen */
@media only screen and (max-height: 769px){

	html {
		overflow:scroll;
	}

	#doc {
		height:800px;
		overflow:hidden;
	}
	
	
	html.portfolio {
		overflow:hidden !important;
	}
	
	.news #doc {
		height:auto !important;
	}
	
	 .portfolio #doc {
		height:100% !important;
	}
	
	
	html.seven {
		
	}
	
	html.seven #doc {
		height:900px;
	}
	
	#meta {
		left:0;
		right:auto !important;
		top:50% !important;
		margin-top:-100px !important;
		text-align:left !important;
		padding-left:20px;
	}
	
	#meta-right {

		top:50% !important;
		margin-top:116px !important;
	}
	
	#project #sidebar #close-button {
		top:50% !important;
		position:absolute !important;
		margin-top:160px !important;
	}
	
	#related-toggle {
		right:0 !important;
		margin-top:0px !important;
		top:50% !important;
		position:absolute !important;
	}
	
	#project #related-select {
		top:50% !important;
		position:absolute !important;
		margin-top:-185px;
		width:200px !important;
	}
	
	#project #related-projects {
		top:50% !important;
		position:absolute !important;
		margin-top:-150px
	}
	
	#project #related-pagination {
		top:50% !important;
		position:absolute !important;
		margin-top:120px
	}
	
	#project #back-portfolio-list {
		width:130px !important;
	}
	


}

/* Only Desktop Sized Screen (inherits from Laptop) */
@media only screen and (min-width: 1382px) {
		
}

/* For iPhone 4 High Res Screen */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
}

/* For Alt Styles (global to all formats) */
/* _________________________________________________

	1.Default Style
	2.Minimal Style
	3.TBA Style
	4.TBA Style
	5.TBA Style
	6.TBA Style
	7.Letterpress Style
*/


/* 1.Default Style */

html.one {
	background:url('/_shared/images/styles/1_new.jpg');
	background-size: cover;	
	
}

html.two #footer, html.three #footer, html.four #footer, html.five #footer, html.six #footer, html.seven #footer {
  opacity:1;
}



/* 2.Minimal Style */

html.two #footer a, html.two #footer address a {
	color:#333 !important;
}

html.two #footer a#map {
	border:1px solid rgba(0,0,0,0);
}

html.two #footer a#map:hover {
	background-color:#fff;
	box-shadow:0px 1px 2px rgba(0,0,0,0);
	border:1px solid #aaa;
	text-decoration:none;
}

html.two #footer a.button {
	color:#fff !important;
}

html.two {
	background:url('/_shared/images/styles/2.jpg');
}

html.two .white {
	color:#444 !important;
}

html.two .black {
	color:#aaa !important;
}

html.two #header #nav a {
	background-color:#fff;
	color:#444;
}

html.two .nav-colors  a:nth-child(1) {
	border-bottom:5px solid #7a0608;
}

html.two .nav-colors  a:nth-child(2) {
	border-bottom:5px solid #003447;
}

html.two .nav-colors  a:nth-child(3) {
	border-bottom:5px solid #954013;
}

html.two .nav-colors  a:nth-child(4) {
	border-bottom:5px solid #4a4b52;
}

html.two .nav-colors  a:nth-child(5) {
	border-bottom:5px solid #7a0608;
}

html.two .nav-colors  a:nth-child(6) {
	border-bottom:5px solid #003447;
}

html.two .nav-colors  a:nth-child(7) {
	border-bottom:5px solid #954013;
}

html.two .nav-colors  a:nth-child(8) {
	border-bottom:5px solid #4a4b52;
}

html.two #header h1 { 
	background-color:#aaa;
}

html.two #header #logo { 
	background-color:#aaa;
	height:78px;
}

html.two #header.fullscreen #logo {
	height:38px;
}


html.two #wrapper #main #slideshow #menu a {
	color:#333;
	background-color:#fff;
}

html.two #wrapper #complementary .column {
	background:rgba(0,0,0,0);
	color:#333;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

html.two #wrapper #complementary .services  {
	border-right:1px dotted #aaa;
	padding-left:0px;
	margin-left:0px;
}

html.two #wrapper #complementary .services ul li a {
	color:#333;
}

html.two #wrapper #complementary .services  h4 {
	color:#990000;
}

html.two #wrapper #complementary .column h3 {
	color:#777;
}

html.two #wrapper #complementary .column h3 a {
	color:#000;
}

html.two #footer {
	color:#333;
}

html.two #wrapper #footer .featured ul a {
	color:#888;
}

html.two #wrapper #footer .column h4 {
	color:#aaa;
	text-shadow:none;
}

html.two #wrapper #footer .contact-info {
	color:#888;
}

html.two #wrapper #footer strong{
	color:#888;
	text-shadow:none;
}

html.two #fakefooter {
	background-repeat:no-repeat;
	background-color:#ddd;
}

html.two .slidecontent .black {color:#aaa;}

html.two #buttons .next {
	background:url(/_shared/images/styles/arrows/two_next.png);
}

html.two #buttons .prev {
	background:url(/_shared/images/styles/arrows/two_back.png);
}

html.two #what, html.two #philosophy, html.two #news {
	color:#222;
}

html.two #footer .switcher a.active {
	background:url(/_shared/images/switcher_arrow_alt.png) no-repeat 2px bottom;
}

html.two #footer .switcher a.active img {
	border:rgba(0,0,0,1) 1px solid;
}

html.two #news {
}

html.two #news a {
	color:#00a9e7;
}

html.two #news #articles {
	clear:both;
}

html.two #news #articles .article {
	color:#fff;
	clear:both;
}

html.two #news #articles .article .date {
	font-size:16px;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	float:right;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	
}

html.two #news #articles .article h3 {
	font-size:16px;
	font-family:"superclarendon-1", "superclarendon-2", georgia;
	float:left;
	width:400px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	
}

html.two #news #articles .article .leftcol {
	width:300px;
	float:left;
}

html.two #news #articles .article .leftcol img {
	border:1px solid #fff;
}

html.two #news #articles .article .body {
	clear:both;
	font-family:"ff-din-web-1","ff-din-web-2", helvetica;
	font-size:14px;
	line-height:22px;
	
}

html.two #news #articles .article .rightcol {
	background-color:rgba(255,255,255,0);
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

html.two #news #articles .tweet {
	color:#333;
}

html.two #news #articles .tweet a {
	color:#333;
}

html.two #news #articles .tweet .leftcol {
	color:#990000 !important;
}

html.two #news #articles .article .rightcol {
	background-color:#fff;
	color:#333;
}

html.two #news h2 {
	color:#333;

}


html.two #news #articles .tweet .leftcol img {

}

html.two #news #articles .tweet .rightcol { 
	border-bottom:1px dotted #777;
}

html.two #news #articles .tweet .rightcol img {

}

html.two #news #articles .tweet:last-child .rightcol {
	border-bottom:none;
}

html.two #news #articles .tweet h4 {

}

html.two #news #articles .three h4 {

}

html.two #news #articles .tweet.more {

}

html.two #project-info {
	background-color:rgba(255,255,255,.8) !important;
	color:#333;
	text-shadow:none !important;
}

html.two #project-info #image-location {
	color:#333;
	text-shadow:none !important;	
}

html.two #project-info h3, html.two #project-info h4 {
	color:#333;
	border-color:#333;
}

html.two #complementary .column #quote-control a {
	border:1px solid rgba(30,30,30,.5);
}

html.two .give_voice {
	background:url(/_shared/images/give_voice_alt.png);
}

/* 3.TBA Style */

html.three {
	background:url('/_shared/images/styles/3_wood.jpg');
	background-size: cover;	
}

html.three #footer .eightball {	background:url(/_shared/images/eightball_wood.png); }


html.three .slidecontent .black { color:#aaa;}

/* 4.TBA Style */

html.four {
	background:url('/_shared/images/styles/4.jpg');
}

/* 5.TBA Style */

html.five {
	background:url('/_shared/images/styles/5_brick.jpg');
	background-size: cover;	
	
}

/* 6.TBA Style */

html.six {
	background:url('/_shared/images/styles/6_cheesecloth.jpg');
	background-size: cover;	
	
}

/* 7.Letterpress Style - Contained in _letterpress.css*/

html.seven {

}