html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*
body {
	line-height: 1;
}
*/
ol {
	list-style-type:  decimal; 
	list-style-position:  outside;
	margin-left: 20px;
	}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow!  */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

dt, strong {
	font-weight: bold;
	}

/* END RESET */


/* ------------------------------------------ */
/* Links */
/* ------------------------------------------ */

a:link { color: #4d4d4d; text-decoration: none; }
a:visited {color: #4d4d4d; text-decoration: none; }
a:hover { color: #6c2a10; text-decoration: underline; }
a:focus { color: #6c2a10; text-decoration: underline; }

/*----------------------*/
/* BEGIN TYPOGRAPHY*/
/*----------------------*/ 
body {
	background : #7f3c17;
/* 	font-size : 100%; */
	font-family: Georgia, serif;
	color: #6c2a10;
	font-size: 11px;
	}
	
p 	{
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #4d4d4d;
	}

h1 {
/* 	font-family: Georgia, serif; */
	font-size: 16px;
/* 	line-height: 120%; */
	color: #4d4d4d; 
/* 	text-align: left; */
	}

	
h2, 
h2 a { 
/* 	font-family: Georgia, serif; */
	font-size: 28px;
/* 	line-height: 100%; */
/* 	color: #6c2a10; */
	margin-bottom: 10px;
	}
	
h3 { 
/* 	font-family: Georgia, serif; */
	font-size: 18px;
	line-height: 130%;
/* 	color: #6c2a10; */
	}
	
h4 {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #4d4d4d;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0;
	}
.brown h4{
	color: #7F3C17;
	font-size: 12px;
	}

h5 {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #4d4d4d;
/* 	letter-spacing: 1px; */
	font-size: 9px;
	font-weight: bold;
	}
	
/*
h6 {
/* 	font-family: Georgia, serif; */
/* 	font-weight: normal; */
/*
	font-style: italic;
	font-size: 14px;
	line-height: 130%;
*/
/* 	color: #6c2a10; */
	}
*/
	
.italic {
	font-style: italic;
	}

.slant {
	font-family: Georgia, serif;
 	color: #6c2a10;
	font-size: 11px;
	letter-spacing: 1px;
	padding-right: 5px;
	font-style: italic;
	}
.centered {
	text-align: center;
	}
.margintop {
	margin-top: 70px;
	}
	
p + p, 
p + h3, 
ul + h3, 
h2 + h3 + p {
	margin-top: 15px; 
	} 

h3 + p {margin-top: 10px; }

i {font-style: oblique;} 

p.spaceafter, .spaceafter {
	margin-bottom: 15px;
	}
.nsb {
	margin-top: 0px;
	}
.linklist ul{
	padding-top: 10px;
	}
	
.linklist ul li a {
	text-decoration: underline !important;
	}
		
.sansserif-links, 
#top-right-nav ul, 
#sub-nav li{
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #4d4d4d;
	line-height: 140%;
	}
	
#main-nav-design, 
#main-nav-illustration {
	font-size: 14px;
	letter-spacing: 1px;
	color: #4d4d4d;
	}

	
.sidebartext {
	font-family: Georgia, serif;
	font-size: 12px;
	line-height: 150%;
	margin: 10px 0;
	}
	
.sidebartext a {
	color: #6c2a10;
	}
	
/*add pdf icon*/
li a[href$='.pdf'] 
{
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/pdficon.gif) center left no-repeat;
	border: none;
}

li a[href$='.zip']
{
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/zipicon.png) center left no-repeat;
	border: none;
}

/*Widget Typography*/	
#wpsidebar {
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

#wpsidebar h2 {
	color: #4d4d4d;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	}

	
#wpsidebar a {
	font-size: 10px;
	color: #6c2a10;
	margin-bottom: 2px;
 	}

