@charset "UTF-8";

/*=========================*/
/*>>>>>>>>>BASE<<<<<<<<<<<<*/
/*=========================*/
/*&thankstoHTML5Boilerplate*/


/*Desyna Palette:--------------
		
		light grey: #C4C4C4
		grey: #7e7e7e
		dark grey: #7C7C7C;
		light black: #2F2E2D (47,46,45);
		black: #141414 (20,20,20);
		white: #F9F9F9 (250,250,250);
		blue: #007AB0
		dark blue: 
		red: #da0303

/*

/*--Images---------------------

	header: 1200x415
	work main image: 535x420
	work thumbs: 50x50
	blog preview: 250x250
	blog image: 544x288
*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub,sup, var,b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption,figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{display:block;}
nav ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}
ins {background-color:#ff9; color:#000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}
/* END RESET */

/* Equalize fonts*/
body {font:14px/1.631 sans-serif; *font-size:small; }
select, input, textarea, button {font:99% sans-serif}
pre, code, kbd, samp {font-family: monospace, sans-serif}
 
/* minimal base styles */
* {margin: 0; padding: 0}
html {overflow-y: scroll}
body, select, input, textarea {color: #444}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, a:focus {outline: none}

ul, ol {margin-left: 1.8em}
ol {list-style-type: decimal}

/* Remove margins for navigation lists */
nav ul, nav li {margin: 0} 

strong, th {font-weight: bold}

td, td {vertical-align: top} 

img {vertical-align:bottom}

sub {vertical-align: sub; font-size: smaller}
sup {vertical-align: super; font-size: smaller}

pre {padding: 15px; white-space: pre; /* CSS2 */white-space: pre-wrap; /* CSS 2.1 */white-space: pre-line; /* CSS 3 */word-wrap: break-word; /* IE */}
 
textarea {overflow: auto}

.ie6 legend, .ie7 legend {margin-left: -7px}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {vertical-align: text-bottom}
input[type="checkbox"] {vertical-align: bottom}
.ie7 input[type="checkbox"] {vertical-align: baseline}
.ie6 input {vertical-align: text-bottom}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button {cursor: pointer}
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea {margin: 0}

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
	border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px red; 
	-webkit-box-shadow: 0px 0px 5px red; 
	box-shadow: 0px 0px 5px red
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {background-color: #f0dddd}

/* selection declarations */
::-moz-selection{background: #FF5E99; color:#fff; text-shadow: none}
::selection {background:#FF5E99; color:#fff; text-shadow: none} 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99} 

/* make buttons play nice in IE: */
button {width: auto; overflow: visible}
 
/* bicubic resizing for non-native sized IMG */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* Helper classes */

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

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

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px)}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {visibility: hidden}

/* CLEARFIX: */
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden} 
.clearfix:after {clear: both}
.clearfix {zoom: 1}

/*--Tables----------------------->>*/

table {border: 1px solid gray;border-spacing: 0px;border-style: none;border-collapse: collapse;background-color: white}
table th {border: 1px solid gray;padding: 1px;border-style: inset;border-color: gray;background-color: white}
table td {border: 1px solid gray;padding: 1px;padding-left:4px;border-style: inset;background-color: white}

/*--Lists----------------------->>*/

ul {list-style:disc;margin:0;padding:0}

/*--Images----------------------->>*/

.img-right {
	float:right;
	margin:0 0 1.7em 1.7em;
}
.img-left {
	float:right;
	margin:0 1.7em 1.7em 0;
}
/*-------------------------------------------------------------------------------------------*/



/*========================*/
/*>>>>>>> SYSTEM <<<<<<<<<*/
/*========================*/

html {overflow-y: scroll}

body {
	margin: 0;
	padding: 0;
	background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_body-bgd-repeat.png') repeat 0 0;
	width: 100%;
	text-align:center;
}

section, .section {display:inline-block}

ul li {
	margin-bottom: 5px;
	list-style: none;
}
hr {
	height: 2px;
	background:url('http://d2011.s3.amazonaws.com/images/site/hr.png') repeat-x 0 0;
	border: none;
	margin: 1.7em 0;
	clear: both;
}
hr.main {
	height:10px;
	background:url(http://d2011.s3.amazonaws.com/images/site/v2_1_diag-stripes.gif) repeat 0 0;
	filter: alpha(opacity = 30);
	-moz-opacity:0.3;
	-webkit-opacity:0.3;
	opacity:0.3;
}
.ie7 hr {
	background:none;
	height:1px;
	color:#CCC;
}
p + hr {margin-top:0;}
hr.section-breaker {
	height:8px;
	background:url('http://d2011.s3.amazonaws.com/images/site/header-horizon.png') no-repeat top center;
	margin:0 0 3.4em 0;
}
.checkbox-selection,
.dropdown-selection {margin-bottom: 1em}
.checkbox-selection label,
.checkbox-selection-header {display: block}
body#user-messages #contentWrapper {padding-top: 100px}
body#user-messages #system-icon {
    float: left;
    margin: 0 5% 1em 0;
}

blockquote {
	clear:both;
	padding-left:30px;
	background:url('http://d2011.s3.amazonaws.com/images/site/quote-start.png') no-repeat 0 0;
	text-align:left;
}
blockquote q {
	padding-right:30px;
	background:url('http://d2011.s3.amazonaws.com/images/site/quote-end.png') no-repeat bottom right;
}
blockquote cite {
	display:block;
	text-align:right;
}
blockquote cite span:first-child {
	border-top
	border-top:1px solid #C4C4C4;
	padding-top:5px;
}
.rgba blockquote cite span:first-child {border-top:1px solid rgba(0,0,0,0.25);}

blockquote p {padding-bottom:0}


/*========================*/
/*>>>>>>> LAYOUT <<<<<<<<<*/
/*========================*/

/*>>>>>>FRAME-------------*/


section, .section, #footer-container {
	clear: both;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.container {
	overflow: hidden;
  	clear: both;
}


/*>>>>FULL 1COL -----------*/

.col01 {
    padding: 0 1% 1.65em;
    width: 98%;
    display: inline-block;
    overflow: hidden;
}


/*>>>>EVEN 2COL -----------*/

.col1_2 {
    float: left;
    width: 49%;
    padding-left: 1%;
    margin-bottom: 2em;
}
.col2_2 {
    width: 49%;
    float: right;
    padding-left: 1%;
    margin-bottom: 2em;
}


/*>>>>EVEN 3COL -----------*/

.\3col-container {clear: both}
.col1_3,
.col2_3,
.col3_3 {
    width: 32%;
    padding-left: 1%;
    float: left;
    margin-bottom: 2em;
}
.col1_3 {padding-right: 1%}
.col2_3 {
    width: 31%;
    padding-right: 1%;
}
.col3_3 {float: right}


/*>>>>GR 2COL---------------*/

.col_GR_1_2 {
    width: 58%;
    margin: 0 1%;
    margin-bottom: 2em;
    padding: 0 0 30px 0;
    float: left;
    overflow: hidden;
}
.col_GR_2_2 {
    width: 36%;
    padding: 0 0 30px 0;
    margin-left: 2%;
    margin-bottom: 2em;
    float: right;
    overflow: hidden;
}

/*--GR 3COL-------------------*/

.footer_GR .col1_3 {
    width: 28.5%;
    padding-left: 1%;
}
.footer_GR .col2_3 {
    width: 31%;
    padding-left: 1%;
}
.footer_GR .col3_3 {width: 35.5%}


/*>>>>FIXED WIDTH COLUMNS------*/

.col {
	padding-right:20px;
	float:left;
	display:inline-block
}

.col-end {padding-right:0;}

.w60 {width:60px}

.w180 {width:180px}

.w200 {width:200px;padding:0 0 0 20px;}

.w280 {width:280px}

.w340 {width:340px}

.w360 {width:360px;padding-right:0}

.w460 {width:460px;padding-right:0}

.w580 {width:580px}

.w640 {width:640px}

.w660 {width:660px;padding-right:0;}

.w960 {width:960px;padding-right:0;}

.split-2col {
	-moz-column-count: 2;
	-moz-column-gap: 1.5em;
	-moz-column-rule: none;
	-webkit-column-count: 2;
	-webkit-column-gap: 1.5em;
	-webkit-column-rule: none;
	/* future proof */
	column-count: 2;
	column-gap: 1.5em;
	column-rule: none;
}

.col-break { column-break-after : always}


/*>>>>Floats--------------*/

.right {
	float:right;
	padding-left:20px;
}

.left {float:left;}


/*>>>>BOXES---------------*/

.roundBox {
	/*Inset*/
	border:1px solid #EBEBEB;
	border-bottom-color:rgba(255, 255, 255, 0.85);
	border-left-color:rgba(255, 255, 255, 0.15);
	border-top-color:rgba(255, 255, 255, 0.15);
	border-right-color:rgba(255, 255, 255, 0.85);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:rgba(255, 255, 255);
	background-color:rgba(255, 255, 255, 0.5);
	-moz-box-shadow:0 1px 2px #545454 inset;
	-webkit-box-shadow:0 1px 2px #545454 inset
}

/*=========================*/
/*>>>>>>> BUTTONS <<<<<<<<<*/
/*=========================*/

/*>>>>Black----------------*/

.blk-btn {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border: 1px solid #adb6bb;
	position: relative;
	cursor: pointer;
	background-image: -moz-linear-gradient(100% 100% 90deg, #394045, #535E66);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#394045), to(#535E66))
	-webkit-background-clip: padding-box
}

.blk-btn:hover {
	background-image: -moz-linear-gradient(100% 100% 90deg, #005CB8, #007AF5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005CB8), to(#007AF5))
}

/*>>>>Tab, CTA ---------------*/

.tab-btn, .cta-btn {
	display:inline-block;
	border:1px solid #adb6bb;
	cursor: pointer;
	padding: 10px 12px 7px;
	background-color:#c8d2d8
}

.borderradius .tab-btn,
.borderradius .cta-btn {
	border: 1px solid rgba(0,0,0,0.18);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear; /* FF3.7+ */
	-o-transition: background-color 0.1s linear;  /* Opera 10.5 */
	-webkit-transition: background-color 0.1s linear; /* Saf3.2+, Chrome */
}

.tab-btn:hover, .cta-btn:hover { 
	background-color:#07090C!important;
	color:#adb6bb
}

.cta-btn {background-color:#9ece36}
.cta-btn a {padding:5px 0}

.cta-btn a.work-btn {
	padding-left:35px;
	background:url('http://d2011.s3.amazonaws.com/images/site/desyna_icon_sprite.png') no-repeat -238px -235px
}

.cta-btn a.contact-btn {
	padding-left:35px;
	background:url('http://d2011.s3.amazonaws.com/images/site/desyna_icon_sprite.png') no-repeat -188px -190px
}

/*========================*/
/*>>>>>>> HEADER <<<<<<<<<*/
/*========================*/

#header-block {background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_header-bgd-repeat.jpg') repeat-x 2px 0;}

header {
	clear: both;
	position:relative;
	width:100%;
	display: inline-block;
	padding-top:50px;
}

.hgroup {
	display: inline-block;
	margin: 0 auto;
	min-width: 960px;
	position: relative;
}


#workPage .hgroup {background:url('http://d2011.s3.amazonaws.com/images/site/header-horizon.png') no-repeat 0 275px}


/*============================*/
/*>>>>>>>>>>> NAV <<<<<<<<<<<<*/
/*============================*/

nav, #nav-container {
	height:67px;
	margin:0 auto;
	position:relative;
	text-align:left;
	width:960px;
	z-index:300;
}

span.home a {
	background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_nav-logo.png') no-repeat 0 0;
	text-indent: -99999px;
	width: 125px;
	height: 60px;
	display: block;
	float: left;
}

#nav-container {
	background:url('http://d2011.s3.amazonaws.com/images/site/v2_1_nav-bgd.jpg') no-repeat 125px 0;
}
#nav {
	height:67px;
	padding-left:113px;
	background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_nav-bgd-right.jpg') no-repeat 0 0;
}

#nav,.nxt-prev-pag  {float:right}

#nav li,.nxt-prev-pag li {
	display: inline;
	float: left;
	line-height: 26px;
	list-style: none;
	padding: 0 11px;
	text-align:center;
	margin-top:16px;
	border-left:none;
}
.nxt-prev-pag li {
	border:1px solid #adb6bb;
	background:#f0f0f0 url('http://d2011.s3.amazonaws.com/images/site/1x1_FFF_75.png') repeat-y top right;
}

