html {
	background:#D6D4BE url('../gfx/posh/bg_stripe.jpg')  top repeat-x; 
	height:100%;
	margin-bottom:1px;
}
body {
	margin:0pt; padding:0;
	position:relative;
	background:url('../gfx/posh/bg.jpg')  center top  no-repeat ;
	font: normal 500 0.76em/1.25em 'Trebuchet MS', Arial, sans-serif ; color:#472E1E ;
}

img {border:none;}

h1, h2 , h3 , h4 {
	color:#CC3256; margin:0 0 3px 0; font-weight:400;
}
h2 {
	font-size:1.1em; font-weight:600;
}
h3 {
	font-size:1em;
}
h4 {
	padding:5px 0 0 0; margin:0 0 0 6px;
	font-size:.90em;
}
p 	{
	text-align:left ;
	margin:0; padding-bottom:10px;
}
/* LINKS -----------------------------------------------------------------------------------------------------*/ 
a:link , a:active, a:visited {
	color:#472E1E;
	text-decoration:none;
}
a:hover, #selected {
	color:#CC3256;
	text-decoration:underline;
}
a.graphiclink img {
	display:inline;
}


a.graphiclink:link, a.graphiclink:active, a.graphiclink:visited {
	background: url('../gfx/posh/link_bg.gif') top right no-repeat;
	padding:0 5px 0 4px;
	font-size:inherit;
	/*font-size:0.85em;*/
	color:#fff; text-decoration:none;
}
a.graphiclink:hover {
	text-decoration:underline;
}
/* home page specific styles  -----------------------------------------------------------------------------------------------------*/
p.categories {
	clear:left;
	padding:0 0 10px 0;
}
p.categories img {
	float:left;
	padding:0 10px 5px 0;
}
.promo {
	float:right;
}
#rightcolumn {
	float:right;
	padding:0; margin-left:10px;
	width:198px;
}
#promolatest {
	background:url('../gfx/posh/promo_latest.jpg') no-repeat;
	height:239px ;
	padding-bottom:10px;
}
#promocoming {
	background:url('../gfx/posh/promo_coming.jpg') no-repeat;
	height:171px ;
	padding-bottom:10px;
}
.promodetails, .promodetails2 {
	position:relative; width:174px;
	margin:0 auto 0 auto;
}
.promodetails{
	top:168px;
}
.promodetails2{
	top:124px;
}
.promodetails h3{
	background:url('../gfx/posh/promo_onlinetop.gif') bottom no-repeat;
	padding:3px 0 0 0; margin:0;
}
.promodetails2 h3 {
	background:url('../gfx/posh/promo_onlinetop.gif') bottom  no-repeat;
	padding:3px 0 0 0; margin:0;
}
.promodetails p {
	background:url('../gfx/posh/promo_onlinebase.gif') top no-repeat;
	font-size:0.85em; line-height:1.45em;
	padding:3px 0 0 0; margin-top:0;
}
.promodetails2 p, .promo2para {
	background:url('../gfx/posh/promo_onlinebase.gif') top no-repeat;
	font-size:0.85em; line-height:1.45em;
	padding:3px 0 5px 0; margin-top:0;
}
/* END home page styles  */


/* MAIN NAV -----------------------------------------------------------------------------------------------------*/
#navcontainer {
	padding:0; margin:0;
	width:100%; height:146px;
	clear:both;
}
#menu {
	position:relative;
	float:left;
	top:113px; width:290px; height:31px;
	overflow:hidden;
	margin:0; padding:0;
}
#menu ul {
	margin:0; padding:0;
}
#menu li {
	list-style-type:none;
	width:100px; height:100px;
	display:inline;
	margin:0; padding:0;
}
#menu a#item1 {background:transparent url(../gfx/posh/nav_home.gif) top left no-repeat;}
#menu a#item2 {background:transparent url(../gfx/posh/nav_work.gif) top left no-repeat;}
#menu a#item3 {background:transparent url(../gfx/posh/nav_garage.gif) top left no-repeat;}
/* http://www.cssplay.co.uk/menus/flickerfree.html */

#menu a {display:block; float:left; width:94px; height:0; overflow:hidden; color:#000; text-decoration:none; padding:100px 0 0 0; }

#menu a#item1:hover, #menu a#item1.current {background:url(../gfx/posh/nav_home_over.gif) top left no-repeat; z-index:50;}
#menu a#item2:hover, #menu a#item2.current {background:url(../gfx/posh/nav_work_over.gif) top left no-repeat; z-index:50;}
#menu a#item3:hover, #menu a#item3.current {background:url(../gfx/posh/nav_garage_over.gif) top left no-repeat; z-index:50;}

/* SUB NAV  -----------------------------------------------------------------------------------------------------*/
#onlinenav  a, #offlinenav  a , #graphicnav a, #garagenav a{
	font-size:0.8em ; margin-top:0; padding-top:0;
}
#onlinenav h3 a, #offlinenav h3 a, #graphicnav h3 a , #garagenav h3  a {
	font-size:0.8em ; color:#fff ; text-decoration:none;
}