.rulebelow {
	border-bottom: 1px dotted #ccc;}
	
.ruleabove {
	border-top: 1px dotted #ccc;}
	
/*More WordPress Typography*/	

.entry-content ul li a {
	text-decoration: none;}
	
.entry-content dl, 
.entry dl  {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 11px; 
	line-height: 140%;
	margin-bottom: 10px;
	}
		
/*portfolio descriptions */


#portfolio-description p, #portfolio-description ul {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 160%;
	margin-top: 5px; 
	}
	
#portfolio-description .attribution {
	color: #ccc;
	margin-top: 5px; 
	}
	
.contribution-head {
	font-style: italic;
	margin-top: 8px;
	}
	

/*blog entry text and upper navigation pages*/

.main-paragraph-subhead {
	margin-bottom: 10px;
	}
	
.main-paragraph-headline a {
	color: #6c2a10;
	}
	
.main-paragraph-text p, .main-paragraph-text li {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	line-height: 180%;
	}
	
.main-paragraph-text a, 
.entry a {
	text-decoration: underline;
	color: #6c2a10;
	}
	
#nav-previous-blank, 
#nav-next-blank {color: #bfbfbf;}

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


/* BEGIN LAYOUT*/

/*--------------------------------------------------*/	
/* Wrapper and persistent elements (top of pages)*/
/*--------------------------------------------------*/

/*
body {
	background : #7f3c17;
	font-size : 100%;
	}
*/
	
body#whitebody{
	background : #fff;
	margin: auto;
	}
#wrapper {
	width: 1000px;
	height: 750px;
	margin: 40px auto;
	padding-top: 20px;
	background: url(../images/top-background.png) top;
	background-color: #6c2a10; 
	}
/*----special for temporary portfolio sample pages----------------------------------------------*/	
#whitewrapper {	
	width: 1000px;
	height: 750px;
	margin: 10px auto;
	padding-top: 0px;
	background-color: #fffff; 
	}
	
#samplelinks {
	display: inline;
	margin-right: 10px;
	}

#marginauto{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
	}
		
/*---------*/	

#expandingwrapper {
	width: 1000px;
	height: auto;
	margin: 40px auto;
	padding-top: 20px;
	background: url(../images/top-background.png) top;
	background-color: #6c2a10; 
	}
		
#header {
	width: 960px;
	height: 175px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	background-color: white;
	background: url(../images/container-background.png) repeat-y;
		}
		
#top-right-nav {
	height: 50px;
	width: 100%;
	background: url(../images/upper-nav-bar.png) no-repeat 0px 0px;
	background-position: top right;
	}
	
#top-right-nav ul li {
	width: 50px;
	height: 15px;
	text-align: center;
	padding-right: 15px;
	margin: 5px 0px 0 10px;
	float: right;
	}
	
#logo {
	width: 420px;
	height: 110px;
	float: left;
	}
	
/* ------------------------------------------ */	
/* Main and sub navigation start */
/* ------------------------------------------ */
	
#main-nav {
	padding: 17px 0 0px 10px;
	height: 92px;
	width: 450px;
	float: right;
	}
	
li#main-nav-design {
	margin: 0px 62px 5px 5px;
	float: right;
	}
	
li#main-nav-illustration {
	margin: 0px 83px 5px 5px;
	float: right;
	}
	
body.design #sub-nav {
	clear: both;
	background-color: #fff;
	padding-left: 12px;
	background: url(../images/subnav-tbar-two.png) no-repeat center top;
	width: 300px;
	height: 70px;
	}	
	
body.design #sub-nav ul#left, ul#center, ul#right {
	padding-top: 15px;
	padding-left: 15px;
	width: 85px;
	float: left;
	}
	
body.illustration #sub-nav {
	clear: both;
	background-color: #fff;
	background: url(../images/subnav-tbar-three.png) no-repeat -12px top;
	margin-left: 236px;
	width: 150px;
	height: 70px;
	}	
	
body.illustration #sub-nav ul#left{
	padding-top: 15px;
	padding-left: 19px;
	width: 160px;
	float: left;
	}