.boxshadow .nxt-prev-pag li {
	border: 1px solid rgba(0,0,0,0.10);
	-moz-box-shadow:inset 1px 1px 1px rgba(256,256,256,0.75);
	-webkit-box-shadow:inset 1px 1px 1px rgba(256,256,256,0.75);
	box-shadow:inset 1px 1px 1px rgba(256,256,256,0.75);
}

.nxt-prev-pag li {margin: 0 0 64px;}

.nxt-prev-pag li:first-child  {
	border-left:1px solid #adb6bb;
}

.rgba .nxt-prev-pag li:first-child {
	border-left: 1px solid rgba(0,0,0,0.10);
}

#nav li a,.nxt-prev-pag li a {
	 display: block;
	 height: 26px;
	 cursor: pointer;
}

.nxt-prev-pag li a:hover {
	color: #000;
	cursor:pointer;
}

#nav li:hover {
	-webkit-box-shadow:inset 0 0 5px rgba(256,256,256,0.08);
	-moz-box-shadow:inset 0 0 5px rgba(256,256,256,0.08);
	box-shadow:inset 0 0 5px #FFF;
}

.boxshadow body#homePage li.home-page,
.boxshadow body#workPage li.work,
.boxshadow body#contactPage li.contact,
.boxshadow body#aboutPage li.about,
.boxshadow body#journalPage li.journal {
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.12);
	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.12);
	box-shadow:inset 0 0 5px #000;
}

