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

/*             EVANS HARCH TECHNOLOGY             */
/*              WEBSITE STYLE SHEET               */
/*            SIX DEGREES - THE AGENCY            */

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




/* ---------------------------------------------- */
/*                     BODY                       */
/* ---------------------------------------------- */

body {
font-family: Arial;
font-size: 11.5px;
color: #FFFFFF;
margin: 0;
padding: 0;
cursor: default;
line-height: 2em;
text-align: left;
background-color: #000000;
background-image: url("images/master/background-tile.gif");
background-position: top left;
background-repeat: repeat-x;
}

img, div {
behavior: url(scripts/iepngfix.htc)
}

#container {
margin: 0 auto;
padding: 0px;
width: 800px;
text-align: left;
position: relative;
}

#container .inner {
padding: 0px;
}




/* ---------------------------------------------- */
/*                    HEADER                      */
/* ---------------------------------------------- */

#header {
width: 800px;
height: 107px;
margin-top: 35.5px;
padding: 0px;
float: none;
background-image: url("images/master/evans-harch-logo.jpg");
background-position: top center;
background-repeat: no-repeat;
}




/* ---------------------------------------------- */
/*                  NAVIGATION                    */
/* ---------------------------------------------- */

#navbar {
width: 800px;
height: 27px;
margin-top: 9px;
padding: 0px;
float: none;
}

#navbar span {
float: left;
width: 175px;
height: 27px;
}


/*  ROLLOVER STATES  */

#home {
float: left;
width: 54px;
height: 27px;
background: url("images/menu/home.jpg") 0 -27px no-repeat;
}

#home a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: url("images/menu/home.jpg") top left no-repeat;
}

#home a:hover {
background-image: none;
}

#home a:active {
background: url("images/menu/home.jpg") 0 -54px no-repeat;
}

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

#company {
float: left;
width: 87px;
height: 27px;
background: url("images/menu/company.jpg") 0 -27px no-repeat;
}

#company a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: url("images/menu/company.jpg") top left no-repeat;
}

#company a:hover {
background-image: none;
}

#company a:active {
background: url("images/menu/company.jpg") 0 -54px no-repeat;
}

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

#ehta {
float: left;
width: 60px;
height: 27px;
background: url("images/menu/ehta.jpg") 0 -27px no-repeat;
}

#ehta a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: url("images/menu/ehta.jpg") top left no-repeat;
}

#ehta a:hover {
background-image: none;
}

#ehta a:active {
background: url("images/menu/ehta.jpg") 0 -54px no-repeat;
}

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

#services {
float: left;
width: 85px;
height: 27px;
background: url("images/menu/services.jpg") 0 -27px no-repeat;
}

#services a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: url("images/menu/services.jpg") top left no-repeat;
}

#services a:hover {
background-image: none;
}

#services a:active {
background: url("images/menu/services.jpg") 0 -54px no-repeat;
}

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

#products {
float: left;
width: 90px;
height: 27px;
background: url("images/menu/products.jpg") 0 -27px no-repeat;
}

#products a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: url("images/menu/products.jpg") top left no-repeat;
}

#products a:hover {
background-image: none;
}

#products a:active {
background: url("images/menu/products.jpg") 0 -54px no-repeat;
}

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

#contact {
float: left;
width: 74px;
height: 27px;
background: url("images/menu/contact.jpg") 0 -27px no-repeat;
}

#contact a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: url("images/menu/contact.jpg") top left no-repeat;
}

#contact a:hover {
background-image: none;
}

#contact a:active {
background: url("images/menu/contact.jpg") 0 -54px no-repeat;
}


/*  ACTIVE PAGES  */

#homea {
float: left;
width: 54px;
height: 27px;
background: url("images/menu/home.jpg") 0 -54px no-repeat;
}

#companya {
float: left;
width: 87px;
height: 27px;
background: url("images/menu/company.jpg") 0 -54px no-repeat;
}

#ehtaa {
float: left;
width: 60px;
height: 27px;
background: url("images/menu/ehta.jpg") 0 -54px no-repeat;
}

