body{background-color:#222;padding-top:10px;line-height:0;margin:0}

/* page picture and menu*/
#stoxpics{background-image: url(Graphics/Page_Headers/logo1.jpg);background-repeat: no-repeat;background-position: left top;height: 100px;margin: 0px;padding: 0px;}
#menucontainer{
	width: 960px;
	margin: 0 auto;
	height: 300px;
	float: left;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.hedf2, .hedag, .hedhr, .hedre,  {background-repeat: no-repeat;background-position: right top;}
	.hedf2 {background-image: url(Graphics/Hed_chrisb.jpg);}
	.hedag {background-image: url(Graphics/Hed_autogr.jpg);}
	.hedhr {background-image: url(Graphics/Hed_hotrod.jpg);}
	.hedre {background-image: url(Graphics/Hed_rebels.jpg);}
	.hedle {background-image: url(Graphics/Hed_legend.jpg);}
	.hedka {background-image: url(Graphics/Hed_stoxka.jpg);}
	.hedbh {background-image: url(Graphics/Hed_herita2.jpg);}
	.hedmx {background-image: url(graphics/Hed_motoxx.jpg);}
	.bp154 {background-image: url(graphics/Hed_bp154.jpg);}
	
ul.menu, ul.menu li, ul.menu a:visited{margin: 2px;text-indent: 5px;padding: 1px 0px 0px 0px;list-style-type: none;}

ul.menu li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: #191919;
	color: #919191;
	padding-right: 65px;	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
		/* Firefox */-moz-transition: background-color .3s ease-in;
	/* WebKit */ -webkit-transition: background-color .3s ease-in;
	/* Opera */-o-transition: background-color .3s ease-in;
	/* Standard */ transition: background-color .3s ease-in;
	transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */}

ul.menu a:hover{

	background-color: #006699;color: #FFF;
		/* Firefox */-moz-transition: background-color .3s ease-in;
	/* WebKit */ -webkit-transition: background-color .3s ease-in;
	/* Opera */-o-transition: background-color .3s ease-in;
	/* Standard */ transition: background-color .3s ease-in;}
	
/*ul.menu {
	padding: 10px 10px 10px 0px;
	width: 200px;
	font-size: 10px;}*/
/* remname .box left and .box right to keep together*/
.leftbox, .rightbox  {
	text-align: left;
	vertical-align: top;
	padding: 0px 10px;
	;
}
.leftbox 	{width:620px;margin: 0px;padding: 10px 10px 10px 0px;}
.rightbox 	{width:320px;margin: 0px;padding: 10px;}


                            /* Lightbox CSS*/
#lightbox					{position: absolute;left:0; width:100%;z-index:100;text-align:center;line-height: 0;}
#lightbox img				{width:auto;height:auto;}
#lightbox a img				{border:none;}
#outerImageContainer		{position:relative; background-color: #FFFFFF ;width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;}
#imageContainer				{padding:10px;}
#loading					{position:absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav					{position:absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav	{left:0;}
#hoverNav a					{outline:none;}
#prevLink,#nextLink	       	{width:49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink  					{left:0; float: left;}
#nextLink 					{right:0; float: right;}
#prevLink:hover 			{background:url(images/prevlabel.gif) no-repeat left 15%;}
#prevLink:visited:hover		{background:url(images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover          	{background:url(images/nextlabel.gif) no-repeat right 15%;}
#nextLink:visited:hover		{background:url(images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer			{font:normal 12px/24px Arial, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;overflow: auto;width: 100%;color: #000000;-webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px;} 
#imageData					{padding:0 10px; color: #666;}
#imageData #imageDetails	{width: 80%;float: left;text-align: left;color: #666666;}	
#imageData #caption			{font-weight: normal;font-family: 'Yellowtail', cursive;Verdana, Arial, Helvetica, sans-serif;	color: #000000;font-size: 25px;padding-bottom: 2px;}
#imageData #numberDisplay	{display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose	{width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay					{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }    
	                  		/* End of Lighbox Css*/

	/*----------Checked stuff above this line only---------------------------*/
	