.boxshadow body#homePage li.home-page a,
.boxshadow body#workPage li.work a,
.boxshadow body#contactPage li.contact a,
.boxshadow body#aboutPage li.about a,
.boxshadow body#journalPage li.journal a {
	color: #ADADAD
}

/*============================*/
/*>>>>>> MAIN CONTENT <<<<<<<<*/
/*============================*/

#main-block {background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_main-border-rpt.jpg') repeat-x 1px 0;}

section {
	padding-top:150px;
	background:url('http://d2011.s3.amazonaws.com/images/site/v2_1_main-border-top.jpg') no-repeat 189px 0;
}


/*============================*/
/*>>>>>>>>> FOOTER <<<<<<<<<<<*/
/*============================*/

footer, .no-js.ie7 #footer,
.no-js.ie8 #footer {
	clear: both;
	background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_footer-bgd-repeat.png') repeat-x bottom left;
	height:85px;
	overflow:hidden;
	margin-top:5em;
	text-align:left
}

#footer-container {
	background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_footer-bgd.png') no-repeat 190px 0;
	height: 85px;
	overflow: hidden;
}

#footer-container div {
   float: left;
	 line-height:30px;
	 margin: 35px 0 0 280px;
   overflow: hidden;
   width: 600px;
}

.ie7 footer, .no-js.ie7 #footer {
	position:relative;
	overflow:hidden;/*removes bottom whitespace*/ 	
}

#footer-logo {
	float:left;
	margin-right:2em;
	filter: alpha(opacity = 70);
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
	opacity:0.7;
}

#footer-email {
	padding-left:15px;
	margin-left:10px;
	background:url('http://d2011.s3.amazonaws.com/images/site/footer-email-icon.gif') no-repeat 0 3px
}

#footer-phone {
	padding-left:15px;
	margin-left:10px;
	background:url('http://d2011.s3.amazonaws.com/images/site/footer-tel-icon.gif') no-repeat 0 3px
}

#footer-twitter {
	width:34px;
	height:24px;
	float:right;
	background: url(http://d2011.s3.amazonaws.com/images/site/v2_1_icon-twitter-sprite.png) no-repeat 0 0;
	margin:30px 0 0 0;
}
a#footer-twitter:hover {background-position:0 -24px;}

/*========================*/
/*>>>>>>>> FORMS <<<<<<<<<*/
/*========================*/

/*>>Contact FORM <<<<<<<<<*/

form label {
	clear:left;
    display: block;
    float: left;
    padding-right: 1em;
    text-align: right;
    width: 5em;
	padding-top:5px
}

form input, form textarea {
	width:20em;
	float:left;
	padding:10px;
	margin-bottom:1.75em;
}

form textarea {height:10em}

form input[type="submit"] {
	width:inherit;
	margin-left:5.7em;
}

form abbr[title] {border-bottom:0;}

.vadation {
	display:none;
	float:left;
	padding:5px 0 0 5px;
}

/*>>>>>>>> RFP FORM <<<<<<<<<*/


/*section numbers*/

.no {
	background: url(http://d2011.s3.amazonaws.com/images/site/v2_1_number-sprite.png) no-repeat 0 0;
	height:45px;
	position: absolute;
  top: -8px;
	left:0;
}

#no-1 {
	width:43px;
	background-position:0 0
}
#no-2 {
	width:42px;
	background-position:-43px 0
}
#no-3 {
	width:42px;
	background-position:-85px 0
}
#no-4 {
	width:41px;
	background-position:-127px 0
}
#no-5 {
	width:42px;
	background-position:-168px 0
}
#no-6 {
	width:42px;
	background-position:-210px 0
}

/*form content*/

.rfp-section p {
	background-color: #FFF;
	margin: 0 1em 3em 5em;
 	padding: 0.95em 1em 1em;
	moz-border-radius: 0 0 5px 5px;
	webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px
}

#rfp-intro {}

#rfp-form .panel {margin-bottom:3em}

#rfp-form .tab-btn {
	border: 1px solid rgba(0, 0, 0, 0.05);
}

#rfp-form h2 {
	cursor:pointer;
	display:inline;
	display:block;
	margin: 30px 0 0;
	padding:5px 70px 2px;
	position: relative;
	background: url("http://d2011.s3.amazonaws.com/images/site/v2_2_plus.gif") no-repeat right 10px;
}
#rfp-form h2.active {
	background: url("http://d2011.s3.amazonaws.com/images/site/v2_2_minus.gif") no-repeat right 16px;
	margin-left:-9999px;
	padding-left: 10069px
}
#rfp-form h2.active .no {left:9999px}

#rfp-form h2.branding-header{background-color:#586973}
#rfp-form h2.products-header{background-color:#ea703f}
#rfp-form h2.contacts-header{background-color:#50b5bc}
#rfp-form h2.web-header{background-color:#cfbea2}
#rfp-form h2.design-header{background-color:#ea363f}
#rfp-form h2.comments-header{background-color:#76b4a1} 

/*#rfp-form h2.design-header.active {background-image: url(http://d2011.s3.amazonaws.com/images/site/v2_1_heading-bgd-watermelon.png)}
#rfp-form h2.products-header.active {background-image: url(http://d2011.s3.amazonaws.com/images/site/v2_1_heading-bgd-naartjie.png)}
#rfp-form h2.contacts-header.active {background-image: url(http://d2011.s3.amazonaws.com/images/site/v2_1_heading-bgd-pearl.png)}
#rfp-form h2.branding-header.active {background-image: url(http://d2011.s3.amazonaws.com/images/site/v2_1_heading-bgd-dove-grey.png)}
#rfp-form h2.web-header.active {background-image: url(http://d2011.s3.amazonaws.com/images/site/v2_1_heading-bgd-mocha.png)}
#rfp-form h2.comments-header.active {background-image: url(http://d2011.s3.amazonaws.com/images/site/v2_1_heading-bgd-saltwater.png)}*/

#rfp-form .branding-form-detail .tab-btn {background-color:#586973}
#rfp-form .web-form-detail .tab-btn {background-color:#CFBEA2}