#servicesa {
float: left;
width: 85px;
height: 27px;
background: url("images/menu/services.jpg") 0 -54px no-repeat;
}

#productsa {
float: left;
width: 90px;
height: 27px;
background: url("images/menu/products.jpg") 0 -54px no-repeat;
}

#contacta {
float: left;
width: 74px;
height: 27px;
background: url("images/menu/contact.jpg") 0 -54px no-repeat;
}




/* ---------------------------------------------- */
/*                    BANNER                      */
/* ---------------------------------------------- */

#banner {
width: 800px;
height: 220px;
margin: 0px;
padding: 0px;
float: none;
background-color:#ffcb03;
}




/* ---------------------------------------------- */
/*                    CONTENT                     */
/* ---------------------------------------------- */

#content {
width: 800px;
min-height: 300px;
margin-top: 24px;
padding: 0px 19px 0px 19px;
float: left;
}


/*  SMALL TEXT CONTAINER  */

#smallbox {
width: 237px;
min-height: 158px;
float: left;
margin: 9px;
background-image: url("images/master/home-section-tab.jpg");
background-position: top left;
background-repeat: no-repeat;
}

#smallbox .sbinside {
padding: 12px;
}

#smallbox .sbinside a {
color: #ffcb03;
font-weight: lighter;
text-decoration: none;
}

#smallbox .sbinside a:hover {
color: #FFFFFF;
font-weight: lighter;
text-decoration: none;
}


/*  LARGE TEXT CONTAINER  */

#largebox {
width: 745px;
min-height: 158px;
float: left;
margin: 9px;
background-image: url("images/master/copy-section-header.jpg");
background-position: top left;
background-repeat: no-repeat;
}

#largebox .lbinside {
padding: 12px;
}


/*  TEXT STYLING  */

#content p {
color: #FFFFFF;
font-weight: lighter;
padding: 0px;
margin: 0px 0px 12px 0px;
line-height: 1.7em;
font-size: 12px;
}


/*  HEADINGS  */

#content h1 {
color: #ffcb03;
font-size: 20px;
font-weight: 600;
line-height: 1.25em;
padding: 0px;
margin: 24px 0px 24px 0px;
}

#content strong {
color: #FFFFFF;
font-size: 20px;
font-weight: 600;
line-height: 1.25em;
padding: 0px;
margin: 0px;
}

#content h2 {
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
line-height: 1.7em;
padding: 0px;
margin: 24px 0px 24px 0px;
}

#content h3 {
color: #ffcb03;
font-size: 12px;
font-weight: normal;
line-height: 1.7em;
padding: 0px;
margin: 25px 0px 0px 0px;
}

#content h4 {
color: #ffcb03;
font-weight: lighter;
padding: 0px;
margin: 0px 0px 12px 0px;
line-height: 1.7em;
font-size: 12px;
}

/*  ROLLOVER STATES  */

#content a {
color: #FFFFFF;
font-weight: lighter;
text-decoration: none;
}

#content a:hover {
color: #ffcb03;
font-weight: lighter;
text-decoration: none;
}


/*  LISTS  */

#content ul{
list-style-image: url("images/master/list.png");
margin: 0px 0px 12px 0px;
padding:0px 0px 0px 20px;
}

#content ol{
list-style-image: url("images/master/list.png");
line-height: 2em;
font-size: 12px;
margin-bottom: 5px;
padding: 0px 0px 0px 20px;
}

#content li{
line-height: 2em;
font-size: 12px;
padding:0px;
}


/*  TABLES  */

#content table {
table-layout: fixed;
border: none;
border-spacing: 0px;
padding: 0px;
margin: 0px 0px 12px 0px;
}


/*  IMAGE ROLLOVER STATES  */

img, a {
border: none;
}

img, a:hover {
border: none;
}





/* ---------------------------------------------- */
/*                    FOOTER                      */
/* ---------------------------------------------- */

#footer {
width: 744px;
height: 47px;
float: left;
margin: 50px 28px 28px 28px;
background-image: url("images/master/microsoft-certified-logo.gif");
background-position: top right;
background-repeat: no-repeat;
}