body {
font-size:62.5%;
font-family: Verdana, Arial, Helvetica, Sans-serif;
color:#463522;
margin:0;
padding:0;
background:url(../images/floral.jpg) top center no-repeat #000;
}

a {
color:#2F2112;
}

#notify {
text-align:center;
font-size:1.4em;
padding:10px 0;
background-color:#DF1E1E;
border-top:5px solid #DF6161;
color:#4F0A0A;
position:absolute;
bottom:0px;
width:100%;
}

object {
outline:none;
}

#backlink {
padding-bottom:20px;
text-align:center;
}

#my_work {
position:relative;
}

#my_work_content, #contact_left, #useful_stuff_left  {
margin-top:49px;
margin-left:20px;
width:440px;
float:left;
display:inline;
line-height:1.65em;
letter-spacing:0.02em;
overflow-y:hidden;
background:url('../images/port_info_underline.jpg') bottom left no-repeat;
}

#useful_stuff_right {
float:right;
width:460px;
padding-right:20px;
margin-top:49px;
display:inline;
line-height:1.65em;
letter-spacing:0.02em;
background:url('../images/port_info_underline_r.jpg') bottom left no-repeat;
}



#my_work_content p, #contact_left p, #useful_stuff p {
margin-bottom:20px;
}

#useful_stuff span {
font-style:italic;
}

#useful_stuff li {
margin-bottom:5px;
}
#useful_stuff li img {
margin-right:5px;
}


#useful_stuff ul {
margin-bottom:20px;
}

#my_work_content {
margin-left:0px;
padding-left:20px;
background:url('../images/my_work_info_underline.gif') bottom left no-repeat;
}

#contact_left {
margin-top:0px;
height:260px;
}

#contact_left img {
margin-right:10px;
}

#my_work_content h1, #useful_stuff h1 {
background:url('../images/port_h1_underline.jpg') bottom left no-repeat;
padding-bottom:20px;
margin-bottom:20px;
text-align:center;
}

#useful_stuff_right h1 {
background:url('../images/port_info_underline_r.jpg') bottom left no-repeat;
}

#portfolio_loader, #info_loader {
position:absolute;
left:695px;
top:175px;
display:none;
}

#info_loader {
left:220px;
}

#content_shell {
margin:0;
padding:0;
}

#content {
margin:0 auto;
width:960px;
font-size:1.2em;
margin-top:60px;
}

#header {
width:960px;
height:86px;
background:url(../images/header_bg.gif) top left no-repeat;
position:relative;
}

#logo {
display:block;
width:230px;
margin-left:50px;
padding-top:20px;
}

#main_content {
height:560px;
background:url(../images/tab_bg.jpg) top left no-repeat;
background-position:1px 86px;

}

#reflection {
width:960px;
height:130px;
margin:0 auto;
margin-top:50px;
}

#fp_gallery {
margin-top:5px;
width:440px;
float:left;
}

#fp_gallery img {
margin-left:155px;
margin-top:40px;
}

#nav {
width:640px;
height:50px;
background:url(../images/nav_bg.jpg) top left no-repeat;
position:absolute;
right:0px;
bottom:0px;
}

#nav li {
float:left;
width:160px;
}

#nav li a {
text-decoration:none;
display:block;
height:50px;
width:160px;
}

#base_nav a {
text-decoration:none;
height:32px;
width:160px;
display:block;
}
#nav li a {
outline:none;
}
.hide {
visibility:hidden;
}

#base_nav {
margin-left:10px;
width:950px;
height:32px;
background:url(../images/basenav_bg.jpg) top left no-repeat;
background-position:0 -192px;
}

#base_nav a {
outline:none;
}

#base_nav li {
float:right;
}
#about_me, #my_work, #useful_stuff, #contact_me {
height:435px;
}

#about_me, #useful_stuff, #contact_me {
display:none;
}

#fp_right_column {
float:right;
width:460px;
display:inline;
padding-right:20px;
margin-top:38px;
line-height:1.65em;
letter-spacing:0.03em;
}
.float_left {
float:left;
}

.caligraphic {
padding-top:5px;
padding-right:5px;
}

#ctas ul {
margin-top:10px;
}

