@charset "UTF-8";

/* --------------------------------------------------------------
-----		LAYOUT, GENERAL									-----
-------------------------------------------------------------- */

	body {
		background: #f9f9f4; 
		font: 15px/23px "Times New Roman", Times, Cambria, Georgia, serif;
		color: #000;
		margin: 0 auto;
		text-align:center;
	}
	
	#wrapper {
		margin: 0 auto;
		text-align: center;
		}

/* --------------------------------------------------------------
-----		HEADER											-----
-------------------------------------------------------------- */

	#headerbar {
		background: url(../images/top-nav/nav-bar.jpg) repeat-x;
		height:45px;
		width:100%;
		position: fixed;
		top: 0;
		z-index: 111;
		}
		
		.logo {
			position: absolute;
			top: 0;
			left:0;
			}

/*------HEADER NAV-----*/			
	
	#head-nav {
		display: inline;
		position: absolute;
		right: 0;
		top: -13;
		z-index: 222;
		width: 396px;
		}
		
		.wedo { width: 108px; height: 40px; padding: 0; float: right; border-right: 1px solid white; }
		.wevedone { width: 144px; height: 40px; padding: 0; float: right; border-left: 1px solid #B2B2B2; border-right: 1px solid white; }
		.started { width: 140px; height: 40px; padding: 0; float: right; border-left: 1px solid #B2B2B2; }
		
/* --------------------------------------------------------------
-----		MASTHEAD										-----
-------------------------------------------------------------- */

	#masthead {
		margin: 61px 0 0 0;
		text-align: center;
	}
		
	p.lead {
		font-family:'MuseoCustom','Century Gothic',Arial,Helvetica,sans-serif;
		font-size:11px;
		line-height:10px;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 1.5px;
		color: #CC1C04;
	}

	/*---"Sam T. Schick"---*/
	h1	{
		margin: 0;
		font: 31px/31px Georgia, "Times New Roman", Times, serif;
		line-height: 92%;
		letter-spacing: 1.5px;
		text-shadow:0.5px 0.5px #CCCCCC;
		}

	.engraving	{ text-align: center; margin: 18px 0 0 0; }

/* --------------------------------------------------------------
-----		LEAD											-----
-------------------------------------------------------------- */

	#main { margin: 0 auto; width:580px; }
	#main-wide { margin: 0 auto; width: 730px; }

	.copy { width: 580px; }
	.copy-wide { width: 730px; }

		.tagline {
			color:#8A877D;
			font-size:11px;
			letter-spacing:1px;
			text-transform:uppercase;
			}

	/*---"we tell stories"---*/
		h2, h2 a {
			font: 48px/48px Georgia, "Times New Roman", Times, serif;
			font-style: normal;
			color: #000;
			margin: 5px 0 0 0;
			text-shadow:0.5px 0.5px #CCCCCC;
			}

/* --------------------------------------------------------------
-----		BODY											-----
-------------------------------------------------------------- */

	p.maintext {
		font-size:18px;
		line-height:28px;
		margin: 15px 0 15px 0;
		text-align:left;
		}

	p.maintext-wide {
		font-size:17px;
		line-height:23px;
		margin: 15px 0 15px 0;
		text-align:left;
		}
	
	p.maintext img {
		text-align: left;
		padding-right: 4px;
		}

	/*---"we help you get your stories straight"---*/
	h4,
	h4 a {
		font: 29px/29px Georgia, "Times New Roman", Times, serif;
		font-style: normal;
		color: #000;
		text-align: center;
		margin: 0;
		text-shadow:0.5px 0.5px #CCCCCC;
		padding: 0 0 10px 0;
		}

	/*---"care to answer a few questions?"---*/
	h5,
	h5 a {
		font: 22px/22px Georgia, "Times New Roman", Times, serif;
		font-style: normal;
		color: #000;
		text-align: center;
		margin: 0;
		text-shadow:0.5px 0.5px #CCCCCC;
		padding: 0 0 10px 0;
		}

	p.secondary { text-align: left; }

	.padme { margin-left: 60px; display: block; }

	/*---ARROWS---*/
	span.arrow-left { text-align: center; margin-right: 30px; }
		span.arrow-left a:hover { border-bottom: 1px dotted }
		span.arrow-right a:hover { border-bottom: 1px dotted }
		span.arrow-right { text-align: center; margin-left: 30px; }

/* --------------------------------------------------------------
-----		PORTFOLIO										-----
-------------------------------------------------------------- */

	/*---For WHAT WE'VE DONE---*/
	#portfolio {	
		text-align:center;
		font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
		padding-top: 30px;
		margin: 0 auto;
		width: 850px;
		display: block;
		}

	/*---For WHAT WE'RE DOING---*/
	#portfolio-doings {
		clear: both;
		text-align:left;
		font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
		padding-top: 30px;
		display:block;
		margin: auto;
		width: 750px;
		}
	
	.web-item {
		height: 310px;
		float: left;
		position: relative;
		padding: 10px 7px;
		}
	
	.print-item {
		height: 320px;
		float: left;
		position: relative;
		padding: 10px 0px;
		}
	
	.details {
		text-align:left;
		width: 220px;
		padding-left: 20px;
		display: block;
		line-height:15px;
		}
	
	.printdetails {
		text-align:left;
		width: 190px;
		padding-left: 20px;
		display: block;
		line-height:15px;
		}
	
	.name {
		color:#444444;
		font-size:9px;
		font-weight:bold;
		letter-spacing:2px;
		padding:0 0 0 0px;
		line-height: 1.6em;
		text-transform:uppercase;
		width:195px;
		display: block;
		}
	
	.web-caption {
		color:#888888;
		font-size:11px;
		text-transform: none;
		letter-spacing: normal;
		font-size-adjust:none;
		font-weight:normal;
		line-height:20px;
		padding:0 0 20px 0;
		position:relative;
		width: 235px;
		}
	
	.print-caption {
		color:#888888;
		font-size:11px;
		text-transform: none;
		letter-spacing: normal;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:20px;
		padding:0 0 20px 0;
		position:relative;
		width: 170px;
		}
	
	.webname {
		color:#444444;
		font-size:9px;
		font-weight:bold;
		letter-spacing:2px;
		padding:0 0 0 20px;
		line-height: 1.6em;
		text-transform:uppercase;
		width:195px;
		display: block;
		}
	
	.doing-item {
		height: 390px;
		float: left;
		position: relative;
		padding: 10px 0px;
		display: block;
		}
	
	.doingdetails {
		text-align:left;
		width: 290px;
		padding-left: 20px;
		display: block;
		}
	
	.doing-caption {
		color:#888888;
		font-size:11px;
		text-transform: none;
		letter-spacing: normal;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:20px;
		padding-left: 20px;
		position:relative;
		width: 325px;
		display: block;
		}

