/*-----------------------------------------------------------------------------
Primary Kitten Bag River Style Sheet

version:   1.1
author:    Thomas Ervin-Ward
email:     tom@kittenbagriver.net
website:   http://www.kittenbagriver.net
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
p, pre, blockquote, fieldset, table {
	margin: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Create Standard Image Border */
img {
	border:1px solid #ccc;
}

img.noborder {
	border:0;
}

img.client_project {
	border:1px solid #ccc;
	margin-left:4px;
	margin-top:4px;
}

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


body {
	padding: 4px 4px;
	font-family: Arial, sans-serif;
	background-color: #fff;
	color: #666;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	line-height: 1.5em;
	font-size: 12px;
	text-transform:uppercase;
}


a:link {
	text-transform:uppercase;
	text-decoration:none;
	color:#CC0000;
}

a:hover {
	text-transform:uppercase;
	text-decoration:underline;
	color:#FF0066;
}

a:visited
{	
	text-transform:uppercase;
	text-decoration:none;
	color:#CC0000;
}


h1 {
	font-size:42px;
	line-height:1em;
	letter-spacing:-1px;
	font-weight:normal;
	color:#FFFFFF;
	padding:10px 20px;
	margin-top:120px;
}


h2 {
	font-size:30px;
	line-height:1em;
	font-weight:normal;
	color:#FFFFFF;
	padding:4px 20px;
	margin:0;
}

h2.client_list {
	font-size:30px;
	line-height:1em;
	font-weight:normal;
	color:#000000;
	padding-top:2px;
	padding-left:10px;
	margin:0px;
	text-transform:lowercase;
}

h2.client_list a:link {
	text-decoration:underline;
	color:#000000;
}

h2.client_list a:hover {
	text-decoration:underline;
	color:#FF0066;
}

h2.client_list a:visited {
	text-decoration:underline;
	color:#000000;
}

h3 {
	font-size:30px;
	line-height:1em;
	font-weight:normal;
	color:#000000;
	padding-left:16px;
	padding-top:16px;
	letter-spacing:-1px;
}

h4 {
	font-size:34px;
	line-height:1em;
	font-weight:normal;
	color:#000000;
	padding-left:16px;
	padding-top:16px;
	letter-spacing:-1px;	
}

p {
	font-size:12px;
	line-height:1.3em;
	font-weight:normal;
	color:#000000;
	padding-left:16px;
	padding-top:6px;
	padding-bottom:6px;
}




p.titlecase {
	font-size:12px;
	line-height:1.3em;
	font-weight:normal;
	color:#000000;
	padding-left:16px;
	padding-top:6px;
	padding-bottom:0px;
	text-transform:none;
}

p.titlecase a:link {
	text-transform:none;
}

p.titlecase a:visited {
	text-transform:none;
}

p.titlecase14 {
	font-size:14px;
	line-height:1.3em;
	font-weight:normal;
	color:#000000;
	padding-left:16px;
	padding-top:6px;
	padding-bottom:0px;
	text-transform:none;
}
p.titlecase16 {
	font-size:16px;
	line-height:1.3em;
	font-weight:normal;
	color:#000000;
	padding-left:16px;
	padding-top:6px;
	padding-bottom:0px;
	text-transform:none;
}

p.five_column {
	width:180px;
	font-size:14px;
	line-height:1.3em;
	font-weight:normal;
	color:#000000;
	padding-left:16px;
	text-transform:none;
	float:left;
}

p.five_column_blue {
	width:180px;
	font-size:12px;
	line-height:1.4em;
	font-weight:normal;
	color:#000000;
	padding-left:16px;
	text-transform:none;
	float:left;
}

p.five_column strong{
	font-weight:normal;
	color:#000000;
	background-color:#f5e7be;
}

p.five_column_blue strong{
	font-weight:normal;
	color:#000000;
	background-color:#ffffff;
}

p.five_column16 {
	width:180px;
	font-size:14px;
	line-height:1.3em;
	font-weight:bold;
	color:#000000;
	padding-left:16px;
	text-transform:none;
	float:left;
}

h4.titlecase16 {
	font-size:16px;
	line-height:1.3em;
	font-weight:normal;
	color:#000000;
	padding-left:16px;
	padding-top:14px;
	padding-bottom:0;
	letter-spacing:0;
	text-transform:uppercase;
}

h3.link {
	float:left;
	font-size:14px;
	width:180px;
}

p.project_description {
	text-transform:none;
	font-size:14px;
	padding-right:380px;
}

li.body_list {
	font-size:12px;
	line-height:1.1em;
	font-weight:normal;
	color:#000000;
	margin-left:32px;
	padding-top:6px;
	text-transform:none;
}

li.body_list16 {
	font-size:16px;
	line-height:1.1em;
	font-weight:normal;
	color:#000000;
	margin-left:32px;
	padding-top:6px;
	text-transform:none;
}

li.five_column_list {
	width:180px;
	font-size:14px;
	line-height:1.3em;
	font-weight:normal;
	color:#000000;
	margin-left:32px;
	list-style-type:circle;
	text-transform:none;
	float:none;
}

li#inline_navigation {
	display:inline;
	list-style-type:circle;
	font-size:14px;
	font-weight:bold;
}

ul.five_column_ul {
	float:left;
	padding-top:6px;
	padding-right:36px;
}

hr {
	margin-left:12px;
	margin-top:8px;
}

#banner_about_bkg {
	background: url(../img/banner_about.jpg) no-repeat;
	background-color:#5fa3ca;
	width:1018px;
	height:319px;
}

