/*
Standard ~ css2
Date ~ 4th August 2006
Use ~ The Cassie Partnership Press & Resource Centre
Company ~ Enotions  / The Cassie Partnership
Author ~ Richard McCoy
*/


												/* CORE CONTROLS */
												
html, body
{
	margin: 0;
	padding: 0;
	background-color: White;
	color: grey;
	font-family: "Trebuchet MS",Arial, Helvetica,  sans-serif;
	font-size: 0.85em;
	background-image: url(../pixels/furniture/bg.jpg);
	background-repeat: repeat-x;
}

.area_resource div
{
	background-color: transparent; /*color: #979287;*/
	color: #7F7B6F;
}

.area_hacks div
{
	background-color: transparent;
	color: #346667;
}

a
{
	text-decoration: none;
}

a:hover, a:focus
{
	text-decoration: underline;
}


												/* HEAD */

#head
{
	position: absolute;
	left: 42px;
	top: 26px;
	width: 779px;
}

#head a img, #head img
{
	border: none;
	margin-right: 10px;
	vertical-align: middle;
}

#head a, #head li
{
	font-weight: bold;
	text-transform: lowercase;
}

#head a:hover, #head a:focus
{
	text-decoration: none;
	color: #47C3D3;
}

#logo
{
	float: left;
}

#nav_top_one, #nav_top_two, #nav_top_search
{
	float: left;
	background-image: url(../pixels/furniture/bg_dottedline_top.gif);
	background-repeat: no-repeat;
	height: 121px;
	margin-top: 20px;
	
}

#nav_top_one
{
	margin-left: 63px;
	margin-right: 50px;
}

#nav_top_one ul, #nav_top_two ul, #nav_top_search ul
{
	padding-left: 0;
	margin-left: 0;
}

#nav_top_one li, #nav_top_two li, #nav_top_search li
{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	padding-bottom: 5px;
}

#nav_top_two ul li ul
{
	margin-left: 33px;
}

#nav_top_two ul li ul a
{
	font-weight: normal;
	font-size: 0.9em
}

#nav_top_search
{
	float: right;
	margin-right: 22px;
}




												/* SHOULDERS */

#shoulders
{
	position: absolute;
	left: 42px;
	top: 167px;
}




#nav_section
{
	/*float: left;*/
	text-transform: lowercase;
	clear: both;
	height: auto;
}