#onlinenav h3, #offlinenav h3 , #graphicnav h3, #garagenav h3{
	display:block; width:100%;
	text-indent:36px ;
	padding:5px 0 0 0; margin:0;
}
#onlinenav ul, #offlinenav ul, #graphicnav ul, #garagenav ul{
	padding:3px 0 10px 8px; list-style:none; margin:0;
}
#onlinenav img{padding-top:0; margin-top:0; display:inline;}

#onlinenav h3 {background:url('../gfx/posh/sub_onlinetop.gif') bottom left no-repeat;}
#onlinenav ul { background:url('../gfx/posh/sub_onlinebase.gif') top left no-repeat;}

#offlinenav h3 {background:url('../gfx/posh/sub_offlinetop.gif') bottom left no-repeat;}
#offlinenav ul { background:url('../gfx/posh/sub_offlinebase.gif') top left no-repeat;}

#graphicnav h3 {background:url('../gfx/posh/sub_graphictop.gif') bottom left no-repeat;}
#graphicnav ul { background:url('../gfx/posh/sub_graphicbase.gif') top left no-repeat;}

#garagenav h3 {background:url('../gfx/posh/sub_garagetop.gif') bottom left no-repeat;}
#garagenav ul { background:url('../gfx/posh/sub_garagebase.gif') top left no-repeat;}

/* CONTACT DETAILS -----------------------------------------------------------------------------------------------------*/
#contactinfo h2 {
	position:relative;
	background:#E5E3D5 url('../gfx/posh/contact_top.gif') bottom left no-repeat;
	padding:40px 0 3px 0; margin-bottom:0;
}
#contactinfo p {
	position:relative;
	background:#E5E3D5 url('../gfx/posh/contact_base.gif') top left no-repeat;
	font-size:0.85em; line-height:1.45em;
	padding:4px 0 0 0; margin-top:0;
}
span.lineshift  {
	display:block; padding:2px 0 4px 0;
}
/*  WORKTHUMBS ----------------------------------------------------------------------------------------------------------------*/
.workblock {
	width:198px; float:left; padding:0 6px 20px 6px;
}
.workblock a:link img, .workblock a:visited img, .workblock a:active img {
	border:5px #D6D4BE solid;
}
.workblock a:hover img {
	border:5px solid #fff;
}
.workblock p {
	padding:0 0 0 5px; margin:0; font-size:0.85em;
}

.onlinetitle {background:url('../gfx/posh/workthumb_onlinetop.gif') bottom left no-repeat;}
.onlinepara {background:url('../gfx/posh/workthumb_onlinebase.gif') top no-repeat; }

.offlinetitle{background:url('../gfx/posh/workthumb_offlinetop.gif') bottom left no-repeat;}
.offlinepara {background:url('../gfx/posh/workthumb_offlinebase.gif') top no-repeat;}

/*below unused*/
.graphictitle {background:url('../gfx/posh/workthumb_graphictop.gif') bottom left no-repeat;}
.graphicpara {background:url('../gfx/posh/workthumb_graphicbase.gif') top no-repeat;}

.garagetitle {background:url('../gfx/posh/garagethumb_defaulttop.gif') bottom left no-repeat;}
.garagepara  {background:url('../gfx/posh/garagethumb_defaultbase.gif') top no-repeat;}

/* WORK DETAIL PAGE ----------------------------------------------------------------------------------------------------------------*/

#piccontainer {
	width:420px;
}
.workpic {
	border:5px solid #D6D4BE; float:left;
}
p.thumbover  img {
	display:block; border:0;
}
p.thumbover {
	float:left; padding-top:10px; margin-bottom:22px;
}
p.thumbover a:link , p.thumbover a:visited  , p.thumbover a:active {
	display:block; border:5px solid #D6D4BE;
}
p.thumbover a:hover  {
	border:5px solid #fff;
}
#thumbright {
	padding-left:31px;
}
a span{ 
	position:absolute; top:50px; left:-1200px;
	visibility:hidden;
	padding:10px;
}
a:hover span{
	top:5px; left:5px;
	visibility: visible; z-index: 30;
}
/*.notes, .links {
	font-size:0.85em; line-height:1.35em; 
}*/
/* divs -----------------------------------------------------------------------------------------------------*/ 
#wrapper {
	margin:0 auto 0 auto; width:905px;
} 

#contentwrapper {
	background:url('../gfx/posh/wrapper_bg.gif') repeat-y;
	margin:18px auto 0 20px; padding:0;
	position:relative; float:left; width:865px;
	display:inline;
}
#leftcolumn {
		position:relative; float:left; width:162px; height:100%;
		padding:10px; margin:0 22px 0 0;
		display:inline;
		/*border:1px green dashed;*/
}
#content {
	position:relative; float:left; width:640px;
	background-color:#E5E3D5 ; padding:10px; margin:0;
}
#footer {
	margin:0 auto 0 auto; width:905px;
	padding-top:10px;
	font-size:0.8em;
	color:#6E7138 ;text-align:center;
	clear:both;
}