/*------------------------------------------------------
Basic Style Sheet for iccocheese.com with a font-size of
12px, and a vertical rhythm of 18px.

This Style Sheet appropriates lines of code from version v1.0 | 20080212 of
Eric Meyer's 'reset.css' file found at: http://meyerweb.com/eric/tools/css/reset/index.html

version:        1.0
last updated:   11/11/2010
author:         Jonathan D. Baker
email:          jonathandavidbaker@gmail.com
website:        http://www.jonathandbaker.com/

COLOR SWATCH:
Dark red (links): #790000
Dark green (links): #456940

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
    background: #fff;
    color: #363636;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 1.272727em; /* 14px */
    outline: none;
}

/* ---------------------------------------------------
LINKS
----------------------------------------------------- */
a:link, a:visited, a:hover, a:active {
    color: #456940;
    text-decoration: underline;
}

/* ---------------------------------------------------
HTML ELEMENTS
----------------------------------------------------- */
p {
    margin-bottom: 1.272727em; /* 14px */
}
p + p {
    margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1 {
    background: url(../images/home-motto.jpg) no-repeat;
    color: #fff;
    float: left;
    height: 44px;
    margin-bottom: 33px;
    text-indent: -9999px;
    width: 728px;
}
h2 {
    color: #790000;
    font-size: 1.454545em; /* 16px */
    line-height: 1em; /* 16px */
}
h3 {
    color: #c00000;
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 14px;
}
h4 {
    font-size: 14px;
    margin-bottom: 9px;
}
h5 {
    font-weight: bold;
}
h6 {
    color: #c00000;
}
ul, ol, li {
    list-style-type: none;
}
img {
    border: none;
}
:focus {
    outline: 0;
}

/* TEMPLATE LAYOUT */
#wrapper {
    margin: 0 auto;
    width: 787px;
}
#body {
    background: url(../images/body-background2.jpg) repeat-y;
    float: left;
    width: 787px;
}
.content {
    float: left;
    margin-left: 18px;
    width: 751px;
}
#header {
    float: left;
    height: 151px;
    width: 100%;
}
#logo {
    float: left;
    height: 151px;
    width: 173px;
}
#header-gallery{
    background-color: #f2f2f2;
    float: left;
    height: 151px;
    overflow: hidden;
    width: 578px;
}
#navigation {
    background: url(../images/navigation-background.jpg) repeat-x;
    float: left;
    height: 43px;
    width: 100%;
}
#navigation li {
    color: #fff;
    float: left;
    text-align: center;
}
#navigation li.active {
    background-color: #9a0000;
}
#navigation li.active a {
    color: #fff;
}
#navigation li a {
    color: #ddd;
    font-size: 12px;
    line-height: 43px;
    padding: 5px;
    text-decoration: none;
}
#navigation li a:hover {
    color: #fff;
}
#navigation li#who-we-are-link {
    width: 107px;
}
#navigation li#our-products-link {
    width: 114px;
}
#navigation li#our-brands-link {
    width: 103px;
}
#navigation li#customer-service-link {
    width: 140px;
}
#navigation li#technology-link {
    width: 104px;
}
#navigation li#awards-link {
    width: 81px;
}
#navigation li#contact-us-link {
    width: 102px;
}
#content-left { /* width decided on a page-by-page basis below */
    float: left;
    margin-top: 25px;
}
#content-right { /* width decided on a page-by-page basis below */
    float: left;
    margin-top: 25px;
}
#body-bottom {
    background: url(../images/body-bottom-gradient.jpg) no-repeat;
    clear: both;
    float: left;
    height: 18px;
    width: 787px;
}
#footer {
    float: left;
    width: 100%;
}
p#legalities {
    color: #b9b9b9;
    float: right;
    font-size: 10px;
    margin-right: 8px;
}

