/* 
Title: Cary Foster Studio Website Master Style for Screen Media
Author: cary@caryfoster.com
Updated: April 1, 2007
*/


body {
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #555555;
	font-size: small;
	line-height: 136%;
	background: #FFFFFF url(../graphics/body-bckgrd.gif) repeat-y center top;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}


/* Links
-----------------------------------------------*/
a, a:link, a:visited {
	text-align: left;
	color: #3c5aa4;
	font-weight: bold;
}
a:hover, a:active {
	text-decoration: none;
}
a.email {
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}
.sitelink {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 88%;
}
a.stifle {
	color: #555555;
	font-weight: normal;
	text-decoration: none;
}


/* Title
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#t-banner {
	width: 500px;
	height: 32px;
	text-indent: -5000px;
	background: url(../graphics/t-banner.gif) no-repeat left top;
}
#ts-yournarrative {
	width: 400px;
	height: 26px;
	text-indent: -5000px;
	background: url(../graphics/ts-yournarrative.gif) no-repeat left top;
}
#ts-myspecialties {
	width: 400px;
	height: 26px;
	margin-top: 24px;
	text-indent: -5000px;
	background: url(../graphics/ts-myspecialties.gif) no-repeat left bottom;
}
#ts-mynarrative {
	width: 143px;
	height: 26px;
	text-indent: -5000px;
	background: url(../graphics/ts-mynarrative.gif) no-repeat left bottom;
}
#ts-aboutproject {
	width: 131px;
	height: 22px;
	text-indent: -5000px;
	background: url(../graphics/ts-aboutproject.gif) no-repeat left top;
}
#ts-beginyournarrative {
	width: 190px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/ts-beginyournarrative.gif) no-repeat left top;
}
#ts-contactinformation {
	width: 141px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/ts-contactinformation.gif) no-repeat left bottom;
}
#ts-thanks {
	width: 400px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/ts-thanks.gif) no-repeat left top;
}
#t-404 {
	width: 90px;
	height: 35px;
	text-indent: -5000px;
	background: url(../graphics/t-404.gif) no-repeat left top;
}
#ts-notexist {
	width: 382px;
	height: 45px;
	text-indent: -5000px;
	background: url(../graphics/ts-notexist.gif) no-repeat left top;
}
/* Project Titles */
#t-casid {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-casid.gif) no-repeat left top;
}
#t-simpat {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-simpat.gif) no-repeat left top;
}
#t-admissions {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-admissions.gif) no-repeat left top;
}
#t-klotz {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-klotz.gif) no-repeat left top;
}
#t-callaghan {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-callaghan.gif) no-repeat left top;
}
#t-artsasia {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-artsasia.gif) no-repeat left top;
}
#t-loral {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-loral.gif) no-repeat left top;
}
#t-finaid {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-finaid.gif) no-repeat left top;
}
#t-odi {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-odi.gif) no-repeat left top;
}
#t-thesun {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-thesun.gif) no-repeat left top;
}
#t-arnchu {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-arnchu.gif) no-repeat left top;
}
#t-adrenaline {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-adrenaline.gif) no-repeat left top;
}
#t-bluebuffalo {
	width: 600px;
	height: 27px;
	text-indent: -5000px;
	background: url(../graphics/t-bluebuffalo.gif) no-repeat left top;
}


/* Logo
-----------------------------------------------*/
#logo {
	float: left;
}
#logo img {
	display: block;
	width: 0px;
}
#logo span {
	display: block;
	width: 391px;
	height: 103px;
	background: url(../graphics/logo.gif) no-repeat center center;
}
#logo a {
	border-style: none;
	display: block;
	width: 391px;
	height: 103px;
	text-decoration: none;
}


/* Page Structure
-----------------------------------------------*/
#head {
	margin: 0px;
	padding: 0px;
	background: url(../graphics/head-bckgrd.gif) repeat-y center bottom;
}
.wrap {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	background-color: #ffffff;
}
#masthead {
	height: 103px;
}
#banner {
	clear: both;
	margin: 0px;
	padding: 56px 320px 46px 26px;
	background: url(../graphics/banner-bckgrd.jpg) no-repeat left top;
	font-family: "Trebuchet MS", "Lucida Grande", geneva, verdana, arial, helvetica, sans-serif;
	font-size: 110%;
	color: #444444;
	line-height: 160%;
}
#maincontent {
	margin: 30px 26px 0px 26px;
	padding-bottom: 34px;
	text-align: justify;
}
#home #maincontent{
	margin-top: 40px;
}
.col-1-2 {
	float: left;
	width: 680px;
}
.col-2-2 {
	float: right;
	width: 200px;
}
#home .col-1-2 {
	float: right;
	width: 294px;
	font-size: 86%;
	line-height: 150%;
}
#home .col-2-2 {
	float: left;
	width: 570px;
}
#home .col-1-2 p, #contact .col-1-2 p {
	padding-bottom: 0.3em;
}
#home .col-1-2 strong {
	color: #6e6e6e;
}
#contact .col-1-2, #contact .col-2-2 {
	text-align: left;
}
#contact fieldset.col-1-2, #contact fieldset.col-2-2 {
	width: 325px;
}
dl {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	text-align: left;
}
dt {
	margin: 0.3em 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	font-weight: bold;
	background: url(../graphics/bullet-list.gif) no-repeat left center;
}
dd {
	margin: 0px;
	padding: 0px 0px 0px 14px;
	font-size: 86%;
}
#portfolio {
	min-height: 300px;
	background: url(../graphics/processing.gif) no-repeat center center;
}
#portfolio img {
	border: 1px solid #c5c5c5;
}
#footer {
	padding: 20px 26px;
	color: #999999;
	font-size: 78%;
	line-height: 140%;
	background: url(../graphics/footer-bckgrd.gif) no-repeat left top;
}
.vcard {
	float: left;
}
#copyright {
	float: right;
	text-align: right;
}
.tel {
	padding-right: 10px;
}
hr, .hide {
	display: none;
}
.clear {
	clear: both;
}


