/* Vincent Foreman - Redhead Media
css menu >
=clearall > paddings and margins
=main > divs and structure
=fonts
=links
=navigation
=classes
=images
=lists
=forms
*/
p, em, ul, li, h1, h2, h3, h4, h5, h6, input, form, label{
padding: 0;
margin: 0;
font-weight: normal;
font-style: normal;
}


li{list-style: none;}

/*  =main divs and structure  */

body {
	margin: 0;	
	padding: 0;
	font-family: /*arial, */verdana, sans-serif;
	font-size: 62.5%;
	width: 100%;
		background: #9f9176 url('images/background-repeat2.jpg') repeat-y top center;
	color: #4C4242;
	}


#wrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 920px;
	padding: 0;
	background-color: #F6F5F5;
	border: none;
				}


#header {
	margin: 0;
	padding: 0;
	height: 360px;
	background: #F6F5F5 url('images/header-back-d.jpg') no-repeat top center;
	/*background: #F6F5F5 url('images/header-back-xmas.jpg') no-repeat top center;*/
	}

body#admin #header {background: #F6F5F5 url('images/header-admin.jpg') no-repeat top center; height: 0px;}

#content_container {
	margin: 0;
	padding: 0;
	/*border: 1px dotted #000;*/
	}

#main_content{
float: right;
margin: 0;
padding: 0;
width: 576px;
/*border-top: 1px solid blue;
background-color: red;*/
}
body#error #main_content{height: 260px;} 
body#admin #main_content{
width: 600px;
float: left;
background: #F6F5F5 url('images/admin_trcmain.jpg') no-repeat center right;
min-height:500px;
height: auto !important;
height: 500px;
}

body#blog #content_container .main_content{float: right;
margin: 0;
padding: 0;
width: 576px;}

#sidebar{
	margin: 0;
	padding: 0;
	width: 224px;
		/*border-top: 1px solid blue;
background-color: grey;*/
}



body#admin #sidebar{
float: left;
margin-left: 10px;
}

#sidebarcase{
background: url('images/sidecaseback.jpg') no-repeat bottom right;
padding: 12px 0 0 0;
border-bottom: 1px dashed #C4C3C3;
margin-bottom: 10px;
}

#footer{
width: 920px;
clear: both;
height: 60px;
	margin: 0;
	padding: 0;
	background: #E3E3E3 url('images/footertrc3.jpg') no-repeat top left;
	
}

/*=fonts*/
/*#sidebarcase p{padding: 0;}*/
.post_container p{
padding-bottom: 15px;
}

h1 em{
font-size: .9em;
}

p.post{
font-size: .9em;
color: #27051F;
}

h3 em.inside_h{
font-size: .8em;
border-bottom: 1px solid #ccc;
}

p.ftpmsg{
position: absolute;
top: 170px;
left: 20px;
width: 449px;
height: 271px;
background-color: #000;
border: 2px solid #fff;
color: #f6f5f5;
font-size: 1.5em;
background: #000 url('images/ftpmsg.jpg') no-repeat top left;
padding: 20px;
}


#content_container p{
padding-right: 20px;}

ul.caselist li p, ul.caselist li h2{
margin: 0 0 0 115px;
}
p{
font-size: 1.1em;
line-height: 1.9em;
padding-bottom: 12px;
}

body#blog #content_container .main_content p{font-size: 1.1em;
line-height: 1.9em;
padding-bottom: 12px;}

.contactcasebottom{
padding: 15px;
border-top: 1px dashed #C4C3C3;
border-bottom: 1px dashed #C4C3C3;
margin-top: 10px;
background-color: #E9E8E8;

}


#sidebar p.standout{
color: #111;
font-family: /*trebuchet,*/ georgia;
font-style: italic;
font-size: 1.2em;
line-height: 1.8em;
text-align: justify;
padding-right: 15px;
padding-left: 5px;
word-spacing: -.5px;
}

p.caseintro {
clear: both;
font-size: 1.5em;
line-height: 1.6em;
font-family: georgia;
color: #270507;
padding: 10px;
border-top: 1px dashed #C4C3C3;
border-bottom: 1px dashed #C4C3C3;

background-color: #E9E8E8;
margin-bottom: 10px;
background: #E3E3E3 url('images/caseintro_back.jpg') no-repeat bottom right;
}

em.caseclient{
font-weight: bold;
color: #2b1531;
padding-left: 22px;
}
.caselist em {
color: #2b1531;}

em.casedate{
font-weight: bold;
color: #2b1531;
padding-left: 27px;
}


em.caseloc{
font-weight: bold;
color: #2b1531;
padding-left: 6px;
}

ul.casedetails li p{
padding-bottom: 4px;

}

#sidebar p{
line-height: 1.5em;
}
.contact_us p{
padding-bottom: 2px;
}