#rfp-form fieldset {
    padding: 2em 0 0.5em 2em;
    margin-top:-1px
}
#rfp-form label {
    display: block;
    width: 300px;
    clear: left;
    padding-left:1%
}
#rfp-form label.sub-label {
    font-size:14px;
    font-weight:normal;
    margin:0 0 20px 30px;
    text-align:right;
    text-transform:uppercase;
    width:270px
}

#rfp-form label.sub-label.active {
	background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_heading-bgd.png') repeat 0 0}
	
.rfp-check {padding:1.75em 0 3.5em}

#rfp-form input,
#rfp-form textarea {margin-top:0}
#rfp-form input[type=text],#rfp-form input[type=file],
#rfp-form textarea {border:1px solid grey}
#rfp-form input[type=file],
#rfp-form .site-input {margin-top:5px}

#rfp-form textarea.expand {
    float: left;
    margin:0 5px 25px 0
}
#functions label {
	border-bottom: 1px solid #C1C1C1;
	margin-left: 325px;
	padding-left: 0.5em;
	position: relative;
	width: 250px
}
#functions {margin-bottom:2em;}
#rfp-form input[type=checkbox] {
    	width:1em;
	float:right;
	margin: 0 0 0 15px
}
#rebrand-contents, #need-brand-contents, #branded-contents,
#new-web-contents, #re-design-contents, #function-contents {clear:left}
#rfp-form #form-Nav {
    float: right;
    margin: 1em 0.2em 2em 0
}

#rfp-form #form-Nav input {width:inherit}

#form-Nav input[type="submit"] {margin-left:2em}

#cool_sites_2, #cool_sites_3 {clear:left;margin-left:320px}

form #submit-holder input[type="submit"] {
	width:200px;
	float:right
}


#rfp-form #submit-holder input[type="submit"] {width:300px}

	 
/*============================*/
/*>>>>>>>> HOMEPAGE <<<<<<<<<<*/
/*============================*/


#homePage .hgroup {
	margin-top:0;
	position:relative;
}

#home-heading {
	position:absolute;
	left:0;
	top:0;
	width:350px;
	padding-right:50px;
	background:url('http://d2011.s3.amazonaws.com/images/site/v2_1_header-kapow.png') no-repeat 71px 24px;
}
.borderradius {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

/*============================*/
/*>>> Nivo Slider Styles <<<*/
/*============================*/

.nivoSlider {position:relative}
.nivoSlider img {position:absolute;top:0px;left:0px}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%}
.nivo-box {display:block;position:absolute;z-index:5}
/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:8}
.nivo-caption p {padding:5px;margin:0}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer}
.nivo-prevNav {left:0px}
.nivo-nextNav {right:0px}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative;z-index:9;cursor:pointer}
.nivo-controlNav a.active {font-weight:bold}
.clear {clear:both}

/*============================*/
/*>>> Custom Slider Styles <<<*/
/*============================*/

#slider-wrapper {
	background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_slider-case-bgd.jpg') no-repeat;
	width:720px;
	height:482px;
	float:right;
	margin: -20px 1px 0 0
}

#slider {
	position:relative;
	width:363px;
	height:218px;
	margin:63px 0 0 234px;
	background:url('http://d2011.s3.amazonaws.com/images/site/v2_1_slider-loading.gif') no-repeat 50% 50%
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none
}
#slider a {
	border:0;
	display:block
}

.nivo-controlNav {
	bottom: -170px;
	left: -30px;
	position: absolute;
	width: 150px
}
.nivo-controlNav a {
	display:block;
	width:16px;
	height:17px;
	background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_slider-bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left
}
.nivo-controlNav a.active {background-position:-16px -17px}

.nivo-directionNav a {
	display:block;
	width:23px;
	height:30px;
	background:url('http://d2011.s3.amazonaws.com/images/site/v2_1_slider-arrows.png') no-repeat;
	text-indent:-9999px;
	border:0
}
a.nivo-nextNav {
	background-position:-23px 0;
	right:0
}
a.nivo-prevNav {left:0}

.nivo-caption {
	text-shadow:none;
	font-family: Helvetica, Arial, sans-serif
}
.nivo-caption a { 
	color:#efe9d1;
	text-decoration:underline
}

/*---header slider---*/

div.slider-wrap {
	position:absolute;
	left:450px;
	bottom:34px;
}

.ie7 div.slider-wrap {bottom:38px;} 

ul.wordSlide li{
	display:block;
	width:450px;
	text-align:left;
	overflow:hidden;
}

.service-badge {
	display:block;
	margin:2em auto 0;
}

/*>>>>home cta buttons<<<<<*/

#homePage .cta-btn {
	float:right;
	margin-top:2em;
}
 

/*>>>>>home tabs<<<<<<<<*/

#homePage .pagination {display:none}

.service_container {
	width:660px;
	overflow:hidden;
	position:relative;
}

.service_container div.slide {width:660px}

#services .w340 {padding-right:0}

#services .tab-nav dd { 
	text-align:right;
	margin-bottom:1em;
}
#services .tab-nav dd a {}

#services .tab-nav dd#consult-btn a {background-position:12px 8px}
#services .tab-nav dd#brand-btn a {background-position:-34px -41px}
#services .tab-nav dd#design-btn a {background-position:-81px -91px}
#services .tab-nav dd#dev-btn a {background-position:-130px -140px}

#services .tab-nav dd.last { margin-right: 0; }

#services .tab-nav dd a.current {
	background: url('http://d2011.s3.amazonaws.com/images/site/v2_1_heading-bgd.png') repeat 0 0;
	color:#adb6bb;
	padding-left:9999px;
	margin-left:-9999px;
}

#services .tab-nav dd#consult-btn a.current{background-position:9967px 8px}
#services .tab-nav dd#brand-btn a.current {background-position:9921px -41px}
#services .tab-nav dd#design-btn a.current {background-position:9874px -91px}
#services .tab-nav dd#dev-btn a.current {background-position:9825px -140px}


/*---WORK-----------------------------*/

#workPage #header-block {padding-bottom:1px;} 


.work-thumb, #pp_full_res img {
	padding:6px;
	background-color:#FFF;
	border:1px solid #B6B5B5;
	margin-bottom:1.65em; 
}

.work-gallery a:hover {
	cursor: -moz-zoom-in;
	cursor:-webkit-zoom-in
}

.ie7 .work-gallery a:hover {cursor:pointer;}

.borderradius .work-thumb, .borderradius #pp_full_res img {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.ie7 ul.nxt-prev-pag {margin-bottom:4em}

/*-----About Page----------------*/

#aboutPage .cta-btn {
	float:right;
	margin-top: 1.7em;
}

#aboutPage header {padding-top:10px;}

#aboutPage #header-img {
	margin: -2px 0 0;
	padding-bottom: 2px;
}


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

#contactPage #header-img {
	margin-top:-19px;
	padding-bottom:1px
}

.vcard {
	padding:20px;
	border:1px solid #e0e0e0;
	background-color:#eaeaea;
	text-align:left;
}

