@charset "utf-8";
/* CSS Document */

/*-------------------------------------
	RESET
-------------------------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, fieldset, textarea, th, td   
{   
margin: 0; padding: 0; border: 0; outline: none;   
}

#colors :focus { outline: none; }


html, body
{
    width: 100%;
    height: 100%;
}

/*-------------------------------------
	END RESET
-------------------------------------*/

body {
    background: #ffffff url(images/pen-new.jpg) top left repeat fixed;
}
#wrapper {width: 100%;}
a img {border: 0;}
a:hover {text-decoration: none;}
a:link, a:active, a:visited, a:hover
{
outline: none;
-moz-outline-style: none;
}

a:focus
{
outline: none;
-moz-outline-style: none;
}
span.hidden {display: none;}

img.preload {display: none;}


/*-----------------------------------------------------
	header spans the entire browser window
-----------------------------------------------------*/

#header	{
	display: block;
	margin: 0; 
	width: 100%;
	height: 120px;
	background: #182733;
}

/*-----------------------------------------------------
	actual navigation block within the top Navbar 
-----------------------------------------------------*/
#nav {
	width: 950px;
	height: 100px;
	margin: 0 auto;
}
#nav ul {
	float: left;
	margin: 0 auto 0 auto;
	list-style: none;
	list-style-type: none;
	width: 950px;
	height: 100px;
}
#nav ul li.logo {
	position: relative;
	float: left;
	width: 270px;
	height: 120px;
	margin: 0 auto 0 0;
	padding: 0;
}
#nav ul li {margin: 0; padding: 0; display: inline; list-style-type: none;}
#nav ul a.whatwedo, a.work, a.clients, a.team, a.contact, a.blog {
	float: right;
	height: 36px;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
	padding: 84px 18px 0 18px;
	text-decoration: none;
	color: #93999c;
	font-size: .7em;
	font-weight: bold;
	letter-spacing: .2em;
	text-transform: uppercase;	
}
#nav ul a.here {
	float: right;
	height: 36px;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
	padding: 84px 18px 13px 18px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	font-size: .7em;
	font-weight: bold;
	letter-spacing: .2em;
	background-color: #436571;
	background-image: url(images/navtab.png);
	background-position: bottom center;
	background-repeat: no-repeat; 
}

/*-------------------------------------
	NAV LINK STYLES & HOVER EFFECTS
-------------------------------------*/
#nav ul a.whatwedo {
	background: #1F313F;
	background-image: url(images/shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat; 
}
#nav ul a.work {
	background: #233646;
	background-image: url(images/shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat; 
}	
#nav ul a.clients {
	background: #263B4C;
	background-image: url(images/shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat; 
}
#nav ul a.team {
	background: #2A4052;
	background-image: url(images/shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat; 
}
#nav ul a.contact {
	background: #2D4558;
	background-image: url(images/shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat; 
}
#nav ul a.blog {
	background: #314A5F;
	background-image: url(images/shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat; 
}
#nav ul a:hover {
	color: #FFF; 
	text-decoration: none; 
	background-color: #CA9224;
	background-image: url(images/navtab.png);
	background-position: bottom center;
	background-repeat: no-repeat; 
	padding-bottom: 13px;
	z-index: 1000; 
	text-shadow: #999 0px 1px 0, #333 0 -1px 0;
}

#nav ul a.logo:hover {color: #FFF; background: none;}



/*-------------------------------------
	MAIN CONTENT AREAS
-------------------------------------*/

#page {
	display: block;
	position: relative;
	top: 30px;
	margin: 0 auto 0 auto;
	width: 950px;
	min-height: 100%;
	border-top: 1px dotted #DDD;
}

#content {
	display: block;
	position: relative;
	width: 579px;
	top: 30px;
	margin: 0;
	padding: 40px 35px 45px 35px; /* bottom padding must match footer height! */
	position: relative;
	float: left;
	clear: both;	
	background: #EDEDED;
	display: block;
	border: 1px solid #A0A6A9;
	font-size: 1.2em;
	line-height: 2em;
	-webkit-box-shadow: inset 2px 2px 45px #DDD, inset -2px -2px 45px #DDD;
	-moz-box-shadow: inset 2px 2px 45px #DDD, inset -2px -2px 45px #DDD; 
}

