@import url(css/content.css);
*{ margin:0; padding:0;}
html{overflow-y:scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
  display:block;
}
a:hover{
	text-decoration:none;
}
body{
	background-color:#fff;
	color:#222;
	font-family:verdana, arial, sans-serif;
	font-size:84%;
	line-height:145%;
}
img{
	border:0;
}

#frame {
	margin: 0 auto;
	position:relative;
	text-align:left;
	width:62em;
}
#banner {
	background: url( css/img/pencil-logo.png ) no-repeat top left;
	height:90px;
	margin-top:45px;
	text-align:center;/* Stop 1px text from overlaying image on left*/
}

#banner a{
	color:#fff;
	display:block;
	height:100%;
}
	#banner h1{
		background: url( css/img/barnabybenson-ltd.png ) no-repeat top right;
		color:#fff;
		font-size:1px;
		height:42px;
	}
	#banner h2{
		background: url( css/img/copywriting.png ) no-repeat top right;
		color:#fff;
		font-size:1px;
		height:33px;
	}
#page-footer {	
		clear:both;
		color:#808080;
		font-size:0.84em;
		padding:1em;
		text-align:center;
	}
	#page-footer a{
		color:#808080;
	}
#site-nav {
	background-color:#808080;
	color:#fff;
	left:0;
	position:absolute;
	top:100px;
	width:100%;
}
	#site-nav ul{
		margin:0.3em;
	}
	#site-nav li {
		display:inline;
		font-weight:bold;
		list-style:none;
		padding:0.6em;
	}
	#site-nav li a{
		color:#fff;
		font-weight: normal;
		text-decoration:none;
	}
		#site-nav li a:hover{
			text-decoration:underline;
		}
#global-search-form{
	position:absolute; top:-40px; right:3px;
}
	#global-search-form button{
		border: none;
		background:#d3d3d3;
		color:#666;
		margin-left:0.2em;
		padding:0.1em;
		width:2.5em;
	}
	#global-search-form button:hover{
		background:#808080;
		color:#fff;
	}
	#global-search-form input{
		width:10em;
	}
#search-form{
	margin-bottom:1em;
}
#search-results-frame .loading{
	background: url("css/img/loading.gif") no-repeat 0 0;
	padding-left:20px;
}
#search-form input{
	width:20em;
}
#search-results dd{
	font-size:0.84em;
	margin:0.5em;
}
#content {
	padding:0.5em;
	padding-top:5em
}
	
#contactform div {
	margin-bottom:0.5em;
}
#contactform input {
	width:20em;
}
#contactform .invalidFieldWarning{
	color:#CC0000;
	display:block;
}	
#contactform label { 
	display:block;
}
#contactform textarea {
	width:30em;
}

button{
	cursor:pointer;
	padding:0.1em 1em;
}
input, textarea{
	padding:0.2em;
}
label{
	color:#172072;
	cursor:pointer;
}
textarea {
	font-family:verdana, arial, sans-serif;
	font-size:1em;
}
@media print {
	#site-nav, #socialLinks,#global-search-form,#site-credits {
		display: none;
	}
	#banner{
		font-family:Georgia, "Times New Roman", Times, serif;
		line-height:1.2;
		text-align:left;
	}
	#banner h1{
		color:#000;
		font-size:1.8em;
		height:auto;
	}
	#banner h2{
		color:#999;
		font-size:1.4em;
		height:auto;
	}
	#content {
		margin-left:20px;
		padding-top:2em;
	}
}
			
body#home-page #content{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	padding-top:3em;
}
body#home-page ul{
	padding-top:0;
}
body#home-page #content li{
	list-style:none;
}