.borderradius .vcard {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #f4f3f3;
	border:1px solid rgba(256,256,256,.35);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.25);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25);
	box-shadow:0 1px 2px rgba(0,0,0,0.5);
}

.vcard a.org {display:block;}

.vcard img {
	float:left;
	padding-right:10px;
	margin-top:3px;
	opacity:0.4;
	-moz-opacity:0.4;
	-webkit-opacity:0.4;
}
.adr div {padding-left:25px;}

.vcard .address-icon {
	opacity:0.3;
	-moz-opacity:0.3;
	-webkit-opacity:0.3;
}

.vcard .phone-icon {
	margin-top: 5px;
	padding-right: 8px;
}

.vcard .mob-icon {margin-left:2px;}

.vcard .email-icon {
	margin-left:1px;
	padding-top:4px;
}


/*-----Kickstarter Page---------------*/

.kickstarter .hgroup {
	background:url(http://d2011.s3.amazonaws.com/images/site/v2_1_kickstart-header-bgd.png) no-repeat 0 0;
	padding:65px 0 25px 0;
}

.kickstarter .hgroup h1 {
	background-color:rgba(256, 256, 256, 0.55);
	padding-top:5px;
}

/*-----Journal-----------------------*/

#journalPage #nav, #journalPage #nav-container {background:none;}

#journalPage #main-block {background-image: url(http://d2011.s3.amazonaws.com/images/site/v2_2_main-border-rpt.png)}

#journalPage section {
	background:none;
	padding-top:14px
}

#journalPage header {
	padding-top:0;
	background-color:#BDCA61
}

#journalPage .hgroup {
	background: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_header-main.jpg") no-repeat scroll 0 0 transparent;
	min-height: 250px;
	min-width: 680px;
	padding-left: 280px;
	text-align: left
}

#journalPage.videoPage header{background-color:#ca6861}
#journalPage.videoPage .hgroup {background-image: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_header-video.png")}

#journalPage.imagesPage header{background-color:#7aca61}
#journalPage.imagesPage .hgroup {background-image: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_header-images.png")}

#journalPage.tutsPage header{background-color:#ca9761}
#journalPage.tutsPage .hgroup {background-image: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_header-tuts.png")}

#journalPage.selectionsPage header{background-color:#586973}
#journalPage.selectionsPage .hgroup {background-image: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_header-selections.png")}

#journalPage.quotesPage header{background-color:#b761ca}
#journalPage.quotesPage .hgroup {background-image: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_header-quotes.png")}

#journalPage.articlesPage header{background-color:#61bcca}
#journalPage.articlesPage .hgroup {background-image: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_header-articles.png")}

#journalPage.musicPage header{background-color:#e8ea52}
#journalPage.musicPage .hgroup {background-image: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_header-music.png")}


#journalPage .hgroup h1 {
	background:none;
	margin-bottom: 0;
	padding:80px 0 0 0
}

/*journal nav*/

#j-nav-block {
	width:960px;
	display:inline-block;
	overflow:hidden;
	margin-top:-32px
}
#j-nav-wrap {
   	background: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_nav_bgd.gif") no-repeat scroll 0 0 transparent;
    	display: inline-block;
    	float: right;
    	height: 57px;
	margin-bottom:60px
}

ul#j-nav {
    	background: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_nav_bgd_corner.gif") no-repeat scroll right top transparent;
    	display: inline-block;
    	height:43px;
    	padding:16px 4px 0 20px
}

ul#j-nav li {display:inline}

ul#j-nav li a {
    	color: #717171;
   	display: block;
    	float: left;
    	font-size: 12px;
    	margin-right: 14px;
	padding:0 6px;
	line-height:17px;
    	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.85);
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	background-color: #EBEBEB
}

ul#j-nav li a:hover {
	color:#212121;
	margin-top:1px
}

body.articlesPage ul#j-nav li.j-nav-articles a,
body.videoPage ul#j-nav li.j-nav-video a,
body.musicPage ul#j-nav li.j-nav-music a,
body.imagesPage ul#j-nav li.j-nav-images a,
body.tutsPage ul#j-nav li.j-nav-tuts a,
body.selectionsPage ul#j-nav li.j-nav-selections a,
body.quotesPage ul#j-nav li.j-nav-quotes a,
body.journalPage ul#j-nav li.j-nav-main a {
	background-color:#9F9F9F;
	color:#f7f7f7;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
	margin-top:0;
	cursor:default
}

body.articlesPage ul#j-nav li.j-nav-articles a {background-color:#61BCCA}
body.videoPage ul#j-nav li.j-nav-video a {background-color:#CA6861}
body.musicPage ul#j-nav li.j-nav-music a {background-color:#E8EA52;color:#2d2d2d;text-shadow:none}
body.imagesPage ul#j-nav li.j-nav-images a {background-color:#7ACA61}
body.tutsPage ul#j-nav li.j-nav-tuts a {background-color:#CA9761}
body.selectionsPage ul#j-nav li.j-nav-selections a {background-color:#586973}
body.quotesPage ul#j-nav li.j-nav-quotes a {background-color:#B761CA}
body.journalPage ul#j-nav li.j-nav-main a {background-color:#ABBE25;color:#FFF}

