/* 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Barrett Howe Stylesheet
Author : Atelier Studios
URL : http://wwww.atelier-studios.com
Description : Design and layout for barretthowe.com
Created : 05/04/2006

Modified :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

*/

/* Global Elements  ------------------------------------------------------------------------------------------------------ */

body {
	background-color:white;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 0;
	color:#9c9d9f; }

* { /* Reset all margins/padding*/
	margin:0;
	padding:0; }

/* Typography  ------------------------------------------------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	padding:0 0 10px 0; }

h1, h2 {
	color:#000000; }

h3 {
	font-size:115%;
	line-height:20px; }

p {
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	line-height:18px;  }

img {
	padding:0;
	margin:0;
	border:none; }

strong, b {
	font-weight:bold; }

a:link { text-decoration:none; color:#9c9d9f; }
a:visited { text-decoration:none; color:#9c9d9f; }
a:hover { text-decoration:none; color:#000000; }
a:active { text-decoration:none; color:#9c9d9f; }

.pdf-link {
		background-image:url(/furniture/images/sitewide/pdf-file.png);
		background-repeat:no-repeat;
		background-position: top left;
		padding-left:20px !important;
		display:block;
		margin-bottom:5px; }

.siteHR {
		height:1px;
		margin: 15px 5px;
		width:100%;
		border-top: 0px solid #f2f2f2;
		background-image:url(../images/sitewide/dot-hr.gif);
		background-repeat:repeat-x; }
		
.siteHR hr{
		display:none; }

.siteHRPeople {
		height:1px;
		width:100%;
		border-top: 0px solid #f2f2f2;
		background-image:url(../images/sitewide/dot-hr.gif);
		background-repeat:repeat-x; }
		
.siteHRPeople hr{
		display:none; }

.newsList {
padding-bottom:10px; }
	
.newsList .newsListImage{
	float:right; }
	
.newsList a:link{color:#9c9d9f;}
.newsList a:visited{color:#9c9d9f;}
.newsList a:hover{color:#000000;}
.newsList a:active{color:#9c9d9f;}
	
.ulList {
	list-style-type:none;
}
	
.ulList li{
	background-image:url(../images/sitewide/dot.png);
	background-repeat:no-repeat;
	padding-left:20px; }

.clientLogo {
	width:25%;
	height:75px;
	text-align:center;
	float:left;
	padding:0;
	margin:0; }

/* Main Layout Elements  ------------------------------------------------------------------------------------------------------ */

/* styles for IE 5 Mac */

#wrapper {
	width:968px;
	height:578px;
	position:relative;
	text-align:left;
	font-size: 1em; }
	
/* commented backslash hack  - invisible to IE 5 \*/

#wrapper {
	position:absolute;
	margin:-289px 0 0 -484px;
	left:50%;
	top:50%; }
	
/* end hack */

#flash {
	width:524px;
	height:578px;
	float:left;
	background-image:url(/furniture/images/backgrounds/flash_bg.gif);
	background-repeat:no-repeat; }

#noflash {
	width:140px;
	height:178px;
	float:left;
	padding:400px 0 0 45px; }

#container {
	width:444px;
	height:578px;
	float:left; }

#header {
	width:444px;
	height:122px;
	float:left;
	background-image:url(/furniture/images/backgrounds/header_bg.gif);
	background-repeat:no-repeat; }

#content_homepage {
	width:408px;
	height:390px;
	float:left;
	clear:both;
	background-image:url(/furniture/images/backgrounds/content_bg.gif);
	background-repeat:no-repeat;
	padding:18px; }

#contentcontainer_subpage {
	width:408px;
	height:390px;
	float:left;
	background-image:url(/furniture/images/backgrounds/content_bg.gif);
	background-repeat:no-repeat;
	padding:18px; }

#contentcontainer_people {
	width:426px;
	height:408px;
	float:left;
	background-image:url(/furniture/images/backgrounds/content_bg.gif);
	background-repeat:no-repeat;
	padding:18px 0 0 18px; }