/* ------------------------------------------ */	
/* CONTENT AREA */
/* ------------------------------------------ */

#content {
	clear: both;
	float: left;
	width: 1000px;
	height: 525px;
	background-color: #fff;
	background: url(../images/container-background.png) repeat-y 0px 0px;
	}
	
#expandingcontent {
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	background: #fff url(../images/container-background.png) repeat-y 0px 0px;
	}
	
/* Two-column formatting for blog */	
	
div.leftcolumn {
	float: left;
	width: 270px;
	padding-right: 10px;
	}
	
div.rightcolumn {
	float: right;
	width: 270px;
	}
	
/* Four-column formatting for for-fun section */	


div.columnone{
	float: left;
	width: 197px;
	margin-left: 105px;
	margin-bottom: 30px;
	}

div.columntwothreefour{
	float: left;
	width: 197px;
	margin-bottom: 30px;
	}





/* ------------------------------------------ */	
/* Styling specific to portfolio pages */
/* ------------------------------------------ */	

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

#portfolio-section {
	width: 790px;
	border-bottom: 1px #ccc solid;
	height: 28px;
	margin-bottom: 20px;
	margin-left: 105px;
	float: left;
	}
	
#portfolio-nav {
	padding-top: 3px;
	}	

#portfolio-nav li{
	padding: 3px 7px 5px 6px;
	display: inline;
	}
	
#portfolio-description {
	margin-left: 105px;
	padding-top: 8px;
	width: 208px;
	height: 430px;
	float: left;
		}
	
#portfolio-image {
	background-color: #fff;
	padding: 10px 0 0 30px;
	width: 562px;
	height: 468px;
	float: left;
	}
	
/* ------------------------------------------ */
/* Setting styling for thumbnails */
/* ------------------------------------------ */


div#thumbnails {
	float: left;
	padding-top: 5px;
	width: 500px;
	height: 60px;
	}

/*
#thumbnail1, #thumbnail2, 
#thumbnail3, #thumbnail4,
#thumbnail5, #thumbnail6  {	
	width: 75px;
	height: 50px;
	float: left;
	}
*/

#thumbnails div {
	width: 75px;
	height: 50px;
	float: left;
	}
	
.arrowdiv {
	width: 51px;
	height: 14px;
	padding-left: 24px;
	float: left;
}	
	
/* ------------------------------------------ */
/* Styling specific to upper navigation pages */	
/* ------------------------------------------ */	
	

/* styling for image frames and blank frames on for-fun section*/

.blogphotos {
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #EDE8E2;
	}
	
.textframe{
	height: 220px;
	width: 170px;
	margin-bottom: 30px;
	}
/*
#content-heading {
	clear: both;
	background-color: #fff;
	width: 790px;
	height: 30px;
	margin-bottom: 30px;
	margin-left: 107px;
	background: url(../images/contentheader-underline.png) repeat-x center bottom;
	}
*/

.sidebar {
	margin-left: 105px;
	width: 170px;
	padding-bottom: 30px;
	padding-right: 25px;
	float: left;
	}
	
body.wordpress .sidebar {
	width: 140px;
	margin-right: 28px;
	background-color: #EDE8E2;
	border: 1px solid #ddd;
	}
	
.entry-content {
	background-color: #fff;
	width: 595px;
	padding-bottom: 30px;
	float: left;
	}
	
.entrydate {
	padding: 6px 0 7px 0;
	margin: 14px 0 14px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	} 
	
.entry-content dt  {
	margin-top: 10px;
	}
	
#footer {
	clear: both;
	float: left;
	width: 1000px;
	height: 50px;
	background: url(../images/footer-background.png) no-repeat 0px 0px;
	}
*/


/* ------------------------------------------ */	
/* YOU ARE HERE for design illustration */
/* ------------------------------------------ */	

body.design a#main-design,
body.illustration a#main-illustration		
{ 
color: #6c2a10;
text-decoration: none;
}

