body {
	color: #ccc;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	font-size: 0.7em;
	/*background: #111 url('../images/bg/gradient1.gif') top left repeat-x;*/
	background: #000;
}

h1
{
	color: #fff;
	font-size: 47px;
	font-weight: bolder;
	margin: 0 40px;
	padding: 0.08em 0;
}

h1 sup
{
	color: #ddd;
}

h1 a
{
	color: #fff;
	text-decoration: none;
}

h1 .company, h1 a .company
{
	color: #d01a71;
}

h2
{
	color: #ddd;
	font-size: 2.5em;
}

h3
{
	color: #ccc;
	font-size: 1.2em;
}

h4
{
	font-size: 1.3em;
}
#box_main{width: 760px; margin: 40px auto 0 auto;
text-align:left;}
#toplogo{}
#box_nav{ width:200px; height: 434px; float: left;
background:#111;/*border: 1px solid #333; */}
.titleimg{ margin:0; margin-top: 0px; margin-bottom: 5px; margin-left:10px;}
#button_galleries, #button_about, #button_contact{margin-top:10px;}
.blackline{border-bottom:1px solid black;}
ul{list-style-type:none; margin:0; width:180px; margin-left:10px; margin-top:5px; padding:0;}
li{margin:0; padding:0; font-size: 12px; line-height:24px; margin-bottom:2px;}
li span{background: pink; height: 24px; width:130px; display: block; padding-top:2px;}
li a{color:#666;text-decoration:none; }
li a:hover{color:#999999;}
li img{width:20px; height: 20px; border: 1px solid black; float: left; margin-right:10px;}
#box_nav p{margin:.5em 5%; color:#666666;}
hr{ width: 90%; height:1px; background: black;border:0px solid black; margin:0; margin-left:10px; padding:0; border-bottom:1px solid black;}

#imginfo_box{height:100px;  width:441px;  position:relative; top:-456px; left:0; padding:10px; display:none; z-index:2000;}
.theinfodiv 
{	/*position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0;
	left: 0;
	bottom: 0;
	height: 200px;*/
	background:#111;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
/* hide the info zone!*/
}

* html .theinfodiv 
{
	bottom: -1px;
}

.theinfodiv  h2
{
	padding: 0;
	font-size: 120%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}
#showbox, #hidebox{height:20px;  width:80px; position:relative; top:-90px; left:115px;  z-index:2002; }
#showbox a, #hidebox a{float:right;  color:#bbb;font-weight:bold; text-decoration:none;}
#showbox a img, #hidebox a img{border:0;}
/*content stuff*/
.content
{ 	/*margin: 0 0 0 8px;*/ padding-left:8px;
height:434px;
}

.content a
{
	color: #fff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}
p {margin: 1em 5%;}
.content p.linkage a { color: #fff; }


#content_about, #content_contact{
	height:434px;  width:460px;
	overflow:auto; z-index:10;
	background:#111; 
	color:#bbbbbb;
	font:1em/1.4em;
}
.content_padding{width:420px; margin:10px 5px 0 15px;}

#contentElement1, #contentElement2, #about_list{
	height:0px;
	overflow:hidden;display:none;
}
#contentWrapper{
	overflow:hidden;
}
#button1, #button2, #button_about, #button_contact, #button_galleries{
	cursor:pointer;
}

.content p.linkage a:hover
{
	background: url('/images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}

#myGallery
{
}
#whateverId
{
    text-align: left;
}

#oneContainer { /* margin-top:-434px;*/	height:434px;  width:460px;
	overflow:hidden; 

}
#twoContainer { /*margin-top:-434px; */ height:434px;  width:460px;
	overflow:hidden; 

}
#ThreeContainer {height:434px;  width:460px;
	overflow:hidden; 
}
#one, #two, #three{}

#aboutcontent_about{}
#aboutcontent_products, #aboutcontent_equip{display:none;}