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

/***********************************************/
/* Style Sheet                                 */
/* Author: Gemma Harris 2008                   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html,body, img {
	margin: 0;
	padding:0;
	border:0;
	font-size:1em;
}

/*a:link img, a:visited img {
	padding:5px;
	border:1px solid #dedede;
	text-decoration:none;
	margin:0 10px 10px 0;
}

a:hover img {
	padding:0px;
	border:6px solid #ec008c;
	text-decoration:none;
}*/

body{
	font: 0.82em Georgia, "Times New Roman", Times, serif;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	color:#1f1e1e;
	background:#f8f7e3 url(../images/back.jpg) top left repeat;
}

#wrapper{
	width:960px;
	margin: 0 auto;
	text-align:left;
	color:#333;
}

.webDesigner{
	margin-top:45px;
	height:346px;
	width:573px;
	background:transparent url(../images/web-designer.jpg) top left no-repeat;
}

.webDesigner span{
	font-size:0em;
	height:346px;
	width:573px;
	text-indent:-9999px;
}

.webDesigner span a{
	display:block;
	height:340px;
	width:560px;
}

.bubble{
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	color:#524e4e;
	font-size:1em;
	line-height:1.5em;
	height:346px;
	width:387px;
	background:transparent url(../images/bubble.jpg) top left no-repeat;
	float:right;
}

.twitter{
	padding:32px 70px 0px 20px;
}

.twitter h2{
	text-align:center;
}

#twitter_update_list{
	font-size:1.05em;
	list-style:none;
}

#header{
	height:43px;
	width: 960px;
	padding: 0;
	margin: 0;
	position: absolute;
	top:0px;
	background:#f8f7e3 url(../images/header.jpg) top center no-repeat;
}

#header ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#header ul li{
	display: inline;
	margin: 0;
	padding: 0;
}

#header ul li a{
	text-decoration: none;
	border-bottom: 0 none;
}

#header a{
	overflow: hidden;
	position: absolute;
	height:43px;
	width: 960px;
	background: url(../images/header.jpg) top left no-repeat scroll;
	border-bottom: 0 none;
	z-index: 30;
}

#header a:hover{
	overflow: hidden;
	border-bottom: 0 none;
}

#header .webdesign a{
	width: 480px;
	height: 43px;
	float: left;
	z-index: 50;
}

#header .webdesign a:hover, #header .webdesign a.active{
	background:url(../images/header.jpg) 0 -43px no-repeat;
}

#header .print a{
	width: 640px;
	height: 43px;
	float: left;
	z-index: 49;
}

#header .print a:hover, #header .print a.active{
	background:url(../images/header.jpg) 0 -43px no-repeat;
}

#header .photography a{
	width: 960px;
	height: 43px;
	float: left;
	z-index: 48;
}

#header .photography a:hover, #header .photography a.active{
background:url(../images/header.jpg) 0 -43px no-repeat;
}

#header span {
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
}

#footer{
	clear:both;
	background:#f8f7e3 url(../images/footer.jpg) top center no-repeat;
	padding-top:32px;
}

#footer .notes{
	float:left;
	width:480px;
	text-align:center;
}

#footer .hobbies{
	float:left;
	width:160px;
}

#footer .hobbies ul {
	border-top:1px solid #b9aa87;
	margin:10px;
	padding:0;
}

#footer .hobbies ul li {
	border-bottom:1px solid #b9aa87;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:4px;
}


#footer .social{
	float:left;
	width:320px;
	text-align:center;
}

#footer .social img{
	padding:10px;
}
#contentHome{
	margin: 20px 0px 0px 60px;
	padding: 12px 65px 0px 60px;
	font-size: 1.2em;
	line-height: 1.4em;
	width:471px;
	height:228px;
	background:transparent url(../images/content-home.jpg) top left no-repeat;
	float:left;
}

.filter{
	height:144px;
	width: 231px;
	float:left;
	padding: 0;
	margin: 0;
	margin-top:30px;
	background:#f8f7e3 url(../images/filter.jpg) top center no-repeat;
}

.filter ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.filter ul li{
	display: inline;
	margin: 0;
	padding: 0;
}

.filter ul li a{
	text-decoration: none;
	border-bottom: 0 none;
}

.filter a{
	overflow: hidden;
	position: absolute;
	height:144px;
	width: 231px;
	background: url(../images/filter.jpg) top left no-repeat scroll;
	border-bottom: 0 none;
	z-index: 30;
}

.filter a:hover{
	overflow: hidden;
	border-bottom: 0 none;
}

.filter .commercial a{
	width: 231px;
	height: 50px;
	float: left;
	z-index: 50;
}

.filter .commercial a:hover, .filter .commercial a.active{
	background:url(../images/filter.jpg) -231px 0 no-repeat;
}

.filter .narratives a{
	width: 231px;
	height: 99px;
	float: left;
	z-index: 49;
}

.filter .narratives a:hover, .filter .narratives a.active{
	background:url(../images/filter.jpg) -231px 0 no-repeat;
}

.filter .personal a{
	width: 231px;
	height: 144px;
	float: left;
	z-index: 48;
}

.filter .personal a:hover, .filter .personal a.active{
background:url(../images/filter.jpg) -231px 0 no-repeat;
}

.filter span {
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
}

.divider{
	background: transparent url(../images/divider.jpg) top center no-repeat;
	height:27px;
	width:960px;
	margin:25px 0px;
}

.project{

}

.left-copy{
	float:left;
	width:320px;
	margin:0px 0px 0px 80px;
	}

.right-img{
	float:right;
	width:485px;
}

.right-copy{
	float:right;
	width:400px;
	}

.left-img{
	float:left;
	width:485px;
}

.right-copy .copy{
	margin:30px 80px 0px 0px;
}

.left-copy .copy{
	margin:30px 0px 0px 0px;
}
/***********************************************/
/* Header styles                               */
/***********************************************/ 

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 2em;
 letter-spacing:-1px;
 font-family:Georgia, "Times New Roman", Times, serif;
 line-height:1.2em;
}

h2{
 font-size: 1.5em;
 letter-spacing:-1px;
 font-family:Georgia, "Times New Roman", Times, serif;
 line-height:1.5em;
}

.h2{
 font-size: 0.8em;
 letter-spacing:-1px;
 font-family:Georgia, "Times New Roman", Times, serif;
 line-height:1.5em;
 color:#c0c0c0;
}

h3{
 font-size: 100%;
}

h4{
 font-size: 100%;
 font-weight: normal;
}

h5{
 font-size: 100%;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/***********************************************/
/* Link styles                                 */
/***********************************************/ 

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

a:hover {
	text-decoration: underline;
	/*border-bottom: 1px #ec008c solid;*/
}

/***********************************************/
/* Layout divs                                 */
/***********************************************/ 

.left{
	float:left;
}

.right{
	float:right;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/***********************************************/
/* Text styles                                 */
/***********************************************/