/*
-----------------------------
DEFAULTS
-----------------------------
*/


body {
	background: #000 url(../images/graphics/bg.png) center top no-repeat;
}

input {
	padding: 2px;
	line-height: 1em;
}

/*
-----------------------------
MAIN DIVS
-----------------------------
*/

#wrapper {
	width: 990px;
	margin: 0 auto;
	padding-bottom: 5px;
}
#header {
	height: 68px;
	position: relative;
}
#content_wrapper {
	overflow: hidden;
	background: transparent url(../images/graphics/content_wrapper_bg.png) repeat-x;
	height: 482px;
}
#content_wrapper_left {
	float: left;
	width: 5px;
}
#content {
	width: 960px;
	float: left;
	padding: 20px 10px;
}
#content_wrapper_right {
	float: right;
	width: 5px; 
}
#footer_wrapper {
	background: #000 url(../images/graphics/footer_bg.png) repeat-x;
	clear: both;
	margin: 0 auto;
	width: 990px;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#footer {
	width: 970px;
	margin: 0 auto;
}

/*
-----------------------------
NO JAVASCRIPT WARNING DIV
-----------------------------
*/

noscript #warning {
	border-bottom: 1px solid;
	text-align: center;
	padding: 3px 0;
	position: absolute;
	z-index: 88;
	top: 0;
	width: 100%;
}
noscript #warning span {
	padding-right: 50px;
}

/*
-----------------------------
HEADER
-----------------------------
*/

#logo {
	margin-left: 725px;
	position: absolute;
	z-index: 99;
}
#nav {
	padding: 30px 20px 0;
	/*height: 35px;
	clear: both;*/
}
#nav li {
	float: left;
	position: relative;
}
#nav a {
	height: 35px;
	display: block;
	position: relative;
	overflow: hidden;
	text-indent: -9000px;
	cursor: pointer;
}
.home:hover, .branding:hover, .direct_mail:hover, .print:hover, .advertising:hover, .digital:hover, .packaging:hover, .campaigns:hover, .experience:hover, .opportunities:hover, .contact:hover, .extranet:hover {
	background-position: 0 -79px;
}
#home .home, #branding .branding, #direct_mail .direct_mail, #print .print, #advertising .advertising, #digital .digital, #packaging .packaging, #campaigns .campaigns, #experience .experience, #opportunities .opportunities, #contact .contact, #extranet .extranet,
#home .home:hover, #branding .branding:hover, #direct_mail .direct_mail:hover, #print .print:hover, #advertising .advertising:hover, #digital .digital:hover, #packaging .packaging:hover, #campaigns .campaigns:hover, #experience .experience:hover, #opportunities .opportunities:hover, #contact .contact:hover, #extranet .extranet:hover {
	background-position: 0 -40px;
}
.home {
	background: transparent url(../images/graphics/buttons/home_btn.png) no-repeat;
	width: 46px;
}
.branding {
	background: transparent url(../images/graphics/buttons/branding_btn.png) no-repeat;
	width: 57px;
}
.direct_mail {
	background: transparent url(../images/graphics/buttons/direct_mail_btn.png) no-repeat;
	width: 68px;
}
.print {
	background: transparent url(../images/graphics/buttons/print_btn.png) no-repeat;
	width: 35px;
}
.advertising {
	background: transparent url(../images/graphics/buttons/advertising_btn.png) no-repeat;
	width: 72px;
}
.digital {
	background: transparent url(../images/graphics/buttons/digital_btn.png) no-repeat;
	width: 45px;
}
.packaging {
	background: transparent url(../images/graphics/buttons/packaging_btn.png) no-repeat;
	width: 69px;
}
.campaigns {
	background: transparent url(../images/graphics/buttons/campaigns_btn.png) no-repeat;
	width: 82px;
}
.experience {
	background: transparent url(../images/graphics/buttons/experience_btn.png) no-repeat;
	width: 70px;
}
.opportunities {
	background: transparent url(../images/graphics/buttons/opportunities_btn.png) no-repeat;
	width: 84px;
}
.contact {
	background: transparent url(../images/graphics/buttons/contact_btn.png) no-repeat;
	width: 54px;
}
.extranet {
	background: transparent url(../images/graphics/buttons/extranet_btn.png) no-repeat;
	width: 60px;
}
.extranet {
	margin-left: 206px;
}

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