#content2 {   /* 950px wide, for "WORK" section — used without sidebar */
	display: block;
	position: relative;
	width: 880px;
	top: 30px;
	margin: 0;
	padding: 40px 35px 45px 35px; /* bottom padding must match footer height! */
	position: relative;
	float: left;
	clear: both;	
	background: #EDEDED;
	display: block;
	border: 1px solid #A0A6A9;
	font-size: 1.2em;
	line-height: 2.2em;
	-webkit-box-shadow: inset 2px 2px 45px #EDEDED, inset -2px -2px 45px #EDEDED;
	-moz-box-shadow: inset 2px 2px 45px #EDEDED, inset -2px -2px 45px #EDEDED; 
}
#content3 {   /* 770px wide, for "WORK" section — used with #sidebar3 */
	display: block;
	position: relative;
	width: 700px;
	top: 30px;
	margin: 0;
	padding: 40px 35px 45px 35px; /* bottom padding must match footer height! */
	position: relative;
	float: left;
	clear: both;	
	background: #FFF;
	display: block;
	border: 1px solid #A0A6A9;
	font-size: 1.2em;
	line-height: 2.2em;
	-webkit-box-shadow: inset 2px 2px 45px #EDEDED, inset -2px -2px 45px #EDEDED;
	-moz-box-shadow: inset 2px 2px 45px #EDEDED, inset -2px -2px 45px #EDEDED; 
}

#accentrule {
	display: block;
	position: absolute;
	margin: -40px auto 0 auto;
	border-top: 5px solid #BBB;
	width: 585px;
	height: 6px;
}
#accentruleworkmain {
	display: block;
	position: absolute;
	margin: -40px auto 0 auto;
	border-top: 5px solid #BBB;
	width: 885px;
	height: 6px;
}
#accentrulework {display: block; position: absolute; margin: -40px auto 0 auto; border-top: 5px solid #BBB; width: 700px; height: 6px;}

#footer {
	position: absolute;
	bottom: 0;
	width: 580px;
	height: 45px;
}

#footer3 {   /* for use with #content3 */
	position: absolute;
	bottom: 0;
	width: 700px;
	height: 45px;
}

#sidebar {
	display: block; 
	position: absolute;
	float: right;
	width: 238px;
	top: 0px;
	left: 650px;
	margin: -1px 0 0 0;
	padding: 30px;
	border: 1px solid #A0A6A9;
	background: #A0A6A9;
	-webkit-box-shadow: inset 2px 2px 45px #999, inset -2px -2px 45px #999;
	-moz-box-shadow: inset 2px 2px 45px #999, inset -2px -2px 45px #999; 
}

#sidebar3 {
	display: block; 
	position: absolute;
	float: right;
	width: 117px;
	top: 0px;
	left: 771px;
	margin: -1px 0 0 0;
	padding: 30px;
	border: 1px solid #A0A6A9;
	background: #A0A6A9;
	-webkit-box-shadow: inset 2px 2px 45px #999, inset -2px -2px 45px #999;
	-moz-box-shadow: inset 2px 2px 45px #999, inset -2px -2px 45px #999; 
}


#sidebarmain {
	display: block;
}

div.copybox1 {
	display: block;
	padding: 20px 0 20px 0;
	border-bottom: 1px dotted #BBB;
	min-height: 170px;
}

div.copybox2 {
	display: block;
	padding: 15px 0 20px 0;
	border-bottom: 1px dotted #BBB;
	min-height: 20px;
}

div.copybox3 {
	display: block;
	padding: 20px 0 20px 0;
	margin-top: 15px;
	border-top: 1px dotted #BBB;
	border-bottom: 1px dotted #BBB;
	min-height: 20px;
	background: #FFF;
}

div.copyrule {
	padding: 0;
	margin: 40px 0 0 0;
	border-top: 1px dotted #BBB;
	height: 12px;
}


/*-------------------------------------
	"CONTENT" TEXT STYLES 
-------------------------------------*/

#content p.main, #content2 p.main, #content3 p.main {
	line-height: 1.8em;
	font-size: 15px;
	margin-top: 10px;
}

#content p.main a, #content2 p.main a, #content3 p.main a {
	color: #6B1D1D;
	text-decoration: none;
}

#content p.main a:hover, #content2 p.main a:hover, #content3 p.main:hover {
	text-decoration: none;
	color: #314A5F;
	border-bottom: 1px dotted #314A5F;
}

