@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
}
html, body {
	height: 100%;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
}
#container{
margin: 0px auto;
width: 960px;

}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -70px; /* the bottom margin is the negative value of the footer's height */
}


.footer, .push {
	height: 70px; /* .push must be the same height as .footer */
	padding: 0 0px 20px 0px; 
	background:#FFF;
	position: absolute;
	bottom: 0;
	z-index: 100;
	width: 960px;
	margin: 0 auto;
}



h3 {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: bold;
	font-size: 12px;
	color: #999;
}

#home{
	/*width: 75%;*/
	margin: 15% 0 0 22%;
	display: block;
	vertical-align: top;
	float: left;
	
}

#blurb{
	width: 78%;
	margin: 5% 0 0 10%;
	text-align: left;
	font-size: 18px;
	color: #ccc;
	float:left;
	font-family: "Lucida Grande", Arial, sans-serif;
	
}

#content{
	margin: 0% 0%;
	/*padding: .5% 2% 0 15%;*/
	padding: 0px;
	float: center;
	width: 100%;
	
}

#services{
	margin: 0% 0%;
	padding: 3% 0 5% 45%;
	width: 35%;
	float: left;
	vertical-align: top;
	
}

#work{
	margin: 0% 0%;
	padding: 3% 0 5% 20%;
	float: left;
	vertical-align: top;
	
}

#contact{
	margin: 0% 0%;
	padding: 3% 0 5% 40%;
	float: left;
	vertical-align: top;
	
}

#image{
	width: 45%;
	margin: 0 0 0 45%;
	display: block;
	padding: 0% 0 0 1%;
	
}

/*#boxwrapper1{
	width: 960px;
	height:250px;
}
#boxwrapper2{
	width: 960px;
	height:250px;
}

#box1{
	width: 250px;
	float: left;
	height: 20px;
	margin-right: 0px;
	margin-left: 0px;
}

#box2{
	width: 250px;
	float: left;
	height: 200px;
	margin-left: 0;
	margin-right: 0;
}

#box3{
	width: 250px;
	height: 200px;
	margin-left: 0;
	margin-right: 0;
}


#box4{
	width: 320px;
	margin: 0px 0px 0px 0px;
}

#box5{
	width: 320px;
	margin: 0px 320px 0px 0px;
}

#box6{
	width: 320px;
	margin: 0px 640px 0px 0px;
}*/

#blog{
	margin: 0% 0%;
	padding: 10% 25% 0% 2%;
	float: right;
	width: 20%;
	
}

#clients{
	margin: 0% 0%;
	padding: 5% 0% 2% 55%;
	float: left;
	width: 35%;
	
}


#namebox {
	float: left;
	text-align: left;
	font-size: 24px;
	color: #666666;
	padding: .6% 0 1% 0;
	font-family: "Copperplate Light", "Gill Sans Light", Arial;	
	margin: 0 0 0 5%;
}

	
#navbox{
	margin: .7% 0 0 17%;
	text-align: left;
	font-size: 1.5em;
	text-align: left;
	display: block;
	vertical-align: middle; 
	
}

#navbox ul{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}


#navbox a:link {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	}
	
#navbox a:hover {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	color: #e4c34c;
	text-decoration: none;
	}
	
#navbox a:visited {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	}

#navbox li{
	list-style: none;
	float: left;
	padding: 0 8px;
	}
	
.clear {
	clear: both;
}


div#clearfoot {
clear: both;
height: 300px;
background: url(../images/graphics/spacer.gif) top center repeat-y;
}


.centerbox{
	width: 80%;
	background-color: #FFFFFF;
	margin-left: 5%;
}

.imagebox {
	float: left;
	width: 35%;
	vertical-align: top;
	text-align: center;
	padding: 1% 0 1% 0;
}

.boxtext {
	width: 55%;
	margin-left: 39%;
	padding: 1%;
	text-align: left;
	display: block;
	font-size: 11px;
	color: #666;
}

/* no css just to show an unstyled feed
   and to provide a template for creating new styles */
   
 .rss_box {
 
 }
 
 .rss_title, rss_title a {
 	font-size: 10px;
	color: #666666;
	text-decoration: none;
 }
 
 .rss_items,  .rss_items ul{
 	font-size: 10px;
	color: #666666;
	text-decoration: none;
  	list-style: none;
	padding:0px;
}


.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

.rss_item a:hover { 
	font-size: 10px;
	color: #666666;
	text-decoration: none;

}
	
.rss_date {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}



a:link {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 10px;
	color: #e4c34c;
	text-decoration: none;
}
a:visited {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 10px;
	color: #e4c34c;
	text-decoration: none;
}
a:hover {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

body#workpage .work,
body#projectspage .projects,
body#clientspage .clients,
body#infopage .info,
body#homepage .home,
body#contactpage .contact{
	text-transform: uppercase;
	color: #e4c34c;
}

.clear{
clear: both;
}