/*
CSS Reset
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/*
	General page settings
*/

body {
	background: rgb(139, 131, 127);
	font-family: "Myriad Pro", Myriad, Tahoma, Helvetica, Arial, sans-serif;
	color: rgb(70, 66, 64);
	margin: 0px;
	text-align: center;
}

/* Center content on page */
#allcontent {
	text-align: left;
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}

h2 {
	font-size: 		1.5em;
	border-bottom:	1px dotted rgb(88, 0, 41);
	padding-bottom: 0.25em;
	margin-bottom:	0.5em;
	line-height:    1.1em;
}
p {
	padding: 		0 0 0.5em 0;
}
a {
	text-decoration: none;
	color: rgb(70, 66, 64);
}
a:link {
	color: inherit;
}
a:visited {
	color: rgb(139, 131, 127);
}
a:hover {
	color: rgb(88, 0, 41);
	text-decoration: underline;
}
a:active {
	color: rgb(70, 66, 64);
}
li {
	line-height:    1em;
	padding-bottom: 0.5em;
}
em {
	font-style: italic;
}
.divider {
	border-bottom: 	1px dotted rgb(88, 0, 41);
	height: 		1px;
}
.seperator {
	clear:  both;
	height: 0;
}
.fpo {
	background: yellow;
}

/*
	Header
*/

#header {
	width: 			  820px;
	height: 		  35px;
	margin-top: 	  10px;
	background-image: url(../images/header.gif);
	position: 		  relative;
}
#header h1 {
	display: none;
}
#nav {
	margin: 0;
	padding: 0;
	height: 35px;
	width: 247px;
	list-style: none;
	display: inline;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 21px;
}
#nav li {
	display: 		   inline;
	list-style: 	   none;
}

#nav a {
	float: left;
	padding: 35px 0 0 0; /* hides text; match height of header */
	overflow: hidden;
	height: 0px !important; 
	height /**/:35px; /* for IE5/Win only */
}
#nav-home a {
	width: 		60px;
	background-position: 0 0;
}
#nav-portfolio a {
	width: 		102px;
	background-position: -60px 0;
}
#nav-contact a {
	width: 		80px;
	background-position: -162px 0;
}
#nav a:link, #nav a:visited {
	background-image: none;
}
#nav a:hover, #nav a:active,
body#home #nav-home a,
body#portfolio #nav-portfolio a,
body#contact #nav-contact a {
	background-image:  url(../images/active.gif);
	background-repeat: no-repeat;
}

/*
	Main content area
*/

#main {
	background-image:  url(../images/dropshadow.gif);
	background-repeat: repeat-y;
	padding: 		   0 10px;
	line-height:       1.5;
	overflow: 		   hidden;
	font-size: 		   0.9em;
}

#imagearea {
	width:      	550px;
	float:			left;
}
#copy {
	margin-left:   	550px;
	padding-right:	20px;
	padding-top:	20px;
}
#justcopy {
	padding: 			10px 20px;
	margin-bottom: 		20px;
}
}
#copy, #justcopy p, h2 {
	margin-top:	0px;
}
#justcopy ul,
ul.links {
	padding-bottom: 1em;
}
#imagearea img {
	padding:	0;
	margin:		0;
}
img#logo {
	padding: 20px 10px 10px 0;
}

/*
	Footer
*/

#footer {
	background-image:  url(../images/footer.gif);
	background-repeat: no-repeat;
	clear: 			   both;
	padding-top:       22px;
	text-align:		   center;
	font-size:         0.75em;
}
#footer a {
	text-decoration: underline;
	color: rgb(70, 66, 64);
}
#footer a:link, a:visited {
	color: inherit;
}
#footer a:hover {
	color: rgb(88, 0, 41);
}
#footer a:active {
	color: rgb(70, 66, 64);
}

/*
	Home Page
*/

body#home #header {
	background-image: url(../images/header-home.gif);
}
body#home #imagearea,
body#home #copy {
	padding-top:    50px;
}
body#home #imagearea img {
	display: block;
	margin:  auto;
}
body#home a:hover {
		color: black;
		text-decoration: none;
}

/*
	Portfolio Index
*/

ul {
	margin: 		0;
	padding: 		0;
}
li {
	list-style: 	none;
}
h3 {
	font-size: 		1em;
}
.links {
	font-weight: 	bold;
}

body#portfolio #imagearea.slideshow {
	width: 550px;
	height: 700px;
}

/*
	Portfolio Pages
*/

#navbar {
	margin-bottom: 	2.5em;
}
#back, #forward {
	margin-top: 	0.5em;
}
#back {
	float: 			left;
}
#forward {
	float: 			right;
}
body#portfolio #imagearea img {
	padding-bottom: 30px;
}
#copy {
	text-align: center;
}
#copy p, h1, h2, h3, h4, h5, h6, div, ul, li {
	text-align: left;
}
div.highslide-gallery {
	text-align: center;
}
a.highslide {
	display:  inline-block;
	padding:  0;
	margin:	  0 2px 9px 2px;
}

/*
	Contact Page
*/

.contactlist * {
	line-height: 	1.25em;
	padding: 		0;
	margin: 		0;
}
.contactlist li {
	padding: 		0 0 1em 0;
}
.contactlist a {
	font-style: 	italic;
}
.contactlist .divider {
	margin-top: 1em;
}
#contact #imagearea {
	width:          522px;
	padding-left:   20px;
	padding-top:    20px;
}
#contact #imagearea img {
	margin-bottom: 20px;
}
.contactlist img {
	display:      block;
	margin-left:  0;
	margin-right: 0;
	margin-bottom: 20px;
}
.dropshadow { /* Applies CSS3 dropshadows */
	-webkit-box-shadow: 2px 2px 3px #aba290;
	-moz-box-shadow: 2px 2px 3px #aba290;
	box-shadow: 2px 2px 3px #aba290;
}
.button {
	font-family: Helvetica, "Helvetica Neue", Corbel, Arial, sans-serif;
	text-align: center;
	font-size: 0.9em;
	padding: 0.3em;
	color: white;
	background-color: #9c003b;
}
#map {
	display: block;
	width: 134px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-decoration: none;
}
#contact #imagearea #map img {
	margin-bottom: 10px;
}