p.service_links{padding-top: 5px; margin-bottom: 10px;}
p.nopad{padding-bottom: 2px; font-size: 1.2em;}
#sidebarcase p.service_links{margin-top: 5px;}

.address_logo p{
font-size: 1em;
line-height: 1.2em;
padding-left: 10px;
}

h1, h2, h3, h4, h5{
font-family: georgia, serif;
color: #27051F;
}

#service_features li h1, #service_features li h2{

padding: 6px 0 8px 0;
/*line-height: 70%;*/
margin-top: 0;
font-size: 2em;
}

#service_features li p{
margin-left: 101px;
padding-bottom: 20px;
}

h1{font-size: 2em;
letter-spacing: -.05em;
border-bottom: 1px dashed #C4C3C3;
}



body#blog h1{border: none;
background: url('/images/post_h1.jpg') no-repeat top left;
padding-left: 50px;
margin-left: 0;
line-height: 2em;
}

body#home h1{border: none;}

h1.casetitle{font-size: 2em; margin-bottom: 5px; border-bottom: none;}
h1.title{font-size: 2.3em; margin-bottom: 15px;}
h2{font-size: 1.7em;
letter-spacing: -.05em;
}

body#admin h1{margin-bottom: 20px;}

#sidebar h2{
font-size: 1.9em;
letter-spacing: -.05em;
color: #270507;
padding-bottom:10px;
}


#sidebar h3{
/*margin-top: 15px;*/
font-size: 1.9em;
margin-bottom: 8px;
}


h3{font-size: 1.7em;
letter-spacing: -.05em;
}

/* =links */

#content_container p.ftpmsg a{
border:none;
color: white;

}

#content_container p.ftpmsg a:hover{
text-decoration: underline;
background-color: black;
}

#content_container .staff p.service_links a{
display: inline;
}

#content_container a, p.location a, p.date a{
color: #270507;
text-decoration: none;
border-bottom: 1px solid #CF7200;
padding: 1px;
}

#content_container ul.caselist a.nopadding{padding: 0; border: none;}
#content_container ul.caselist p a {padding-top: 5px;}
#content_container a:hover, p.location a:hover, p.date a:hover{
color: #000;
background-color: #E0E0E0;
border-bottom: 1px solid #27051F;
}

a img{border: none}
a.skip{position: absolute;
margin-left: -9999px}


#content_container p.service_links a, #content_container ul.alsosee li a, #content_container h2 a.morecase{
padding: 0 0 2px 20px;
color: #330000;
background: url('images/link_arrow.jpg') no-repeat 4px 2px;
background-color: transparent;
border: none;
 line-height: 1.6em;
margin-left: 10px;
 display: block;
}

#content_container h2 a.morecase{
padding: 0 0 2px 20px;
color: #330000;
background: url('images/link_arrow.jpg') no-repeat left center;
background-color: transparent;
border: none;
 line-height: 1.6em;
margin-left: 10px;
 display: block;}

#content_container p.service_links a:hover, #content_container ul.alsosee li a:hover, #content_container h2 a.morecase:hover{color: #CF7200; text-decoration: underline;
background-color: transparent;
border: none;
}
/*=classes*/
.nounderline{border-bottom: none;}

.furtherstudies{
padding: 15px;
border-top: 1px dashed #C4C3C3;
border-bottom: 1px dashed #C4C3C3;
margin-top: 10px;
background-color: #E9E8E8;
}

.valid{float: left;  margin-left: 120px; padding-top: 20px;}
.valid a{text-decoration: none; color: #333; padding-left: 6px;}
.valid a:hover{text-decoration: underline}

.top30 {margin-top: 10px;}

em.error{
color: #ff0000;
}

.sideteam{
/*background: url('images/postit.jpg') no-repeat;*/
}

.map {
float: right;
margin: 10px 0 10px 10px;}

.casestudy_container{}
.nopad{padding: 0;}
.casesearchbox{
background: url('images/searchback.jpg') no-repeat;
/*border: 1px solid #c4c3c3;*/
width: 210px;
height: 302px;
padding-top: 5px;
}

.clear{clear: left; margin-top: 10px; }


.address_logo{
position: absolute;
top: 30px;
left: 40px;
}

body#admin .address_logo {display: none}

.location{
position: absolute;
top: 264px;
left: 8px;
line-height: 1.2em;
color: #27051F;
}
.date{
position: absolute;
top: 270px;
right: 10px;}

body#admin .content_gutter{padding: 80px 24px 24px 24px; /*border: 1px solid #ccc;*/}

.content_gutter{padding: 24px; /*border: 1px solid #ccc;*/}

.contact_us{
margin: 10px 0 10px 0;
padding: 12px 0 24px 0;
background: url('images/contact-back.jpg') no-repeat 160px 10px;
border-bottom: 1px dashed #C4C3C3;
}

.contact_us_thanks{
margin: 10px 0 10px 0;
padding: 12px 0 24px 0;

border-bottom: 1px dashed #C4C3C3;
}

.sidebox{
border-bottom: 1px dashed #C4C3C3;
}

.footer_gutter{/*border-top: 1px dotted #ccc;*/
padding: 12px;}

/*=navigation*/
#mainnav{
background-color: #270507;
width: 920px;
height: 60px;
position: absolute;
left: 0;
top: 300px;
padding: 0;
margin: 0;
}