#content p.footnote {
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
	margin-top: 45px;
	font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
}
#content h1.main, #content2 h1.main, #content3 h1.main {
	color: #314A5F;
	width: 580px;
	font-weight: normal;
	font-size: 1.5em;
	text-shadow: #DDD 0px 1px 0;
}

#content h1#billboard {
	width: 580px;
	height: 258px;
	margin: -40px auto 0 auto;
	background: url(images/bb-wefix.jpg) top left no-repeat;
	background-color: #FFF;
}

#content h1#billboard span {display: none;}

#content h2.main, #content2 h2.main, #content3 h2.main {
	display: block;
	font-size: 18px;
	line-height: 23px;
	color: #314A5F;
	border-bottom: 1px dotted #BBB;
	margin-top: 20px;
	padding-bottom: 15px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: .02em;
}
#content h2.main span {
	font-weight: bold;
	font-style: normal;
	color: #2A4052;
}

#content h2.work, #content2 h2.work, #content3 h2.work {
	display: block;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.1em;
	color: #444;
	border-bottom: 1px dotted #BBB;
	margin-top: 20px;
	padding-bottom: 15px;
}
#content h2.scope {
	display: block;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.1em;
	color: #444;
	margin-top: 10px;
	padding-bottom: 15px;
	
}

#content h3 {
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.1em;
	margin: 16px 0 0 0;
	color: #6B1D1D;
}

#content h3.tab, #content2 h3.tab, #content3 h3.tab {
	display: block;
	width: 100px;
	min-height: 30px;
	float: left;
	font-size: 18px;
	line-height: 1.1em;
	color: #314A5F;
	margin: 16px 0 0 0;
	padding: 0 0 15px 80px;
}


#content h3.anchor, #content h4 {
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.1em;
	margin: 16px 0 0 0;
	color: #666;
}

#content h3 a {
	font-weight: bold;
	text-decoration: none;
}

#content h3 a:visited {
	color: #7D2020;
}
#content h3.anchor a:hover, #content h3 a:hover {
	color: #999;
	border-bottom: 1px dotted #999;
}
#content h3.anchor a, #content h4 strong {
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

a.textlink, a.textlink:hover {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
/*-------------------------------------
	"COPYBOX" STYLES 
-------------------------------------*/

div.copybox1 h3#callus, h3#dontcallus, h3#aboutus {
	display: block;
	width: 180px;
	float: left;
	clear: right;
	margin-top: 20px;
	padding-right: 50px;
}

div.copybox1 h3#callus {
	background: url(images/couldbeyou.png) top left no-repeat;
	height: 139px;
}
div.copybox1 h3#aboutus {
	background: url(images/wecanhelp.png) top left no-repeat;
	height: 170px;
	padding-bottom: 40px;
}
div.copybox2 h3#before, h3#task, h3#after {
	width: 180px;
	height: 139px;
	float: left;
	clear: right;
	margin-top: 20px;
	padding-right: 50px;
	background: url(images/img.jpg) top left no-repeat;
}

div.copybox1 ul {
	list-style-type: none;
	line-height: 1.5em;
	font-size: 15px;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
ol.scope {
	list-style-type: lower-alpha;
	line-height: 1.7em;
	font-size: 15px;
	padding-left: 1.3em;
	clear: both;
}

div#thescope {
	background: #b8cbd2;
	width: 525px;
	padding: 20px 30px 10px 30px;
	margin: -40px auto 40px auto;
	overflow: auto;
	clear: both;
	-webkit-box-shadow: inset 2px 2px 45px #a8c0c8, inset -2px -2px 45px #a8c0c8;
	-moz-box-shadow: inset 2px 2px 45px #a8c0c8, inset -2px -2px 45px #a8c0c8; 	
}
img.inline {
	display: inline;
	position: relative;
	float: right;
	margin: 0 0 0 0;
}
ol.scope li {
	margin-top: 12px;
}
div.copybox1 ul.indent {
	 padding: 20px 0 40px 100px;
}
div.copybox1 li{
	margin-top: 6px;
}

div.copybox1 li.morespace {
	margin-top: 12px;
}

div.copybox1 h3#callus {
	height: 155px;
	margin-top: 10px;
}

div.copybox1 h3#aboutus {
	height: 205px;
	margin-top: 10px;
}

div.copybox1 h3 span {display: none;}

