body {
width:1024px;
margin: 0px auto 0px auto;
}

#main {
position:absolute;
background-image: url(images/back.jpg);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width:1024px;
height:842px;
margin:0px;
}

img {
border:0px;
}
#head {
position:relative;
width:1024px;
height:82px;
top:0px;
border-bottom: 1px solid #FF7300;
margin:0px;
padding:0px;
}

#inside {
position:relative;
background-image:url(images/blue_gradient.jpg);
background-repeat:no-repeat;
top:0px;
width:1024px;
height:640px;
border-top:1px solid black;
margin:0px;
}
#leftblock {
position:relative;
margin-top:9px;
left:1px;
float: left;
z-index: 10;
}
#hat {
position:relative;
background-image:url(images/sector_back.png);
background-repeat:repeat-x;
width:175px;
height:67px;
border: 1px solid #00D8FF;
}
#arrow {
position:absolute;
top:30px;
left:23px;
width:18px;
height:9px;
}
#ime {
position:absolute;
font-size:18px;
color:#E4FCFF;
top:20px;
left:64px;
}
#mirror {
position:absolute;
width:73px;
height:18px;
bottom:10px;
right:39px;
}
#mirror2 {
position:absolute;
width:88px;
height:15px;
bottom:12px;
right:24px;
}
#underhat {
position:relative;
top:0px;
background-image:url(images/models_back.jpg);
/*background-repeat:repeat-x; */
width:177px;
height:630px;

}
#underhat2 {
position:relative;
top:-200px;
width:175px;
height:200px;
background-color:#000000;
filter:alpha(opacity=43);
opacity: 0.43;
-moz-opacity:0.43;
z-index:10;
}
#contact {
position:relative;
width:145px;
height:250px;
color:#FFF;
line-height:16px;
padding:10px 10px 10px 20px;
border-left: 1px solid #00D8FF;
border-bottom: 1px solid #00D8FF;
border-right: 1px solid #00D8FF;
z-index:20;
}

#perspective {
position:absolute;
left: -16px;
width:178px;
height:249px;
color:#FFF;
top: 392px;
line-height:16px;
background-image: url(images/persp_back.jpg);
z-index:2;
text-align:center;
overflow: auto;
border-top: 1px solid #00D8FF;
border-right: 1px solid #00D8FF;
border-bottom: 1px solid #00D8FF;
}

/*#underhat ul {
line-height:18px;
list-style:none;
top:10px;
left:14px;
margin:0px;
}*/
#contbut {
  border: 1px solid #00D8FF;
  width: 80px;
  text-align: center;
  left: 25px;
  position: relative;
  cursor: hand;
}

/* start menu */
#nav img { margin: 0px; clear: none;}
#nav, #nav ul {	 color: #041416;  cursor: default; float: left;width: 150px; list-style: none; line-height: 14px;  font-weight: bold;	padding:4px 0px 0px 14px;margin: 0; z-index: 100;}
#nav a {display: block;color: #000;text-decoration: none;padding-left: 4px;font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 13px;font-weight: bold; }

#nav li { clear:both; width: 150px;}
#nav li, .selected {float: left;padding:3px 5px 3px 0px;margin:0;text-align:left;}
#nav li ul {position: absolute;left: -999em;height: auto;width: 150px;margin:0px;margin-top: 3px;padding:0;	background-color: #2DA4C5;	filter:alpha(opacity=75);	opacity: 0.75;	-moz-opacity:0.75;	border:1px solid #00EAFF;}
#nav li li {width: 150px; padding:3px 0px;margin:0px;}
#nav li ul a {width: 150px;font-weight: bold;font-size:11px;}

#nav li ul ul {margin: -18px 0 0 150px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em; text-decoration: none; color: #AEFFFE; z-index:100;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: 20ex; text-decoration: none; 	margin-top: -1.4em;  color: #AEFFFE; z-index:100;}
#nav li:hover, #nav li.sfhover{ color: #AEFFFE;text-decoration: none; background-color: #05819B; 	font-weight:bold; }
.selected {background: #Fff;}

#nav li:active {	background-color: #05819B;color: #AEFFFE;	font-weight:bold; }
#nav ul li a:hover {color: #FFEE00; }
#nav ul li a:active{	color: #FFEE00;	font-weight:bold; }
/* this is for IE 5.0
select.hide { visibility: hidden; }
/* end this  */

/* end menu */



#models_left {
background-image:url(images/models_leftside.png);
background-repeat: repeat-y;
position:absolute;
top:0px;
left:0px;
width:9px;
height:620px;
}
#models_right {
background-image:url(images/models_rightside.png);
background-repeat: repeat-y;
position:absolute;
top:0px;
right:0px;
width:9px;
height:620px;
}
#models_bottom {
position:absolute;
bottom:0px;
width:177px;
height:10px;
left: 0px;
}
#display {
position:relative;
float: left;
background-image:url(images/display_back.jpg);
background-repeat: repeat;
width:633px;
height:697px;
margin-left:16px;
margin-top:9px;
border: 1px solid #00D8FF;
}

#order {
  padding: 20px;
  color: white;
}

#photo {
padding-top: 14px;
margin-left:13px;
width:608px;
height:342px;
}

#layerDiv {
position: absolute;
top: 14px;
left: 13px;
}

#bar {
position:relative;
background-color:#08383F;
left:13px;
width:596px;
height:25px;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
padding-top:10px;
border: 1px solid #00D8FF;
}

#rightblock {
position:relative;
float:left;
margin-top:9px;
margin-left:16px;
}

#how {
position:relative;
background-color:#2DA1C1;
width:143px;
height:31px;
color:#FFF;
font-weight:bold;
padding-left:20px;
padding-top:2px;
border-top: 1px solid #00D8FF;
border-left: 1px solid #00D8FF;
border-bottom:1pcx solid #0A86A2;
border-right:1px solid #0A86A2;
}

#how a, #how a:visited {
  color:#FFF;
  font-weight: bold;
  text-decoration: none;
}

#parts {
position:relative;
left:13px;
width:603px;
margin-top:10px;
margin-left:5px;
color:#FFFFFF;
font-size:11px;
}
#plist {
height: 293px;
overflow: auto;
overflow-x:hidden;
}
/*
#parts {
  margin-top: 20px;
  width: 600px;
  background-color: #000;
  padding: 5px;
  font-size: 11px;
}*/
#parts td {
  height: 20px;
}
.partlabel:hover {
  cursor: hand;
  text-decoration: underline;
}

.perspphoto {
  position: relative;
  top: 12px;
  border: 1px solid #042227;
}
#footer {
  border-top: 1px solid red;
  background-image:url(images/footer_back.png);
  color: #00a1be;
  padding-left: 10px;
  padding-top: 15px;
  font-size: 9px;
  height: 32px;
  width:1014px;
  position: absolute;
  bottom: -10px;
}