body#admin #mainnav{
position: absolute;
left: 0;
top: 0;
}

#mainnav li{
display: inline;
}

#mainnav li a{
width: 103px;
height: 35px;
font-family: georgia, serif;
font-size: 20px;
display: block;
float: left;
margin-right: 4px;
padding: 5px 40px 20px 5px;
text-decoration: none;
color: #cf7200;
border-right: 1px solid white;
/*background-color: green;*/
line-height: .8em;
}

#mainnav li a:hover{
color: #ccc;
text-decoration: none;
}

body#admin #mainnav li a{background: url('images/nav-admin.jpg') no-repeat top right;}
body#admin #mainnav li a:hover{background: url('images/nav-admin-hov.jpg') no-repeat top right;}

#mainnav li a.nav_home{
background: url('images/nav-home.jpg') no-repeat top right;
}
#mainnav li a.nav_home:hover{
background: url('images/nav-home-hov.jpg') no-repeat top right;

}
#mainnav li a.nav_services{
background: url('images/nav-services.jpg') no-repeat top right;
}
#mainnav li a.nav_services:hover{
background: url('images/nav-services-hov.jpg') no-repeat top right;
}

#mainnav li a.nav_stuff{
background: url('images/nav-stuff.jpg') no-repeat top right;
}
#mainnav li a.nav_stuff:hover{
background: url('images/nav-stuff-hov.jpg') no-repeat top right;
}
#mainnav li a.nav_people{
background: url('images/nav-people.jpg') no-repeat top right;
}
#mainnav li a.nav_people:hover{
background: url('images/nav-people-hov.jpg') no-repeat top right;
}
#mainnav li a.nav_contact{
background: url('images/nav-contact.jpg') no-repeat top right;
}
#mainnav li a.nav_contact:hover{
background: url('images/nav-contact-hov.jpg') no-repeat top right;
}
#mainnav li a.nav_case{
background: url('images/nav-case.jpg') no-repeat top right;
}
#mainnav li a.nav_case:hover{
background: url('images/nav-case-hov.jpg') no-repeat top right;
}

body#home #mainnav li.home_here a{
color: #fff;
font-style: italic;
background: url('images/nav-home-hov.jpg') no-repeat top right;
}



body#services #mainnav li.services_here a{
color: #fff;
font-style: italic;
background: url('images/nav-services-hov.jpg') no-repeat top right;
}
body#casestudy #mainnav li.case_here a{
color: #fff;
font-style: italic;
background: url('images/nav-case-hov.jpg') no-repeat top right;
}
body#people #mainnav li.people_here a{
color: #fff;
font-style: italic;
background: url('images/nav-people-hov.jpg') no-repeat top right;
}

body#contact #mainnav li.nopipe a{
color: #fff;
font-style: italic;
background: url('images/nav-contact-hov.jpg') no-repeat top right;
}
body#blog #mainnav li.stuff_here a{
color: #fff;
font-style: italic;
background: url('/images/nav-stuff-hov.jpg') no-repeat top right;
}

#mainnav li.nopipe a{
border-right: none;}


#footnav{float: left; padding: 20px 0 0 130px;/*width: 500px;*/ /*border: 1px solid white;*/}

#footnav li{
	display: inline;
	/*position: relative;
	top: 15px;
	left: 450px;*/
	margin-right: 5px;
	width: 209px;
	height: 11px;
}

#footnav li a{text-decoration: none; color: #333;}

#footnav li a:hover{text-decoration: underline}

/*=images*/

#content_container .staff h2 a{
border-bottom: none;
}

#content_container .staff h2 a:hover{
border-bottom: none;
background: none;
}


ul.caselist img{
float: left;
border: 1px solid #C4C3C3;
padding: 2px;
margin: 0 10px 10px 0;
}

