@import url(/styles/shared.css);

body {
    background: #ffffff url(/images/header-bg.png) repeat-x;
    color: #000;
    font-family: arial, helvetica, sans-serif;
}
ul li {
    background: url(/images/bullet.png) no-repeat 0 7px;
    margin-bottom: 5px;
    padding-left: 11px;
}

/*
 * used on all pages 
 * ***************************************************************************/
#header {float: left; height: 99px; padding-top: 11px; width: 722px;}
#branding {float: left; margin-left: 14px; margin-top: 15px; width: 161px;}
#banner {float: left; width: 547px;}
#content {
    color: #013a81;
    float: left;
    font-size: 12px;
    line-height: 150%;
    padding: 25px 15px 20px 25px;
    width: 682px;
}

/*
 * used on residential
 * ***************************************************************************/
#callout {margin-bottom: 15px; margin-left: -6px; margin-top: -3px;}

/*
 * used on residential and commercial
 * ***************************************************************************/
#sidebar {float: right; margin-bottom: 15px; margin-left: 15px; width: 327px;}
#the-solution {margin-left: 30px; padding-right: 60px;}

/*
 * used on pest solutions
 * ***************************************************************************/
#beetle-photo {
    float: right;
    margin: -30px 30px 20px 20px;
    width: 298px;
    height: 252px;
}
#solutions {padding-left: 30px; padding-right: 60px;}
#solutions ul {margin-left: 20px;}
#solutions h2 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}
div.icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 60px;
    background-color: #fff;
}
#icon-general {background-image: url(/images/icon-general.png);}
#icon-scorpion {background-image: url(/images/icon-scorpion.png);}
#icon-termite {background-image: url(/images/icon-termite.png);}
#icon-mosquito {background-image: url(/images/icon-mosquito.png);}
#icon-packrat {background-image: url(/images/icon-packrat.png);}
#icon-bird {background-image: url(/images/icon-bird.png);}
#icon-wasp {background-image: url(/images/icon-wasp.png);}

/*
 * used on contact form
 * ***************************************************************************/
#form-container {margin-bottom: 20px; margin-left: 120px;}
#form-container input, textarea {
    background: #f5f5f5;
    border: 1px solid #4d75a7;
    padding: 2px;
    width: 250px;
}
#form-container select {width: 256px;}
#form-container td {padding-bottom: 7px;}
#form-container td.label {text-align: right; vertical-align: top;}
#form-container td.field {padding-left: 30px;}
#form-container td.required {
    background: url(/images/required.png) no-repeat 16px 6px;
}
#form-container td.submit {text-align: right;}
#form-container td.submit input {
    background: #fff;
    border: 0;
    height: 35px;
    width: 102px;
}
#success {
    padding: 0 70px 400px 70px;
}