div.copybox3 img.main {display: block; margin: 0 auto 0 auto;}

img.scope {
	margin: 0 auto 20px auto;
	float: right;
	clear: both;
}

/*-------------------------------------
	"SIDEBARMAIN" STYLES 
-------------------------------------*/
#sidebarmain p {
	line-height: 1.5em;
	font-size: 13px;
	margin-top: 10px;
}

#sidebarmain a {
	color: #FDDB78;
	text-decoration: none;
	font-weight: bold;
}

#sidebarmain a:hover {
	text-decoration: none;
	color: #FFF;
}

#sidebarmain h2 {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: .2em;
	line-height: 1.1em;
	color: #FDDB78;
	border-bottom: 1px dotted #DDD;
	padding-bottom: 15px;
	text-shadow: #888 0px 1px 0;
}

#sidebarmain h2.blog {
	position: relative;	
	margin-top: 50px;
}

a.button {
	display: block;
	margin-top: 10px;
	padding: 10px; 
	border-radius: 10px; 
	-o-border-radius: 10px; 
	-icab-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;  
	background-color: #314A5F; 
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height: 17px;
}
a.listbutton, a.listbutton:visited {
		display: block;
		width: 300px;
		height: 15px;
		float: left;
		margin: 20px 0 0 0;
		padding: 10px 10px 12px 10px; 
		border-radius: 10px; 
		-o-border-radius: 10px; 
		-icab-border-radius: 10px; 
		-khtml-border-radius: 10px; 
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;  
		background-color: #CA9224;
		color: #FFF;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		line-height: 15px;
		-webkit-box-shadow: inset 2px 2px 45px #C46F00, inset -2px -2px 45px #C46F00;
		-moz-box-shadow: inset 2px 2px 45px #C46F00, inset -2px -2px 45px #C46F00;
		text-shadow: #777 0px 1px 0; 
}
a.backbutton, a.backbutton:visited {
	display: block;
	margin-top: 10px;
	padding: 10px; 
	border-radius: 10px; 
	-o-border-radius: 10px; 
	-icab-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;  
	background-color: #888; 
	color: #FDDB78;
	font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 14px;
	-webkit-box-shadow: inset 2px 2px 45px ##666, inset -2px -2px 45px #666;
	-moz-box-shadow: inset 2px 2px 45px #666, inset -2px -2px 45px #666; 
	text-shadow: #555 0px 1px 0;
}

a.button:hover, a.button:visited, a.backbutton:hover, a.listbutton:hover {
	text-decoration: none;
	color: #FDDB78;
	background-color: #7D2020;
	-webkit-box-shadow: inset 2px 2px 45px #6B1D1D, inset -2px -2px 45px #6B1D1D;
	-moz-box-shadow: inset 2px 2px 45px #6B1D1D, inset -2px -2px 45px #6B1D1D; 
	text-shadow: #333 0px 1px 0;
}

span#less {
	font-size: 10px;
	letter-spacing: .1em;
}

#sidebarmain p.quote {
	font-size: 1.2em;
	line-height: 1.7em;
	font-style: italic;
	color: #DDD;
}

#sidebarmain p.quote2 {
	font-size: 1em;
	line-height: 1.5em;
	font-style: italic;
	color: #333;
	border-top: 1px dotted #DDD;
	padding-top: 20px;	
}

#sidebarmain p.quote span.ital, #sidebarmain p.quote2 span.ital {
	font-style: normal;
}
#sidebarmain p.client {
	text-align: right;
	line-height: 1.2em;
}

#sidebarmain div.rule {
	display: block;
	height: 3px;
	margin: 20px 0 5px 0;
	border-bottom: 1px dotted #DDD;
}

/*-------------------------------------
	FOOTER STYLES 
-------------------------------------*/

#footer p, #footer3 p {
	font-size: 11px;
	margin: 3px 0 12px 0;
	text-align: center;
	color: #666;
}

#footer a, #footer a:visited, #footer3 a, #footer3 a:visited {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

#footer img, #footer3 img {
	display: inline;
	padding-top: 5px;
	margin-bottom: -3px;
}
#footer a:hover, #footer3 a:hover {
	color: #6B1D1D;
	text-decoration: none;
	border-bottom: 1px dotted #6B1D1D;
}

#mobilefooter {
	display: none;
}
/*-------------------------------------
	BLOG FEED STYLES 
-------------------------------------*/