/* Forms
----------------------------------------------*/
form, input, textarea {
	margin: 0px;
	text-align: left;
}
fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
legend {
	margin: 0px;
	padding: 0px;
}
form p {
	margin-top: 16px;
}
.text-field {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 100%;
}
input.text-field {
	width: 96%;
}
textarea.text-field {
	width: 98%;
}
form .stackleft {
	margin: 16px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	float: left;
}
form .stackleft-end {
	padding-top: 16px;
}
label {
	color: #555555;
	font-size: 86%;
}
.attention {
	color: #CC0000;
	font-weight: bold;
}


/* Utility Navigation
-----------------------------------------------*/
#utility {
	float: right;
	margin: 50px 22px 0px 0px;
	padding: 0px;
	list-style: none;
}
#utility li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 13px;
}
#utility a {
	float: left;
	display: block;
	height: 28px;
	overflow: hidden;
	text-indent: -5000px;
	text-decoration: none;
}
#u-contact a {
	width: 105px;
	background: url(../graphics/u-contact.gif) no-repeat left top;
}
#utility a:hover, #utility a:active {
	background-position: left bottom;
}


/* Portfolio Navigation
-----------------------------------------------*/
#navigation {
	clear: both;
	height: 93px;
	margin: 0px;
	padding: 0px;
	background: url(../graphics/nav-bckgrd.gif) no-repeat center top;
}
#navigation .wrap {
	height: 93px;
	background: url(../graphics/nav.gif) repeat-x left top;
}
#home #navigation {
	height: 111px;
	margin: 0px;
	padding: 0px;
	background: url(../graphics/nav-home-bckgrd.gif) no-repeat center top;
}
#home #navigation .wrap {
	height: 111px;
	background: url(../graphics/nav-home.gif) repeat-x left top;
}
#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 16px 0px 0px 23px;
}
#home #navigation ul {
	padding-top: 25px;
}
#navigation li {
	display: inline;
	float: left;
	list-style: none;
	padding: 0px 16px 0px 0px;
}
#navigation a {
	display: block;
	float: left;
	padding: 4px;
	background-color: #9e9e9e;
	border: 1px solid #7f7f7f;
	text-decoration: none;
}
#navigation a:hover,
#navigation a:active {
	background-color: #c7c7c7;
	border: 1px solid #dfdfdf;
}
#bluebuffalo #n-bluebuffalo a,
#casid #n-casid a,
#simpat #n-simpat a,
#admissions #n-admissions a,
#klotz #n-klotz a,
#callaghan #n-callaghan a,
#artsasia #n-artsasia a,
#loral #n-loral a,
#finaid #n-finaid a,
#odi #n-odi a,
#thesun #n-thesun a,
#arnchu #n-arnchu a {
	background-color: #676767;
	border: 1px solid #d3d3d3;
}
#navigation img {
	border: 1px solid #8f8f8f;
}


/* Page Number Navigation
-----------------------------------------------*/
ul#pagenumbers {
	list-style: none;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	height: 24px;
}
ul#pagenumbers li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}
ul#pagenumbers a {
	display: block;
	float: left;
	width: 20px;
	height: 15px;
	text-indent: -5000px;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	border-style: none;
	text-decoration: none;
}
a#b-page1 {
	background: url(../graphics/page1.gif) no-repeat left top;
}
a:hover#b-page1, a:active#b-page1 {
	background-position: right top !important;
}
a#b-page2 {
	background: url(../graphics/page2.gif) no-repeat left top;
}
a:hover#b-page2, a:active#b-page2 {
	background-position: right top !important;
}
a#b-page3 {
	background: url(../graphics/page3.gif) no-repeat left top;
}
a:hover#b-page3, a:active#b-page3 {
	background-position: right top !important;
}
a#b-page4 {
	background: url(../graphics/page4.gif) no-repeat left top;
}
a:hover#b-page4, a:active#b-page4 {
	background-position: right top !important;
}
a#b-page5 {
	background: url(../graphics/page5.gif) no-repeat left top;
}
a:hover#b-page5, a:active#b-page5 {
	background-position: right top !important;
}
a#b-page6 {
	background: url(../graphics/page6.gif) no-repeat left top;
}
a:hover#b-page6, a:active#b-page6 {
	background-position: right top !important;
}