#content_subpage {
	width:278px;
	height:350px;
	float:left;
	padding:0 16px 0 0;
	margin:0; 
	overflow:hidden; }

#content_subpage_nonav {
	width:408px;
	height:370px;
	float:left;
	background-image:url(/furniture/images/backgrounds/content_bg.gif);
	background-repeat:no-repeat;
	padding:18px;
	overflow:hidden; }

#content_subpage_repeated {
	width:408px;
	height:370px;
	float:left;
	padding:0 8px 0 0;
	margin:0; 
	overflow:hidden; }
		
#footer {
	width:444px;
	height:15px;
	float:left;
	padding:15px 0 0 0; }

/* Navigation Elements  ------------------------------------------------------------------------------------------------------ */

#navigation {
	width:444px;
	float:left;
	padding:95px 0 0 0; }

#navigation ul  {
	list-style-type:none; }

#navigation li  {
	float:left;
	display:block;
	padding:0 11px 0 0; }

#navigation a.selected:link { text-decoration:none; color:#000000 !important; }
#navigation a.selected:visited { text-decoration:none; color:#000000 !important; }
#navigation a.selected:hover { text-decoration:none; color:#9c9d9f !important; }
#navigation a.selected:active { text-decoration:none; color:#000000 !important; }


#subnavgation {
	width:100px;
	height:357px;
	float:right;
	padding:0 0 0 0;
	color:#000000; }

#subnavgation a:link { text-decoration:none; color:#9c9d9f; }
#subnavgation a:visited { text-decoration:none; color:#9c9d9f; }
#subnavgation a:hover { text-decoration:none; color:#000000; }
#subnavgation a:active { text-decoration:none; color:#9c9d9f; }

#subnavgation a.selected:link { text-decoration:none; color:#000000 !important; }
#subnavgation a.selected:visited { text-decoration:none; color:#000000 !important; }
#subnavgation a.selected:hover { text-decoration:none; color:#9c9d9f !important; }
#subnavgation a.selected:active { text-decoration:none; color:#000000 !important; }

#subnavgation ul  {
	list-style-type:none; }

#subnavgation li  {
	font-size:90%;
	padding:0 0 5px 0; }

#subnavgation li.level4 {

	line-height:12px;
	padding-left:6px;
	padding-bottom:5px; }

#subnavgation_people {
	font-size:90%;
	width:132px;
	height:184px;
	float:left;
	padding:33px 0 0 0;
	color:#000000; }

#subnavgation_people a:link { text-decoration:none; color:#9c9d9f; }
#subnavgation_people a:visited { text-decoration:none; color:#9c9d9f; }
#subnavgation_people a:hover { text-decoration:none; color:#000000; }
#subnavgation_people a:active { text-decoration:none; color:#9c9d9f; }

#subnavgation_people a.selected:link { text-decoration:none; color:#000000 !important; }
#subnavgation_people a.selected:visited { text-decoration:none; color:#000000 !important; }
#subnavgation_people a.selected:hover { text-decoration:none; color:#9c9d9f !important; }
#subnavgation_people a.selected:active { text-decoration:none; color:#000000 !important; }

#subnavgation_people ul  {
	list-style-type:none; }

#subnavgation_people li  {
	padding:0 0 10px 0; }
	
#bottomnavigation 
{
    background: white;
    height: 30px;
	width:376px;
	float:left;
	clear:both;
	border-top:1px dotted #9c9d9f;
	padding:5px 0 0 0; 
	margin-top:366px;
	position: absolute;
	display:none;
	}

div.bottomnavigation_left {
	float:left;}