#creditfooter {display: none;}

.feedburnerFeedBlock div {
	line-height: 1.3em;
	font-size: 13px;
	margin: 8px 0 10px 0;
}

.feedburnerFeedBlock p.feedTitle a, p.feedTitle a:visited {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: .2em;
	line-height: 1.1em;
	color: #FDDB78;
	border-bottom: 1px dotted #DDD;
	margin-top: 20px;
	padding-bottom: 15px;
	text-decoration: none;
	font-weight: bold;
}
.feedburnerFeedBlock p.feedTitle a {
	text-shadow: #888 0px 1px 0;
}
	
.feedburnerFeedBlock a:hover, p.feedTitle a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
	text-shadow: #999 0px 1px 0;
}
		
.feedburnerFeedBlock ul {
	margin: 20px 0 0 0;
	padding: 0;
}

.feedburnerFeedBlock ul li {list-style-type: none;}

span.headline a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 30px 0 0 0;
	cursor: pointer;
	font-size: 1.2em;
	line-height: 1.2em;
	letter-spacing: .03em;
	text-shadow: #888 0px 1px 0;
} 
span.headline a:hover {
	color: #444;
	text-shadow: #BBB 0px 1px 0;
}
	
.feedburnerFeedBlock div {
	display: block;
	padding-bottom: 12px;
}


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

.gallery {
	width: 950px;
	margin-top: 15px;
	position: relative;
	min-height: 20px;
	overflow: auto;
	clear: both;
}

.galleryCellA {
	display: block;
	width: 230px;
	text-align: left;
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
.clientCellA {
	display: block;
	width: 200px;
	text-align: left;
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

.galleryCell  {
	width: 215px;
	text-align: left;
	float: left;
	margin: 0 18px 0 0;
	overflow: hidden;
	position: relative;
	height: 220px;
}

.item  {
	width: 180px;
	height: 139px;
	text-align: left;
	float: left;
	margin: 0 0 15px 0;
	overflow: hidden;
	position: relative;
	border: 1px solid #DDD;
}

.item:hover {
	border: 1px solid #999;
}
ul.galleryText {
	padding-bottom: 22px;
	display: block;
}
ul.galleryText li {
	color: #444;
	margin: 2px 0 0 0;
	padding: 0 15px 0 12px;
	font-size: .7em;
	line-height: 1.5em;
	width: 160px;
	list-style-type: none;
	text-indent: -12px;
}

div.gallery h3 {
	margin: 2px 0 0 3px;
	line-height: 14px;
	font-weight: bold;
	padding-right: 15px;
}
div.gallery h3.work {
	margin: 0px 0 3px 3px;
	font-size: .9em;
	line-height: 15px;
	font-weight: bold;
	padding-right: 15px;
	color: #6B1D1D;
	border: 0;
}

div.gallery h3 a {
	color: #6B1D1D;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
}

div.gallery h3 a:hover {
	color: #888;
	text-decoration: none;
	border-bottom: 1px dotted #888;
}
div.gallery h3 a.nolink {
	color: #6B1D1D;
	text-decoration: none;
}
div.gallery h3 a.nolink:hover {
	text-decoration: none;
}
p.galleryText {
	color: #444;
	margin: 2px 0 10px 3px;
	padding: 0 15px 0 0;
	font-size: 13px;
	line-height: 1.3em;
	width: 180px;
	padding-bottom: 30px;
}
p.gallery2Text {
	color: #444;
	margin: 2px 0 10px 3px;
	padding: 0 15px 0 0;
	font-size: .8em;
	line-height: 1.3em;
	width: 180px;
	padding-bottom: 30px;
}
.gallery img {
	position: absolute;
}

.gallery a[rel=a-sigpkg] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-sigpkg.jpg) top left no-repeat;
}
.gallery a[rel=a-bzest] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-bzest.jpg) top left no-repeat;
}
.gallery a[rel=a-bzlogo] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-bzlogo.jpg) top left no-repeat;
}
.gallery a[rel=a-bzpkg] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-bzpkg.jpg) top left no-repeat;
}
.gallery a[rel=a-bzweb] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-bzweb.jpg) top left no-repeat;
}
.gallery a[rel=a-cstlogo] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-cstlogo.jpg) top left no-repeat;
}
.gallery a[rel=a-imgpos] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-imgpos.jpg) top left no-repeat;
}
.gallery a[rel=a-pnilogo] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-pnilogo.jpg) top left no-repeat;
}
.gallery a[rel=a-pniweb] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-pniweb.jpg) top left no-repeat;
}
.gallery a[rel=a-schpkg] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-schpkg.jpg) top left no-repeat;
}
.gallery a[rel=a-schweb] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-schweb.jpg) top left no-repeat;
}
.gallery a[rel=a-spilogo] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-spilogo.jpg) top left no-repeat;
}
.gallery a[rel=a-siglogo] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-siglogo.jpg) top left no-repeat;
}
.gallery a[rel=a-sigweb] {
	display: block;
	width: 180px;
	height: 139px;
	background: url(images/work/a-sigweb.jpg) top left no-repeat;
}

