body{
	margin: 10px 0px 10px 0px;
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
    font-family: Arial, Verdana, sans-serif;
    color: #4f4f4f;
    font-size: 12px
}

.clearfix{
    clear: both;
}

p{
    margin-top: 0px;
}

.error{
    color: red;
    font-weight: bold;
}

a:link, a:visited{
    color:#4f4f4f;
    font-weight: bold;
    text-decoration: underline;
}


/* -------------------------------------------------------------------------------------------- */
#page{
	width: 776px;
	margin: 0px auto; /* Right and left margin widths set to "auto" */
    border: 1px solid #d5d5d5;
    background: url(images/page_background.gif) repeat-y;
}

#top{
    border-bottom: 1px solid white;
    font-weight: bold;
}

    #top .date{
        height: 12px;
        float: left;
        width: 215px;
        text-align: center;
        padding: 14px 0 15px 0;
    }

    #top .phone{
        float: left;
        height: 36px;
        background: #acacac;
        width: 530px;
        border-left: 1px solid white;
        padding: 8px 10px 0 20px;
        text-align: left;
        color: white;
        font-size: 24px;
        font-weight: normal;
    }

        #top .phone span{
          font-size: 12px;
          margin-right: 28px;
        }

        #top .phone span.language{
          font-size: 12px;
        }

#hero{
    border-bottom: 1px solid white;
    position: relative;
    height: 178px;
}
    #hero address{
        position: absolute;
        bottom: 10px;
        right: 20px;
        color: white;
        font-style: normal;
        font-size: 10px;
        border: 0px solid black;
    }

#navigation{
    background: url(images/navigation_background.gif) repeat-x top left;
    height: 42px;
    overflow: hidden;
    padding-left: 235px;
}

    #navigation ul{
        list-style: none;
        margin: 0;
        padding: 0;
        padding-top: 13px;
        padding-bottom: 14px;
    }
    #navigation li{
        display: inline;
        color: white;
        text-transform: uppercase;
        margin-right: 30px;
    }

    body.home #navigation a.home, body.experience #navigation a.experience, body.faqs #navigation a.faqs, body.cases #navigation a.cases, body.contact #navigation a.contact{
        color: #ffdfa9;
        text-decoration: none;
    }

    #navigation a{
        color: white;
        text-decoration: none;
    }

    #navigation a:hover{
        color: #ffdfa9;
        text-decoration: none;
        border-bottom: 2px solid #ffdfa9;
    }


#content{

}

    #content .left{
        border: 0px solid red;
        width: 195px;
        float: left;
        padding: 10px;
        margin-top: 5px;
    }
        #content .left strong{
            color: #b70000;
            margin: 0;
            padding: 0;
            font-weight: normal;
            font-size: 12px;
            display: block;
        }

        #content .left img.header{
            margin-bottom: 10px;
            border: 0px;
        }

        #content .left p{
            border-bottom: 1px dotted #9d9d9d;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

        #content .left p.last{
            border: 0px dotted #9d9d9d;
            padding-bottom: 10px;
        }

        #content .left p.divider{
            border: 0px dotted #9d9d9d;
            padding-bottom: 26px;
            background: url(images/left_column_divider.gif) no-repeat bottom center;
        }

    #content .right{
        border: 0px solid black;
        border-top: 1px solid #b6b6b6;
        float: left;
        width: 531px;
        padding: 15px;
    }

    #content .home{
        padding-right: 250px;
        position: relative;
        width: 296px;
    }
        #content .right h1{
            font-size: 14px;
            color: #7e0000;
            margin-top: 0px;
            margin-bottom: 12px;
            padding: 0px;
            text-transform: uppercase;
        }

        #content .right h2{
            font-size: 13px;
            margin-top: 0px;
            margin-bottom: 2px;
            padding: 0px;
        }

        #content .right .video{
            border: 0px solid black;
            position: absolute;
            right: 5px;
            top: 15px;
            width: 230px;
            color: black;
            font-style: italic;
            text-align: center;
        }

            #content .right .video object, #content .right .video embed{
                margin-bottom: 10px;
            }

            #content .right .video img{
                border: 1px solid black;
            }
            #content .right .video img.cc{
                border: 0px solid black;
                text-align: left;
                margin-bottom: 10px;
            }



#footer{
    background: url(images/footer_background.gif) repeat-x top left;
    text-align: center;
    height: 27px;
    overflow: hidden;
}

    #footer ul{
        list-style: none;
        margin: 0;
        padding: 0;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #footer li{
        display: inline;
        color: #b6b6b6;
        margin-left: 10px;
        font-weight: bold;
        font-size: 11px;
        font-weight: bold;
    }

    #footer a{
        color: #b6b6b6;
        text-decoration: none;
    }

    #footer a:hover{
        text-decoration: underline;
    }
/* -------------------------------------------------------------------------------------------- */
/* CONTACT FORM */
form.contact{
    padding: 20px;
    padding-top: 0;
    margin: 0;
}
    form.contact table{
        border-collapse: collapse;
        width: 360px;
    }

    form.contact input.text_box{
        border: 1px solid #ACACAC;
        width: 200px;
    }

    form.contact input.btn{
        float: right;
    }

    form.contact textarea{
        border: 1px solid #ACACAC;
        overflow: auto;
        width: 354px;
        height: 200px;
    }

    form.contact label{
        display: block;
        text-align: right;
        padding-right: 15px;
    }
        form.contact label.wide{
            display: block;
            text-align: left;
            padding-top: 10px;
            padding-bottom: 5px;
        }