/* Barrett Enterprises Inc - CSS */

/* General Global Settings */

html, body {
 margin: 0; 
 padding: 0; 
 border: 0; 
 font-size: 101%;
 }
 
body {
 margin: 0;
 padding: 0;
 width: 100%;
 background-color: #F0F3F6;
 font-family: Verdana, Helvetica, "Lucida Grande", "Lucida Sans Unicode", serif;
 font-size: 75%;
 position: absolute;
 text-align: center;
 top:0;
 left:0;
 }

h1 {font-size: 145%;}
h2 {font-size: 132%;}
h3 {font-size: 125%;}
h4 {font-size: 115%;}
h5 {font-size: 102%;}
h6 {font-size: 100%;}
p, ul, ol, blockquote, pre {font-size:100%;} 
 
 
/*h1 {
 font-size: 125%;
 font-weight: bold;
 margin:8px 0;
 }
   
h2 {
 font-size: 115%;
 font-weight: bold;
 margin:0 0 4px 0;
 } */
 
img {
 display: block;
 border: 0px;
 }
 
a {
 color: #DE2323;
 font-weight: bold;
 }
 
a:hover {
 color: black;
 text-decoration: none;
 font-weight: bold;
 }
 
hr {
 border-top: dashed 1px #AEB4BC;
 }
 
p {
 margin:0;
 padding: 6px 0;
 }
 
li {
 padding: 4px 0;
 margin:0;
 }

/* Floated Boxes Classes */

.box {
 border: solid 1px #AEB4BC;
 margin: 10px 0;
 }
 
.box .boxheading {
 padding:0px;
 margin:0;
 color: #FFF;
 line-height: 95%;
 font-size: 90%;
 font-weight: bold;
 background-color: #98A1AC;
 }
 
/*.box .boxheading {
 padding:0px;
 margin:0;
 color: #FFF;
 line-height: 20px;
 font-size: 11px;
 font-weight: bold;
 background-color: #98A1AC;
 }*/
 
.box .boxheadinggreen {
 padding:0px;
 margin:0;
 color: #ffffff;
 line-height: 180%;
 font-size: 90%;
 font-weight: bold;
 background-color: #009900;
 }

/*.box .boxheadinggreen {
 padding:0px;
 margin:0;
 color: #ffffff;
 line-height: 20px;
 font-size: 11px;
 font-weight: bold;
 background-color: #009900;
 } */ 
 
.box .boxdetails {
 list-style: none;
 background-color: #EEF1F4;
 margin:0;
 padding:0;
 }
 
.box .boxdetails li {
 margin:0;
 border-bottom: dashed 1px #AEB4BC;
 padding:10px 10px;
 }
 
.box .boxdetails .last
 {
 border-bottom: none;
 padding:10px 10px;
 }
.box .boxdetails .quicklink {
 border-bottom: none;
 padding:5px 5px;
 color: #DE2323;
 }
 
.box .boxdetails .quicklink a {
 color: #000;
 text-decoration: none;
 padding-left:10px;
 }
 
.box .boxdetails .quicklink a:hover {
 color: #DE2323;
 }
 
/*.box .boxdetails h2 {
 margin:0;
 padding: 5px 0;
 font-size: 11px;
 }*/

.box .boxdetails h2 {
 margin:0;
 padding: 5px 0;
 font-size: 132%;
 } 
 
.sampletext {
 font-style:italic;
 background-color: Yellow;
 }

/* Header ID's */

#header {
 background-image: url(../gfx/headerbg.gif);
 background-repeat: repeat-x;
 height: 101px;
 }
 
#header #header760 {
 width: 760px;
 margin: 0px auto;
 text-align: left;
 }
 
#header #logo {
 position: absolute;
 top: 0px;
 width: 448px;
 height: 100px;
 background-image: url(../gfx/barrett-inc.gif);
 }
 
#searchfrm {
 position: absolute;
 top: 42px;
 width: 116px;
 font-size: 10px;
 margin-left: 632px;
 text-align: left;
 }
 
#search #q {
 width: 114px;
 font-family: Verdana;
 }
 
#search #searchgo {
 float: right;
 }

/* Content ID's */
#wrapper {
 clear: both;
 position: absolute;
 left:0;
 background-image: url(../gfx/mainbg.gif);
 background-repeat: repeat-y;
 width: 100%;
 background-position: center;
 }
 
#container {
 position: relative;
 width: 760px;
 margin-left:auto;
 margin-right:auto;
 text-align: left;
 }
 
#content {
 margin-left: 180px;
 margin-right: 10px;
 padding-top: 10px;
 margin-bottom: 20px;
 height: 1%;
 max-width: 560px;
 }

/* Navigation ID's */
#navigation {
 float: left;
 width: 159px;
 margin-left: 1px;
 padding: 0px;
 }

#navigation ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
 border: none;
 }

#navigation li {
 margin: 0px;
 padding: 0px;
 }

#navigation li.enclose {
 margin-left:1px;
 width: 158px;
 }
 
#navigation li.enclose li {
 border: none; 
 background-color: #EEF1F4;
 }

/* IE5(pc) will insert the space unless display:block is hacked out for it */

#navigation li a {
 text-decoration: none;
 width: auto;
 display: block;
 color: black;
 font-weight: bold;
 background-image: url(../gfx/navBarBg.gif);
 line-height: 27px;
 }
 
#navigation li a {
 padding-left: 15px;
 }

#navigation li li a {
 padding-left: 20px;
 background: none;
 line-height:2em;
 font-weight: normal;
 }
 
#navigation li li em, #navigation li li em a {
 background: none;
 color: #DE2323;
 }
 
#navigation li a:hover {
 background-color:#AEB4BC;
 color: #DE2323;
 background: url("../gfx/navBarBgHover.gif"); 
 }
 
#navigation li li a:hover {
 background: none;
 }

#navigation li em {
 font-style: normal;
 background-color:#AEB4BC;
 }

#footer {
 clear: both;
 position:relative;
 height: 35px;
 background-image: url(../gfx/footerbg.gif);
 background-repeat: repeat-y;
 }
 
#copyright {
 padding-top: 10px;
 padding-left: 10px;
 font-size: 10px;
 }

#developed {
 right: 8px;
 position: absolute;
 text-align: right;
 top: 10px;
 font-size: 9px;
 }

/* Testimonial */

#testimonial {
 margin: 0px 1px 0px 1px; 
 font-size: 10px; 
 width: 157px;
 background-color: #FFFFFF;
 }
 
#testimonial #testimonialheader {
 font-weight: bold;
 margin:0;
 padding: 4px 8px 4px 8px;
 font-size: 10px; 
 color: white; 
 background-color: #009900;
 }

#testimonial p {
 font-family: Verdana, Helvetica, "Lucida Grande", "Lucida Sans Unicode", serif;
 font-size: 11px;
 padding-top: 0px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-left: 4px;


/*  XHTML - CSS - ACCESSIBILITY */
.validation h1 {
 margin: 15px 0;
 }
 
.validation .validationimage {
 margin: 0px;
 padding: 0px;
 list-style: none;
 float: left;
 padding-right: 20px;
 display: block;
 }
 
.validation .validationimage li {
 list-style: none;
 }
 
.validation .validationimage img {
 display:inline;
 padding-bottom: 5px;
 }