.gallery a[rel*=a-]:hover {
	-webkit-box-shadow: inset 2px 2px 25px #333, inset -2px -2px 25px #333;
	-moz-box-shadow: inset 2px 2px 25px #333, inset -2px -2px 25px #333; 
}


/*-------------------------------------
	TWO-COLUMN LAYOUT 
-------------------------------------*/

.twocol {
	width: 585px;
	margin: 20px 0 30px 0;
	padding: 30px 0 0px 0;
	border-top: 1px dotted #BBB;
	overflow: auto;
	clear: both;
}
.twocol div.ulwrapper {  /*ulwrapper height sets the height of the div! */
}
.twocolRow {
	display: block;
	width: 585px;
	position: relative;
	clear: both;
}
.twocolColA {
	display: block;
	width: 285px;
	text-align: left;
	left: 0;
	padding-bottom: 40px;
	position: relative;
	float: left;
}
.twocolColB {
	display: block;
	width: 290px;
	text-align: left;
	left: 0;
	padding-bottom: 40px;
	position: relative;
	float: left;
}

p.twocolText {
	color: #444;
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.7em;
	width: 265px;
}
p.twocolText2 {
	color: #444;
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.7em;
	width: 265px;
	text-indent: 2em;
}

ul.twocolText {
	padding-bottom: 22px;
	display: block;
}
ul.twocolText li {
	color: #444;
	margin: 2px 0 0 3px;
	padding: 0 15px 0 12px;
	font-size: .7em;
	line-height: 1.5em;
	width: 285px;
	list-style-type: none;
	text-indent: -12px;
}
div.twocol h3.team {
	margin: 0px 0 6px 0;
	font-size: .9em;
	line-height: 15px;
	font-weight: normal;
	padding-right: 15px;
	color: #444;
	border: 0;
}

div.twocol h3 {
	margin: 0px 0 0px 0;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	padding-right: 15px;
}

div.twocol h3 a {
	color: #6B1D1D;
	text-decoration: none;
}

div.twocol h3 a:hover {
	color: #888;
	text-decoration: none;
	border-bottom: 1px dotted #888;
}
div.twocol h3 a.nolink {
	color: #6B1D1D;
	text-decoration: none;
}
div.twocol h3 a.nolink:hover {
	text-decoration: none;
}
h2.team {
	color: #6B1D1D;
	font-weight: bold;
	font-size: 1.1em;
	border: none;
	margin: 0;
}
a.main {
	font-weight: bold;
	color: #6B1D1D;
}

.hidebio {
 display:none;
 visibility:hidden;
}
.showbio {
 display:;
 visibility:visible;
}





/* -------------------------
	CONTACT FORM STYLES
---------------------------*/


label {
	font-size: 13px;
	color: #444;
	padding: 0;
	display: block;
	margin: 9px 0 0 0;
	line-height: 15px;
}

input[type=text] {
	font-size:13px;
	color: #444;
	font-weight:normal !important;
	width: 260px;
	height: 25px;
	background: #FFF;
	border: 0px solid #2f302c;
	padding: 0px 3px 0 3px;
	outline: 0;	
	border-radius: 10px; 
	-o-border-radius: 5px; 
	-icab-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: inset 2px 2px 5px #CCC;
	-moz-box-shadow: inset 2px 2px 5px #CCC;
	z-index: 1000; 
	margin-top: 6px;
}

