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

Project: Axel Group
Author: Hugh Thompson <hugh@123shoot.com>
Version: 1.1
Last change: 08/13/2010
-------------------------------------------------------------------*/

@import 'reset.css';

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

1. Body
2. Navigation   [#nav_main]
    a. Sub Navigatiion [.dropmenudiv]
3. Content      [#content]
    a. Contact Form [#contact_form}
4. Footer       [#ftr]
5. Error
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html, body { height: 100%; margin: 0 0 1px; padding: 0; }

body {
    background-color: #d7d7d7;
    color: #7D6A55;
    font-family: Georgia, Times, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 16px;
    margin: auto;
    text-align: left;
    width: 1068px;
    word-spacing: 0px;
}

body a {
    color: #7d6a55;
    font-weight: bold;
    text-decoration: underline;
}

body a:hover { color: #fc4f04; }

body h1 {
    color: #566c10;
    font-size: 26px;
    font-weight: bold;
}

#wrapper { background: url("../images/wrapper.jpg"); background-repeat: repeat-y; margin: auto; width: 1068px; }

#hdr {
    background: url("../images/header.jpg") no-repeat;
    height: 275px;
    width: 1068px;
}

#hdr-logo {
    float: left;
    padding-left: 54px;
}

#hdr-img {
    float: right;
    padding-right: 55px;
}

#act {
    font-size: 18px;
    height:46px;
    line-height:46px;
    padding:0px 97px 0px 0px;
    text-align: right;
}

#act a {
    color: #7d6a55;
    font-size:16px;
    font-weight: bold;
    text-decoration: none;
}

#act a:hover { color: #ffffff; }

/*------------------------------------------------------------------
[2. Navigation ]
-------------------------------------------------------------------*/
#nav_main_container { height:56px; width:100%; }

#nav_main {
    height:56px;
    line-height:56px;
    margin:auto;
    width:1068px;
    padding: 0px 0px 0px 114px;
}

#nav_main ul li {
    display:inline;
    list-style: none;
    padding: 0px 0px 0px 50px;
}

#nav_main ul li a {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}

#nav_main ul li a:hover { color:#FC4F04; }
#nav_main ul li a.current { color: #FFC422; }

/*------------------------------------------------------------------
[2a. Sub-Navigation ]
-------------------------------------------------------------------*/
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
line-height:18px;
margin-top:24px;
z-index:100;
visibility: hidden;
}


.dropmenudiv a{
    font-weight:normal;
    height:32px;
    line-height:32px;
    width: auto;
    display: block;
    text-align:center;
    text-decoration:none;
    color: #ffc422;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ color: #ffc422; }

#dropmenu_services { background:url(../images/sub-nav/subnav-services-bg.jpg); height:194px; padding-top:16px; width:256px; }
#dropmenu_services a { width:256px; }
#dropmenu_services a:hover { background:url(../images/sub-nav/services-hover.jpg); background-repeat:repeat-y; }

#dropmenu_mat { height:46px; line-height:22px; }
#dropmenu_mat a { width:256px; }
#dropmenu_mat hover { background:url(../images/sub-nav/services-hover.jpg); background-repeat:repeat-y; }

/*------------------------------------------------------------------
[3. Content ]
-------------------------------------------------------------------*/
#content {
    background: url("../images/contentBg.jpg") no-repeat;
    height: 100%;
    padding: 24px 0px 24px 175px;
}

#content h1 {
    color: #566c10;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 28px;
}

#content p {
    font-size: 16px;
    line-height: 32px; 
    padding: 0px 130px 10px 0px;
}

#content ul { padding:0px 130px 0px 24px; }

#content ul li {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 16px;
}

#content ol { padding-left: 24px; }

#content ol li {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 4px;
}

.first {
    color: #566c10;
    font-size: 20px;
    font-weight: bold;
}

#contact {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

#debt_sub_nav_container { padding:10px 80px 30px 10px; }
#debt_sub_nav { background-color:#ADB495; float:right; height:125px; width:320px; }
#debt_sub_nav p { color:#FFC422; font-weight:bold; line-height:20px; padding:0px 0px 4px 0px; text-align:center;  }
#debt_sub_nav a { color:#FFFFFF; }
#debt_sub_nav a:hover { color:#FFC422; }

#team_list ul li { padding-bottom:2px; }

.section { padding-bottom: 28px; }

.read_more { text-align:right; }
.read_more a { font-style:italic; }

.bold_italic { font-style:italic; font-weight:bold; }

#sitemap ul { padding-bottom:4px; }
#sitemap ul li { padding-bottom:4px; }

/*------------------------------------------------------------------
[3a. Content - Contact Form ]
-------------------------------------------------------------------*/
#contact_form {
    padding-left: 199px;
}
.identifier {
	float: left;
	height: 20px;
	padding: 2px;
	text-align: right;
	width: 106px;
}

.input_side {
	float: left;
	height: 20px;
	padding: 2px;
}

.frm_fld_xtra_short, .frm_fld_short, .frm_fld_nrml, .frm_fld_long, select, textarea { border: 1px solid #393939; }

.frm_fld_xtra_short { width: 30px; }
.frm_fld_short { width: 85px; }
.frm_fld_nrml { width: 105px; }
.frm_fld_long { width: 165px; }

.question { padding: 6px 0px; }
.question p { padding: 0px 0px 6px 0px; }

/*------------------------------------------------------------------
[4. Footer ]
-------------------------------------------------------------------*/
#ftr {
    background: url("../images/footer.jpg") no-repeat;
    font-size: 13px;
    height: 75px;
    text-align: center;
}

#ftr ul {
    padding: 12px 0px 0px 285px;
}

#ftr ul li {
    float: left;
    list-style: none;
}

#ftr ul li a { text-decoration: none; }

#ftr ul li a:hover { color: #fc4f04;}

#copyright {
    padding-top: 8px;
    text-align: center;
}

#services_ftr { height:85px; margin:auto; padding:0px 70px; width:860px; }
#services_ftr a { color:#566C10; }
#services_ftr a:hover { color:#806E5A; }

.services_link { 
    border-right-style:solid;
    border-right-width:2px;
    border-right-color:#FFC423;
    float:left; font-size:10px;
    height:47px;
    list-style-type:none;
    padding:0px 12px;
    text-align:center;
}


/*------------------------------------------------------------------
[5. Error ]
-------------------------------------------------------------------*/
.err_msg, #errUsername, #errPassword, #errEmail { color: #CC0000; font-style: italic; }