.casestudy_container img{
float: right;
padding: 2px;
margin: 0 0 10px 20px;
border: 1px solid #C4C3C3;
}


#sidebar ul.casestudy_gallery li a img{
border: none;
text-decoration: none;
}

#service_features li img{
float: left;
background: url('images/home-polaroid.jpg') no-repeat top center;
margin: 0 20px 0 -16px;
padding: 13px 7px 30px 9px;
}

#sidebar img.imgright {
float:right;
margin: 3px 2px 0 8px;
padding: 1px;
border: 1px solid #C4C3C3;
}

#sidebar img.imgrightnb {
float:right;
margin: 3px 2px 0 8px;
padding: 1px;
border: none;
}


#sidebar img.imgleft {
float:left;
margin: 2px 4px 2px 0;
padding: 1px;
border: 1px solid #C4C3C3;
}

.imgright{
float:right;
margin: 3px 2px 5px 8px;
}

.staff .imgleft{
margin-bottom: 300px;
}

.imgleft{
float:left;
margin: 3px 20px 10px 0;
}


/*=lists*/
ul.sitemaplist li{
margin-bottom: 10px;
margin-left: 10px;
}

body#sitemap #main_content ul li{margin-bottom: 10px;

}

.tagcloud {

width: 170px;}

#sidebar .tagcloud  a{
border-bottom: none;

color: #676767;
padding: 2px;

}

ul.cats li{
font-size: 1.4em;
padding-bottom: 4px;
padding-left: 40px;
background: url('/images/list_arr.jpg') no-repeat 0px 4px;

}

.sideteam ul{
padding-top: 5px;
padding-left: 0px;
padding-bottom: 10px;
width: 170px;
}

#content_container .sideteam ul li{
padding: 4px;
display: inline;
margin-bottom: 5px;
}

#content_container .sideteam ul li a{
border-bottom: none;
font-family: georgia;
font-style: italic;
font-size: 1.4em;
line-height: 1.7em;
color: #666;
}
#content_container .sideteam ul li a:hover{
border-bottom: none;
background: none;
text-decoration: underline;
}

ul.stafflistpic{
margin-top: 10px;
}

ul.stafflistpic li{
float: left;
}

ul.stafflistpic li.staff_tony{
margin-left:15px;
}
ul.stafflistpic li.staff_helena{
margin-left: -25px;
}
ul.stafflistpic li.staff_stacey{
margin-top: 30px;
}
ul.stafflistpic li.staff_matt{
margin-top: -6px;
margin-left: -17px;
}
ul.stafflistpic li.staff_katt{
margin-top: 30px;
margin-left: -10px;

}
ul.stafflistpic li.staff_tom{
margin-left: 40px;
margin-top: -50px;

}
ul.stafflistpic li.staff_steve{
margin-left: 30px;
margin-top: -10px;
}
ul.stafflistpic li.staff_dan{
margin-left: 10px;
margin-top: -30px;
}
ul.stafflistpic li.staff_mel{
margin-left: -20px;
margin-top: 20px;
}
ul.stafflistpic li.staff_vicky{
margin-left: -10px;
margin-top: -50px;
}

ul.stafflistpic li.staff_andie{
margin-left: 20px;
margin-top: -74px;
}





ul.services{
margin: 8px 0 24px 0;
font-size: 1.1em;

padding: 3px;
}

ul.services li{
padding: 2px 0 4px 0;
margin: 0 5px 2px 0;
border-bottom: 1px solid #C4C3C3;
}

#sidebar ul.services li a{
border-bottom: none;
background-color: transparent;
display: block;
}

#sidebar ul.services li a:hover{
background-color: #dadada;

}

ul.address{
font-size: 1.4em;
padding-left: 10px;
margin-bottom: 20px;
line-height: 1.5em;
font-weight: bold;

}

ul.normlist{
font-size: 1.1em;
padding-left: 10px;
margin-bottom: 20px;
}

ul.normlist2{
padding-left: 10px;
margin-bottom: 20px;
}

ul.normlist2 li{
margin-top: 10px;
list-style: disc;
font-size: 1.1em;
color:  #270507;
margin-left: 20px;
}

ul.normlist li.moretop{
margin-top: 10px;
}



ul.normlist li ul li{
list-style: disc;
margin: 5px 0 0 30px;
}

ul.alsosee{border-top: 1px dashed #C4C3C3;
}

ul.alsosee li{
margin-top: 5px;
font-size: 1em;
}

ul.caselist li{
clear: left;
display: inline-block; /*fix to remove padding bug in the top of the list items on home page - doesn't seem to effect ff or safari*/
margin-bottom: 10px;
}

