* {
	padding:0;
	margin:0;
color:#3D3D3D;
}

/* ----- TYPOGRAPHY ----- */

p, h3, li, a, label {
font:13px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
line-height:20px;
margin-bottom:20px;
}

input, textarea {
font:13px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
padding:1px 3px;
}


h2 {
font:18px Georgia, serif;
line-height:20px;
padding:9px 0 10px 0;
border-top:1px solid #BBB;
border-bottom:1px dotted #C6C6C6;
margin-bottom:17px;
background:#F4F3ED;
}

a {
color:#999;
text-decoration:none;
margin-bottom:0;
}

a:focus, a:active {
  outline: none; /* this is for FF (to avoid those annoying dotted lines) */
  border:none;
/* color:#FF9900; */
}

a:focus img, a:active img {
/* border:1px solid #FF9900!important; */
}

a.external {
padding-right:17px;
background:url('../images/external_link.gif') no-repeat right 2px;
}

/* ----- BASIC LAYOUT ----- */

div#container {
width:841px;
padding:0 20px;
margin:0 auto;
display:block;
}

div#main_content {
width:630px;
border-right:1px solid #CCC;
float:left;
}

div#recent_work, div#more {
width:100%;
float:left;
padding-bottom:2px;
}

div#get_in_touch {
width:210px;
float:right;
padding-bottom:15px;
border-left:1px solid #CCC;
margin-left:-1px;
}


/* ----- GENERIC FORMS ----- */

input, textarea {
background:#F4F3ED;
border:1px solid #BBB;
}

input:focus, textarea:focus {
background:#D9FAFF;
border:1px solid #80B3B7!important;
background:#FFEBCC;
border:1px solid #FF9900!important;

}


/* ----- HEADER ----- */

h1 {
font:33px Georgia;
line-height:48px;
margin:40px 0 80px 0;
}
span.linus {
color:#FF9900;
}

body#home h1 {
display:block;
text-indent:-999em;
width:641px;
height:82px;
background:url('../images/h1_bg.gif');
margin:49px 0 85px;
}

/* ----- FOOTER ----- */

div#footer {
width:100%;
float:left;
clear:left;
padding:20px 0 22px 0;
border-top:1px solid #c6c6c6;
background:white;
}

body#home div#footer {
margin-top:-12px;
}

div#footer p {
margin:0 0 0 0px;
color:#888;
font-size:10px;
line-height:15px;
}

div#footer a {
font-size:10px;
text-decoration:underline;
}







/* ------------------------- */
/* HOME -------------- */
/* ------------------------- */




/* ----- RECENT WORK ----- */


#recent_work h3, #recent_work p {
width:190px;
float:left;
clear:left;
}
#recent_work h3 {
padding:10px 0;
border:1px dotted #C6C6C6;
margin: 2px 0 9px 0;
border-width:1px 0;
}

#recent_work img {
float:right;
clear:none;
padding:7px;
width:385px;
height:251px;
border:1px solid #c6c6c6;
margin:2px 19px 17px 0;
background:white;
}


#site_previews div {
float:left; /* this is important - it lets the links in the ul to link down to the right points in the page */
position:relative;
width:630px;
}


/* ----- MORE ABOUT WHAT WE DO ----- */

#more h2 {
margin-bottom:9px;
}

#more h3 {
float:left;
margin-right:19px;
}

#more p {
padding:0 19px 10px 210px;
border-bottom:1px dotted #C6C6C6;
margin-bottom:9px;
}

#more p.intro {
border-bottom:1px solid #c6c6c6;
}


/* ----- GET IN TOUCH ----- */

#get_in_touch h2 {
padding-left:19px;
}

#get_in_touch p, #get_in_touch h3, #get_in_touch label, #get_in_touch input, #get_in_touch textarea {
margin-left:19px;
}

#get_in_touch p {
padding-bottom:10px;
border-bottom:1px dotted #C6C6C6;
margin-bottom:9px;
display:block;
}

/* DON't KNOW IF THIS IS NECCESARY OR NOT... */
/*
#get_in_touch p.address {
background:url(../images/send_us_a_message.gif) 0 2px no-repeat;
padding-left:30px;
}
#get_in_touch p.tel {
background:url(../images/phone.gif) 0 0 no-repeat;
padding-left:30px;
}
*/

#get_in_touch p.get_vcard {
background:url(../images/vcard.gif) 0 2px no-repeat;
padding-left:30px;
margin-bottom:0;
}

form#contact_form {
margin-top:8px;
}

form#contact_form input, form#contact_form textarea {
margin-bottom:10px;
width:183px;
}

form#contact_form input#contact_form_send {
width:56px;
border:none;
padding:0;
margin-top:5px;
}
form#contact_form input#contact_form_send:focus {
border:none!important;
}


/* ----- CONTACT FORM FEEDBACK ----- */

/* this is to have something to go to in the page above the feedback box - otherwise you get the box touching the top of the window which is a bit ugly... */
div#contact a#contact_top {
display:block;
height:1px;
position:relative;
font-size:1px;
line-height:1px;
}

