/* CSS Document */

body {
	background-image: url(img/bknd_gallery.png);
	background-repeat: repeat-x;
	background-color: #fffffa;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size: .8em;
	color: #6f6e68;
}
body#pagePrint {
	 width: 4211px;
}
body#pageWeb {
	width: 3764px;
}
a:link, a:visited {
	color: #bfb919;
	text-decoration: none;
}
a:hover, a:active {
	color: #f9490f;
	text-decoration: none;
}
a img {
	border: none;
}
div#container {
	margin: 6px 0 0 0;
	padding: 0;
	white-space: nowrap;
	height: 540px;
}
div#masthead {
	text-align: right;
	padding: 30px 20px 0 0;
	margin: 18px 0 19px 0;
	width: 230px;
	height: 490px;
	border-right: 1px dotted #6f6e68;
	white-space: normal;
	float: left;
}
div#masthead h1#tag {
	font-size: 1em;
	font-weight: normal;
	margin: .5em 0 3em 0;
}
div#mastead ul#mainNav {
	margin: 3em 0 3em 0;
	padding: 0;
}
div#masthead ul#mainNav li {
	list-style-type: none;
	margin: 0 0 .2em 0;
	padding: 0;
	font-size: 2em;
	text-transform: lowercase;
}
div#masthead ul#mainNav li a:link, div#masthead ul#mainNav li a:visited {
	color: #6f6e68;
} 
div#masthead ul#mainNav li a:hover, div#masthead ul#mainNav li a:active {
	color: #f9490f;
}
body#pageWeb div#masthead ul#mainNav li a#linkWeb:hover, body#pageWeb div#masthead ul#mainNav li a#linkWeb:hover {
	 color: #6f6e68;
}
body#pagePrint div#masthead ul#mainNav li a#linkPrint:hover, body#pagePrint div#masthead ul#mainNav li a#linkPrint:hover {
	 color: #6f6e68;
}
body#pageAbout div#masthead ul#mainNav li a#linkAbout:hover, body#pageAbout div#masthead ul#mainNav li a#linkAbout:hover {
	 color: #6f6e68;
}
body#pageWeb div#masthead ul#mainNav li a#linkWeb:before {
	content: "» "
}
body#pagePrint div#masthead ul#mainNav li a#linkPrint:before {
	content: "» "
}
body#pageAbout div#masthead ul#mainNav li a#linkAbout:before {
	content: "» "
}
div#masthead ul#contact {
	margin: 3em 0 3em 0;
	padding: 0;
}
div#masthead ul#contact li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div#masthead p#contact span#email {
	margin-top: 3em;
}
ul#portfolio {
	height: 520px;
	margin: 0;
	padding: 0;
}
ul#portfolio li {
	display: block;
	list-style-type: none;
	border-right: 1px dotted #6f6e68;
	padding: 0 30px 0 30px;
	margin: 18px 0 19px 0;
	height: 520px;
	white-space: normal;
	float: left;
}
ul#portfolio li img.portfolioImg {
	margin: 30px 0 .7em 0;
}
ul#portfolio li h2.portfolioTitle {
	font-size: 1em;
	text-transform: uppercase;
	margin: .7em 0 0 0;
}
ul#portfolio li span.portfolioDesc {
	display: block;
}
ul#portfolio li#top {
	padding: 0;
	margin: 18px 0 0 0;
	border: none;
	background-image: url(img/top.png);
}
ul#portfolio li#top:hover {
	background-image: url(img/top_hover.png);
}
div#contentAbout {
	white-space: normal;
	width: 700px;
	height: 480px;
	margin: 0 0 0 250px;
	padding: 50px 0 0 30px;
	overflow: auto;
}
div#contentAbout img#myPhoto {
	float: right;
}
div#contentAbout p {
	margin: -.5em .5em 2em 0;
	line-height: 1.7em;
	width: 510px;
}
div#arrows {
	position: fixed;
	top: 576px;
	left: 8px;
}
div#arrows ul {
	margin: 0;
	padding: 0;
}
div#arrows ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
div#footer {
	text-align: right;
	margin: 48px 6px 0 0;
	font-size: .8em;
	color: #ffffff;
}
div#footer a:link, div#footer a:visited {
	color: #ffffff;
	font-weight: bold;
}
div#footer a:hover, div#footer a:active {
	color: #f9490f;
	font-weight: bold;
}
div#splash {
	text-align: center;
	padding: 180px 0 0 0;
}
div#splash h1#tag {
	font-size: 1.5em;
	font-weight: normal;
	margin: .4em 0 1em 0;
}
div#splash ul#mainNav {
	margin: 1em 0 1em 0;
	padding: 0;
}
div#splash ul#mainNav li {
	list-style-type: none;
	display: inline;
	margin: 0 0 .2em 0;
	padding: 0;
	font-size: 1.5em;
	text-transform: lowercase;
}