body {font-family:Arial, Helvetica, sans-serif; padding-top:20px; text-align: left;	
 background: #292229 url(../images/roadster_pan_bg.png) repeat-x }  
 /* 1490 px wide*/


#container 	{
	width:1080px;
	margin:30px auto 0 auto;
	height:640px;
}	
#dummy { margin:80px 200px; 
			width:730px; height:420px; 
}

#underlay {position:absolute; top:130px; left:270px;
			width:780px; height:420px; 
			border:#601515 2px outset;
			background: url(../images/underlay_bgtile_02.png)  repeat; }

#nav-menu {
	width:560px; height:68px; 
	position:absolute; left:15px; top:2px; z-index:3;
	margin:81px 0 20px 350px; }

#nav-menu ul  {
  	padding:0;	margin:0; padding-left:10px;	background:url(../images/menubar8.jpg) no-repeat; /* 535 x 68*/
	 float:left;
    width:100%; height:100%; color: #ddae1c;	list-style:none;}
  
#nav-menu ul li {
    float:left;   	height:48px;	width:112px; 	display:block;
	margin:12px 18px 0 0;    	/*color: #ddae1c;  its inherited*/ 
	overflow:hidden; }
  
#nav-menu ul li img{
	padding:0; border:none;	width:112px; height: 94px;	top:49px;}
	
	 #work{ background-image:url(../images/menubar7demo2.jpg); background-position:0 -48px;}	
	 #work:hover, #work.hover{ background-position:0 0; }	
	 
	 #fun{  background-image:url(../images/menubar7fun2.jpg); background-position:0 -48px;}	
	 #fun:hover, #fun.hover{ background-position:0 0; }	
	 
	 #web{ background-image:url(../images/menubar7web2.jpg); background-position:0 -48px;}	
	 #web:hover, #web.hover{ background-position:0 0; }
	 
	  #autox{ background-image:url(../images/menubar7auto2.jpg); background-position:0 -48px;}	
	 #autox:hover, #autox.hover{ background-position:0 0; }

#rightside{position:absolute; left:905px; top:65px; z-index:12;	
		width:198px; height:540px;
		background:#00ccff repeat-y url(../images/rightside_Yrepeater.gif); 	}
	
#tom_brydon_title { width:198px; height:51px; margin-top:2px; float:left; }	

#email_link { width:198px; height:29px; margin-top:13px; float:left; 
				background:url(../images/rside_email2.png); 
				background-position:0 -28px; }
									 
#email_link:hover,#email_link.hover { background-position:0 0; }

#brydondale_link{width:198px; height:25px; float:left; background:url(../images/rside_brydondale2.png);  
				 background-position:0 -25px; }
				 
#brydondale_link:hover, #brydondale_link.hover{   
				 background-position:0 0;}

#rclm_content { width:auto; height: auto; float:left; margin-left:20px; overflow:hidden;  }
	
.TomsPanelTab {  color:#414141;	font-weight:bold;  font-size:11px; margin-top:31px;}
		 			  
.TomsPanelContent {
	overflow:auto;
	border-left:dotted medium #0CF;
	width:148px;
	height:90px;
	line-height:12px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:10px;

}

.TomsPanelContent a { color: #239; font-size:10px; font-weight:bold; margin:4px; text-decoration:none; }

.TomsPanelContent a:hover{ color:#34c; }

#rightside_frame_top {
				float:left; margin-top:0; 
				width:100%; height:17px; 
				background-image: url(../images/rightside_top.gif);}

#rightside_frame_btm {float:left; margin-top:125px; 
					   width:100%; height:17px; 
					   background-image: url(../images/rightside_btm.gif);}


 #mainwinwrapper { background:url(../images/mainwinwrapperBG_01.png);
 			height:auto; width:auto;  position:absolute; left:0px; top:160px;
			margin:0px 300px;  z-index:1;
 }
 
 #rightendpiece {position:absolute; right:0px; z-index:2;  height:414px; width:37px; background:url(../images/mainwinBG_endpieceRight_01.png) /* 37x414*/
 }
 
#leftendpiece {position:absolute; left:0px; z-index:2; height:414px; width:36px; background:url(../images/mainwinBG_endpieceLeft_01.png);  /* 36x414*/
 } 
 
 #mainwindiv{ width:853px; height:414px; 
 			 z-index:2;
			background: left no-repeat url(../images/mainwin4_over_4pics_03c.png); background-position:2000px 0;  overflow:hidden;  }

.sub_menu { display:none; position:relative; width:580px; height:100%; margin:10px; 
}

.sub_menu >h1{  font-size:24px;  color:#8B5; text-align:center;
	
}

.sub_menu > ul  {
  	margin:0 auto; position:relative; background-color:#999;   height:auto;	list-style:none;}

.sub_menu > ul > li {
    float:left;   	height:45px;	width:160px; 	display:block; background: url(../images/submenu_item_bg.png) no-repeat top left; 
	margin:12px 5px 0 22px; padding:10px 4px 0 0;   position:relative; text-align:right;  	
}
.sub_menu > ul > li  >a  { text-decoration:none;  color:#c6c68f; font-size:14px; font-stretch:semi-expanded; font-weight:bolder;  padding:0px 20px 4px 0; 
}
.sub_menu #paneD {float:right }