div#form_feedback {
padding:10px 11px 11px 11px;
margin:17px 0 8px 20px;
border:1px solid #E5DE83;
background:#FFFDC5;
position:relative; /* for the close button to be able to be positioned absolutely (javascript only) */
overflow:hidden;
}

div#form_feedback h3 {
font-weight:bold;
margin:0;
padding-right:20px
}

div#form_feedback p {
border:none;
margin:0;
padding:0;
}

div#form_feedback.not_sent {
background:#FFC9C9;
border:1px solid #D8A4A4;
}

div#form_feedback.not_sent h3 {
margin-bottom:20px;
}

div#form_feedback.not_sent p {
background:url(../images/alert.gif) 0 1px no-repeat;
padding:0 10px 0 24px;
}

/* ----- CONTACT FORM FEEDBACK W JS ----- */

div#form_feedback p.close_button {
margin:4px;
padding:0;
background:url(../images/close_window.gif) no-repeat;
text-indent:-99999em;
position:absolute;
top:0;
right:0;
width:15px;
height:15px;
cursor:pointer;
}


/* ----- CLIENT LOGIN DROP DOWN PANEL----- */

div#client_login {
width:100%;
height:45px;
background:#E2DFDC;
border-bottom:1px solid #7C7C7C;
margin-bottom:77px; /* NEW */
}

div#client_login #wrapper {
width:841px;
margin:0 auto;
}

div#client_login form {
float:left;
padding:7px 0 0 0;
}

div#client_login input {
border:1px solid #888;
margin:0 13px 0 8px;
}

div#client_login input#login_button {
border:none;
padding:0;
margin:0 0 0 2px;
position:relative;
top:5px;
}
div#client_login input#login_button:focus {
border:none!important;
}

div#client_login h2, div#client_login p { /* tab button - without javascript it's an h2, with it's a p */
float:right;
clear:right;
width:101px;
height:22px;
background:url(../images/login_tab.gif) #E2DFDC;
text-align:center;
position:relative;
top:45px;
font:13px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
border:none;
margin:0;
padding:2px 0 0 0;
}







/* ------------------------- */
/* LOGIN PAGE -------------- */
/* ------------------------- */








body#login {
/*background:url(../images/login_bg.gif) repeat-x;*/
padding-top:100px;
}

body#login #container{
width:344px;
padding:0px;
}

body#login #main_content {
width:322px;
padding:10px;
border:1px solid #c6c6c6;
}


body#login form {
width:323px;
margin-bottom:15px;
float:left;
}
body#login form label {
width:90px;
float:left;
margin:0;
padding:0;
}

body#login form input {
padding:0;
margin:0 0 10px 120px;
display:block;
width:200px;
}
body#login form input#login_button, body#login form input#send_button {
width:auto;
margin-bottom:30px;
border:none;
}
body#login form input#login_button:focus, body#login form input#send_button:focus {
border:none!important;
}

body#login a.forgot {
margin:0 0 10px 120px;
float:left;
}

body#login div#form_feedback {
margin-top:-7px;
margin-left:0;
margin-bottom:17px;
}

body#login p.info {
padding:12px 15px;
border:1px solid #E5DE83;
background:#FFFDC5;
margin-bottom:0;
clear:both;
zoom:1;
}


/* -------- LOST PASSWORD PAGE */
/* This uses a lot of the same settings as the login page, so easire to give it the same page id... */

body#login p.instructions {
margin-top:-7px;
margin-bottom:18px;
padding:12px 15px;
border:1px solid #E5DE83;
background:#FFFDC5;
zoom:1;
}





/* ------------------------- */
/* CLIENT PROJECT SUMMARY -- */
/* ------------------------- */








body#project_summary #main_content h2 {
border-bottom:none;
margin:0;
}

body#project_summary #main_content li {
font:18px Georgia;
font:13px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
line-height:20px;
padding:9px 0 10px 0;
border-top:1px dotted #C6C6C6;
margin:0;
list-style:none;
text-indent:0px;
}

body#project_summary #main_content {
border-bottom:1px solid #BBB;
}

body#project_summary .done {
background:url(../images/done_icon.gif) no-repeat 594px 10px;
}

body#project_summary .we_are_here {
background:url(../images/we_are_here.gif) no-repeat 531px 9px;
color:#FF9900!important;
}

body#project_summary li p {
margin:20px 0 10px 20px;

}

body#project_summary a.doc {
background:url(../images/doc_icon.gif) no-repeat left top;
margin:10px 20px 0 0;
padding:6px 0 5px 30px;
}

/* ----- CLIENT LOGOUT ----- */

body#project_summary div#client_login {
height:5px;
}

body#project_summary div#client_login p {
position:relative;
top:5px;
cursor:pointer!important;
}

body#project_summary h1 {
margin-top:80px;
}

body#project_summary div#footer {
margin-top:-1px;
}


/* ----- TEMP STUFF ------ */
/*
html {
background:url(images/temp_body_bg.gif) 0 -2px;
}
*/