* {
margin:0pt;
padding:0pt;
}
html, body {
height:auto;
min-height:100%;
}
body {
background:#fff url(../images/bg.gif) repeat-x bottom;
color:#0071bc;
cursor:default;
font-family:"Palatino Linotype", georgia, "Times New Roman", times, serif;
font-size:66%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:180%;
}

/*--------------Layout-------------*/
#wallpaper {
min-height:100%;
height:100%;
background:url(../images/bg.png) no-repeat scroll top left;
}
#w-container {
min-height:100%;
height:100%;
width:906px;
margin: 0 auto;
}
#w-header {
background:url(../images/header.png) no-repeat top left;
height:170px;
width:906px;
}
#w-content {
float:left;
background:url(../images/content-bg.png) repeat-y top left;
width:906px;
}
#w-footer {
background:url(../images/footer.png) no-repeat bottom left;
min-height:266px;
width:906px;
}
#left{
padding:0 10px 0 13px;
float:left;
width:430px;
}
#s-left{
padding:0 10px 0 13px;
float:left;
width:265px;
}
#right{
padding:0 13px 0 10px;
padding:10px;
float:left;
width:430px;
}
#centre{
padding: 0 25px 25px 25px;
float:left;
width:850px;
}
/*------------------Links--------------*/
#w-content a {
color:#818285;
}
#w-content a:visited {
color:#818285;
font-weight:bold;
}
#w-content a:hover {
color:#818285;
font-weight:bold;
}
#w-content a:active {
color:#818285;
font-weight:bold;
}
#w-footer a {
color:#818285;
}
#w-footer a:visited {
color:#818285;
font-weight:bold;
}
#w-footer a:hover {
color:#818285;
font-weight:bold;
}
#w-footer a:active {
color:#818285;
font-weight:bold;
}
.clear {
clear:both;
}
.phone{
float:left;
width:148px;
padding:107px 0 0 137px;
font-size:24px;
line-height:1.5em;
}
#w-header h2 a {
display:block;
float:left;
height:150px;
text-indent:-9999px;
width:150px;
margin-left:19px;
}
/*---------------------------BUTTONS-----------------------*/
#buttons {
display:inline;
float:left;
margin:50px 0 0 25px;
}
#buttons li {
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 18px;
text-align:center;
}
#buttons li a {
color:#818285;
display:block;
font-size:0.85em;
height:85px;
text-decoration:none;
width:70px;
}
#buttons li.home a {
background:url(../images/home.png) no-repeat bottom;
}
#buttons li.contact a {
background:url(../images/contact.png) no-repeat bottom;
}
#buttons li.automation a {
background:url(../images/automation.png) no-repeat bottom;
}
#buttons li.gates a {
background:url(../images/gates.png) no-repeat bottom;
}
#buttons li.home a:hover {
background:url(../images/home.gif) no-repeat bottom;
}
#buttons li.contact a:hover {
background:url(../images/contact.gif) no-repeat bottom;
}
#buttons li.automation a:hover {
background:url(../images/automation.gif) no-repeat bottom;
}
#buttons li.gates a:hover {
background:url(../images/gates.gif) no-repeat bottom;
}
.product {
margin: 0 15px 43px 0;
float:left;
height:187px;
width:200px;
}
.b-product {
margin: 0 15px 3px 20px;
float:left;
width:403px;
}
.p1 {
background:url(../images/product-1.jpg) no-repeat bottom left;
}
.p2 {
background:url(../images/product-2.jpg) no-repeat bottom left;
}
.p3 {
background:url(../images/product-3.jpg) no-repeat bottom left;
}
.p4 {
background:url(../images/product-4.jpg) no-repeat bottom left;
}
.product h2 {
color:#818285;
font-size:1.6em;
line-height:1.2em;
}
.product p {
padding-top:10px;
font-size:1em;
line-height:1.2em;
}
.b-product h2 {
color:#818285;
font-size:1.6em;
line-height:1.2em;
}
.b-product p {
padding:10px 0 10px 0;
font-size:1.2em;
line-height:1.5em;
}
#w-content li {
color:#666666;
margin-left:40px;
}
.pic {
float:left;
background:url(../images/gate-picture.gif) no-repeat;
height:410px;
width:436px;
}
.pic p{
padding:300px 10px 5px 18px;
font-size:1.4em;
line-height:1.2em;
}
#instalation {
float:left;
margin:0 10px 0 10px;
background:url(../images/instalation.png) no-repeat top left;
width:436px;
height:193px;
}
#instalation h3 {
width:150px;
padding:6px 0 10px 80px;
color:#818285;
font-size:2.2em;
line-height:1.2em;
}
#instalation p {
width:270px;
padding:10px 0 0 13px;
font-size:1em;
line-height:1.2em;
font-size:1.2em;
}
#visit {
float:left;
margin:0 10px 0 4px;
background:url(../images/visit.png) no-repeat top left;
width:226px;
height:193px;
}
#visit h3 {
width:150px;
padding:6px 0 10px 13px;
color:#818285;
font-size:2.2em;
line-height:1.2em;
}
#visit p {
width:120px;
padding:10px 0 0 13px;
font-size:1em;
line-height:1.2em;
font-size:1.2em;
}
.map {
margin: -80px 0 -130px 50px;
}
.address {
padding:0 0 0 10px;
font-size:2em;
line-height:1.5em;
}
.centre {
padding:0 0 20px 400px;
}
.credit {
padding:230px 0 0 400px;
}