#banner_clients_bkg {
	background: url(../img/banner_clients.jpg) no-repeat;
	background-color:#56b690;
	width:1018px;
	height:319px;
}

#banner_contact_bkg {
	background: url(../img/banner_contact.jpg) no-repeat;
	background-color:#b37c5d;
	width:1018px;
	height:319px;
}

#about_block {
	width:1018px;
	height:319px;
	background: transparent;
	position:absolute;
	top:4px;
	left:4px;
	z-index:100;
}

#global_navigation_block {
	width:1018px;
	height:23px;
	background: url(../img/navigation_bar.jpg) no-repeat;
	margin-top:4px;
	padding-top:2px;
	padding-left:20px;
}

/* -- ABOUT PAGE LAYOUT -- */

/*
#about_body_block {
	width:1016px;
	height:683px;
	border:solid 1px #CCCCCC;
	margin-top:4px;
}


#strategy_block {
	width:338px;
	height:450px;
	background-color:#FFFFFF;
	float:left;
	padding-bottom:16px;
	border-left:solid 1px #CCCCCC;
}



#print_services_block {
	width:338px;
	height:450px;
	background-color:#FFFFFF;
	float:left;
	padding-bottom:16px;
}



#web_services_block {
	width:338px;
	height:450px;
	background-color:#FFFFFF;
	float:left;
	padding-bottom:16px;
	border-left:solid 1px #CCCCCC;
}

#background_block {
	width:1000px;
	height:190px;
	background-color:#EFEFEF;
	float:left;
	padding-top:0px;
	padding-bottom:26px;
	padding-right:16px;
	border-top:solid 1px #CCCCCC;
}

*/

/* -- TRIAL LAYOUT -- */

#strategy_block {
	width:1000px;
/*	height:190px; */
background-color:#EFEFEF;
	float:left;
	padding-top:0px;
	padding-bottom:26px;
	padding-right:16px;
	border-top:solid 1px #CCCCCC;
}

#web_services_block {
	width:1000px;
/*	height:190px; */
background-color:#EFEFEF;
	float:left;
	padding-top:0px;
	padding-bottom:26px;
	padding-right:16px;
	border-top:solid 1px #CCCCCC;
}

#print_services_block {
	width:1000px;
/*	height:190px; */
background-color:#EFEFEF;
	float:left;
	padding-top:0px;
	padding-bottom:26px;
	padding-right:16px;
	border-top:solid 1px #CCCCCC;
}

#background_block {
	width:1000px;
/*	height:190px; */
	background-color:#d7e8ff;
	float:left;
	padding-top:0px;
	padding-bottom:26px;
	padding-right:16px;
	border-top:solid 1px #CCCCCC;
}


/* -- CLIENT PAGE LAYOUT -- */
#client_body_block {
	width:1016px;
	height:100%;
	border:solid 1px #CCCCCC;
	margin-top:4px;
	padding-bottom:6px;
	padding-top:6px;
}


.client_heading {
	width:1016px;
	height:34px;
	background: url(../img/pixel_pattern_a.gif) repeat-x;
	margin-bottom:4px;
}

/* -- CLIENTS COLLAPSING CONTENT -- */
#content_01 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#EFEFEF;
	padding-bottom:10px;
	padding-top:6px;
	width:1016px;
	margin-bottom:10px;
	display:visible;
}

#content_02 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#EFEFEF;
	padding-bottom:10px;
	padding-top:6px;
	width:1016px;
	margin-bottom:10px;
	display:visible;
}

#content_03 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#EFEFEF;
	padding-bottom:10px;
	padding-top:6px;
	width:1016px;
	margin-bottom:10px;
	display:visible;
}

#content_04 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#EFEFEF;
	padding-bottom:10px;
	padding-top:6px;
	width:1016px;
	margin-bottom:10px;
	display:visible;
}

#content_05 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#EFEFEF;
	padding-bottom:10px;
	padding-top:6px;
	width:1016px;
	margin-bottom:10px;
	display:visible;
}

#content_06 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#EFEFEF;
	padding-bottom:10px;
	padding-top:6px;
	width:1016px;
	margin-bottom:10px;
	display:visible;
}

#content_07 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#EFEFEF;
	padding-bottom:10px;
	padding-top:6px;
	width:1016px;
	margin-bottom:10px;
	display:visible;
}

#content_08 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#EFEFEF;
	padding-bottom:10px;
	padding-top:6px;
	width:1016px;
	margin-bottom:10px;
	display:visible;
}

#content_09 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#EFEFEF;
	padding-bottom:10px;
	padding-top:6px;
	width:1016px;
	margin-bottom:10px;
	display:visible;
}

#content_10 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#EFEFEF;
	padding-bottom:10px;
	padding-top:6px;
	width:1016px;
	margin-bottom:10px;
	display:visible;
}

/* -- CONTACT PAGE LAYOUT -- */
#contact_body_block {
	width:1016px;
	height:427px;
	border:solid 1px #CCCCCC;
	margin-top:4px;
}

#googlemap {
	width:430px;
	height:320px;
	background-color:#CCCCCC;
	float:left;
	padding-bottom:0px;
	border-left:solid 1px #CCCCCC;
}

#contact_details_block {
	width:585px;
	height:320px;
	background-color:#EFEFEF;
	float:left;
	padding-bottom:0px;
} 

/* -- ELSEWHERE BLOCK -- */
#elsewhere_block {
	width:926px;
	height:40px;
	background-color:#DFDFDF;
	float:left;
	padding-bottom:16px;
	padding-right:90px;
	padding-top:50px;
	border-top:solid 1px #CCCCCC;
}