/* --------------------------------------------------------------
-----		CASE STUDIES									-----
-------------------------------------------------------------- */

	#case-wrap {
		clear: both;
		text-align:left;
		padding: 30px 0 30px 0;
		display:block;
		margin: 0 auto;
		width: 710px;
		}

	.case-copy { 
		width: 350px;
		text-align: left;
		float: left;
		padding: 7px 0 0 0;
		}

	.cases { 
		display: block;
		font-size:11px;
		letter-spacing:1px;
		text-transform:uppercase;
		line-height: 19px;
		}
	
	.cases ul {
		list-style: none outside none; 
		margin: 0;
		padding: 0;	
		}

	.cases ul li a { color:#000000; padding: 0; margin: 0; }
		
	.case-study { 
		width: 350px;
		font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
		float: right;
		padding: 0;
		}

		.case-item {
			float: left;
			position: relative;
			padding: 0 0 30px 0;
			display: block;
			}
		
		.case-details {
			text-align:left;
			width: 290px;
			padding: 0;
			display: block;
			}
		
		.case-caption {
			color:#888888;
			font-size:11px;
			line-height:20px;
			padding-left: 20px;
			position:relative;
			width: 325px;
			display: block;
			}

		.case-name {
			color:#444444;
			font-size:9px;
			font-weight:bold;
			letter-spacing:2px;
			padding:0 0 0 20px;
			line-height: 1.6em;
			text-transform:uppercase;
			width:255px;
			display: block;
			}
		
		.somber {
			text-align: center;
			padding: 20px 0 10px 10px;
			margin: 0 auto;
			}

/* --------------------------------------------------------------
-----		HYPER FOOTER									-----
-------------------------------------------------------------- */

	#footer {
		clear: both;
		background: url(../images/footer/bg-footer.png) repeat scroll 0 0 #BFBFBF;
		margin-top: 25px;
		text-align: left;
		border-top: 6px solid #DBDBD7;
		}

	.footer1 {
		color:#000000;
		line-height:1.3em;
		font-size: 13px;
		margin:0 auto;
		padding:24px 0;
		width:620px;
		height: 130px;
		}

	#footer p { padding: 0; margin: 8px 0 0 0; }

	.left { float:left; padding: 0 0 0 20px; width: 160px; }
		
	.portfoot {
		color:#000000;
		line-height:1.3em;
		font-size: 13px;
		margin:0 auto;
		padding: 20px 0 0 0;
		width:850px;
		height: 130px;
		}
	
	.bio { width: 340px; float: left; padding: 0 16px 0 16px; border-left:1px solid #E2E2E2; }
	.short-bio { width: 280px; float: left; padding: 0 16px 0 16px; border-left:1px solid #E2E2E2; }

	span.title { color:#CC1C04; font-weight:bold; line-height:1.7em; letter-spacing: .04em; text-transform:uppercase; }

	.menu { height: 120px; width: 110px; float: left; border-left:1px solid #E2E2E2; padding: 0 0 0 16px; }
	.menu1 { height: 120px; width: 110px; float: left; border-left:1px solid #E2E2E2; padding: 0 0 0 16px; }
	.menu2 { height: 120px; width: 150px; float: left; border-left:1px solid #E2E2E2; padding: 0 0 0 16px; }
	.menu ul { list-style: none outside none; padding: 0; margin: 8px 0 0 0; }
	.menu1 ul { list-style: none outside none; padding: 0; margin: 8px 0 0 0; }
	.menu2 ul { list-style: none outside none; padding: 0; margin: 8px 0 0 0; }

	.footer2 { background: #B5B5B1; line-height:20px; clear:both; border-top: 6px solid #DBDBD7; }
	
	.copyright {
		margin: 0 auto; width: 580px;
		padding: 4px 0 4px 0;
		color: #FFFFFF;
		}

	.copyright2 {
		margin: 0 auto; width: 850px;
		padding: 4px 0 4px 30px;
		color: #FFFFFF;
		}

/* --------MISCELLANEOUS + LINK STYLES--------- */

img	{ border: 0; }

a { color:#2693C1; text-decoration:none; }

a img { border: none; }

a.opaque:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	text-decoration: none;
	border-bottom: none;
	}

span.internals a:hover { text-decoration: none; border-bottom: 1px dotted; }
a:hover { text-decoration: none; }

p.tagline a { color:#8A877D; }

p.tagline a:hover { color:#CC1C04; border-bottom: 1px dotted; }

ul li a { color:#CC1C04; text-decoration:none; }

ul li a:hover { color:#CC1C04; border-bottom: 1px dotted; }

.no-dec a { text-decoration: none; border: none; }
.no-dec a:hover { text-decoration: none; border: none; }

/* --------------------------------------------------------------
-----		TYPOGRAPHY										-----
-------------------------------------------------------------- */

p.sub { margin:0.5em 0 0; text-align:left; }

span.amp { font-size: 120%; font-family: Plantin, "Plantin std", "Plantin", "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; }
.portfoot span.amp { font-size: 120%; font-family: Plantin, "Plantin std", "Plantin", "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; }

span.backtotop a {
	color: #FFFFFF;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size: 11px;
	float: right;
	margin-right: 30px;
	letter-spacing: .4px;
	}

span.backtotop a:hover {
	color: #000000;
	border-bottom: 1px dotted #000000;
	}

/* --------------------------------------------------------------
-----		DROP CAPS										-----
-------------------------------------------------------------- */

	span.cap {
		float: left;
		margin: 0 0 0 -1em;
		font-size: 300%;
		color: #9c9b95;
		/* IE seems to need the following line */
		line-height: 1em;
		}

	/* use attribute selectors for adding graphic drop caps and getting rid of others*/
	span.cap[title="A"], span.cap[title="B"], span.cap[title="C"], span.cap[title="D"], span.cap[title="E"], span.cap[title="F"], span.cap[title="G"],
	span.cap[title="H"], span.cap[title="I"], span.cap[title="J"], span.cap[title="K"], span.cap[title="L"], span.cap[title="M"], span.cap[title="N"],
	span.cap[title="O"], span.cap[title="P"], span.cap[title="Q"], span.cap[title="R"], span.cap[title="S"], span.cap[title="T"], span.cap[title="U"],
	span.cap[title="V"], span.cap[title="W"], span.cap[title="X"], span.cap[title="Y"], span.cap[title="Z"] {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
	
		background: url(../images/sprites/sprite.png) no-repeat;
		text-indent: -9999em;
		}

	/* A */
	span.cap[title="A"] { padding: 0 52px 0 0; margin: 0 8px 0 0; background-position: -200px 0; }
	
	/* B */
	span.cap[title="B"] { padding: 0 41px 28px 0; margin: 0 8px 0 0; background-position: -52px 0; }
	
	/* C */
	span.cap[title="C"] { padding: 0 56px 10px 0; margin: 0 8px 0 0; background-position: -93px 0; }
	
	/* D */
	span.cap[title="D"] { padding: 0 52px 25px 0; margin: 0 3px 0 0; background-position: 0 0; }
	
	/* E */
	span.cap[title="E"] { padding: 0 50px 25px 0; margin: 0 3px 0 0; background-position: -150px 0; }
	
	/* F */
	span.cap[title="F"] { padding: 0 52px 55px 0; margin: 0 3px 0 0; background-position: -178px -90px; }
	
	/* G */
	span.cap[title="G"] { padding: 0 54px 50px 0; margin: 0 3px 0 0; background-position: -477px -104px; }

	/* H */
	span.cap[title="H"] { padding: 0 54px 30px 0; margin: 0 3px 0 0; background-position: -594px -12px; }
	
	/* I */
	span.cap[title="I"] { padding: 0 39px 35px 0; margin: 0 3px 0 0; background-position: -250px 0px; }
	
	/* J */
	span.cap[title="J"] { padding: 0 45px 35px 0; margin: 0 3px 0 0; background-position: -345px 0px; }
	
	/* K */
	span.cap[title="K"] { padding: 0 60px 35px 0; margin: 0 5px 0 0; background-position: -410px -90px; }
	
	/* L */
	span.cap[title="L"] { padding: 0 45px 35px 0; margin: 0 5px 0 0; background-position: -355px -100px; }
	
	/* M */
	span.cap[title="M"] { padding: 0 55px 35px 0; margin: 0 5px 0 0; background-position: -236px -91px; }
	
	/* N */
	span.cap[title="N"] { padding: 0 55px 35px 0; margin: 0 5px 0 0; background-position: -119px -90px; }
	
	/* O */
	span.cap[title="O"] { padding: 0 53px 0px 0; margin: 0 5px 0 0; background-position: -430px 0px; }
	
	/* P */
	span.cap[title="P"] { padding: 0 53px 35px 0; margin: 0 5px 0 0; background-position: -289px 0px; }
	
	/* Q */
	span.cap[title="Q"] { padding: 0 57px 35px 0; margin: 0 5px 0 0; background-position: -296px -89px; }
	
	/* R */
	span.cap[title="R"] { padding: 0 55px 35px 0; margin: 0 5px 0 0; background-position: -485px 0px; }
	
	/* S */
	span.cap[title="S"] { padding: 0 37px 25px 0; margin: 0 5px 0 0; background-position: -393px 0px; }
	
	/* T */
	span.cap[title="T"] { padding: 0 47px 67px 0; margin: 0 5px 0 0; background-position: -609px -105px; }
	
	/* U */
	span.cap[title="U"] { padding: 0 54px 30px 0; margin: 0 5px 0 0; background-position: -59px -89px; }

	/* V */
	span.cap[title="V"] { padding: 0 48px 20px 0; margin: 0 5px 0 0; background-position: -541px 0px; }
	
	/* W */
	span.cap[title="W"] { padding: 0 55px 30px 0; margin: 0 5px 0 0; background-position: -2px -91px; }
	
	/* X */
	span.cap[title="X"] { padding: 0 59px 30px 0; margin: 0 5px 0 0; background-position: -538px -88px; }
	
	/* Y */
	span.cap[title="Y"] { padding: 0 53px 30px 0; margin: 0 5px 0 0; background-position: -61px -193px; }
	
	/* Z */
	span.cap[title="Z"] {padding: 0 58px 30px 0;margin: 0 5px 0 0;background-position: -2px -192px; }