/*
955 wide: full center-column background with dropshadow
800 wide: white content column
700 wide: inner, colored page boxes
612 wide (44x2): innerboxes inside the page boxes

*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #A60000;
}

h1 {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 220%;
	font-weight: bold;
	color: #5B0000;
}
h2 {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 189%;
	font-weight: bold;
	color: #5B0000;
}

h1.sitetitle {
	width: 955px;
	height: 160px;
	margin: 0;
	background:url('images/frame25_SiteHeader.jpg') 0px 0px no-repeat;
	overflow: hidden; /* This is absolutely necessary for IE to not wrap the content under the huge line height with narrower window sizes */
	font-size: .1em; line-height: 1000px;
}
h1.sitetitleHover {
	background:url('images/frame25_SiteHeader.jpg') 160px 0px no-repeat;
}

/* ------------------------------
		PAGE AREAS
------------------------------ */

#toplinks {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	text-align: right;
	padding: 13px 20px 0 0;
}
#pagecolumn {
	width: 955px;
	margin: 0 auto;
	background: url('images/whitebox_BG.jpg') top center repeat-y;
	overflow: auto; /* Necessary to make fucking IE place footer correctly */
}

#contentcolumn {
	width: 800px;
	margin: 0 76px 0 79px;
}

#whitecolumn_footer {
	width: 955px;
	height: 158px;
	background:url('images/whitebox_bottom.jpg') no-repeat;
	overflow: hidden;
}
	#whitecolumn_footer h3 {
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
	}

#pagefooter {
	position: relative;
	top: -20px;
	text-align: center;
	color: #682222;
	overflow: auto; /* Necessary to make fucking IE place footer correctly */
}
#contentmargins {
	margin: 35px;
}
#contentmargins p {
	font-size: 146.5%;
	line-height: 1.8em;
}
#popupbox {
	margin: 15px;
	background-color: #fff;
	padding: 15px;
}

/* ------------------------------
		SPECIAL LINKS
------------------------------ */

a.largelink {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	display: block;
	text-align: right;
	color: #A60000;
	text-decoration: none;
	padding-right: 25px;
	margin: -0.5em 40px 1em 22px;
	font-size: 161.6%;
}
.homepage a.largelink {
	margin: 1.8em 22px;
}
a.largelink:hover {
	color: #F40000;
	text-decoration: underline;
}
#cb_business a.largelink, #cb_artists a.largelink, #cb_community a.largelink, #cb_multipage a.largelink {
	background: url('images/icon_popupbox.gif') right 1px no-repeat;
	margin-bottom: 15px;
}
#cb_business a.largelink:hover, #cb_artists a.largelink:hover, #cb_community a.largelink:hover, #cb_multipage a.largelink:hover {
	background: url('images/icon_popupbox.gif') right -26px no-repeat;
}
a.contactlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 161.6%;
	font-weight: bold;
	letter-spacing: 0.2em;
	background: url('images/icon_contact_email_RED_21x14.gif') left center no-repeat;
	color: #fff;
	text-decoration: none;
	padding-left: 29px;
}
a.contactlink:hover {
	color: #FFFFBB;
	text-decoration: underline;
}
a.return {
	text-align: left;
	margin: 0 0 1em 570px;
	padding: 0 0 0 25px;
	background: url('images/leftarrow_white.gif') left 1px no-repeat;
}
a.return:hover {
	background: url('images/leftarrow_white.gif') left -26px no-repeat;
}
a.visitsitelink {
	font-size: 131%;
	text-decoration: none;
	padding-right: 20px;
	color: #A60000;
	background: url('images/icon-newwindowlink10x10crimson.gif') right center no-repeat;
}
a.visitsitelink:hover {
	color: #F40000;
	text-decoration: underline;
}
a.emaillink {
	background: url('images/icon-contact_email_21x14.gif') right center no-repeat;
	color: #A60000;
	text-decoration: none;
	padding-right: 26px;
}
a.emaillink:hover {
	color: #F40000;
	text-decoration: underline;
}

/* ------------------------------
		CONTENT BOXES
------------------------------ */

.contentbox {
	width: 700px;
	margin: 0 50px;
}
.contentbox h3 {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 182%;
	font-weight: bold;
	margin: 2.0em 30px -.5em 215px;
}
.contentbox p {
	line-height: 1.8em;
	margin: 1.8em 35px;
	font-size: 138.5%;
}
.contentbox p.leader {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.8em;
	margin: 1.8em 75px !important;
	font-size: 146.5%;
	font-style: italic;
}
.portfolioItem h3 {
	margin-top: 0;
}