p 		{font-size: 13px;line-height: 19.5px;font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #e2e2e2;text-align: justify;vertical-align: top;padding: 0px;margin: 0px;}
			
a 		{font-size: 13px;line-height: 19.5px;font-family: Verdana, Arial, Helvetica, sans-serif;
		COLOR: #B4BA22;CURSOR: hand;TEXT-DECORATION: none;}
	
#block						{color: #666666}	
#stoxpics{background-image: url(Graphics/Page_Headers/logo1.jpg);background-repeat: no-repeat;background-position: left top;height: 60px;width: 960px;}
#headerbox{height: 300px;width: 960px;padding: 0px;margin: 0px; }

	/*.menu a:link,.menu a:visited 	{
	font-family:  Michroma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
	vertical-align: middle;
	text-indent: 10px;
	line-height: 25px;
	letter-spacing: 1px;
	padding: 0px;
	margin: 0px;
	display: block;




}
	
.menu a:hover,.menu a:active	{
	color: #FFFFFF;
	background-color: #FF0000;

	}*/
	
	
	
.dark 	{COLOR: #000000;}
a:visited {COLOR: #B4BA22}
a:hover {COLOR: #D8DE1A;TEXT-DECORATION: none;}
.mid 	{vertical-align: middle;text-align: center;}
.bigger 	{font-size: 22px;padding: 0px;margin: 0px;font-style: normal;font-weight: 400;letter-spacing: 2px;}
.smaller 	{font-size: 12px;padding: 2px 0px 2px 0px;margin: 0px;font-style: normal;} 
.right 	{text-align: right;}
.left	{text-align: left;}
h1{font-size: 13px;padding: 0px;margin: 0px;font-weight:normal;font-style: normal;font-family:Verdana,Arial,Helvetica,sans-serif;
	border-bottom: 1px solid #FFFFFF;color:#FFFFFF;text-align:left;text-decoration:none;}
h2 {font-size: 15px;padding: 0px;margin: 0px;font-style:normal;font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;word-spacing: 5px;line-height: 21px;text-decoration: none;color: #FFFFFF;}
h3 {
	font-size: 15px;
	padding: 0px;
	margin: 0px;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	letter-spacing: 1px;
	font-family: Michroma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 22px;
	word-spacing: 5px;
}
	
.blue {font color="#13B1E4"}
.hed {text-indent: 15px;background-color: #000000;
-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px; }	
h4 {
	font-family: Michroma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	font-size: 12px;
	
	margin: 0px;
	padding: 2px 0px;
	word-spacing: 3px;}

.whbo{border: 2px solid #464646;height: 107px;width: 160px;
	  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	   padding: 0px;margin: 1px;display: inline; 
	   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE8 Specific--*/}

.whbo:hover	{opacity: 1;z-index: 20;border: 2px solid #ffffff;}

.whbop{border: 2px solid #464646;height: 160px;width: 120px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	padding: 0px;margin: 1px;display: inline;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE8 Specific--*/}
.whbop:hover{opacity: 1;z-index: 20;border: 2px solid #ffffff;}

.whbosm{border: 2px solid #464646;height: 88px;width: 166px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	padding: 0px;margin: 1px;display: inline;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE8 Specific--*/}
.whbosm:hover{opacity: 1;z-index: 20;border: 2px solid #ffffff;}

.port {
	border: 2px solid #666666;
	filter: alpha(opacity=70);
	opacity: 0.7;
	padding: 0px;
	margin: 2px;
	height: 159px;
	width: 107px;
	display: inline;
	background-color: #666666;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE8 Specific--*/}

.port:hover	{opacity: 1;z-index: 20;border: 2px solid #ffffff;}

.greyoutline								{border: 1px solid #DE8832;}
.border	{border: 5px solid #FFFFFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.pressed									{color: #fff;padding: 2px;border-right: 1px solid #353535;border-bottom: 1px solid #353535;border-top: 1px solid #000;border-left: 1px solid #000;line-height: 18px;font-size: 12px;background-color: #111; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }

.container 									{width:800px;margin:0 0px;overflow:hidden;padding: 0px;}
.tip 										{color: #fff;background:#111; padding:10px;position:absolute;z-index:1000;display: none;left: 306px;top: 633px;
-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius:  }	
h2.acc_trigger 								{padding: 0;margin: 0 0 5px;width: 800px;font-size: 13px;font-weight: normal;
											float: left;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	word-spacing: 0em;
	letter-spacing: 0em;
	}
h2.acc_trigger a 			{text-decoration: none;display: block;padding: 0 0 0 0px;border: 0px solid #FFFFFF;color: #999999;border: 0px solid #CCCCCC;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; opacity: .8}
h2.acc_trigger a:hover 		{color:#ccc;}
h2.active 					{background-position: left bottom;border: 0px solid;text-decoration: none;color: #FFFFFF;}
.acc_container 				{margin: 0 0 5px;padding: 0;overflow: hidden;width: 800px;clear: both;border: 0px solid #CCC;color: #222;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}


.nb 						{margin: 0px 5px 0px 0px;padding: 0px 5px 0px 0px;vertical-align: top;}
.back ,.back:visited										{
	font-family: Michroma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: 400;
	text-align: right;
	letter-spacing: 1px;
}
.back:hover {color: #00CCFF;}
.indentit 									{margin-left: 10px;padding-left: 10px;}
.fade										{display: block;margin: 3px;opacity: 0.5;
-webkit-transition: -webkit-transform .1s ease-in-out, opacity .3s ease-in;-moz-transition: -moz-transform .1s ease-in-out, opacity .3s ease-in;-o-transition: -o-transform .1s ease-in-out, opacity .3s ease-in;transition: transform .1s ease-in-out, opacity .3s ease-in;z-index: 1;}

.fade:hover									{opacity: 1;z-index: 20;}
.latest_img {/*border: 1px solid #575757;*/margin-left: 5px;}
.img {border: 1px solid #575757;margin-left: 12px;}

.title_color1 		{color: #ffffff}
.title_color2 		{color: #0390c5}
#latest_work 		{float: left;width: 10px;margin-top: 20px;}
#content 			{margin: auto;}
#latest_work_title 	{float: left;font-size: 18px;}
#images			    {width: 5px;float: left;margin-top: 7px;line-height: 20px;padding: 8px;}
#text{
	width: 552px;
	border: 1px solid #363636;
	float: left;
	background-color: #2d2d2d;
	margin-top: 7px;
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-left: 8px;}

#text p{}
#div{
	width: 552px;
	border: 1px solid #363636;
	float: left;
	background-color: #2d2d2d;
	margin-top: 7px;
	line-height: 20px;
padding: 8px 8px 8px 8px;
}
.tm 	 {margin-top: 1000px;padding-top: 10px;}




/* --------------------------------------Inline Modal Window w/ CSS and jQuery SOH TANAKA--------------------------------------*/
#fade { /*--Transparent background layer--*/display: none; /*--hidden by default--*/
background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .60;z-index: 9999;}
.popup_block{display: none; /*--hidden by default--*/
			background: #191919;padding: 20px;border: 2px solid #919191;float: left;font-size: 1.2em;position: fixed;
			top: 50%; left: 50%;z-index: 99999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--*/
webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
img.btn_close 			{float: right;margin: -55px -55px 0 0;}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade 			{position: absolute;}
*html .popup_block 		{position: absolute;}
.infopage 				{margin-right: 0px;padding-right: 30px;}

/* --------------------------------------------------Dymnamic Drive Accordian Content--------------------------------------------*/
.arrowlistmenu{
	width: 100%;
	bottom: -20px;
}
.arrowlistmenu .menuheader{font-family:  Michroma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;line-height: 30px;
	margin-bottom: 0px;margin-top: 0px;margin-right: 5px;margin-left: 5px;
	padding: 2px;font-weight: 400;
	cursor: hand;
	text-indent: 10px;text-align: left;
	background-image: url(Graphics/iconplus.gif);background-repeat: no-repeat;background-position: right;
	letter-spacing: 1px;border-top: 1px solid #333;border-right: 0px none;border-bottom: 1px solid #111;border-left: 0px none;color: #e2e2e2;}
.arrowlistmenu .openheader{
	font-family:  Michroma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 2px;
	font-weight: 400;
	cursor: hand;
	text-indent: 10px;
	text-align: left;
	background-image: url(Graphics/iconminus.gif);
	background-repeat: no-repeat;
	background-position: right;
	letter-spacing: 1px;
	border-top: 1px solid #333;
	border-right: 0px none;
	border-bottom: 1px solid #222222;
	border-left: 0px none;
	color: #B4BA22;

}

.arrowlistmenu ul								{ /*CSS for UL of each sub menu*/list-style-type: none;margin: 0;padding: 0;margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li							{
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;

}
.arrowlistmenu ul li a 							{
	color: #666666;
	padding: 0px 0 0px 19px;
	text-decoration: none;
	font-size: 13px;
	line-height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.arrowlistmenu ul li a:visited					{color: #888888;}
.arrowlistmenu ul li a:hover					{ /*hover state CSS*/color: #ffffff;}

/* ---------------------------------------------Accordian Alignment and Decoration Code Soh Tanaka -------------------------------*/
ul.tablel_content {margin: 0;padding: 0;list-style: none;
font-size: 13px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 19px;color: #666666;}
ul.tablel_content li {margin:0;padding:1px 0;text-align:right;color:#999999;
background-image: url(Graphics/dots.gif);background-repeat: repeat;}
ul.tabel_content a :hover 						{border-right-width: 3px;border-right-color: #ffffff;}
ul.tablel_content li a, ul.tablel_content li em {float: left;background: #212121;padding: 0 6px;}
ul.tablel_content li em 						{float: none;background: #212121;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color:#666666}






/* Lists of Links */
.links 						{list-style-type: none;margin: 0px;padding: 0px;}
.links li a					{padding-left: 5px;display: block;color: #B4BA22;font-size: 13px;text-align: left;text-indent: 20px;}
.links li 					{line-height: 21px;border-top-width: 1px;border-bottom-width: 1px;
							border-top-style: solid;border-bottom-style: solid;border-top-color: #333;border-bottom-color: #111;}
.links li a:hover 			{
	color: #D8DE1A;
	cursor: auto;
}
.links li a:visited 		{color: #c6c6c6}
.links li a:visited:hover 	{color: #D8DE1A;cursor: auto;}

.download {background-image: url(Graphics/embed.gif);background-repeat: no-repeat;height: 150px;width: 800px;}
.main 				{width: 960px;}.dotted {
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #99FF00;}
	
.round 		{margin-left: 10px;padding-left: 10px;margin-right: 10px;padding-right: 10px;background-color: #1f1f1f;
		 	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.round2 		{margin-left: 10px;padding-left: 10px;margin-right: 10px;padding-right: 10px;background-color: #292929;
	border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;
	border-top-color: #111;border-bottom-color: #333;	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.underline {margin-right: 5px;padding-right: 5px;background-color: #000000;}
.illust {padding: 0px;border: 3px solid #c6c6c6;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


.drop {padding: 40px 0px 0px;}

.highlight {padding-right: 0px;
	padding-left: 0px;padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 0px;border-top-width: 1px;
	border-top-style: solid;border-top-color: #383838;color: #FFFFFF;font-size: 20px;font-weight: 400;line-height: 35px;}
	
.highlight2 {background-color: #333333;padding-right: 5px;
	padding-left: 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}