/* ------------------------------------------ */
/* YOU ARE HERE for top links */
/* ------------------------------------------ */	

body#whatsnewpage a#link-whats-new,
body#aboutpage a#link-about,
body#contactpage a#link-contact,
body#resumepage a#link-resume

{ 
color: #6c2a10;
text-decoration: none;
}


/* ------------------------------------------ */
/* YOU ARE HERE for subnavigation links */
/* ------------------------------------------ */
	
div.logosec a#menu-logos,
div.brandsec a#menu-brands,
div.genprintsec a#menu-genprint,
div.advsec a#menu-advertising,
div.brochuresec a#menu-brochures,
div.dmsec a#menu-directmail,
div.booksec a#menu-books,
div.signagesec a#menu-signage,
div.invitsec a#menu-invitations,
div.packsec a#menu-packaging,
div.websec a#menu-websites,

div.tradmedsec a#menu-tradmedia,
div.mixmediasec a#menu-mixedmedia,
div.infosec a#menu-infographics,
div.iconsec a#menu-icons

{ color: #6c2a10; text-decoration: none;}

/* ------------------------------------------ */
/* YOU ARE HERE for portfolio links */
/* ------------------------------------------ */

body#logos1 li#nav-1,
body#logos2 li#nav-2,
body#logos3 li#nav-3,
body#logos4 li#nav-4,
body#logos5 li#nav-5,
body#logos6 li#nav-6,
body#logos7 li#nav-7,
body#logos8 li#nav-8,
body#logos9 li#nav-9,
body#logos10 li#nav-10,
body#logos11 li#nav-11,
body#logos12 li#nav-12,
body#logos13 li#nav-13,
body#logos14 li#nav-14,
body#logos15 li#nav-15,
body#logos16 li#nav-16,
body#logos17 li#nav-17,
body#logos18 li#nav-18,
body#logos19 li#nav-19,
body#logos20 li#nav-20,
body#logos21 li#nav-21,
body#logos22 li#nav-22,

body#brands1 li#nav-1,
body#brands2 li#nav-2,
body#brands3 li#nav-3,
body#brands4 li#nav-4,

body#genprint1 li#nav-1,
body#genprint2 li#nav-2,
body#genprint3 li#nav-3,
body#genprint4 li#nav-4,
body#genprint5 li#nav-5,
body#genprint6 li#nav-6,
body#genprint7 li#nav-7,

body#advertising1 li#nav-1,
body#advertising2 li#nav-2,
body#advertising3 li#nav-3,
body#advertising4 li#nav-4,

body#directmail1 li#nav-1,
body#directmail2 li#nav-2,
body#directmail3 li#nav-3,
body#directmail4 li#nav-4,

body#invitations1 li#nav-1,
body#invitations2 li#nav-2,
body#invitations3 li#nav-3,
body#invitations4 li#nav-4,

body#packaging1 li#nav-1,
body#packaging2 li#nav-2,
body#packaging3 li#nav-3,
body#packaging4 li#nav-4,

body#websites1 li#nav-1,
body#websites2 li#nav-2,
body#websites3 li#nav-3,
body#websites4 li#nav-4,

body#tradmedia1 li#nav-1,
body#tradmedia2 li#nav-2,
body#tradmedia3 li#nav-3,
body#tradmedia4 li#nav-4,

body#mixedmedia1 li#nav-1,
body#mixedmedia2 li#nav-2,
body#mixedmedia3 li#nav-3,
body#mixedmedia4 li#nav-4,

body#infographics1 li#nav-1,
body#infographics2 li#nav-2,
body#infographics3 li#nav-3,
body#infographics4 li#nav-4,

body#icons1 li#nav-1,
body#icons2 li#nav-2,
body#icons3 li#nav-3,
body#icons4 li#nav-4


{ 
	background: url(../images/linkbox.png) no-repeat center;
}