HTML
{
height: 100%;
}
BODY
{
margin: 0;
padding: 0;
background-color: #FFF;
background-image: url(img/bg.jpg);
background-position: center top;
background-repeat: repeat-x;
background-attachment: scroll;
height: 100%;
}
IMG
{
border: 0;
}
.clear
{
position: relative;
float: left;
width: 100%;
height: 0px;
overflow: hidden;
clear: both;
}
#container
{
position: relative;
margin: auto;
width: 990px;
overflow: hidden;
}
#right STRONG
{
font-weight: bold;
color: #F49100;
font-size: 14px;
}
#bottom_left
{
overflow: hidden;
/*+placement:float-left 0px 0px;*/
float: left;
position: relative;
left: 0px;
top: 0px;
width: 450px;
padding-left: 15px;
text-align: left;
color: #707070;
font-family: Arial;
font-size: 11px;
padding-bottom: 10px;
}
#bottom_right
{
overflow: hidden;
/*+placement:float-right 0px 0px;*/
float: right;
position: relative;
left: 0px;
top: 0px;
width: 450px;
padding-right: 15px;
text-align: right;
color: #707070;
font-family: Arial;
font-size: 11px;
padding-bottom: 10px;
}
#bottom_left A, #bottom_right A
{
color: #707070;
font-family: Arial;
font-size: 11px;
text-decoration: none;
}
#bottom_left A:hover, #bottom_right A:hover
{
text-decoration: underline;
}
#top
{
width: 990px;
position: relative;
overflow: hidden;
background-image: url(img/top.jpg);
height: 102px;
}
#top_l
{
/*+placement:float-left 0px 0px;*/
float: left;
position: relative;
left: 0px;
top: 0px;
overflow: hidden;
width: 277px;
height: 194px;
background-image: url(img/top_l.jpg);
}
#top_r
{
/*+placement:float-right 0px 0px;*/
float: right;
position: relative;
left: 0px;
top: 0px;
overflow: hidden;
width: 713px;
height: 194px;
background-image: url(img/top_r.jpg);
}
#flash
{
/*+placement:float-right 0px 0px;*/
float: right;
position: relative;
left: 0px;
top: 0px;
display: none;
overflow: hidden;
width: 713px;
height: 194px;
overflow: hidden;
}
#left
{
/*+placement:float-left 0px 0px;*/
float: left;
position: relative;
left: 0px;
top: 0px;
width: 250px;
overflow: hidden;
padding: 12px 0px 0px 28px;
}
#right
{
/*+placement:float-right 0px 0px;*/
float: right;
position: relative;
left: 0px;
top: 0px;
width: 712px;
overflow: hidden;
font-family: Arial;
font-size: 12px;
text-align: justify;
}
#right P
{
font-family: Arial;
font-size: 12px;
text-align: justify;
text-indent: 20px;
float: left;
clear: both;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.box
{
/*+placement:float-left 0px 0px;*/
float: left;
position: relative;
left: 0px;
top: 0px;
width: 295px;
height: 120px;
padding-top: 15px;
font-family: Arial;
font-size: 11px;
text-align: justify;
padding-right: 311px;
line-height: 19px;
padding-left: 5px;
}
#box1
{
background-image: url(img/product1.jpg);
}
#right A
{
color: #F49100;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
#right A:hover
{
text-decoration: underline;
}
.highlight
{
color: #F49100;
font-weight: bold;
font-size: 12px;
}
#box2
{
background-image: url(img/product2.jpg);
}
#box3
{
background-image: url(img/product3.jpg);
}
#box4
{
background-image: url(img/product4.jpg);
}
#box5
{
background-image: url(img/product5.jpg);
}
#box6
{
background-image: url(img/product6.jpg);
}
.title
{
font-family: Arial;
font-style: italic;
font-weight: normal;
font-size: 15pt;
padding-top: 15px;
padding-bottom: 15px;
overflow: hidden;
}
.line
{
overflow: hidden;
float: left;
height: 0px;
width: 611px;
border-bottom: 1px solid #DDDDDD;
}
#left A
{
/*+placement:float-left 0px 0px;*/
float: left;
position: relative;
left: 0px;
top: 0px;
overflow: hidden;
}
#menu1
{
background-image: url(img/menu1.jpg);
width: 226px;
height: 42px;
}
#menu2
{
background-image: url(img/menu2.jpg);
width: 226px;
height: 42px;
}
#menu3
{
background-image: url(img/menu3.jpg);
width: 225px;
height: 35px;
}
#menu4
{
background-image: url(img/menu4.jpg);
width: 225px;
height: 35px;
}
#menu5
{
background-image: url(img/menu5.jpg);
width: 225px;
height: 35px;
}
#menu6
{
background-image: url(img/menu6.jpg);
width: 225px;
height: 35px;
}
#menu7
{
background-image: url(img/menu7.jpg);
width: 225px;
height: 35px;
}
#menu8
{
background-image: url(img/menu8.jpg);
width: 225px;
height: 35px;
}
#menu9
{
background-image: url(img/menu9.jpg);
width: 227px;
height: 41px;
}
#menu10
{
background-image: url(img/menu10.jpg);
width: 227px;
height: 41px;
}
.hr
{
overflow: hidden;
height: 0px;
width: 982px;
border-bottom: 1px solid #DDDDDD;
margin-right: 4px;
margin-left: 4px;
margin-top: 15px;
margin-bottom: 10px;
clear: both;
padding-top: 15px;
}
.hr
{
_margin-left: 2px;
}
.photo
{
margin-top: 15px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
width: 50%;
float: left;
text-align: center;
}
.cleared
{
clear: both;
}
LI
{
clear: both;
}
#map
{
float: left;
clear: both;
}
#shop
{
/*+placement:float-right -68px 34px;*/
float: right;
position: relative;
left: -68px;
top: 34px;
height: 47px;
width: 516px;
background-color: #FFFFFF;
filter: alpha(opacity=1);
-moz-opacity: 0.01;
-khtml-opacity: 0.01;
opacity: 0.01;
}
#logo1
{
/*+placement:float-left 106px 8px;*/
float: left;
position: relative;
left: 106px;
top: 8px;
height: 94px;
width: 164px;
background-color: #FFFFFF;
filter: alpha(opacity=1);
-moz-opacity: 0.01;
-khtml-opacity: 0.01;
opacity: 0.01;
}
#logo2
{
/*+placement:float-left 106px 0px;*/
float: left;
position: relative;
left: 106px;
top: 0px;
height: 40px;
width: 164px;
background-color: #FFFFFF;
filter: alpha(opacity=1);
-moz-opacity: 0.01;
-khtml-opacity: 0.01;
opacity: 0.01;
}