/* Main text boxes on front page */
#cb_webdesign p, #cb_printdesign p {
	padding: 0 22px 0 340px;
	margin: 1.8em 0;
	font-size: 153.9%;
}

.contentboxItems p {
	margin: 1.8em 40px 1.8em 220px;
}
.portfolioItem { /* Keep a box around individual items so pictures don't interrupt the following paragraph */
	overflow: auto;
}
.contentbox img {
	margin: 20px 0 5px 45px;
}


/* Front Page: Web Design */

#cb_webdesign {
	background: #F7E6CF url('images/webdesign_box_thumbs.jpg') 0px 75px no-repeat;
	overflow: hidden; /* make sure bottom background piece shows up */
}
#cb_webdesign_inner {
	background: url('images/webdesign_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden; /* make sure bottom background piece shows up */
}
	#cb_webdesign h2 {
		background: url('images/webdesign_box_top.gif') center top no-repeat;
		height: 55px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0 0 20px 0;
	}
	#cb_webdesign a {
		background: url('images/rightarrow_webdesign.gif') right center no-repeat;
	}
	#cb_webdesign a:hover {
		background: url('images/rightarrow_hover_webdesign.gif') right center no-repeat;
	}

/* Front Page: Print Design */

#cb_printdesign {
	background: #E3E8F5 url('images/printdesign_box_thumbs.jpg') 0px 75px no-repeat;
	overflow: hidden;
}
#cb_printdesign_inner {
	background: url('images/printdesign_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden; /* make sure bottom background piece shows up */
}
	#cb_printdesign h2 {
		background: url('images/printdesign_box_top.gif') center top no-repeat;
		height: 55px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0 0 20px 0;
	}
	#cb_printdesign a {
		background: url('images/rightarrow_printdesign.gif') right center no-repeat;
	}
	#cb_printdesign a:hover {
		background: url('images/rightarrow_hover_printdesign.gif') right center no-repeat;
	}

/* Web Design: Business/Corporate */

#cb_business {
	overflow: hidden;
}
#cb_business .inner {
	background: url('images/business_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden;
}
	#cb_business h2 {
		background: url('images/business_box_top.gif') center top no-repeat;
		height: 92px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0;
	}
	#cb_business h3 {
		color: #0F418F;
	}
	#cb_business .contentboxItems {
		border: 3px solid #D2DEF1;
		border-width: 0 3px;
		overflow: hidden;
	}

/* Web Design: Community/Personal Interest */

#cb_community {
	overflow: hidden;
}
#cb_community .inner {
	background: url('images/community_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden;
}
	#cb_community h2 {
		background: url('images/community_box_top.gif') center top no-repeat;
		height: 92px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0;
	}
	#cb_community h3 {
		color: #4A9F33;
	}
	#cb_community .contentboxItems {
		border: 3px solid #E2F8DC;
		border-width: 0 3px;
		overflow: hidden;
	}

/* Web Design: Writers/Artists/Musicians */

#cb_artists {
	overflow: hidden;
}
#cb_artists .inner {
	background: url('images/artists_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden;
}
	#cb_artists h2 {
		background: url('images/artists_box_top.gif') center top no-repeat;
		height: 92px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0;
	}
	#cb_artists h3 {
		color: #C39F0A;
	}
	#cb_artists .contentboxItems {
		border: 3px solid #F4EBD2;
		border-width: 0 3px;
		overflow: hidden;
	}

/* Print Design: Book Covers/Jackets */

#cb_bookcovers {
	overflow: hidden;
}
#cb_bookcovers .inner {
	background: url('images/business_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden;
}
	#cb_bookcovers h2 {
		background: url('images/bookcovers_box_top.gif') center top no-repeat;
		height: 92px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0;
	}
	#cb_bookcovers .contentboxItems {
		border: 3px solid #D2DEF1;
		border-width: 0 3px;
		overflow: hidden;
	}
	#cb_bookcovers div.gallerythumbnails {
		text-align: right;
	}
	#cb_bookcovers div.gallerythumbnails img {
		margin: 5px 0;
	}


/* Print Design: Multi-Page Layouts */

#cb_multipage {
	overflow: hidden;
}
#cb_multipage .inner {
	background: url('images/artists_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden;
}
	#cb_multipage h2 {
		background: url('images/multipage_box_top.gif') center top no-repeat;
		height: 92px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0;
	}
	#cb_multipage h3 {
		margin-left: 255px;
		color: #C39F0A;
	}
	#cb_multipage .contentboxItems {
		border: 3px solid #F4EBD2;
		border-width: 0 3px;
		overflow: hidden;
	}
	#cb_multipage .contentboxItems p {
		margin: 1.8em 40px 1.8em 260px;
	}

