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

/* STYLE RESET (Globals) ________________________________________________________________________________________________________*/
* {
	margin:0;
	padding: 0;
}
img {
}
a img {
	border:0;
}
a {
	text-decoration:none;
	outline: none;
	color:#b34c4c;
}
a:hover {
	color:#f16667;
}
p {
	margin:15px 0 15px 0;
	line-height:1.6em;
	font-size:.85em;
}
ul, ol {
	margin-left:15px;
	line-height:1.6em;
	font-size:.85em;
}
body {
	background:url(../img/top-bg.gif) repeat-x #1a1717;
	font-size:82%;
	color:#000;
	font-family:Verdana;
	overflow-x:hidden;
}

/* H1, H2, H3... ______________________________________________________________________________________________________*/

/* GENERAL LINKS ______________________________________________________________________________________________________*/

/* GENERAL FONT _______________________________________________________________________________________________________*/
p.first {
	margin-top:30px;
}
.highlight {
	font-style: italic;
}
/* LISTS ______________________________________________________________________________________________________________*/
ul.column-list {
	float:left;
	width:200px;
	list-style:none;
	margin:0;
}
ul#img-rotator {
	margin:0;
	list-style:none;
}
/* MODULES ____________________________________________________________________________________________________________*/
div.one,
div.two, 
div.three {
	width:291px;
	height:237px;
	background:url(../img/sq1.png) no-repeat;
	position:relative;
	top:-5px;
}
div.two {
	background-image:url(../img/sq2.png);
}
div.three {
	background-image:url(../img/sq3.png);
}
div.padding {
	padding:20px 15px 10px 25px;
}
div.one p,
div.two p, 
div.three p {
	line-height:1.8em;
}
img.spacer {
	float:left;
	height:31px;
	width:35px;
}
div.big-white {
	background:url(../img/white-block.png) no-repeat;
	height:369px;
	width:510px;
	position:relative;
	top:10px;
	z-index:500;
}
/* FORMS ______________________________________________________________________________________________________________*/
form.contact {
}
input.a {
	top:45px;
	left:110px;
}
input.b {
	top:97px;
	left:110px;
}
input.c {
	position:absolute;
	top:310px;
	left:38px;
}
form.contact input.text {
	border:none;
	border-bottom:solid 2px #f16667;
	height:30px;
	padding-left:10px;
	width:300px;
	font-family:Georgia, Times;
	color:#666;
	font-style: italic;
	font-size:19px;
	background-color:transparent;
	position:absolute;
}
form.contact textarea {
	width:310px;
	font-family:Georgia, Times;
	color:#666;
	font-style: italic;
	font-size:12px;
	border:dashed 3px #ccc;
	padding:5px;
	width:420px;
	position:absolute;
	top:186px;
	left:33px;
	height:101px;
	overflow-y:auto;
}
/* IMAGES _____________________________________________________________________________________________________________*/
img.logo {
	position:relative;
	top:35px;
	float:left;
}
.blurb {
	position:absolute;
	height:25px;
	width:300px;
	top:85px;
	left:252px;
	background:url(../img/blurbs.gif) no-repeat 0 30px;
}
img.about-blurb {background-position:0 -2px;}
img.collections-blurb {background-position: 0px -28px;}
img.process-blurb {background-position:0px -55px;}
img.blog-blurb {background-position:0px -79px;}
img.contact-blurb {background-position:0px -105px;}
/* Single Large frame */
.lrg-frame {
	width:506px;
	height:378px;
	position:relative;
	top:10px;
	z-index:100;
	float:left;
}
.lrg-frame span {
	background:url(../img/lrg-frame1.png);
	width:506px;
	height:378px;
	position:absolute;
	z-index:500;
	/*cursor:pointer;*/
	top:-26px;
	left:-29px;
}

/* double image frame */
.dbl-frame {
	width:341px;
	height:451px;
	position:relative;
	top:-5px;
	z-index:500;
	float:left;
}
.dbl-frame span {
	background:url(../img/dbl-frame.png);
	width:341px;
	height:451px;
	position:absolute;
	z-index:500;
	top:-14px;
	left:-20px;
	float:left;
}
.dbl-frame img.one {
	margin:5px 0 0 0;
}
.dbl-frame .two {
	margin:-2px 0pt 0pt 29px;
}

/* MISC. CLASSES ______________________________________________________________________________________________________*/
br.clear {
	clear:both;
	line-height:1px;
}

/* LAYOUT ELEMENTS (IDs) ______________________________________________________________________________________________*/
.wrapper {
	width:974px;
	margin:auto;
	position:relative;
}
.header {
	height:150px;
}
div.middle {
	height:428px;
	background:url(../img/main-bg.jpg) no-repeat top center;
}
div.middle.home {
	background:url(../img/home-bg.jpg) no-repeat top center;
}
div.bottom {
	height:150px;
	background:url(../img/bottom-bg.gif) repeat-x top left;
}
div.black-bar {
	height:91px;
	background:url(../img/black-10.png);
	position:absolute;
	text-align:center;
	top:486px;
	width:100%;
}
* html div.black-bar {
	position:relative;
	top:0;
	margin-top:-30px;
}
.middle .left {
	float:left;
}
.middle .right {
	float:left;
}
/* NAV ________________________________________________________________________________________________________________*/
img.motto {
	float:right;
	margin:9px 18px 19px 0;
}
div.nav {
	float:right;
	clear:right;
	width:405px;
	height:76px;
	background:url(../img/nav-curlys.gif) no-repeat;
}
div.nav a img {
	height:24px;
	background:url(../img/nav.gif) no-repeat;
	float:left;
	position:relative;
} 
.nav a img.current {
	height:25px;
}
div.nav a:hover img {
	position:relative;
	height:24px;
	background:url(../img/nav.gif) no-repeat;
	float:left;
	position:relative;
}
.nav img.dot {
	float:left;
	padding-top:10px;
	position:relative;
}
.nav a.about img {background-position:0 0; width:48px;margin-left:16px;}
.nav a.coll img {background-position:-75px 0; width:78px;}
.nav a.proc img {background-position:-179px 0; width:48px;}
.nav a.blog img {background-position:-252px 0; width:31px;}
.nav a.contact img {background-position:-310px 0; width:61px;}

.nav a.about:hover img {background-position:0 -33px;width:48px;margin-left:16px;}
.nav a.coll:hover img {background-position:-75px -33px;width:78px;}
.nav a.proc:hover img {background-position:-179px -33px;width:48px;}
.nav a.blog:hover img {background-position:-252px -33px;width:31px;}
.nav a.contact:hover img {background-position:-310px -33px; width:61px;}

.nav img.tagline {
	margin:-1px 0 2px 30px;
}