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

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

html {
	text-align:center;	
	}

body {
	position:relative;
	width:440px;
	margin:0 auto;
	text-align:left;
	background-color:#556270;
	padding:0 0 20px 0;
	}
	
div#wrap{
	width:100%;
	margin:0 auto;
}

div#header{
	width:100%;
	border-top:#D8DB9E 4px solid;
	border-bottom:#D8DB9E 2px solid;
	background-color:#EFF1C5;
}

	div#header h1{
		background-image: url(../images/h1.jpg);
		background-position:-2px 2px;
		width:440px;
		height:70px;
		text-indent:-9999px;
	}
	
	div#header blockquote{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#FF5B00;
		font-style:italic;
	}
		
		div#header blockquote strong{
			font-weight: bold;
			font-style:italic;
		}
		
div#full-site{
width:100%;
height:30px;
background-color:#556270;
text-align:center;
border-bottom:#D8DB9E 2px solid;
}

	div#full-site a{
	font-family:Arial, Helvetica, sans-serif;
	color:#C3EBE4;
	text-indent:-9999px;
	display:block;
	background:url(../images/full-site.jpg) -2px 2px no-repeat;
	width:100px;
	float:right;
	padding:0 0 3px 0 ;
	}
	
/*------------------CONTENT----------------------------*/

#content {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	}
 
.accordionButton {	
	width:100%;
	float: left;
	cursor: pointer;
	text-align:center;
	}
 
.accordionContent {	
	width:100%;
	float: left;
	display: none;
	}
	
/*--------------------ABOUT-------------------------*/
	
	.about {	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#556270;
	background: #C3EBE4 url(../images/about.jpg) -2px 2px no-repeat;
	text-indent:-9999px;
	height:50px;
	}
	
		.about-content{
		background:#C3EBE4;
		padding:0 0 10px 0;
		}
	
			.about-content h2{
			background: url(../images/h2-about.jpg) -1px 2px no-repeat;
			width:140px;
			height:50px;
			text-indent:-9999px;
			}
	
			.about-content p{
			margin:0 auto;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:1.1em;
			color:#556270;
			display:block;
			width:400px;
			background:#D8DB9E;
			padding:10px;
/*			-webkit-border-radius:10px;
			-moz-border-radius:10px;
*/			}


/*--------------------WORK-------------------------*/

	.work {	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#EAD902;
	background:#EAD902 url(../images/work.jpg) -2px 2px no-repeat;
	text-indent:-9999px;
	height:50px;
	}
	
	.work-content{
		background: #EAD902;
		padding:0 0 10px 0;
		}

		.work-content h2{
			background: url(../images/h2-work.jpg) -2px 2px no-repeat;
			width:200px;
			height:60px;
			text-indent:-9999px;
			}
			
		.work-content p{
			margin:0 auto;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:1.1em;
			color: #857C00;
			display:block;
			width:400px;
			background: #EFF1C5;
			padding:10px;
		}
			
			.work-content a{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:1.2em;
				color:#FF5B00;
				font-style:italic;
				margin:20px 10px;
				text-decoration:none;
				display:block;
				border:#857C00 1px dotted;
				padding:5px;
			}
		
	
		


/*--------------------Contact-------------------------*/

	.contact {	
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #BEC804;
	background:#BEC804 url(../images/contact.jpg) -2px 2px no-repeat;
	text-indent:-9999px;
	height:50px;
	}
	
		.contact-content{
		background: #BEC804;
		padding:0 0 10px 0;
		}
	
			.contact-content h2{
			background: url(../images/h2-contact.jpg) -1px 2px no-repeat;
			width:180px;
			height:50px;
			text-indent:-9999px;
			}
	
			.contact-content p{
			margin:0 auto;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:1.1em;
			color:#6A7001;
			display:block;
			width:400px;
			background: #EFF1C5;
			padding:10px;
/*			-webkit-border-radius:10px;
			-moz-border-radius:10px;
*/			}
			
			div#contact-info ul{
			width:100%;
			}
			
			div#contact-info  ul li{
			display:block;
			width:100px;
			margin:15px;
			font-size:1.1em;
			color:#EFF1C5;
			}
			
			div#contact-info  ul li.tel{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			color:#EFF1C5;
			font-size:1.3em;
			}
			
			div#contact-info  ul li a{
			text-decoration:none;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			color:#EFF1C5;
			font-size:1.3em;
			}
			
				div#contact-info  ul li a span, div#contact-info  ul li span{
					color:#FF5B00;
					padding:5px;
				}

			
			div#contact-info  ul li a.twitter{
			display:inline-block;
			width:40px;
			height:40px;
			background:url(../images/icon-twitter.jpg) -2px 2px no-repeat;
			text-indent:-9999px;
			float:left;
			}
			
			div#contact-info  ul li a.in{
			display:inline-block;
			width:40px;
			height:40px;
			background:url(../images/icon-in.jpg) -2px 2px no-repeat;
			text-indent:-9999px;
						float:left;

			}
			
			div#contact-info  ul li a.flickr{
			display:inline-block;
			width:40px;
			height:40px;
			background:url(../images/icon-flickr.jpg) -2px 2px no-repeat;
			text-indent:-9999px;
						float:left;

			}
			
			
			
			
		
.end {	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#556270;
	background:#D8DB9E  url(../images/fd-upside.jpg) -2px 2px no-repeat;
	text-indent:-9999px;
	height:70px;
	border-top:#D8DB9E 4px solid;
		border-bottom:#D8DB9E 4px solid;
	}