/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;

}

body {
    font-size: 62.5%;
    background-color: #d3d4d6;
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

#header {
    height: 139px;
}

#header .company-name {
    float: left;
}
    #header .company-name a {
        display: block;
        background: url(/images/logo.png) top left no-repeat;
        height: 139px;
        width: 146px;
    }

#header .company-name span,
#nav li a span {
    display: none;
}

#nav {
    list-style: none;
    background: url(/images/right-side.png) top right no-repeat;
    width: 789px;
    height: 79px;
}

* html #nav {
    width: 649px;
    position: relative;
    left: -3px;
}

#nav li {
    float: left;
    height: 139px;
}

#nav li a {
    display: block;
    height: 139px;
    background-position: top left;
    background-repeat: no-repeat;
}
#nav li a:hover,
#nav li.selected a {
    background-position: bottom left;
}

#nav li.services a {
    background-image: url(/images/navigation-services.png);
    width: 79px;
}
#nav li.testimonials a {
    background-image: url(/images/navigation-testimonials.png);
    width: 109px;
    height: 100px;
    margin-left: -17px;
}
#nav li.philosophy a {
    background-image: url(/images/navigation-philosophy.png);
    width: 101px;
    height: 75px;
    margin-left: -24px;
}
#nav li.team a {
    background-image: url(/images/navigation-team.png);
    width: 78px;
}
#nav li.about-us a {
    background-image: url(/images/navigation-about-us.png);
    width: 88px;
}
#nav li.contact-us a {
    background-image: url(/images/navigation-contact-us.png);
    width: 95px;
}
#nav li.links a {
    background-image: url(/images/navigation-links.png);
    width: 72px;
}

#document {
    background:  url(/images/page-background.png) top left repeat-x;
    min-height: 100%;
    font-size: 1.1em;
}

* html #document {
    height: 100%;
}

body.checkout {
    font-size: 62.5%;
}

#wrapper {
    width: 800px;
    margin: 0 auto;
}

h2#title {
    font-size: 1.1em;
    color: #666;
    background: white;
    padding: 0 6px;
    line-height: 2.5em;
    border-bottom: 1px solid #010066;
    margin: 0;
}

h2#title a {
    text-decoration: none;
    color: #010066;
    text-transform: uppercase;
}

#content {
    margin: 10px 30px 0 100px; 
    padding-top: 10px;
    padding-bottom: 30px;
    background: #f2f2f2;
    color: #555;
    line-height: 1.5em;
    overflow: auto;
    zoom: 1;
}

#sidepanel a {
    width: 200px;
    height: 80px;
    background: #f8f8f8;
    border: 1px solid #ccc;
    line-height: 80px;
    text-align: center;
    float: right;
    margin: 20px;
}

table.user-manager {
    width: 100%;
}

td, th {
    padding: 5px;
}

td input.text {
    width: 100px;    
}

#pane {
    padding: 10px 20px;
}

h4, .cms-heading-content {
    font-size: 1.3em;
    color: navy;
    padding: 0;
    margin: 10px 0 5px 0;
}

.cms-heading-content input {
    color: navy;
    font-weight: bold;
}

.cms-text-content {
    padding: 0;
}

a {
    color: navy;
}

a:hover {
    color: blue;
}

a:visited {
    color: #507;
}

p {
    padding: 0;
    margin: 1em 0;
    color: #555;
}

#footer {
    margin: 0 30px 0 100px;
    text-align: center;
    padding-bottom: 10px;
    border-top: 1px solid white;
}
    #footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 30px;
    }
        #footer ul li {
            list-style: none;
            padding: 0;
            margin: 0 5px;
            display: inline;
        }
        
            #footer ul li a {
                color: #888;
                padding: 20px 5px;
                letter-spacing: 1px;
                text-decoration: none;
            }

            #footer ul li a:hover {
                color: #333;
                text-decoration: underline;
            }