/* INDEX(HOME) */
#home #wrapper {
    width: 800px;
}
#home #body {
    background: none;
    margin-top: 37px;
    margin-left: 36px;
    width: 728px;
}
#home ul {
    float: left;
}
#home #content-left {
    float: none;
    position: relative;
    width: 728px;
}
#home #content-left li {
    background-color: #ddd;
    position: absolute;
}
#home #content-left li div {
    background-color: #000;
    bottom: 0;
    filter:alpha(opacity=50);/*Needed for IE*/
    -moz-opacity:0.5;/*Older mozilla broswers like NN*/
    -khtml-opacity: 0.5;/*Old versions of Safari and "KHTML" browser engines*/
    opacity: 0.5;/*FF, Safari, and Opera*/
    height: 36px;
    position: absolute;
    left: 0;
    width: 100%;
}
#home #content-left li a {
    color: #eee;
    bottom: 6px;
    font-size: 21px;
    line-height: 30px;
    padding-left: 9px;
    position: absolute;
    text-decoration: none;
    z-index: 100;
}
#home #our-products {
    background: url(../images/home-our-products.jpg) no-repeat;
    height: 169px;
    left: 0;
    top: 0;
    width: 393px;
}
#home #technology {
    background: url(../images/home-technology.jpg) no-repeat;
    height: 353px;
    left: 191px;
    top: 177px;
    width: 202px;
}
#home #content-left li#technology a {
    bottom: 322px;
}
#home #content-left li#technology div {
    bottom: 317px;
}
#home #icco-cheese {
    background: url(../images/home-icco-cheese.jpg) no-repeat;
    height: 191px;
    left: 0;
    top: 175px;
    width: 181px;
}
#home #our-brands {
    background: url(../images/home-our-brands.jpg) no-repeat;
    height: 154px;
    left: 0;
    top: 376px;
    width: 181px;
}
#home #who-we-are {
    background: url(../images/home-who-we-are.jpg) no-repeat;
    height: 376px;
    left: 401px;
    top: 0;
    width: 175px;
}
#home #awards {
    background: url(../images/home-awards.jpg) no-repeat;
    height: 169px;
    right: 0;
    top: 0;
    width: 143px;
}
#home #contact-us {
    background: url(../images/home-contact-us.jpg) no-repeat;
    height: 200px;
    right: 0;
    top: 176px;
    width: 143px;
}
#home #content-left li#contact-us a {
    bottom: 169px;
}
#home #content-left li#contact-us div {
    bottom: 164px;
}
#home #customer-service {
    background: url(../images/home-customer-service.jpg) no-repeat;
    height: 145px;
    right: 0;
    top: 385px;
    width: 327px;
}

/* WHO-WE-ARE */
#who-we-are #content-left {
    margin-bottom: 10px;
    width: 471px;
}
#who-we-are #content-left p {
    width: 400px;
}
#who-we-are #content-left h3, #who-we-are #content-left p {
    margin-left: 30px;
}
#who-we-are #content-right {
    float: right;
    height: 297px;
    margin-top: 0;
    overflow: hidden;
    width: 235px;
}

/* OUR-PRODUCTS */
#our-products #content-left {
    margin-bottom: 26px;
    margin-left: 30px;
    width: 445px;
}
ul#products {
    float: left;
}
ul#products li {
    border-top: 1px solid #d1d1d1;
    float: left;
    font-weight: bold;
    padding: 9px 0;
    width: 100%;
}
ul#products li:first-child {
    border-top: 0;
}
ul#products li p {
    margin-bottom: 0;
    padding-top: 5px;
}
img.product-image {
    float: left;
    height: 59px;
    margin-right: 10px;
    width: 41px;
}
.pdf-download {
    color: #b5b5b5;
}
.pdf-download img.pdf-icon {
    padding: 1px 4px 0 0;
}
ul#products img.pdf-icon {
    float: left;
}
ul#products .pdf-download p {
    float: left;
    margin-bottom: 0;
    padding-top: 0;
}
#our-products #content-right {
    float: right;
    height: 297px;
    margin-top: 0;
    overflow: hidden;
    width: 235px;
}
#our-products #content-right img:first-child {
    margin-bottom: 11px;
}

