/* -- Main ------------------
----------------------------- */
body {
    background: url(images/1.jpg) no-repeat center center fixed;
        -webkit-background-size: contain;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: contain;
		background-color:#CCCCCC;
    margin: 20px;
}
#wrapper {
    width: 940px;
    margin: 20px;   
}
#header {
    margin: 7px 0px;
    padding: 0px 20px;
    color: #fff;
    width: 200px;
    text-align: center;
    font-family: "ff-nuvo-web-pro-1", "ff-nuvo-web-pro-2";
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 2em !important;
}
::selection {
    background-color: #d0d2c4;
}
::-webkit-selection {
    background-color: #d0d2c4;
}
::-moz-selection {
    background-color: #d0d2c4;
}
/* -- Content ---------------
----------------------------- */
.container /* inline & block elements */ {
    margin-top: 45px;
    font-family: "ff-nuvo-web-pro-1", "ff-nuvo-web-pro-2";
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    width: 550px;
    padding: 7px 10px;
}
ul {
    list-style-image: url('../images/bullet.png');
    margin-top: 45px;
    font-family: "ff-nuvo-web-pro-1", "ff-nuvo-web-pro-2";
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    width: 550px;
    padding: 6px 35px;
}
h2, h3, h4 {
    margin: 0px;
}
p {
    margin-top: 45px;
    font-family: "ff-nuvo-web-pro-1", "ff-nuvo-web-pro-2";
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);  
    width: 550px;
    padding: 7px 10px;
}
#services h3 {
    margin-bottom: 5px;
}
#services a:link img, #services a:visited img {
    opacity: 0.75;
    border: 0;
}
#services a:hover img {
    opacity: 1;
    border: 0;
}
.credit a:link, .credit a:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#home:first-letter, #about:first-letter, #services:first-letter {
    float: left;
    margin: 8px 15px 0px 0px;
    padding: 0px 12px 0px 0px;
    border-right: 1px solid #666;
    font-size: 32px;
}
#credit {
    margin-top: 25px !important;
    width: auto;
}
#people {
    line-height: 2;
}
#people a:link, #people a:visited {
    font-family: Arial, sans-serif;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    padding: 5px 8px;
    background-color: rgba(199, 74, 74, 0.7);
    color: #fff;
    text-decoration: none;
}
#people a:hover {
    background-color: rgb(199, 74, 74);
}
#services #left {
    float: left;
}
#services #right {
    float: right;
}
/* -- Arrows & such ---------
----------------------------- */
#arrow-left, #arrow-right {
    position: fixed;
    z-index: 20000;
    width: 84px;
    height: 84px;
}
#popup-left, #popup-right {
    position: fixed;
    z-index: 20000;
    width: 150px;
    height: 28px;
    padding: 8px 0px;
    font-family: Arial;
    color: #fff;
    font-size: 9pt;
    text-align: center;
    text-transform: capitalize;
}
#popup-left p, #popup-right p {
    padding: 0;
    margin: 0 auto;
}
#popup-left {
    background-image: url('../images/popup_left.png');
}
#popup-right {
    background-image: url('../images/popup_right.png');
}
#arrow-left:active, #arrow-right:active {margin-top: 1px;}
#arrow-left {background-image: url('images/arrow_left.png')}
#arrow-left:hover {cursor: pointer; cursor: hand; background-image: url('images/arrow_left_over.png')}
#arrow-right {background-image: url('images/arrow_right.png')}
#arrow-right:hover {cursor: pointer; cursor: hand; background-image: url('images/arrow_right_over.png')}