#footer ul.navigation {
    background: #f2f2f2;
    line-height: 60px;
}

#foldername, #foldername * {
    display:inline;
}

ul.browse,
.admintools {
    width: 300px;
    margin: 20px;
}

.admintools {
    clear: left;
}

.checkout-error
{
    padding-left: 30px;
    color: brown;
}


ul.browse {
    float: left;
}

ul.browse li {
    background-position: 0px 3px;
    background-repeat: no-repeat;
    line-height: 16px;
    padding: 0;
    margin: 0;
    padding: 3px 0 3px 25px;
    margin-left: 10px;
    list-style: none;
    clear: right;
}
ul.browse li * {
    display: inline;
    vertical-align: top;
}

ul.browse a {
    padding-right: 30px;
}

ul.browse li.file {
    background-image: url(/images/icons/page_white.png);
}

ul.browse li.image {
    background-image: url(/images/icons/page_white_picture.png);
}
ul.browse li.word {
    background-image: url(/images/icons/page_white_word.png);
}
ul.browse li.excel {
    background-image: url(/images/icons/page_white_excel.png);
}
ul.browse li.powerpoint {
    background-image: url(/images/icons/page_white_powerpoint.png);
}
ul.browse li.compressed {
    background-image: url(/images/icons/page_white_compressed.png);
}
ul.browse li.pdf {
    background-image: url(/images/icons/page_white_acrobat.png);
}

ul.browse li.folder {
    background-image: url(/images/icons/folder.png);
}

ul.browse li.new-folder {
    background-image: url(/images/icons/folder_add.png);
}

ul.browse li .delete {
    float: right;
}

hr {
    border: 0px solid #ccc;
    border-top-width: 1px;
    background: none;
    height: 0;
}

#splash {
    position: relative;
    margin: 0 auto;
    background: url(/images/splash-circle.png) no-repeat 80px 100px;
    width: 705px;
    height: 437px;
}
.cms-edit #splash {
position: relative;    
}

body.front h1 {
    position: absolute;
    left: 400px;
    top: 200px;
    color: #555;
    font-size: 21px;
    font-family: Futura, 'Helvetica Neue', 'Eras BT', Corbel, Tahoma, Helvetica, Arial;
    font-weight: normal;
}

body.front .navigation li {
    list-style: none;
}

body.front .navigation li a {
    position: absolute;
    top: 0;
    left: 0;
    background-position: top left;
    background-repeat: no-repeat;
}

body.front .navigation li a:hover {
    background-position: bottom left;
}

body.front .navigation li a span {
    display: none;
}

body.front .navigation .services a {
    top: 22px;
    left: 44px;
    background-image: url(/images/splash-services.png);
    width: 170px;
    height: 133px;
}
body.front .navigation .testimonials a {
    top: 104px;
    left: 321px;
    background-image: url(/images/splash-testimonials.png);
    width: 200px;
    height: 92px;
}
body.front .navigation .philosophy a {
    top: 235px;
    left: 321px;
    background-image: url(/images/splash-philosophy.png);
    width: 213px;
    height: 87px;
}
body.front .navigation .team a {
    top: 22px;
    left: 214px;
    background-image: url(/images/splash-team.png);
    width: 107px;
    height: 133px;
}
body.front .navigation .about-us a {
    top: 322px;
    left: 256px;
    background-image: url(/images/splash-about-us.png);
    width: 278px;
    height: 136px;
}
body.front .navigation .contact-us a {
    top: 322px;
    left: 42px;
    background-image: url(/images/splash-contact-us.png);
    width: 214px;
    height: 136px;
}
body.front .navigation .links a {
    top: 155px;
    left: -20px;
    background-image: url(/images/splash-links.png);
    width: 170px;
    height: 83px;
}

body.front #intranet {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.cms-edit #intranet {
    bottom: 0px;
}

body.front #intranet li {
    list-style: none;
}
body.front #intranet li a {
    color: #999;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 10px;
}