/* OUR-BRANDS */
#our-brands #navigation {
    margin-bottom: 0;
}
#our-brands #content-left {
    width: 252px;
}
ul.brand-images {
    float: left;
    width: 121px;
}
ul.brand-images li:first-child {
    margin-top: 0;
}
ul#col2 {
    margin-left: 10px;
}
ul.brand-images li {
    background-color: #c00000;
    float: left;
    height: 113px;
    margin-top: 10px;
    width: 121px;
}
ul.brand-images li.green {
    background-color: #456940;
}
#our-brands #content-right {
    margin-left: 10px;
    width: 488px;
}
#our-brands h3, #our-brands p {
    margin-left: 23px;
    margin-right: 33px;
}
#our-brands h3 {
    margin-top: 25px;
}
#our-brands #row1 {
    height: 113px;
    margin-top: 24px;
    width: 252px;
}
#our-brands #row1 li {
    margin: 0;
    padding: 0;
}
#our-brands #row1 li:first-child {
    margin-right: 10px;
}

/* CUSTOMER-SERVICE */
#customer-service #content-left {
    margin-bottom: 33px;
    margin-left: 34px;
    width: 367px;
}
#customer-service #content-right {
    height: 342px;
    margin-left: 28px;
    overflow: hidden;
    width: 322px;
}
ul#service-offerings {
    float: left;
}
ul#service-offerings li {
    list-style-type: disc;
    margin-left: 32px;
}

/* TECHNOLOGY */
#technology #content-left {
    height: 424px;
    overflow: hidden;
    width: 280px;
}
#technology #content-left img {
    float: left;
}
#technology img:first-child {
    margin-bottom: 11px;
}
#technology #content-right {
    margin-left: 22px;
    width: 421px;
}
ul#our-technologies {
    float: left;
}
ul#our-technologies li {
    list-style-type: disc;
    margin-left: 32px;
}

/* AWARDS */
#awards #content-left {
    margin-left: 34px;
    margin-bottom: 50px;
    width: 411px;
}
#awards-intro {
    margin-bottom: 32px;
}
ul#awards {
    float: left;
    width: 100%;
}
ul#awards li {
    border-top: 1px solid #d1d1d1;
    float: left;
    font-weight: bold;
    padding: 9px 0;
    width: 100%;
}
ul#awards li:first-child {
    border-top: 0;
}
ul#awards li span {
    font-weight: normal;
}
#awards #content-right {
    float: right;
    height: 424px;
    overflow: hidden;
    width: 280px;
}

/* CONTACT US */
#contact-us #content-left {
    width: 320px;
}
img#owners-portrait {
    float: left;
    margin-right: 72px;
    margin-left: 46px;
}
#full-contact-info {
    background-color: #f8ed7a;
    float: left;
    margin-right: 41px;
    margin-bottom: 23px;
    padding: 22px 0 22px 33px;
    width: 246px;
}
#contact-us h4 {
    color: #c00000;
    margin-bottom: 0;
}
p#download-corporate-brochure {
    float: left;
    margin-left: 27px;
}
#contact-us #content-right {
    width: 431px;
}
p#contact-us-intro {
    margin-right: 55px;
}
#form-message {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    float: left;
    margin-bottom: 14px;
    width: 374px;
}
#form-message p {
    color: #aaa;
    margin-bottom: 0;
    padding: 5px;
}
#contact-form {
    float: left;
    margin-bottom: 26px;
    width: 100%;
}
#contact-form label {
    float: left;
    width: 62px;
}
#contact-form div {
    float: left;
    margin-bottom: 14px;
}
#contact-form input[type=text] {
    background-color: #e9e9e9;
    border: 1px solid #d9d9d9;
    font-family: Courier New, Courier New, Courier, monospace;
    font-size: 12px;
    height: 18px;
    padding: 2px;
    width: 308px;
}
#contact-form textarea {
    background-color: #e9e9e9;
    border: 1px solid #d9d9d9;
    font-family: Courier New, Courier New, Courier, monospace;
    font-size: 12px;
    height: 83px;
    overflow: hidden;
    padding: 2px;
    resize: none; /* for Safari only */
    width: 308px;
}
#contact-form input[type=submit] {
    background: url(../images/contact-us-submit-form-button-background.jpg) repeat-x;
    border: 0;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 34px;
    margin-right: 55px;
    text-align: center;
    width: 100px;
}
#contact-by-phone {
    float: right;
    margin-right: 55px;
    margin-bottom: 55px;
    text-align: right;
}

/* ---------------------------------------------------
UTILITIES
----------------------------------------------------- */
.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}