@charset "UTF-8";
/* CSS Document */

html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: #fff;
  font-size: 14px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#333;  
  padding:30px 20px;
  margin:0px;
}

#content {
  margin-left: 250px;
  margin-right: 50px;
  width: 700px;
  background-color:#fff;
  overflow: auto;
}

#menu {
position: absolute;
width: 280px;
left: 70px;
padding:0px;
margin:0px
}

/* navigation bar */
ul#nav {
background: url(images/nav_about.png); position:absolute; top: 100px; left:28px;
}
ul#nav li { 
float:left; list-style-type: none;
}
ul#nav li a { 
height:45px; display:block; position:absolute; top:0px; text-indent: -9999px; outline:none;
}

li#navAbout a {
background: url(images/nav_about.png);
}

li#navAbout a 						{ background-position: 0 0; width: 136px; left: 0;}
li#navAbout a:hover 					{ background-position: 0 -45px;}
body#pageAbout li#navAbout a		{ background-position: 0 -90px; }

/* ------------- */

ul#nav1 {
background: url(images/nav_services.png); position:absolute; top: 155px; left:28px;
}
ul#nav1 li { 
float:left; list-style-type: none;
}
ul#nav1 li a { 
height:45px; display:block; position:absolute; top:0px; text-indent: -9999px; outline:none;
}

li#navServices a {
background: url(images/nav_services.png);
}

li#navServices a 						{ background-position: 0 0; width: 136px; left: 0;}
li#navServices a:hover 					{ background-position: 0 -45px;}
body#pageServices li#navServices a		{ background-position: 0 -90px; }

/* ------------------ */

ul#nav2 {
background: url(images/nav_advantage.png); position:absolute; top: 210px; left:28px;
}
ul#nav2 li { 
float:left; list-style-type: none;
}
ul#nav2 li a { 
height:45px; display:block; position:absolute; top:0px; text-indent: -9999px; outline:none;
}

li#navAdvantage a {
background: url(images/nav_advantage.png);
}

li#navAdvantage a 						{ background-position: 0 0; width: 136px; left: 0;}
li#navAdvantage a:hover 					{ background-position: 0 -45px;}
body#pageAdvantage li#navAdvantage a		{ background-position: 0 -90px; }

/* ----------------- */

ul#nav3 {
background: url(images/nav_contact.png); position:absolute; top: 265px; left:28px;}
ul#nav3 li { 
float:left; list-style-type: none;
}
ul#nav3 li a { 
height:45px; display:block; position:absolute; top:0px; text-indent: -9999px; outline:none;
}

li#navContact a {
background: url(images/nav_contact.png);
}

li#navContact a 						{ background-position: 0 0; width: 136px; left: 0;}
li#navContact a:hover 					{ background-position: 0 -45px;}
body#pageContact li#navContact a		{ background-position: 0 -90px; }


/* ----------------- */

ul#nav4 {
background: url(images/nav_promo.png); position:absolute; top: 320px; left:28px;}
ul#nav4 li { 
float:left; list-style-type: none;
}
ul#nav4 li a { 
height:45px; display:block; position:absolute; top:0px; text-indent: -9999px; outline:none;
}

li#navPromo a {
background: url(images/nav_promo.png);
}

li#navPromo a 						{ background-position: 0 0; width: 136px; left: 0;}
li#navPromo a:hover 				{ background-position: 0 -45px;}
body#pagePromo li#navContact a		{ background-position: 0 -90px; }

#link {
position: absolute;
left:29px;
width: 136px;
height: 45px;
background-image:url(images/nav.png);
}

#logo {
}

#ws {
height:20px;
}

#ws1 {
height: 10px;
}

#ws2 {
height:5px;
}

#grey {
position:absolute;
left:233px;
width: 3px;
background-color: #ccc;
background-repeat:repeat-y;
}

#promo {
position:absolute;
top: 340px;
left: 25px;
}

p { text-align: justify; }

h7 {
color: #336699;
}

h2 {
color: #f26422;
}

h4 {
color: #ff6633;
}

h5 {
color: #fff;
font-size:14px;
font-weight:bold;
}

h6 {
font-size: 10px;
}

#form {
padding-left: 5px;
padding-top: 5px;
background-color: #f26422;
width: 300px;
}


a {color: #333;}
a:visited {color:#f26422;}
a:hover { text-decoration:underline; color: #2a6da9;}
a:active { color:#f26422;}