textarea{
	font-size: 13px;
	color: #444;
	width: 260px;
	height: 227px;
	background: #fff;
	border: 0px solid #2f302c;
	padding: 3px;
	margin-top: 6px;
	font-weight: normal !important;
	outline: 0;
	border-radius: 5px; 
	-o-border-radius: 5px; 
	-icab-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-webkit-box-shadow: inset 2px 2px 5px #CCC;
	-moz-box-shadow: inset 2px 2px 5px #CCC; 
}

input[name=submit] {
	padding: 0;
	width: 66px;
	height: 32px;
	margin-top: 12px;
	outline: none;
	background: url(images/send.jpg);
	-o-border-radius: 5px; 
	-icab-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
input[name=submit]:hover {
	padding: 0;
	width: 66px;
	height: 32px;
	margin-top: 12px;
	outline: none;
	background: url(images/send-hov.jpg);
	-o-border-radius: 5px; 
	-icab-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}


/* -------------------------
	PDF EMBED
---------------------------*/


#embed {
	display: block;
	position: relative;
	width: 700px;
	height: 900px;
	border: 0px solid blue;
	align: left;
}
	
#embed object {
	display: block;
	float: right;
	border: 0px solid green;
}

#embed p{
	margin-left: 0px;
	font-size: 13px;
	line-height: 17px;
}

#embed a {
	color: #6B1D1D;
	text-decoration: none;
}

#embed a:hover, #embed a:visited {
	color: #666;
	border-bottom: 1px dotted #666;
}


/* -------------------------
	SOCIAL NAV ICONS
---------------------------*/

div#social {
	display: block;
	width: 225px;
	height: 120px;
	position: absolute;
	float: left;
	margin-top: -151px;
	margin-left: 951px;
	background: #182733;
	overflow: visible;
}

div#social a.tweet, a.tweet:link, a.tweet:visited, a.tweet:active {
	display: block;
	float: left;
	width: 131px;
	height: 120px;
	background: url(images/tweet.jpg) top left no-repeat;
	border: none;
	margin-top: 0;
}

div#social a.tweet:hover {
	background: url(images/tweet-hov.jpg) top left no-repeat;
}
div#social a.fb, a.fb:link, a.fb:visited, a.fb:active {
	display: block;
	float: left;
	width: 54px;
	height: 120px;
	background: url(images/fb.jpg) top left no-repeat;
	border: none;
	margin-top: 0;
}

div#social a.fb:hover {
	background: url(images/fb-hov.jpg) top left no-repeat;
}

div#socialsb {
	display: block;
	width: 240px;
	height: 100px;
	float: left;
	background: #A0A6A9;
	overflow: visible;
	z-index: 4000;
	margin-top: -11px;
	margin-bottom: 36px;
	margin-left: 0;
}

div#socialsb a.tweet, div#socialsb a.tweet:link, div#socialsb a.tweet:visited, div#socialsb a.tweet:active {
	display: block;
	float: left;
	width: 131px;
	height: 100px;
	background: url(images/tweet.png) bottom left no-repeat;
	border: none;
	margin-top: -20px;
	margin-bottom: 30px;
	margin-left: 55px;
}

div#socialsb a.tweet:hover {
	background: url(images/tweet-hov.png) bottom left no-repeat;
}
div#socialsb a.fb, div#socialsb a.fb:link, div#socialsb a.fb:visited, div#socialsb a.fb:active {
	display: block;
	float: left;
	width: 54px;
	height: 100px;
	margin-top: -10px;
	background: url(images/fb.png) bottom left no-repeat;
	border: none;
}

div#socialsb a.fb:hover {
	background: url(images/fb-hov.png) bottom left no-repeat;
}


div#shareindex {
	display: block;
	position: relative;
	margin-top: 60px;
	margin-bottom: 20px;
	padding-top: 20px;
}
div#share {
	display: block;
	position: relative;
	margin-top: 10px;
	margin-bottom: -50px;
	padding-top: 20px;
}
div#share a:link, div#share:active, div#shareindex a:link, div#shareindex:active {
	color: #333;
	text-decoration: underline;
	float: right;
	font-size: 13px;
}
div#share a:visited, div#share a:hover, div#shareindex a:visited, div#shareindex a:hover {
	color: #666;
}



a.backbutton[rel=vresp] {
	margin-bottom: 40px;
	z-index: 3000;
}

a.backbutton span {
	letter-spacing: .03em;
}

iframe {
	height: 26px;
	margin-bottom: 10px;
	background-color: #DDD;
	padding: 10px;
}