h2 {
	color: #000;
	font: bold 1.15em arial, verdana, san-serif;
	padding: 14px 0 0 13px;
}

h3 {
	color: #333;
	font: bold 1.25em arial, verdana, san-serif;
	padding-left: 13px;
	padding-top: 20px;
}

h4 {
	color: #333;
	font: italic .9em arial, verdana, san-serif;
	padding-left: 13px;
	padding-top: 4px;
}

h5 {
	color: #222;
	font: .9em arial, verdana, san-serif;
	padding-left: 13px;
	padding-top: 7px;
}

h5 a, h5 a:link, h5 a:visited {
	color: #444;
	text-decoration: none;
	font:arial, verdana, san-serif;
}

h5 a:hover {
	color: #000;
	text-decoration: none;
	font:arial, verdana, san-serif;
}

.body {
	color: #FFF;
	font: .85em/1.4em arial, verdana, san-serif;
	padding: 5px 40px 10px 13px;
}

.start_body {
	color: #FFF;
	font: .85em/1.4em arial, verdana, san-serif;
	padding: 10px 40px 15px 13px;
}

.end_body {
	color: #FFF;
	font: .85em/1.4em arial, verdana, san-serif;
	padding: 5px 40px 40px 13px;
}

.quote {
	color: #FFF;
	font: bold 3em arial, verdana, san-serif;
	padding: 5px 40px 5px 13px;
}

.quote_credit {
	color: #FFF;
	font: italic .9em arial, verdana, san-serif;
	padding: 0px 40px 40px 13px;
}

.resource_link a, .resource_link a:link, .resource_link a:visited {
	color: #333;
	text-decoration: none;
	font:arial, verdana, san-serif;
}

.resource_link a:hover {
	color: #999;
	text-decoration: none;
	font:arial, verdana, san-serif;
}

.cap_list {
	margin: 0 0 0 13px;
	padding: 0 0 40px 0px;
	list-style-type: none;
}

.cap_list li {
	font: bold 1.25em/1.65em arial, verdana, san-serif;
	color: #bfbfbf;
}


/* 2 column layout  */

table.contacts{  
	width: 580px;
	margin: 8px 20px 0 13px;
	padding: 0;
}

td.contact { 	
	border-top: 2px #008a99 solid;
	text-align: left;
	font: .85em arial, verdana, san-serif;
	color: #FFF;
	padding: 5px 10px 20px 8px;
	vertical-align: top;
}

.contact a, .contact a:link, .contact a:visited {
	color: #444;
	text-decoration: none;
	font:arial, verdana, san-serif;
}

.contact a:hover {
	color: #000;
	text-decoration: none;
	font:arial, verdana, san-serif;
}



/* logo placement  */

.logo {
	margin: -5px 0 0 180px;
	border: 0;
}


/* portfolio image  */

.portfolio_img {
	margin-top: 20px;
}

.shadow {
	position:absolute;
	left:55px;
	top:105px;
	z-index: -1;
}

.welcome_header, .about_header, .case_header, .extra_header, .print_header, .interactive_header, .branding_header, .illustration_header {
	margin-top: 20px;
	width: 610px;
	height: 45px;
}

.welcome_header {
	background-color: #ff286e;
}

.about_header {
	background-color: #008a99;
}

.case_header {
	background-color: #c00024;
}

.extra_header {
	background-color: #005a9d;
}

.print_header {
	background-color: #e9c100;
}

.interactive_header {
	background-color: #009be6;
}

.branding_header {
	background-color: #eb5a00;
}

.illustration_header {
	background-color: #28c800;
}

.content_container {
	padding: 0px;
	width: 610px;
	background-color: #777;
	margin: 0;
}


/* portfolio nav  */

ul.img_navlist {
	margin-top: 20px;
	padding: 0px;
}

.img_navlist li {
	display: inline;	
	list-style-type: none;
}

a.srollover_lt {
	float: left;
	display: block;
	margin-top: -8px;
	margin-right: 10px;
	width: 34px;
	height: 34px;
	text-decoration: none;
	background: transparent url(../images/btn_lt.gif) no-repeat scroll 0pt 0pt;
}
 
a:hover.srollover_lt {
    background-position: -34px 0;
}

a.srollover_rt {
	float: left;
	display: block;
	margin-top: -8px;
	margin-right: 10px;
	width: 34px;
	height: 34px;
	text-decoration: none;
	background: transparent url(../images/btn_rt.gif) no-repeat scroll 0pt 0pt;
}
 
a:hover.srollover_rt {
    background-position: -34px 0;
}



ul#navlist {
	margin-left: 0;
	margin-top:20px;
	padding-left: 0;
	white-space: nowrap;
}

#navlist li {
	display: inline;
	list-style-type: none;

}

#navlist a { 
	padding: 20px 10px 0;
}

#navlist a:link, #navlist a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, verdana, san-serif;
}

#navlist a:hover {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, verdana, san-serif;
}

#navlist a.current{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, verdana, san-serif;
}

/* contact container  */

.contact {
	margin: 0 0 0 13px;
	padding: 20px 0 40px 0;
	color: #222;
	text-decoration: none;
	font:arial, verdana, san-serif;
}

fieldset { 
	border:0;
	margin:0;
	padding:0; 
}

label { 
	display:block; 
	padding-top:15px; 
}

input.text,textarea { 
	width:300px;
	font:12px/12px arial, verdana, san-serif;
	color:#333;
	padding:1px;
	margin:1px 0;
	border:1px solid #ccc; 
}

input.submit { 
	padding:2px 5px;
	font:bold 12px/12px arial, verdana, san-serif; 
}

#loadBar {
	display:none;
	color: #e5e5e5;
	padding: 10px 0 0 13px;
}

#emailSuccess {
	display:none;
	padding: 10px 0 0 13px;
	color: #e5e5e5;
}


/* footer  */

.footer {
	margin-top: 10px;
	padding: 0;
	width: 610px;
}



ul#footer_text {
	white-space: nowrap;
	float: left;
}

#footer_text li {
	display: inline;
	list-style-type: none;
}

#footer_text a { 
	padding: 20px 10px 0;
}

#footer_text a:link, #footer_text a:visited {
	color: #000;
	text-decoration: none;
	font:.9em arial, verdana, san-serif;
}

#footer_text a:hover {
	color: #777;
}


/* credits  */

.credits {
	margin: 12px 0 0;
	padding: 0;
	width: 610px;
}

.credit_images {
	border: 0;
}

ul#credit_images {
	white-space: nowrap;
	float: right;
	padding: 0 10px 0 0;
}

#credit_images li {
	display: inline;
	list-style-type: none;
}