/* Print Design: Typesetting */

#cb_typesetting {
	overflow: hidden;
}
#cb_typesetting .inner {
	background: url('images/community_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden;
}
	#cb_typesetting h2 {
		background: url('images/typesetting_box_top.gif') center top no-repeat;
		height: 92px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0;
	}
	#cb_typesetting .contentboxItems {
		border: 3px solid #E2F8DC;
		border-width: 0 3px;
		overflow: hidden;
	}
	#cb_typesetting div.gallerythumbnails {
		text-align: center;
	}
	#cb_typesetting div.gallerythumbnails img {
		margin: 5px 0;
	}

/* Print Design: I.D./Packaging/Promotion */

#cb_packagepromotion {
	overflow: hidden;
}
#cb_packagepromotion .inner {
	background: url('images/packagepromotion_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden;
}
	#cb_packagepromotion h2 {
		background: url('images/packagepromotion_box_top.gif') center top no-repeat;
		height: 92px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0;
	}
	#cb_packagepromotion .contentboxItems {
		border: 3px solid #D5CAE1;
		border-width: 0 3px;
		overflow: hidden;
	}
	#cb_packagepromotion div.gallerythumbnails {
		text-align: center;
	}
	#cb_packagepromotion div.gallerythumbnails img {
		margin: 5px 0;
	}

/* Contact Page: Email */

#cb_contactemail {
	overflow: hidden;
}
#cb_contactemail .inner {
	background: url('images/business_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden;
}
	#cb_contactemail h2 {
		background: url('images/contactemail_box_top.gif') center top no-repeat;
		height: 92px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0;
	}
	#cb_contactemail h3 {
		color: #0F418F;
	}
	#cb_contactemail .contentboxItems {
		border: 3px solid #D2DEF1;
		border-width: 0 3px;
		overflow: hidden;
	}
	#cb_contactemail .contentboxItems p {
		margin: 1.8em 35px;
	}

/* Contact Page: Address */

#cb_contactphone {
	overflow: hidden;
}
#cb_contactphone .inner {
	background: url('images/artists_box_bottom.gif') center bottom no-repeat;
	padding-bottom: 39px;
	overflow: hidden;
}
	#cb_contactphone h2 {
		background: url('images/contactphone_box_top.gif') center top no-repeat;
		height: 92px;
		overflow: hidden;
		font-size: .1em; line-height: 1000px;
		margin: 0;
	}
	#cb_contactphone h3 {
		color: #C39F0A;
		margin: 1.8em 35px;
	}
	#cb_contactphone .contentboxItems {
		border: 3px solid #F4EBD2;
		border-width: 0 3px;
		overflow: hidden;
	}
	#cb_contactphone .contentboxItems p {
		margin: 1.8em 35px;
	}

/* Inner page boxes */

.innerbox1 {
	overflow: auto;
	background: url('images/innerbox_blue_middle.gif') center top repeat-y;
	width: 612px;
	margin: 0 auto;
}
.innerbox2 {
	overflow: auto;
	background: url('images/innerbox_blue_top.gif') center top no-repeat;
}
.innerbox3 {
	overflow: auto;
	background: url('images/innerbox_blue_bottom.gif') center bottom no-repeat;
}
.innerbox4 {
	padding: 44px 40px;
}

/* ------------------------------
		ERROR/SUCCESS MESSAGE
------------------------------ */

#errorMessage {
	font-size: 146.5%;
	margin: 30px 60px;
	color: #990000;
	background-color: #FFCACA;
	border: 2px solid #990000;
	padding: 15px;
}
#errorMessage p {
	margin: 3px 0px 3px 0px;
}
#successMessage {
	font-size: 146.5%;
	margin: 30px 60px;
	color: #786105;
	background-color: #F3EED8;
	border: 2px solid #C39F0A;
	padding: 15px;
}

/* ------------------------------
		FORMS
------------------------------ */

#emailform {
	margin: 0 40px;
}
.formline {
	background: url('/images/reddish_formshadow.gif') top left no-repeat;
	font-size: 1.1em;
	width: 400px;
	height: 1.5em;
	border: 1px solid #BFA2A2;
}

#email_message {
	background: url('/images/reddish_formshadow.gif') top left no-repeat;
	width: 580px;
	border: 1px solid #BFA2A2;
}
#submit {
	font-size: 1.4em;
	padding: 3px 20px;
}
#emailform input, #emailform textarea {
	margin: 4px 0;
}
form p {
	margin: 0.8em 0 !important;
}

/* ------------------------------
		SPECIALTY
------------------------------ */

img.bordered {
	border: 1px solid #999999;
}