#ctas ul li ul {
margin-top:0px;
}

#ctas ul li {

height:145px;
width:200px;
padding-top:18px;
padding-left:20px;
float:left;
}

#ctas ul li ul li {
float:none;
height:22px;
background:url(../images/li_pointer_leaf.gif) top left no-repeat;
padding-left:35px;
padding-top:4px;
width:auto;
}

#fp_first_li {
background:url(../images/fp_ul_backing.gif) top left no-repeat;
}

#fp_last_li {
margin-left:20px;

}

#intro_text {
height:200px;
}

#clients_img {
margin-left:27px;
}

#portfolio {
width:480px;
height:360px;
float:right;
display:inline;
margin-top:40px;
background:url(../images/portfolio_bg.jpg) top left no-repeat;
background-position:0px 10px;
padding-left:4px;
padding-top:10px;
}

#portfolio_nav {
width:460px;
position:absolute;
bottom:40px;
right:20px;
height:30px;
text-align:center;
}

#port_prev {
float:left;
}

#port_next {
float:right;
}

#port_prev, #port_next {
display:none;
}

#port_nav_info {
padding-top:5px;
width:auto;
clear:none;
display:none;
}

#back_to_main {
position:absolute;
left:158px;
top:0px;
display:none;
}

.gallery_item {
/*background:url(../images/g_item_bg.png) top left no-repeat;*/
width:140px;
height:135px;
padding-top:7px;
float:left;
margin-right:20px;
margin-bottom:8px;
position:relative;
display:inline;
}

.gallery_image_container {
/*background:url(../images/g_img_bg.jpg) top left no-repeat;*/
width:115px;
height:115px;
position:relative;
margin-left:12px;
}

.gallery_item_link {
position:absolute;
height:105px;
width:105px;
margin-left:5px;
margin-top:5px;
z-index:20;
text-decoration:none;
}

.gallery_image {
margin-left:5px;
margin-top:5px;
}
.gallery_image_text {
display:none;
position:absolute;
bottom:0px;
left:0px;
width:101px;
margin-left:5px;
margin-bottom:5px;
font-size:0.9em;
background-color:#f3ebe4;
border-top:3px solid #cdc3be;
padding:3px 2px;
opacity:0.9;
text-align:center;
}

.gallery_image_text a {
text-decoration:none;
color:#80411e;
}

.fave {
position:absolute;
right:-1px;
top:-1px;
z-index:20;
}

#contact_form_container {
width:460px;
float:right;
margin-right:20px;
display:inline;
background:url(../images/cform/form_bg.jpg) top right no-repeat;
position:relative;
}

#cform_notify {
position:absolute;
bottom:0px;
left:0px;
display:none;
}

#cform_notify img {
margin-right:10px;
}


#contact_me h1 {
width:920px;
margin-left:20px;
padding-top:50px;
}

#contact_form p {
height:45px;
margin-top:20px;
background:url(../images/cf_underline.jpg) bottom left no-repeat;
position:relative;
}

#contact_form textarea {
width:285px;
background:transparent;
border:none;
height:90px;
position:absolute;
left:166px;
top:10px;
overflow-y:auto;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size:1em;
line-height:1.3em;
}

#contact_form label {
position:absolute;
left:0px;
top:5px;
}

#contact_form input {
width:285px;
position:absolute;
left:164px;
top:6px;
background:transparent;
border:none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
}

#submit {
height:30px;
position:absolute;
left:0px;
}

p #cform_message {
height:145px;
display:block;
}

#contact_left {
width:440px;
float:left;
margin-left:20px;
display:inline;
padding-top:20px;
}

.email_error {
background:url(../images/cross.gif) top left no-repeat;
background-position:0 2px;
display:block;
margin-left:150px;
padding-left:20px;
text-decoration:underline;
}

.email_success {
background:url(../images/tick.gif) top left no-repeat;
background-position:0 2px;
display:block;
margin-left:150px;
padding-left:20px;
}

#topleft {
position: absolute;
left: 20px;
top: 0;
display: block;
height: 141px;
width: 99px;
background: url(../images/available.gif) no-repeat;
text-indent: -999em;
text-decoration: none;
}