#content li {
	padding-left: 15px;
	background: transparent url(../images/graphics/bullet.png) no-repeat;
	margin-bottom: 5px;
}

/*
-----------------------------
HOME PAGE
-----------------------------
*/

#home_container {
	width: 938px;
	height: 375px;
	margin: 12px 0 0 12px;
	position: relative;
}
.home_image {
	height: 285px;
	position: 
	absolute;
}

#home_1 {
	background: transparent url(../images/home/home_image_dave6.jpg) no-repeat;
	opacity: 1;
	width: 250px;
	height: 360px;
	padding: 15px 30px 0 660px;
}
#home_2 {
	background: transparent url(../images/home/clive_durose_girl.jpg) no-repeat;
	opacity: 0;
	width: 250px;
	padding: 15px 660px 0 30px;
	height: 360px;
}
#home_3 {
	background: transparent url(../images/home/cmac_girl.jpg) no-repeat;
	opacity: 0;
	width: 250px;
	height: 360px;
	padding: 15px 30px 0 660px;
}
#home_4 {
	background: transparent url(../images/home/higrade_girl.jpg) no-repeat;
	opacity: 0;
	width: 250px;
	height: 360px;
	padding: 15px 30px 0 660px;
}

#chooser {
	background: transparent url(../images/graphics/chooser_bg.png);
	height: 47px;
	padding: 5px 0 0 5px;
	position: relative;
	top: 375px;
	overflow: hidden;
}
#chooser a {
	width: 142px;
	height: 38px;
	overflow: hidden;
	display: block;
	float: left;
}
#chooser a:hover img, #chooser a.chosen img {
	margin-top: -40px;
}

/*
-----------------------------
CLIENT PAGE
-----------------------------
*/

#left_nav {
	background: transparent url(../images/graphics/left_nav_bg.png) no-repeat;
	width: 168px;
	float: left;
}
#left_nav h1 {
	padding: 6px 10px 5px 10px;
}
#left_nav ul {
	margin-top: 15px;
	min-height: 300px;
}
#left_nav li {
	padding: 0;
	margin: 0;
	background: none;
}
#left_nav a {
	background: transparent url(../images/graphics/nav_bullet.png) 0 4px no-repeat;
	display: block;
	padding: 2px 0 2px 20px;
	line-height: 15px;
	position: relative;
}

#left_nav a:hover, 
#clive_durose .clive_durose,
#samsung .samsung,
#cmac .cmac,
#marubeni_komatsu .marubeni_komatsu,
#norgren .norgren,
#hammerhead_tv .hammerhead_tv,
#hammerhead_tv_2 .hammerhead_tv_2,
#oneclick_technologies .oneclick_technologies,
#marubeni_komatsu .marubeni_komatsu,
#marubeni_komatsu_2 .marubeni_komatsu_2,
#barkers_fencing .barkers_fencing,
#urban_vision .urban_vision,
#morphy_richards .morphy_richards,
#morphy_richards_2 .morphy_richards_2,
#coop_travel .coop_travel,
#burco .burco,
#nag .nag,
#higrade_computers .higrade_computers,
#the_outlanes .the_outlanes,
#paton_brown .paton_brown,
#hitachi .hitachi,
#tektronix .tektronix,
#tektronix_2 .tektronix_2,
#gerhardt .gerhardt,
#asfab .asfab,
#cannock_chase_college .cannock_chase_college,
#jacuzzi .jacuzzi,
#marubeni_komatsu .marubeni_komatsu,
#sony .sony,
#samsung .samsung,
#samsung_2 .samsung_2,
#amino_technology .amino_technology,
#yale .yale,
#titanic_brewery .titanic_brewery,
#wrights .wrights,
#plogg .plogg,
#joseph_ash .joseph_ash,
#centurion_safety_products .centurion_safety_products,
#brompton .brompton,
#hill_smith .hill_smith {
	background: transparent url(../images/graphics/nav_hover.png) 0 0 no-repeat;
}
#left_nav a.international_decorative_surfaces {
	line-height: 14px;
	padding: 3px 0 4px 21px;
}
#left_nav a.international_decorative_surfaces:hover, #international_decorative_surfaces .international_decorative_surfaces {
	background: transparent url(../images/graphics/nav_hover_double.png) 0 0 no-repeat;
	line-height: 14px;
	padding: 3px 0 4px 21px;
}

