/*------------------------------------------------------------------
[Master Stylesheet]

Project: ComplyShare
Author: Scott Lively <scott@123shoot.com>
Version: 1.1
Last change: 01/02/09
-------------------------------------------------------------------*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Navigation   [#nav_main]
3. Content      [#content]
4. Footer       [#ftr]
5. Error
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html {
    margin-bottom: 1px;
    min-height: 100%;
}

body {
    background-color: #000000;
    color: #000000;
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: left;
    word-spacing: 0px;
}

a { color: #000000; }
a:hover { color: #6F0F37; }

h1, .heading {
    color: #6F0F37;
    font-size: 22px;
    line-height: 26px;
}

ol, ul { padding: 8px 16px; }

p { padding: 8px 0px; }

#wrapper {
    background-image: url(../images/wrapper.jpg);
    background-repeat: repeat-y;
    height: 100%;
    margin: auto;
    width: 998px;
}

#main_container {
    background-image: url(../images/main-bg.jpg);
    background-repeat: no-repeat;
    min-height: 668px;
    width: 998px;
}

#left_container {
    float: left;
    width: 144px;
}

#right_container {
    float: right;
    width: 854px;
}

.bold { font-weight: bold; }
.italic { font-style: italic; }
.blue { color: #0A4B84; }
.red { color: #6F0F37; }

/*------------------------------------------------------------------
[2. Navigation ]
-------------------------------------------------------------------*/
#nav_main {
    float: left;
    height: 668px;
}

#nav_main a, #nav_main img { display: block; }

#nav_sub {
    background-image: url(../images/nav-sub-bg.jpg);
    background-repeat: no-repeat;
    float: left;
    font-size: 11px;
    height: 422px;
    padding-top: 116px;
    width: 112px;
}

#nav_sub ul { padding: 0px 3px 0px 6px; }

#nav_sub ul li {
    border-bottom: 1px solid #ECEADB;
    line-height: 17px;
    list-style-type: none;
}

#nav_sub ul li a {
    color: #0A4B84;
    text-decoration: none;
}

#nav_sub ul li a:hover, #nav_sub ul li a.current { color: #6F0F37; }

/*------------------------------------------------------------------
[3. Content ]
-------------------------------------------------------------------*/
#hdr {
    height: 214px;
}

#contact_puzzle {
    float: right; 
    margin: 60px 35px 0px 0px; 
    width: 95px; 
    height: 75px; 
    background:url(../images/contact-puzzle.gif) no-repeat 0 0;
}

#contact_puzzle a {
    color: #014A8E; 
    text-decoration: none; 
    font-weight: bold; 
    font-size: 16px;
}

#contact_puzzle a:hover {color: #6F0F37; }

#content_left {
    float: left;
    height: 160px;
    width: 170px;
}

#content_right {
    float: left;
    padding: 0px 0px 12px 0px;
    width: 642px;
}

#content_right ul { color: #6F0F37; }
#content_right ul li span { color: #000000; }

/*------------------------------------------------------------------
[4. Footer ]
-------------------------------------------------------------------*/
#pre_ftr {
    margin: auto;
    width: 998px;
}

#ftr {
    background-color: #000000;
    color: #CCCDCB;
    font-size: 12px;
    height: 54px;
    margin: auto;
    text-align: center;
    width: 998px;
}

#nav_ftr { padding: 6px 0px 2px 0px; }

#nav_ftr a {
    color: #CCCDCB;
    padding: 0px 8px;
    text-decoration: none;
}

#nav_ftr a:hover { color: #EFEFEF; }

.clear { clear: both; }