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

Project: Redline Recovery
Author: Scott Lively <scott@123shoot.com>
Version: 1.1
Last change: 04/22/2009
-------------------------------------------------------------------*/

@import 'reset.css';

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

1. Body
2. Header
3. Navigation
4. Content      [#content]
    a. Home
    b. Contact
5. Footer       [#ftr]
6. Error
-------------------------------------------------------------------*/


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

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

a { color:#535353; }
a:hover { color:#782022; }

em { font-style:italic; }

p { padding:8px 0px; }

ol, ul { padding-left:16px; }

#top_background { background:url(../images/bg-top.jpg) repeat-x; width:100%; }
#bottom_background { background:url(../images/bg-bottom.jpg) repeat-x; height:184px; width:100%; }
#wrapper { background:url(../images/wrapper.jpg) repeat-y; margin:auto; width:954px; }
#main_container { background:url(../images/bg-main.jpg) no-repeat; margin:auto; min-height:212px; width:954px; }

.redhead { color:#782022; font-size:16px; font-variant:small-caps; line-height:22px; }

.col-1-2 { float:left;  width:48%; }
.col-2-2 { float:right;  width:48%; }

.white { color:#FFF; }

/*------------------------------------------------------------------
[2. Header ]
-------------------------------------------------------------------*/
#top_left { float:left; height:132px; width:240px; }
#top_right { float:right; height:132px; width:710px; }

#client_portal { float:right; height:47px; padding:2px 34px 0px 0px; text-align:right; }
#client_portal div { float:left; font-size:12px; line-height:12px; padding:2px; text-align:left; }
#client_portal div.title { font-variant:small-caps; line-height:15px; padding-top:6px; }

#top_white_bar { height:19px; padding:12px 36px 0px 0px; text-align:right; width:918px; }
#top_teal_bar { height:23px; margin-top:6px; padding:12px 0px 0px 74px; }
#top_teal_bar h1 { color:#FFF; font-size:32px; font-variant:small-caps; line-height:32px; }

/*------------------------------------------------------------------
[3. Navigation ]
-------------------------------------------------------------------*/
#nav_main { font-size:12px; font-weight:bold; height:29px; padding-top:12px; text-align:center; width:668px; }
#nav_main a, #nav_sub a { color:#535353; padding:0px 8px; text-decoration:none; }
#nav_main a:hover, #nav_main a.current, #nav_sub a:hover, #nav_sub a.current { color:#782022; }

#nav_sub_container { height:36px; width:668px; }
#nav_sub { background:url(../images/bg-nav-sub.jpg) no-repeat; font-size:12px; font-weight:bold; height:24px; padding-top:4px; text-align:center; width:668px; }

/*------------------------------------------------------------------
[4. Content ]
-------------------------------------------------------------------*/
#content { padding:12px 50px 0px 50px; text-align:justify; }

/*------------------------------------------------------------------
[4a. Content - Home ]
-------------------------------------------------------------------*/
#home_row1 { background:url(../images/bg-home-row1.jpg) no-repeat; overflow:hidden; height:346px; width:954px; }
#home_row1_left { float:left; padding:30px 0px 0px 70px; width:400px; }
#home_row1_right { float:right; padding:0px 60px 0px 0px; width:420px; }

#home_row2 { background:url(../images/bg-home-row2.jpg) no-repeat; height:192px; width:954px; }
#home_row2_left { float:left; overflow:hidden; padding:18px 10px 0px 250px; width:210px; }
#home_row2_right { float:left; overflow:hidden; padding:18px 0px 0px 190px; width:240px; }
#home_row2 a { color:#535353; }
#home_row2 a:hover { color:#000; }

#home_row3 { background:url(../images/bg-home-row3.jpg) no-repeat; height:197px; width:954px; }
#home_row3_left { float:left; padding:20px 0px 0px 70px; width:464px; }
#home_row3_right { float:left; overflow:hidden; padding:10px 8px; width:198px; }

/*------------------------------------------------------------------
[4b. Content - Contact ]
-------------------------------------------------------------------*/
.identifier { float:left; padding:6px; text-align:right; width:80px; }
.input_side { float:left; padding:6px; text-align:left; }

.form_txt_fld, .form_zip_fld, select, #contact_container textarea { border:1px solid #5D564E; border-width:2px 1px 1px 2px; }
.form_txt_fld { width:135px; }
.form_zip_fld { width:50px; }

#contact_container textarea { height:120px; width:290px; }

/*------------------------------------------------------------------
[5. Footer ]
-------------------------------------------------------------------*/
#pre_ftr { background:url(../images/bg-pre-footer.jpg) no-repeat; height:52px; margin:auto; width:954px; }

#ftr { font-size:12px; line-height:22px; margin:auto; text-align:center; width:954px; }

#nav_ftr a { color:#535353; padding:0px 6px; text-decoration:none; }
#nav_ftr a:hover { color:#000; }

/*------------------------------------------------------------------
[6. Error ]
-------------------------------------------------------------------*/
.err_msg, #errUsername, #errPassword, #errEmail, #errPhone, #errName, 
#errFirstName, #errLastName, #errAddress, #errCity, #errZip, 
#errPrevAddress, #errPrevCity, #errPrevZip, #errAgree { color:#CC0000; font-style:italic; }