.journal-date {
    background:url(http://d2011.s3.amazonaws.com/images/site/v2_2_journal_heading.png) repeat-x bottom left;
    border:0;
    border-radius:none;
    color: black;
    display: block;
    margin-bottom:0;
    margin-left: -9999px;
    padding:1px 12px 10px;
    text-align: right;
}

#journalPage .w180 {
	background:url(http://d2011.s3.amazonaws.com/images/site/v2_2_journal_heading.png) repeat-y 179px 0;
	margin-top:4px;
}

.journal-type {
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	width:64px;
	height:64px;
	background: url(http://d2011.s3.amazonaws.com/images/site/v2_2_journal_entry-icons.png) no-repeat 0 0;
}

.journal-type.j-image {background-position:0 -64px}
.journal-type.j-quote {background-position:0 -128px}
.journal-type.j-video {background-position:0 -192px}
.journal-type.j-selection {background-position:0 -256px}
.journal-type.j-tut {background-position:0 -320px}
.journal-type.j-music {background-position:0 -384px}

.journal-type.j-articles:hover {background-position:-64px 0}
.journal-type.j-image:hover {background-position:-64px -64px}
.journal-type.j-quote:hover {background-position:-64px -128px}
.journal-type.j-video:hover {background-position:-64px -192px}
.journal-type.j-selection:hover {background-position:-64px -256px}
.journal-type.j-tut:hover {background-position:-64px -320px}
.journal-type.j-music:hover {background-position:-64px -384px}

.post-detail {
	display:inline-block;
	overflow:hidden;
	margin-bottom:6em;
	background:url(http://d2011.s3.amazonaws.com/images/site/hr.png) repeat-x bottom left;
}

.post-detail img, .post-detail iframe, .post-detail embed {
	padding:6px;
	border:1px solid #DADADA;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	max-width:30em;/*420px*/
	width:30em;
}

.j-desc {
	background-color: #eee;
	background-image:none;
	margin:20px 29px 40px 0;
	padding:28px 10px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
}

.post-detail blockquote, .j-article-post .j-desc {
	background-color: #eee;
	background-image:none;
	margin:0 26px 10px 7px;
	padding:28px 10px 28px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
}

.j-article-post .j-desc {margin-bottom:40px;}

.post-detail cite {
    display: block;
    margin: 0 30px 30px 0;
    text-align: right;
}

h1.journal-heading {
	background:none;
	border:0;
	margin:0;
	padding:0;
	color:black;
	text-align:left;
	text-transform:none;
}

#journalPage .post-detail ul {padding-bottom:1.75em}

#journalPage .post-detail ul li {
	padding-left:1.5em;
	background:url(http://d2011.s3.amazonaws.com/images/site/v2_2_journal_bullet.png) no-repeat 7px 10px
}

/*sidebar*/

.post-detail .w200 {
	background: url(http://d2011.s3.amazonaws.com/images/site/v2_2_journal_heading.png) repeat-y top left;
	margin-bottom:1.75em
}
.post-detail .w200 div {
	display:inline-block;
	overflow:hidden;
	margin-bottom:0.4em;
	background:url(http://d2011.s3.amazonaws.com/images/site/hr.png) repeat-x bottom left;
	padding-bottom:6px;
	width:200px;
}
.post-detail .w200 div.sb-container {
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 165px;
	background:none;
	padding-bottom:0;
	margin-bottom:0
}
.post-detail .w200 {
	font-weight:bold;
	color:#717171
}

.post-detail .w200 #all-tags {background:none;}

.post-detail .w200 a {color:#717171}
.post-detail .w200 a:hover {color:#3d3d3d}

.post-detail .w200 span {
	display:block;
	width:22px;
	height:22px;
	float:left;
	text-indent:-9999px;
	background: url(http://d2011.s3.amazonaws.com/images/site/v2_2_journal_sb-icons.png) no-repeat 0 0;
	padding-right:12px;
	filter: alpha(opacity = 80);
	-webkit-opacity:0.8;
	opacity:0.8;
}
.post-detail .w200 span.j-source {background-position: 0 -22px;}
.post-detail .w200 span.j-link {background-position: 0 -44px;}
.post-detail .w200 span.j-tweet {background-position: 0 -66px;}
.post-detail .w200 span.j-tags {background-position: 0 -88px;}

.j-time {
    background: url("http://d2011.s3.amazonaws.com/images/site/v2_2_journal_sb-icons.png") no-repeat scroll 0 -114px;
    font-size: 13px;
    padding-left: 26px;
    padding-top: 2px;
}

#all-tags a {
	display:inline-block;
	float:left;
	border:1px solid #DADADA;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-transform:uppercase;
	font-size:11px;
	padding:0 5px;
	margin:0 8px 8px 0;
}

/*tweet button*/

.custom-tweet-button a,
.custom-tweet-button a:hover,
.custom-tweet-button a:active {background: none;}

/*pagination*/

#j-paginate {
	display: inline-block;
	float: right;
	margin-top: -64px;
	overflow: hidden;
	width: 130px;
}
.j-prev-btn, .j-next-btn {
	width:64px;
	height:64px;
	background: url(http://d2011.s3.amazonaws.com/images/site/v2_2_journal_entry-icons.png) no-repeat 0 -448px;
	float:right
}
.j-next-btn {background-position:0 -512px}

a.j-prev-btn:hover {background-position:-64px -448px}
a.j-next-btn:hover {background-position:-64px -512px}



/*=========================*/
/*=========MOCKUPS=========*/
/*=========================*/



#mockupPage #desyna-Logo {
	margin: 1em 1em 2em;
    	text-align: left
}


#mockupPage #pageHeading {
	text-align:left;
	background: url("http://d2011.s3.amazonaws.com/images/site/v2_1_heading-bgd.png") repeat scroll 0 0 #323232;
   	border: 1px solid rgba(0, 0, 0, 0.18);
	padding: 10px 12px 7px;
	margin-bottom:2em
}

#mockupPage .mockup-context-column {
	width:100%;
	max-width:1030px;
	margin:0 auto
}

#mockupPage .entry-date,
#mockupPage h1 {
	display:inline-block;
	float:left;
	font-weight:bold;
	background-color:#CCC;
	padding: 0 1em;
	border-radius:5px;
	margin-right:1em;
	line-height:1.65em
}

#mockupPage h1 {
	background:none;
	text-align:left;
	border:0;
	margin:0;
	padding: 1px 1em 0;
}

.mockup-column {
	display:inline-block;
	margin: 0 auto 4em;
	position:relative
}

.mockup-column img {
	max-width:100%;
	margin-bottom:0;
	padding:0.5em;
	border:3px solid rgba(0,0,0,0.08);
	position:relative;
	
}
.mockup-caption {
	font-style:italic;
	font-size:0.85em;
	position:absolute;
	bottom:-4em;
	right:1em
}

.mockup-context-column {text-align:left}

.mockup-description h2,
.mockup-comments h2 {
	display:inline-block;
	float:left;
	width:20%
}

.mockup-comments h2 span {
	display:block;
	font-weight:normal;
	font-style:italic
}

.mockup-description .text-col,
.mockup-comments .form-col {
	display:inline-block;
	width:80%
}

.mockup-description .text-col {
	background:url("http://desyna-site.s3.amazonaws.com/mockup-desc-bgd.jpg") repeat 0 0;
	padding:1em;
	border-right:1px solid #DFDFE1;
	border-bottom: 1px solid #DFDFE1;
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ie6 .mockup-description .text-col {border:none}
.ie7 .mockup-description .text-col {border:none}

#comment-form form label {
	width:10%;
	text-align:right
}

#comment-form .comment-ff {clear:both}

#comment-form .comment-ff.notify,
#comment-form .comment-ff.remember-info ,
#comment-form  form input[type="submit"] {margin-left:12%}

#comment-form .comment-ff.notify input {margin-bottom:0}

#comment-form input[type="checkbox"] {
    margin-top: 4px;
    width: 40px
}

#comment-form #advEmail, 
#comment-form #advComment, 
#comment-form #advName, 
#comment-form#advMessage {
	text-align:left;
	margin-left:12%
}

.comment-avatar {
	display:inline-block;
	overflow:hidden;
	width:12%;
	float:left
}

.comment-content {
	display:inline-block;
	width:88%
}