ul.casestudy_gallery {
/*margin-bottom: 10px;*/
}

ul.casedetails{
width: 246px;
height: 170px;
background: url('images/case-details-backc.jpg') no-repeat;
padding: 0 0 0 0;
margin: 0 0 25px 0;
}

ul.casedetails li{
padding: 0 0 0 10px;
margin: 0;
font-size: 1.2em
}

ul.casedetails li.casetoppad{padding-top: 30px}
/* for smaller thumbnails
ul.casestudy_gallery li{
float: left;
margin: 0 10px 10px 0;
padding: 1px;
border: 1px solid #ccc;
}*/

ul.casestudy_gallery li{
float: left;
margin: 0 6px 6px 0;
padding: 1px;
border: 1px solid #ccc;
}

ul.casestudy_gallery li:hover{
border: 1px dashed #4C4242;
}

#sidebar ul.casestudy_gallery li a{
text-decoration: none;
border: none;
}

#service_features li{
display: inline-block; /*fix to remove padding bug in the top of the list items on home page - doesn't seem to effect ff or safari*/
border-bottom: 1px dashed #C4C3C3;
border-top: 1px solid #F6F5F5;
padding: 0 65px 0 15px;
margin-bottom: 25px;
width: 480px;
}
#service_features li.dollar{
background: url('images/tag-dollar.jpg') no-repeat 100% 90%;
}
#service_features li.pound{
background: url('images/tag-pound.jpg') no-repeat 100% 90%;}
#service_features li.yen{
background: url('images/tag-yen.jpg') no-repeat 100% 90%;}
#service_features li.hkdollar{
background: url('images/tag-hkdollar.jpg') no-repeat 100% 90%;}
#service_features li.euro{
background: url('images/tag-euro.jpg') no-repeat 100% 90%;}

/*=forms*/
#contactname, #contacttel, #contactemail, #servicequery{
background-color: #fff;
width: 160px;
/*margin-top: -20px;*/
border: 1px solid #CF7200;
height: 18px;
}

#comments{
	background-color: #fff;
width: 160px;
/*margin-top: -20px;*/
border: 1px solid #CF7200;
overflow: hidden;
}


#sidebar select{
font-size: 1em;
width: 160px;
background-color: #f6f5f5;
padding: 0;
margin: 0;
}

#go{
border: 1px solid #000;
background: #270507 url('images/button-repeat.jpg') repeat-x top left;
color: #fff;
float: right;
margin: 5px 50px 0 0;
width: 60px;
height: 20px;
}

#go1{
border: 1px solid #000;
background: #270507 url('images/button-repeat.jpg') repeat-x top left;
color: #fff;
margin: 5px 50px 0 0;
width: 60px;
height: 20px;
}

.gocase{
display: block;
border: 1px solid #000;
background: #270507 url('images/button-repeat.jpg') repeat-x top left;
color: #fff;
margin: 3px 0 0 0;
width: 30px;
height: 20px;
}

#sidebar fieldset{
padding: 0;
margin: 0;
border: 0;
padding: 20px 0 0 12px;
}

#sidebar .casesearchbox fieldset{padding-top: 10px;}

#sidebar label{width: 120px;}

#sidebar label.labelback{
background: #fff;
color: #270507;
padding: 2px 4px;
margin-bottom: 2px;
/*border: 1px solid #000;*/
}

.servicequery{
width: 190px;
}


/*=tables*/
body#admin table.list td{
border-bottom: 1px solid #ccc;
vertical-align: top;
margin-top: 3px;
padding: 3px;
background-color: #EAEAEA;
}

body#admin table tr{
margin-bottom: 3px;
}

th{font-size: 1.3em;}
th.thleft{text-align: left; font-size: 1.3em;}



body#admin table{
border-collapse: collapse;
}

body#admin table{margin-bottom: 30px;}

body#admin #content_container table a{border: none; text-decoration: none; display: block;}
body#admin #content_container table a:hover{color: blue; background-color: transparent;}
body#admin #content_container table a img{margin-bottom: 3px;}

table td.tdcenter{
text-align: center;
width: 70px;
}

fieldset {
border: 1px solid #ccc;
width: 200px;
padding: 5px;
margin-bottom: 30px;
}

#main_content fieldset{
width: 250px;
padding-bottom: 20px;
margin-bottom: 10px;
}

fieldset ul{padding-left: 25px;}

fieldset ul li{
font-size: 1.2em;
color: #27051F;
}

fieldset legend{
font-size: 1.2em;
color: #27051F;
padding: 0 5px;
}

.fieldrt{
float: right;
margin-right: 20px;
}