/*
CSS for ESP Security site
*/
 
body {
  font-family: Tahoma, Arial, Verdana, "sans serif";
  font-size: 12px;
  margin: 0;
  padding: 0;
 }

#wrapper {
position: relative;
width: 809px;
height: 750px;
margin-right: auto;
margin-left: auto;
padding: 2px 0 0 0;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

#header {
width: 808px;
height: 119px;
padding-bottom: 0px;
padding-top: 2px;
}


#subheader {
background-image: url(images/interface/esp_homebg.jpg);
background-repeat: no-repeat;
width: 808px;
height: 490px;
}

#subheader2 {
top: 120px;
background-image: url(images/interface/esp_aboutusbg.jpg);
background-repeat: no-repeat;
width: 808px;
height: 490px;
}

#subheader3 {
top: 125px;
background-image: url(images/interface/esp_servicesbg.jpg);
background-repeat: no-repeat;
width: 808px;
height: 490px;
}

#subheading4 {
top: 125px;
background-image: url(images/interface/esp_trainingbg.jpg);
background-repeat: no-repeat;
width: 808px;
height: 490px;
}

#subheading5 {
top: 125px;
background-image: url(images/interface/esp_testimonialbg.jpg);
background-repeat: no-repeat;
width: 808px;
height: 490px;
}

#subheading6 {
top: 125px;
background-image: url(images/interface/esp_contactusbg.jpg);
background-repeat: no-repeat;
width: 808px;
height: 490px;
}

#content {
position: absolute;
margin-left: 92px;
padding: 0px;
top: 154px;
}

#contact_content {
position: absolute;
top: 154px;
padding: 0px;
left: 226px;
}

#contact_content p {
font-size: 11px;
color: #FFFFFF;
line-height: 1.3em;
letter-spacing: 0.065em;
text-decoration: none;
}

#contact_content a:link, #contact_content a:visited {
text-decoration: none;
color: #FFFFFF;
}

#contact_content a:hover {
color: #0099FF;
}

#content h5 {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
color: #0099FF;
padding-left: 92px;
top: 143px;
margin-bottom: -2px;
}

#content h6 {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
color: #0099FF;
padding-left: 92px;
top: 143px;
margin-bottom: -2px;
}

#content p {
font-size: 11px;
color: #FFFFFF;
padding-left: 92px;
}

#content li {
list-style-type: disc;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
line-height: 1.1em;
margin-left: 82px;
color: #FFFFFF;
text-decoration: none;
}

#content a {
text-decoration: none;
}

#content a:link, #content a:visited {
text-decoration: none;
color: #FFFFFF;
}

#content a:hover {
color: #0099FF;
}

#bg_land {
margin-right: auto;
margin-left: auto;
background-image: url(images/interface/esp_introbg.jpg);
background-repeat: no-repeat;
width: 800px;
height: 600px;
}

#enter {
position: relative;
font-family: Impact, Helvetica, "sans serif";
font-size: 13px;
letter-spacing: 0.065;
top: 431px;
left: 690px;
margin-right: 10px;
width: 130px;
}

#enter ul {
list-style: none;
color: #FFFFFF;
padding: 0;
margin: 0;
}

#enter li {
font-size: 13px;
font-family: Arial, Helvetica, "sans serif";
font-weight: bold;
margin-bottom: 0.3em;
}

#enter a:link, #enter a:visited {
text-decoration: none;
color: #FFFFFF;
}

#enter a:hover {
color: #0099FF;
}

#nav {
 position: absolute;
 font-family: Arial, Helvetica, "sans serif";
 font-size: 12px;
 top: 152px;
 left: 34px; 
 width: 110px;
}

#nav ul {
  list-style: none;
  color:#FFFFFF;
  margin: 0;
  padding: 0;
}

#nav li {
 font-size: 13px;
 font-family: Arial, Helvetica, "sans serif";
 font-weight: bold;
 line-height: 2em;
 border: none;
 margin-bottom: 0.3em;
}

#nav a:link, #nav a:visited {
  text-decoration: none;
  color: #FFFFFF;
}

#nav a:hover {
 color: #0099FF;
}
 
#nav2 { 
position: absolute;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-weight: bold;
font-size: 9px;
top: 570px;
left: 468px;
width: 350px;
} 

#nav2 ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav2 li {
display: inline;
font-family: Arial, Tahoma, sans-serif;
margin-bottom: 0.3em;
padding-right: 2px;
padding-left: 2px;
border-right: 1px solid #666666;
}

#nav2 a:link, #nav2 a:visited {
text-decoration: none;
color: #666666;
}

#nav2 a:hover {
 color: #0099FF;
}

.block {
width: 450px; 
}

.block0 {
width: 445px;
}

.block1 {
width: 450px;
}

.block2 {
width: 420px;
}

.block3 {
width: 450px;
}

img {
border-style: none;
}

#petroc {
position: absolute;
top: 524px;
margin-left: 10px;
padding: 2px 2px 2px 2px;
}

#petroc p {
font-size:9px; 
padding-left:5px;
margin:0}

#right { 
position: absolute;
width: 180px;
top: 170px;
left: 647px;
padding: 3px 3px 3px 3px;
}

#right p {
Font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
color: #FFFFFF;
}

#footer {
position: absolute;
font-size: 9px;
font-family: Tahoma, Verdana, sans-serif;
color: #333333;
top: 650px;
left: 308px;
width: 350px;
padding: 0px;
}

#footer a {
text-decoration: none;
}

#footer a:link, #footer a:visited {
text-decoration: none;
color: #333333;
}

#footer a:hover {
color: #99FF00;
}