/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 14px/1.5 'Myriad Pro', 'Lucida Grande', 'Trebuchet MS';
	background-color: #fafafa;
	color:#666666;
	margin:0;
	padding:0;
}

a:link, a:visited
{
	text-decoration: none;
	color:#666666;
}

a:hover
{
	text-decoration: underline;
	color:#b6995f;
}

a:focus {
	outline: 1px dotted invert;
}



/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 36px;
	font-weight:normal;
	margin-top:30px;
	
}

h2 {
	font-size: 24px;
	font-weight:normal;
	color:#b6995f;
	margin-bottom:1.5em;
}

.midbackground h2 {
	color:#aaaaaa;
	}

h3 {
	font-size: 18px;	
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}




/* ` Header
----------------------------------------------------------------------------------------------------*/

#header
{
	width:972px;
	height:115px;
	margin-left:-5px;
	background-image:url(../images/headerbackground.jpg);
	background-repeat: no-repeat;
}

#header h2
{
	padding-left:70px;
	padding-top:40px;
	font-family:"Lucida Grande","Myriad Pro",Arial, Helvetica;
	color:white;
	font-weight:normal;
	font-size:36px;
	float:left;
	text-shadow:1px 1px 5px #000000;
}


/* `Navigation
----------------------------------------------------------------------------------------------------*/

#navigation {
  list-style: none;
  margin:0;
}

#navigation li {
  float: left;
  margin:0;
  padding:0;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 70px;
        position: relative;
        display: block;
        background: url(../images/nav.jpg) 0 0 no-repeat;
		margin-top:30px;
		/*border:1px solid red;*/
}

/* individual navigation items */
#navigation a.blog {
  background-position: 0 0;
  width: 140px;
  margin-left:77px;
}

#navigation .highlight a.blog:hover,
#navigation a.blog .hover {
  background-position: 0 -140px;
  width: 140px;
  /* IE needs this */
  margin-top:0px;
}

#navigation a.portfolio {
  background-position: -140px 0;
  width: 161px;
}

#navigation .highlight a.portfolio:hover,
#navigation a.portfolio .hover {
  background-position: -140px -140px;
    /* IE needs this */
  margin-top:0px;
}

#navigation a.about {
  background-position: -301px 0;
  width: 141px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover {
  background-position: -301px -140px;
    /* IE needs this */
  margin-top:0px;
}

/* ` Page Content 
----------------------------------------------------------------------------------------------------*/
h1 span 
{
	font-size:14px;
	/*margin-left:20px; */
}


h1.client 
{
color:#b6995f;
font-size:36px; 
margin-top:-10px;
margin-bottom:10px;
}
 
 h1.client span 
 {
 	font-size:24px; 
	color:#aaaaaa;
 }
 
 h1.client a 
 {
 	font-size:12px;
	color:#aaaaaa;
}

.pagebackground
{ 
	background-image:url(../images/pagebackground.png);
}

.midbackground
{
	background-image:url(../images/midsecitonbackground.png);
	padding-top:30px;
}


#midsection
{
	width:960px;
	background-image:url(../images/midsecitonbackground.png);
	background-repeat: no-repeat;
	background-position: top;
}

p.backlink
{
	padding-top:10px;
	padding-left:34px;	
	padding-bottom:10px;
}

p.backlink a
{
	color:#bbbbbb;
}

.panel h2, .panel h1
{
	padding-top:0px;
	margin-top:-4px;
	margin-bottom:0px;
	font-size:22px;
	color:#aaaaaa;
	
}

.miniheader
{
	font-size:12px;
	color:#8b703f;
	margin-top:0px;
	margin-bottom:0px;
}

.panelshot
{
	float:left;
	padding-left:20px; 
	margin-top:0px; 
	position:relative;
}

.panelleftcontent
{
	float:left; 
	position:relative; 
	width:220px;
}
	
.portfolioitem image
{
	margin-left:-5px;
	display:block;
}

.portfolioitem span
{
	margin-left:5px;
	display:block;
	margin-bottom:20px;
	}



.imageholder
{
	width:160px;
	background-color:white;
	border:1px solid #dcdcdc;
	height:120px;
	margin-bottom:10px;
}

.imageholder img
{
	padding-top:5px;
	padding-left:5px;
}

.caption 
{
	font-size:11px;
	line-height:1.5em;
	font-family:'Lucida Grande','Calibri','Tahoma';
}




/* `Footer and misc
----------------------------------------------------------------------------------------------------*/

#footer 
{
	background-image:url(../images/darkbottom.png);
	height:69px;
	margin-top:60px;
	
}

#footer p
{
	font-family: 'Lucida Grande', 'Myriad Pro', 'Trebuchet MS';
	font-size:11px;
	padding-top:30px;
	margin-left:70px;
	color:#b8b8b8;
}

#footer a:link
{
	color:#b8b8b8;
	text-decoration:none;
}

#footer a:visited
{
	color:#b8b8b8;
	text-decoration:none;
}

#footer a:hover
{
	color:#b8b8b8;
	text-decoration:underline;
}




hr
{
	border: 0 #dcdcdc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

hr.header
{
	margin-top:-10px;
}


/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
	margin-top:-10px;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 0px;
}

p
{
	margin-bottom:1.5em;
}

p.bullethead
{
	margin-bottom:1em;
}

h2
{
	margin-bottom:.4em;
}

ul
{
	margin-bottom:1em;
}