div.bottomnavigation_left a:link { text-decoration:none; color:#000000; }
div.bottomnavigation_left a:visited { text-decoration:none; color:#000000; }
div.bottomnavigation_left a:hover { text-decoration:none; color:#9c9d9f; }
div.bottomnavigation_left a:active { text-decoration:none; color:#000000; }

div.bottomnavigation_right {
	float:right; }
	
div.bottomnavigation_right a:link { text-decoration:none; color:#000000; }
div.bottomnavigation_right a:visited { text-decoration:none; color:#000000; }
div.bottomnavigation_right a:hover { text-decoration:none; color:#9c9d9f; }
div.bottomnavigation_right a:active { text-decoration:none; color:#000000; }

#bottomnavigation_work {
	width:408px;
	float:left;
	clear:both;
	border-top:1px dotted #9c9d9f;
	padding:5px 0 0 0; }

#footer ul  {
	list-style-type:none; }

#footer li  {
	float:left;
	display:block;
	padding:0 11px 0 0; }

#footer p.copyright {
	float:right;
	padding:0;
	margin:0; }

/* Page Specific Elements  ------------------------------------------------------------------------------------------------------ */

#content_subpage ul, #content_homepage ul, #content_subpage_repeated ul #content_subpage ol, #content_homepage ol, #content_subpage_repeated ol {
	/*list-style-type:disc;*/
	list-style-type:none;
	line-height:18px;
	/*padding-left:20px; */
	
	}
#content_subpage ul li, #content_homepage ul li, #content_subpage_repeated ul li, #content_subpage ol li, #content_homepage ol li, #content_subpage_repeated ol li {
padding-left:20px;
line-height:18px;
background-image:url(/furniture/images/sitewide/dot-clear.gif);
background-repeat:no-repeat;
	}



#content_subpage li {
padding-bottom:6px; }

div.repeated_region {
	width:408px;
	float:left;
	clear:both;
	padding:0 0 5px 0; }

div.repeated_region_img {
	width:103px;
	float:left;
	padding:0 15px 20px 0;
	text-align:center;}

div.repeated_region_float {
	width:103px;
	float:left;
	clear:right;
	padding:0 15px 0 0;
	text-align:center;}
	
div.repeated_region_text {
	width:290px;
	float:left;
	line-height:18px;
	padding:4px 0 0 0; }
	
div.repeated_region_sub_text
{
	width:138px;
	float:left;
	padding:4px 0 0 0; }



div.repeated_region_text a:link { text-decoration:none; color:#000000; }
div.repeated_region_text a:visited { text-decoration:none; color:#000000; }
div.repeated_region_text a:hover { text-decoration:none; color:#9c9d9f; }
div.repeated_region_text a:active { text-decoration:none; color:#000000; }

#people_image {
	width:130px;
	height:190px;
	float:left;
	padding:0;
	color:#000000; }

a.enlarge {
	float:right;
	font-size: 0.65em;
	padding:5px 0 0 0; }

/* Form Elements  ------------------------------------------------------------------------------------------------------ */

.formField {
	border: 1px solid #CFCFCF;
	padding:2px; }

.formField:focus {background: #fdfcd1;}

input.formField, textarea.formField {
	display: block;
	width: 144px;
	float: left;
	margin-bottom: 10px; }

label {
	display: block;
	width: 90px;
	float: left;
	margin-bottom: 10px;
	text-align: left;
	padding-right: 8px;
	padding-top:5px;}

br.formBR {
	clear: left; }

.submitbutton {
	/*margin-left:167px;*/
	margin-right:30px;
	float:right;
	border: 1px solid #CFCFCF;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#efefef; }
	
/* Page Specific ------------------------------------------------------------------------------------------------------ */

div#content_homepage div.accreditations a { padding-right:20px; }

ul#services {
	list-style-type:none;
	line-height:18px;
	
	 }


ul#services li {
background-image:url(/furniture/images/sitewide/dot-clear.gif);
background-repeat:no-repeat;
padding-left:20px;
margin-top:5px;
}
.messageTitle {
	 color: Red; }
	
.messageTitle a {
	color: Red;
	text-decoration: underline; }

div#content_backbutton {
	float:left;
	clear:both;
	color:#9c9d9f!important;   
	padding:0;
	margin:0;
	
}	