#inner_content {
	width: 782px;
	float: left;
	padding-left: 10px;
	position: relative;
}
#inner_content img {
	float: left;
	margin: 0 8px 4px 0;
}
#inner_content ul {
	padding-left: 8px;
}
#inner_content blockquote {
	border-left: 2px solid;
	overflow: hidden;
}
#image_holder {
	position: relative;
}
#image_holder img {
	margin: 0;
	float: none;
	display: block;
}
#image_chooser {
	margin-top: 3px;
}
#image_chooser a {
	height: 64px;
	width: 119px;
	overflow: hidden;
	display: block;
	margin: 0 2px 0 -2px;
	float: left;
}
.thumb_image {
	overflow: hidden;
}
#image_chooser a.chosen img.thumb_image, #image_chooser a:hover img.thumb_image {
	margin-left: -119px;
}
#image_chooser a span {
	/*opacity: 0;*/
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#text_panel_holder {
	position: absolute;
	right: 6px;
	top: 0;
	overflow: hidden;
	height: 390px;
}
#text_panel_handle {
	width: 92px;
	height: 23px;
	float: left;
	margin: 44px 0 322px;
	cursor: pointer;
	position:relative;
	top:315px;
	left:251px;
	text-indent:-99999px;
}
.open {
	background: transparent url(../images/graphics/text_panel_hide_handle.png) no-repeat;
	width: 91px !important;
}
.closed {
	background: transparent url(../images/graphics/text_panel_show_handle.png) no-repeat;
	left:1px!important;
}
#text_panel {
	background: transparent url(../images/graphics/text_panel_bg.png) no-repeat right top;
	float: left;
	height: 390px;
	width: 251px;
}
#text_panel_content {
	padding: 17px 20px;
	height: 356px;
	width: 210px;
}
#text_panel_content h2 {
	border-top: 1px solid;
	padding-top: 8px;
}
#text_panel img {
	float: none;
}

/*
-----------------------------
GENERIC PAGE
-----------------------------
*/

#generic_text_holder {
	padding: 10px 10px 0 10px;
	overflow: hidden;
}

#page_opportunities #inner_content {
	float: right;
}
#page_opportunities #generic_text_holder {
	float: right;
	width: 148px;
}

/*
-----------------------------
QUOTES PAGE
-----------------------------
*/

#quote_holder {
	background-color: #FFFFFF;
	margin: 5px;
}
.quote {
	border-bottom: 1px dotted #01B0F1;
	padding: 15px 0;
}
.quote p {
	line-height: 1.3em;
	margin: 0;
}
.quote p.quotee {
	text-align: right;
	font-size: 0.9em;
	color: #333;
	margin: 0;
}

/*
-----------------------------
CONTACT PAGE
-----------------------------
*/

#google_map_holder {
	padding: 5px;
	float: right;
	background: transparent url(../images/graphics/map_bg.png) no-repeat;
}
#google_map {
	width: 630px;
	height: 430px;
}

/*
-----------------------------
FOOTER
-----------------------------
*/

#copy {
	width: 350px;
	float: left;
	margin: 5px 0 0 10px;
}
#d_and_m {
	width: 158px;
	float: right;
	margin-right: 90px;
}

/*
-----------------------------
COMMON CLASSES
-----------------------------
*/

.pdf {
	background: transparent url(../images/graphics/pdf.png) no-repeat left center;
	padding-left: 20px;
	line-height: 20px;
	height: 20px;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}

/*
-----------------------------
ADVENT CALENDAR
-----------------------------
*/

#calendar_link a {
	display: block;
	background: transparent url(../images/advent_calendar/holly_link.png);
	position: absolute;
	width: 70px;
	height: 63px;
	z-index: 2;
	top: 55px;
	left: 0;
	margin-left: -20px;
	cursor: pointer;
}