* {
padding: 0;
margin: 0;
}

body {
background: #FFF;
color: #999;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.5em;
}

#header {
width: 960px;
margin: 0 auto;
height: 150px;
position: relative;
}

#content_clip {
width: 960px;
overflow: hidden;
margin: 0 auto;
}

#content_wrap {
width: 960px;
margin: 0 auto;
position: relative;
padding-bottom: 20px;
overflow: hidden;
}

#all_content {
position: relative;
left: 0;
min-height: 420px;
}

div.content {
width: 920px;
position: absolute;
top: 0;
background: #FFF;
}

/*
div.tallest {
position: relative;
}
*/

div.current {
position: relative;
}

#home_content {left: 20px;}
#about_content {left: 980px;}
#services_content {left: 1940px;}
#resources_content {left: 2900px;}

#footer_wrap {
min-width: 960px;
background: #0e1215;
color: #86877c;
border-top: 1px solid #F00;
position: relative;
}

#footer_content {
width: 920px;
margin: 0 auto;
}

h1, h2, h3, h4, #nav {
font-family: Trajan, Georgia, "Times New Roman", Times, serif;
font-weight: normal;
text-transform: capitalize;
font-variant: small-caps;
margin-bottom: .5em;
padding-top: .2em;
}

h2 {
font-size: 36px;
}

h3 {
font-size: 22px;
}

h4 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-variant: normal;
color: #666;
text-align: right;
margin-bottom: 0;
}

#footer_content h2, #footer_content h3, #footer_content h4 {
color: #FFF;
}

.content h3, .footer_content h3 {
margin-bottom: .3em;
}

.full h3 {
text-transform: uppercase;
font-size: 14px;
}

p, ol, ul {
margin-bottom: 1.3em;
}

ol, ul {
list-style-position: inside;
}

.content strong {
color: #555;
font-weight: normal;
background: #F9F9E0;
padding: 2px 3px;
margin: 0 -3px;
}

.content em {
color: #666;
}

#footer_content strong {
font-weight: bold;
color: #A22;
}

#logo {
width: 270px;
height: 96px;
background: transparent url(../i/yoon_kim_logo.png) center top no-repeat;
text-indent: -5000px;
position: absolute;
top: 0;
left: 0;
}

.full h2 span.alt {
color: #202020;
font-style: normal;
}

#nav {
list-style: none;
padding-top: 29px;
margin-left: 272px;
}

#nav li {
float: left;
font-size: 16px;
}

#nav li a {
color: #202020;
text-decoration: none;
height: 43px;
text-indent: -5000px;
display: block;
}

#nav li a:hover, #nav li a.current {
background-position: center -43px;
}

span.more_link {
color: #A22;
text-align: right;
width: 100%;
cursor: pointer;
}

span.more_link:hover {
color: #F22;
}

#nav_home {
width: 102px;
background: #FFF url(../i/nav_home.gif) left top no-repeat;
}

#nav_about {
width: 106px;
background: #FFF url(../i/nav_about.gif) center top no-repeat;
}

#nav_services {
width: 122px;
background: #FFF url(../i/nav_services.gif) center top no-repeat;
}

#nav_resources {
width: 137px;
background: #FFF url(../i/nav_resources.gif) center top no-repeat;
}
 
.content div.full {
width: 920px;
clear: both;
margin-bottom: 30px;
}

.content div.left_half, .content div.right_half {
width: 430px; /*460px total width*/
}

.content div.left_half {
padding-right: 30px;
float: left;
}

.content div.right_half {
padding-left: 30px;
float: right;
}

#footer_content div.column {
width: 260px; /*280px total width*/
padding: 25px 30px 20px 0;
float: left;
margin-left: 30px;
background: transparent url(../i/footer_separator.gif) right 60px no-repeat;
}

#footer_content div.first {
margin-left: 0;
}

#footer_content div.last {
padding-right: 0;
background: none;
}

#footer_content #legal {
clear: both;
font-size: 85%;
color: #444;
width: 100%;
padding-bottom: 10px;
}

#legal p {
line-height: normal;
margin-bottom: .5em;
}

#footer_content h5 {
color: #86877c;
font-size: 100%;
}

br.clear {
clear: both;
visibility: hidden;
}

/*form rules*/
label {
width: 100%;
display: block;
clear: both;
margin: 10px 0;
}

input, textarea, select {
clear: left;
display: block;
border: none;
color: #222;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
width: 250px;
margin-top: 5px;
border: 1px solid #555;
}

input:focus, textarea:focus, select:focus {
border: 1px solid #A22;
}

#cf_submit {
background: none;
color: #FFF;
background: #222;
float: right;
font-size: 85%;
width: auto;
border: none;
}

#cf_submit:hover {
background: #A22;
}

div.errors {
color: #A22;
font-weight: bold;
}

.portrait {
padding: 5px;
border: 1px solid #86877c;
}

/*heading image replacement*/
#full_heading_home, #full_heading_about, #full_heading_services, #full_heading_resources {
text-indent: -5000px;
}

#full_heading_home {background: #FFF url(../i/full_heading_home.gif) top left no-repeat;}
#full_heading_about {background: #FFF url(../i/full_heading_about.gif) top left no-repeat;}
#full_heading_services {background: #FFF url(../i/full_heading_services.gif) top left no-repeat;}
#full_heading_resources {background: #FFF url(../i/full_heading_resources.gif) top left no-repeat;}

/*listed individually so a new heading made (without an id listed here) would still show up because it probably won't have an image created, just a failsafe for future changes*/
#home_heading_left, #home_heading_right, #about_heading_left, #about_heading_right, #services_heading_left, #services_heading_right, #resources_heading_left, #resources_heading_right  {
text-indent: -5000px;
height: 30px;
}

#home_heading_left {background: #FFF url(../i/body_heading_who_we_are.gif) top left no-repeat;}
#home_heading_right {background: #FFF url(../i/body_heading_our_philosophy.gif) top left no-repeat;}

#about_heading_left {background: #FFF url(../i/body_heading_background.gif) top left no-repeat;}
#about_heading_right {background: #FFF url(../i/body_heading_profile.gif) top left no-repeat;}

#services_heading_left {background: #FFF url(../i/body_heading_felonies.gif) top left no-repeat;}
#services_heading_right {background: #FFF url(../i/body_heading_misdemeanors.gif) top left no-repeat;}

#resources_heading_left {background: #FFF url(../i/body_heading_articles.gif) top left no-repeat;}
#resources_heading_right {background: #FFF url(../i/body_heading_archive_of_resources.gif) top left no-repeat;}

#footer_left_heading, #footer_center_heading, #footer_right_heading {
text-indent: -5000px;
height: 30px;
}

#footer_left_heading {background: #0E1114 url(../i/footer_heading_who_i_am.gif) top left no-repeat;}
#footer_center_heading {background: #0E1114 url(../i/footer_heading_location.gif) top left no-repeat;}
#footer_right_heading {background: #0E1114 url(../i/footer_heading_contact_form.gif) top left no-repeat;}