.avatarName,
.commentDate {text-shadow: 0 1px 1px rgba(256, 256, 256, 0.85);}









/*=========================*/
/*==========SYSTEM=========*/
/*=========================*/

#system .w660 {text-align:left}
#system h2 {font-size:1.4em}
#system #alert-detail {font-size:1.2em;margin-bottom:2em;}


/*---MODULES--------------------------*/

/*--Tweets--*/

.tweet,
.query {clear: both}
.tweet .tweet_list,
.query .tweet_list {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.tweet .tweet_list .awesome,
.tweet .tweet_list .epic,
.query .tweet_list .awesome,
.query .tweet_list .epic {text-transform: uppercase}
.tweet .tweet_list li,
.query .tweet_list li {
		padding: .5em;
		background: url(http://desyna-site.s3.amazonaws.com/desyna210-dotted-horiz-margin.gif) repeat-x top left;
		overflow-y: auto;
		overflow-x: hidden
}
.tweet .tweet_list li.tweet_first {    background: none }
.tweet .tweet_list li a,
.query .tweet_list li a { }
.tweet .tweet_list .tweet_even,
.query .tweet_list .tweet_even { }
.tweet .tweet_list .tweet_avatar,
.query .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left
}
.tweet .tweet_list .tweet_avatar img,
.query .tweet_list .tweet_avatar img {vertical-align: middle}

.tweet {
	border-left:6px solid #e6e6e6;
	border-bottom:6px solid #e6e6e6;
	border-left: 6px solid rgba(0, 0, 0, 0.05);
	border-bottom: 6px solid rgba(0, 0, 0, 0.05);
    	padding: 0 0 1em 2em;
}

/*-----Desyna Work Lightbox------*/

section.work-gallery a span {color:#444;}

.pp_left ,
.pp_middle,
.pp_right,
.pp_content {
	background: #000;
	background-color:rgba(0,0,0,0.5);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
	
.pp_content .ppt { color: #000; }

.pp_expand { background: url(http://d2011.s3.amazonaws.com/images/site/light_box/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
.pp_expand:hover { background: url(http://d2011.s3.amazonaws.com/images/site/light_box/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
.pp_contract { background: url(http://d2011.s3.amazonaws.com/images/site/light_box/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
.pp_contract:hover { background: url(http://d2011.s3.amazonaws.com/images/site/light_box/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */

#pp_full_res .pp_inline { color: #000; }

.pp_gallery a.pp_arrow_previous,
.pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
.pp_nav .pp_play { background: url(http://d2011.s3.amazonaws.com/images/site/light_box/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
.pp_nav .pp_pause { background: url(http://d2011.s3.amazonaws.com/images/site/light_box/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
.pp_arrow_previous { background: url(http://d2011.s3.amazonaws.com/images/site/light_box/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
.pp_arrow_next { background: url(http://d2011.s3.amazonaws.com/images/site/light_box/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
.pp_next:hover { background: url(http://d2011.s3.amazonaws.com/images/site/light_box/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
.pp_previous:hover { background: url(http://d2011.s3.amazonaws.com/images/site/light_box/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
.pp_pic_holder a:focus {outline:none;}

.pp_overlay {
	background: #ddd;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9500;
}
.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000;
}
	.pp_top {
		height: 20px;
		position: relative;
	}
	* html .pp_top { padding: 0 20px; }		
	.pp_top .pp_left {
		height: 20px;
		left: 0;
		position: absolute;
		width: 20px;
	}
	.pp_top .pp_middle {
		height: 20px;
		left: 20px;
		position: absolute;
		right: 20px;
	}
	* html .pp_top .pp_middle {
		left: 0;
		position: static;
	}
			
	.pp_top .pp_right {
		height: 20px;
		left: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
	}
		
.pp_content { height: 40px; }
		
.pp_fade { display: none; }
		
.pp_content_container {
	position: relative;
	text-align: left;
	width: 100%;
}
		
	.pp_content_container .pp_left { padding-left: 20px; }
	.pp_content_container .pp_right { padding-right: 20px; }
		
	.pp_details {
		float: left;
		margin: 10px 0 2px 0;
		position:absolute;
		top:0;
		right:0;
		z-index:9650;
		width:200px;
		text-align:left;
	}		
	.pp_details.narrow-width {}
	.pp_description {
		display: none;
		clear:both;
		max-width:300px;
		color: #d5d5d5;
		-moz-border-radius: 5px;
		background-color: #505050;
		border: 1px solid rgba(0, 0, 0, 0.18);
		padding: 10px 12px 7px;
	}
				
	.pp_nav {float: left;}			
	.pp_nav p {
		float: left;
		margin: 2px 4px;
	}
	.pp_nav .pp_play,
	.pp_nav .pp_pause {
		float: left;
		margin-right: 4px;
		text-indent: -10000px;
	}
	
	a.pp_arrow_previous,
	a.pp_arrow_next {
		display: block;
		float: left;
		height: 35px;
		overflow: hidden;
		text-indent: -10000px;
		width: 35px;
	}
	a.pp_arrow_previous {background:url('http://d2011.s3.amazonaws.com/images/site/light_box/btn_Previous.png') no-repeat 0 0;}
	a.pp_arrow_next {background:url('http://d2011.s3.amazonaws.com/images/site/light_box/btn_Next.png') no-repeat 0 0;}
	
	div.counter, div.currentTextHolder {
		display:inline-block;
		float:left;
	}
	
	div.counter {
		padding-top:3px;
		background:url('http://d2011.s3.amazonaws.com/images/site/light_box/counter_bgd.png') repeat-x 0 0;
	}
	
	div.currentTextHolder {
		background-color:#fff;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		line-height: 18px;
		margin: 4px 20px 0;
		padding: 3px 3px 0;
	}
	
	.pp_close { 
		width: 72px; 
		height: 35px; 
		background:url('http://d2011.s3.amazonaws.com/images/site/light_box/btn_Close.png') 0 0 no-repeat; 
		cursor: pointer;
		margin-left:50px;
	}
			
	.pp_hoverContainer {
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2000;
	}
	a.pp_next {
		background: url(http://d2011.s3.amazonaws.com/images/site/light_box/btnNext.png) 10000px 10000px no-repeat;
		display: block;
		float: right;
		height: 100%;
		text-indent: -10000px;
		width: 49%;
	}
	a.pp_previous {
		background: url(http://d2011.s3.amazonaws.com/images/site/light_box/btnPrevious.png) 10000px 10000px no-repeat;
		display: block;
		float: left;
		height: 100%;
		text-indent: -10000px;
		width: 49%;
	}
	a.pp_expand,
	a.pp_contract {
		cursor: pointer;
		display: none;
		height: 20px;	
		position: absolute;
		right: 30px;
		text-indent: -10000px;
		top: 10px;
		width: 20px;
		z-index: 20000;
	}		
	a.pp_close {
		display: block;
		float: left;
		line-height:22px;
		text-indent: -10000px;
	}	
	.pp_bottom {
		height: 20px;
		position: relative;
	}
	* html .pp_bottom { padding: 0 20px; }
	.pp_bottom .pp_left {
		height: 20px;
		left: 0;
		position: absolute;
		width: 20px;
	}
	.pp_bottom .pp_middle {
		height: 20px;
		left: 20px;
		position: absolute;
		right: 20px;
	}
	* html .pp_bottom .pp_middle {
		left: 0;
		position: static;
	}			
	.pp_bottom .pp_right {
		height: 20px;
		left: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
	}	
	.pp_loaderIcon {
		display: block;
		height: 48px;
		left: 50%;
		margin: -48px 0 0 -36px;
		position: absolute;
		top: 50%;
		width: 48px;
		background:url('http://d2011.s3.amazonaws.com/images/site/light_box/loader.gif') no-repeat 0 0;
	}	
	#pp_full_res {line-height: 1 !important;}
		
	#pp_full_res .pp_inline {text-align: left;}
			
	#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
	.ppt {
		display: none;
	    color: #F4F4F4;
	    font: 15px Helvetica,Arial,Verdana,sans-serif;
	    text-decoration: none;
	    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
	    text-transform: uppercase;
		-moz-border-radius: 5px 0px 0px 5px;
	    background-color: #323232;
	    border: 1px solid rgba(0, 0, 0, 0.18);
		border-right:0;
		padding: 10px 12px 7px;
		margin:0 0 2em;
		z-index: 9999;
		clear:left
	}

/*---IE NAV-----------------------------------*/

.ie7 #nav li:hover,
.ie8 #nav li:hover {background-color:#B2B2B2;}

.ie7 #nav li a:hover,
.ie8 #nav li a:hover {color:#141414;}

.ie6 body#homePage li.home-page,.ie6 body#workPage li.work,.ie6 body#contactPage li.contact,.ie6 body#aboutPage li.about,.ie6 body#blogPage li.journal,
.ie7 body#homePage li.home-page,.ie7 body#workPage li.work,.ie7 body#contactPage li.contact,.ie7 body#aboutPage li.about,.ie7 body#blogPage li.journal,
.ie8 body#homePage li.home-page,.ie8 body#workPage li.work,.ie8 body#contactPage li.contact,.ie8 body#aboutPage li.about,.ie8 body#blogPage li.journal {background-color:#000}

.ie6 body#homePage li.home-page a:hover,.ie6 body#workPage li.work a:hover,.ie6 body#contactPage li.contact a:hover,.ie6 body#aboutPage li.about a:hover,.ie6 body#blogPage li.journal a:hover,
.ie7 body#homePage li.home-page a:hover,.ie7 body#workPage li.work a:hover,.ie7 body#contactPage li.contact a:hover,.ie7 body#aboutPage li.about a:hover,.ie7 body#blogPage li.journal a:hover,
.ie8 body#homePage li.home-page a:hover,.ie8 body#workPage li.work a:hover,.ie8 body#contactPage li.contact a:hover,.ie8 body#aboutPage li.about a:hover,.ie8 body#blogPage li.journal a:hover {
	color:#ECECEC;
	cursor:default
}


/*---IE7-----------------------------------*/

.ie7 hr {background:none;height:1px;color:#CCC;}
.ie7 .roundBox {border:1px solid #AEAEAE}
.ie7 label {width:7em}
.ie7 fieldset, .ie6 fieldset {display:inline-block;overflow:hidden;margin-bottom:1.75em;position:relative;zoom:1}
.ie7 form input[type="submit"] {width:6em;margin-left:9em}
.ie7 .hgroup {width:960px}
.ie7 #slider {margin:63px 0 0 111px}
.ie7 div.slider-wrap {bottom:38px;}
.ie7 .work-gallery a:hover {cursor:pointer;}
.ie7 ul.nxt-prev-pag {margin-bottom:4em}
.ie7 #journalPage .hgroup {width:680px}
.ie7 .post-detail .w200 span {background-color:#F5F5F8}

/*---IE6-----------------------------------*/

.ie6 .hgroup {width:960px}
.ie6 #home-heading {background-image:none}
.ie6 #nav li,.ie6 .nxt-prev-pag li {width:4.5em;}
.ie6 #slider {margin:63px 0 0 112px}
.ie6 .nivo-controlNav a, .ie6 .nivo-directionNav a {background:none;}
.ie6 .nivo-controlNav a:hover, .ie6 .nivo-directionNav a:hover {cursor:default}
.ie6 .nxt-prev-pag li {border:1px solid #adb6bb;}
.ie6 .nxt-prev-pag {padding-bottom:50px;}
.ie6 #services .tab-nav dd a, .ie6 header,
.ie6 .cta-btn a.work-btn, .ie6 hr.section-breaker,
.ie6 .cta-btn a.contact-btn, .ie6 h3.twitter {background-image:none;}
.ie6 #services .tab-nav dd a.current {background-color:#0F0F0F}
.ie6 .cta-btn a.work-btn, .ie6 .cta-btn a.contact-btn {padding-left:0;}
.ie6 .cta-btn a.work-btn:hover, .ie6 .cta-btn a.contact-btn:hover {color:#000}
.ie6 h3.twitter {background:none}
.ie6 .service_container img {background-color:#FDFDFD; padding:5px; border:1px solid #CACACA}
.ie6 #footer-container div {margin: 35px 0 0 135px}
.ie6 #footer-twitter {background: url(http://d2011.s3.amazonaws.com/images/site/v2_1_ie6_icon-twitter-sprite.gif) no-repeat 0 0;}
.ie6 div.slider-wrap {left: 600px;bottom:40px}
.ie6 #workPage .hgroup {background:none;display:inline}
.ie6 blockquote {background-image:url(http://d2011.s3.amazonaws.com/images/site/quote-start.gif)}
.ie6 #workPage span.w360 {width:345px}
.ie6 figcaption {display:none;}
.ie6 #aboutPage .hgroup {padding-bottom:3em;}
.ie6 form #submit {display:block;width:118px;height:36px;cursor:pointer;
	text-indent:-9999px; background:url(http://d2011.s3.amazonaws.com/images/site/ie6-submit-btn.gif) no-repeat 0 0;
	margin-left:5em
}
.ie6 #journalPage .hgroup {width:680px;height:250px}
.ie6 .post-detail .w200 {width:190px;overflow:hidden}
.ie6 #j-nav-block {position:relative}
.ie6 #j-nav-wrap {width:600px}



/*---Media queries--------------------*/

@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

/* Grade-A Mobile Browsers */
@media screen and (max-device-width: 480px) {

}

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