#nav_section h1
{
	font-size: 1em;
	padding-bottom: 14px;
	padding-top: 6px;
	background-image: url(../pixels/furniture/underline_nav_right.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 202px
}

#nav_section li ol
{
	padding-left: 0px;
	font-weight: normal!important;
	padding-bottom: 30px;
	padding-top: 10px;
}

#nav_section li ol li a
{
	font-weight: normal!important;
	color: #D9B880;
	background-color: inherit;
}

#nav_section li ol li
{
	font-weight: normal;
	background-image: url(../pixels/furniture/right_line.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding-left: 5px;
}

#nav_section a:hover, #nav_section a:focus
{
	text-decoration: none;
	color: #47C3D3;
}



.area_resource a, .area_resource h1, .area_resource .download
{
	background-color: inherit;
	color: #979287;
}

.area_hacks a, .area_hacks h1, .area_hacks .download
{
	background-color: inherit;
	color: #406F70;
}

.area_resource .alt a
{
	background-color: inherit;
	color: #406F70;
}

.area_resource .alt a:hover, .area_resource .alt a:focus 
{
	background-color: inherit;
	color: #979287!important;
}

.area_hacks .alt a
{
	background-color: inherit;
	color: #979287!important;
}

.area_hacks .alt a:hover, .area_hacks .alt a:focus 
{
	background-color: inherit;
	color: #406F70!important;
}

.alt2 a
{
	background-color: inherit;
	color: #44C3D3;
}

.alt2 strong
{
	background-color: inherit;
	color: #96DCE5;
	font-weight: inherit;
}

#nav_section ul
{
	margin-left: 0;
	padding-left: 0;
}

#nav_section li
{
	background-image: url(../pixels/furniture/underline_nav_left.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 200px;
	list-style: none;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}



#content_primary, #content_secondary, #content_wide
{
	position: absolute;
	background-image: url(../pixels/furniture/right_line.gif);
	background-repeat: repeat-y;
	left: 233px;
	top: 0;
	padding-left:1px;
}

#content_secondary
{
	position: absolute;
	margin-left: 28px;
	left: 582px;
	top: 20px;
}

#content_primary h1, #content_secondary h1, #content_wide h1
{
	font-size: 1em;
	padding-bottom: 14px;
	padding-top: 13px;
	width: 202px;
	padding-left: 35px;
	height: 43px;
	margin-top: 0;
}

.h1_documents, .h1_jobs, .h1_newsletter, .h1_clients, .h1_pix, .h1_news, .h1_inthenews
{
	background-image: url(../pixels/furniture/h1_documents.jpg);
	background-repeat: no-repeat;
	width: auto;
	/*text-transform: lowercase;*/
	white-space: nowrap;
}

.h1_newsletter, .h1_clients, .h1_inthenews
{
		margin-top: -20px!important;
}

.h1_jobs
{
	background-image: url(../pixels/furniture/h1_jobs.jpg);
}

.h1_newsletter
{
	background-image: url(../pixels/furniture/h1_newsletter.jpg);
}

.h1_clients
{
	background-image: url(../pixels/furniture/h1_clients.jpg);
}

.h1_news
{
	background-image: url(../pixels/furniture/h1_news.jpg);
}

.h1_pix
{
	background-image: url(../pixels/furniture/h1_pix.jpg);
}

.h1_inthenews
{
	background-image: url(../pixels/furniture/h1_inthenews.jpg);
}



												/* TOES */

#toes
{
	position: absolute;
	left: 32px;
	top: 198px;
	width:799px;
}

#content_primary div, #content_secondary div, #content_wide div
{
	padding-left: 33px;
	width: 287px;
	/*background-image: url(../pixels/furniture/underline_nav_left.gif);
	background-position: bottom;
	background-repeat: no-repeat;*/
	padding-bottom: 18px;
	margin-bottom: 20px;
}

#content_secondary div
{
	width: 185px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url(../pixels/furniture/underline_nav_left_third.gif)!important;
}

.area_resource p q
{
	color: #336666;
	background-color: inherit;
}

.area_hacks p q
{
	color: #877F63;
	background-color: inherit;
}

#content_primary div h2, #content_secondary div h2, #content_wide div h2
{
	font-size: 1em;
	margin-bottom: 0;
}

.area_resource #content_primary div h2, .area_resource #content_secondary div h2, .area_resource  #content_wide div h2
{
	/*color: #979287;*/
	color: #6E6947;
	background-color: inherit;
}

.area_hacks #content_primary div h2, .area_hacks #content_secondary div h2, .area_hacks  #content_wide div h2
{
	color: #346667;
	background-color: inherit;
}

.area_hacks #content_primary div h3, .area_hacks #content_secondary div h3, .area_hacks  #content_wide div h3
{
	color: #509D9E;
	background-color: inherit;
}


.area_hacks #content_primary div h4, .area_hacks #content_secondary div h4, .area_hacks  #content_wide div h4
{
	color: #7DBCBD;
	background-color: inherit;
}

#content_primary div h2 em, #content_wide div h2 em
{
	font-weight: normal;
	font-style: normal;
}

.sub
{
	margin-top: 0;
}

.area_resource .sub
{
	/*color: #BCB299;*/
	color: #D5B726;
	background-color: inherit;
}

.area_hacks .sub
{
color: #4FC5D4;
background-color: inherit
}

.buttonlinks
{
text-align: right;
}

.buttonlinks a
{
	background-image: url(../pixels/furniture/bg_button.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	border-left: 1px solid #E4DBDB;
	border-top: 1px solid #E4DBDB;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-left: 10px;
}

#nav_top_search .buttonlinks a
{
	color: #858384!important;
	background-color: inherit;
}

.buttonlinks a:hover, .buttonlinks a:focus, button:hover, button:focus
{
	background-image: url(../pixels/furniture/bg_button_at.jpg);
	border-right: 1px solid #E4DBDB;
	border-bottom: 1px solid #E4DBDB;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	text-decoration: none;
	color: #858384!important;
	background-color: inherit;
}

.area_resource .buttonlinks a
{
color: #CD9934;
background-color: inherit
}

.area_hacks .buttonlinks a
{
color: #CD9934;
background-color: inherit
}

.area_resource #nav_top_search .buttonlinks a:hover, .area_resource #nav_top_search .buttonlinks a:focus
{
	color: #CD9934!important;
	background-color: inherit;
}

.area_hacks #nav_top_search .buttonlinks a:hover, .area_hacks #nav_top_search .buttonlinks a:focus
{
	color: #CD9934!important;
	background-color: inherit;
}

#subscribe input, #subscribe select, #nav_top_search input
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 5px;
	border-left: 1px solid #E4DBDB;
	border-top: 1px solid #E4DBDB;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 95px;
	font-size: 1em;
	text-transform: lowercase;
}

#subscribe select
{
	width: 110px;
}

.area_resource #subscribe input, .area_resource #subscribe select, .area_resource #nav_top_search input
{
	background-color: inherit;
	color: #BCB299;
}

.area_hacks #subscribe input, .area_hacks #subscribe select, .area_hacks #nav_top_search input
{
	background-color: inherit;
	color: #346667;
}

#subscribe .buttonlinks
{
	margin-top: -30px;
}

#clients img
{
	margin: 1px;
}

#clients a img
{
	border: 1px solid white!important;

}

.area_resource #clients a:hover img, .area_resource #clients a:focus img
{

	border-color: #BCB299!important;
}

.area_hacks #clients a:hover img, .area_hacks #clients a:focus img
{
	border-color: #346667!important;
}

/*#content
{
	padding: 10px;
	background-color: #e673c9;
	position: relative;
}*/


#footer
{
	/* position: absolute;  Needed for Safari */
	width: 100%;
	font-size: 0.95em;
	color: #000000;
	background-color: inherit;
	/*background-color: red;*/
	padding-left: 32px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px dotted grey;
}

#content_primary #footer
{
	background-image: none!important;
}


#footer a
{
	color: #CD995D;
	background-color: inherit;
}

#footer em
{
	color: #96DCE5;
	background-color: inherit;
	font-style: normal;
}

#footer strong
{
	color: #44C3D3;
	background-color: inherit;
	font-weight: normal;
}

#quote
{
	background-image: none!important;
	float: left;
	height: 140px;
	vertical-align: middle;
	overflow: visible;
}

#image
{
	float: left;
	/*border: 1px solid red;*/
	width: 204px!important;
	background-image: none!important;
}


#content_wide a
{
	text-decoration: underline;
}

#content_wide a:hover, #content_wide a:focus
{
	text-decoration: none;
}

#copy
{
	width: 485px!important;
	display: block;
	float: none;
	padding-top: 30px;
	background-position: -10px 0!important;
}

div .bottomofthestack
{
	margin-bottom: 0px!important;
}

.nobg
{
	background-image: none!important;
}

.nobgnopadding
{
	margin-top: -33px!important;
	background-color: #FFFFCC;
	background-image: none!important;
}

#inlinenavigation
{
		background-position: -10px 0!important;
		margin-top: 40px;
		padding-top: 30px;
		margin-left: -33px;
}

#inlinenavigation li
{
	padding-bottom: 10px;
}

#inlinenavigation a
{
	color: #D9B880;
}

#copy img
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	
}

 .clear { /* A CSS class for the property */
   clear: both;
}