/*
DATE: 07/27/2009
VER: 1.0
/*
/*RESETS*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 

{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

/* remember to define focus styles! */
:focus {outline:0;}
body {line-height:1; color:#000; background:#282828 url(../images/layout/bg.gif) no-repeat;}
ol, ul {list-style:none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight normal;}
blockquote:before, blockquote:after,
q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}

/*LAYOUT*/
#layout {width:960px; margin:0 auto;}
#layout-header {
	width:720px;
	margin:44px 0 0 60px;
}

#layout-content {
	width:940px;
	height:auto;
	border:10px solid #FFF;
}

#layout-footer {width:720px; height:55px; margin:0 0 0 60px; background:url(../images/layout/footer-bg.gif)}

/*HEADER*/
#layout-header h1 {position:relative; width:364px; height:36px; float:left; text-indent:-9999px; margin-bottom:12px; background:url(../images/layout/dwp-trans.png) no-repeat;}

/*NAVIGATION*/
#nav-main {position:relative; width:720px; height:32px; clear:both; text-indent:-9999px; background:url(../images/layout/nav-bg.gif) repeat-x;}
#nav-main a {height:32px; width:auto; text-indent:-9999px; text-decoration:none; display:block; overflow:hidden;} 
	li#nav-main-1 {position:absolute; top:0px; left:430px; width:66px; height:32px; background:url(../images/layout/nav-main.gif) no-repeat -430px 0; }
	li#nav-main-2 {position:absolute; top:0px; left:496px; width:64px; height:32px; background:url(../images/layout/nav-main.gif) no-repeat -496px 0; }
	li#nav-main-3 {position:absolute; top:0px; left:560px; width:84px; height:32px; background:url(../images/layout/nav-main.gif) no-repeat -560px 0; }
	li#nav-main-4 {position:absolute; top:0px; left:644px; width:75px; height:32px; background:url(../images/layout/nav-main.gif) no-repeat -644px 0; }
	li#nav-main-1 a:hover {background:url(../images/layout/nav-main.gif) no-repeat -430px -32px; cursor:pointer;}
	li#nav-main-2 a:hover {background:url(../images/layout/nav-main.gif) no-repeat -496px -32px; cursor:pointer;}
	li#nav-main-3 a:hover {background:url(../images/layout/nav-main.gif) no-repeat -560px -32px; cursor:pointer;}
	li#nav-main-4 a:hover {background:url(../images/layout/nav-main.gif) no-repeat -644px -32px; cursor:pointer;}

#nav-portfolio {position:relative; float:right; width:262px; height:36px; margin-top:12px; text-indent:-9999px; background:url(../images/layout/nav-portfolio-bg.gif) no-repeat;}
#nav-portfolio a {height:36px; width:auto; text-indent:-9999px; text-decoration:none; display:block; overflow:hidden;}
	li#nav-portfolio-1 {position:absolute; top:0px; left:0px; width:84px; height:36px; background:url(../images/layout/nav-portfolio.gif) no-repeat 0px 0; }
	li#nav-portfolio-2 {position:absolute; top:0px; left:84px; width:75px; height:36px; background:url(../images/layout/nav-portfolio.gif) no-repeat -84px 0; }
	li#nav-portfolio-3 {position:absolute; top:0px; left:159px; width:106px; height:36px; background:url(../images/layout/nav-portfolio.gif) no-repeat -159px 0; }
	li#nav-portfolio-1 a:hover {background:url(../images/layout/nav-portfolio.gif) no-repeat -0px -36px; cursor:pointer;}
	li#nav-portfolio-2 a:hover {background:url(../images/layout/nav-portfolio.gif) no-repeat -84px -36px; cursor:pointer;}
	li#nav-portfolio-3 a:hover {background:url(../images/layout/nav-portfolio.gif) no-repeat -159px -36px; cursor:pointer;}

/*CONTENT*/
#image_scroller {position:relative; height:500px; width:940px;}
#content-area {position:relative; width:878px; height:100%; padding:18px 12px 10px 48px; background:#FFFFFF; border:1px solid #E6E6E6;}
	.content-left {width:540px; float:left;}
		.header {margin-bottom:14px;}
		.portrait {margin-right:20px; margin-bottom:20px;}
	.content-right {width:318px; float:right; padding-left:20px;}
		.field {width:300px; height:20px; margin-bottom:16px; padding:8px 0 0 6px; border:1px solid #E6E6E6; font-family:'Helvetica neue' Helvetica, Arial, sans-serif; font-size:16px; color:#848484;}
		.field:focus {background:#E6E6E6; border:1px solid #666666; color:#666666;}
		.msgfield {
	width:300px;
	height:140px;
	margin-bottom:16px;
	border:1px solid #E6E6E6;
	font-family:'Helvetica neue' Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#848484;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 6px;
}
		.msgfield:focus {background:#E6E6E6; border:1px solid #666666; color:#666666;}
		.button { padding:6px; background:#980030; border:none; color:#FFFFFF; font-weight:normal; font-family:'Helvetica neue' Helvetica, Arial, sans-serif; font-size:14px; cursor:pointer;}
#content-gallery img {}


/*GALLERY*/
.galleria_container {border-bottom:solid 10px #FFFFFF; margin-bottom:14px;}
.galleria {list-style:none; width:940px; margin-left:26px;}
.galleria li {display:block; width:80px; height:80px; overflow:hidden; float:left; margin:0 10px 10px 0}
.galleria li a {display:none}
.galleria li div {position:absolute;display:none;top:0;left:180px}
.galleria li div img {cursor:pointer}
.galleria li.active div img,.galleria li.active div {display:block}
.galleria li img.thumb {cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto}
.galleria li .caption {display:block;padding-top:.5em}
* html .galleria li div span {width:400px} /* MSIE bug */
#main_image{width:940px; height:auto; background:#000000;}
	#main_image img{}
.nav {width:200px; margin:0 auto 8px auto; text-align:center; font-size:12px; letter-spacing:3px; text-transform:uppercase;}
	.nav a:link, .nav a:visited {color:#980030; text-decoration:none;}
	.nav a:hover, .nav a:active {color:#FFFFFF;}

/*FOOTER*/
#layout-footer p {margin:24px 0 0 9px; float:left; font-size:10px; color:#8E8E8E; letter-spacing:1px;}
	.facebook a:link, .facebook a:visited {position:relative; display:block; width:88px; height:18px; float:right; margin:18px 9px 0 9px; background:url(../images/layout/facebook-trans.png) no-repeat; text-decoration:none; text-indent:-9999px;}
	.facebook a:hover {background-position: 0 -18px;}
	.twitter a:link, .twitter a:visited {position:relative; display:block; width:84px; height:17px; float:right; margin:18px 9px 0 9px; background:url(../images/layout/twitter-trans.png) no-repeat; text-decoration:none; text-indent:-9999px;}
	.twitter a:hover {background-position: 0 -17px;}
	.myspace a:link, .myspace a:visited {position:relative; display:block; width:96px; height:19px; float:right; margin:18px 9px 0 9px; background:url(../images/layout/myspace-trans.png) no-repeat; text-decoration:none; text-indent:-9999px;}
	.myspace a:hover {background-position: 0 -19px;}
	.flickr a:link, .flickr a:visited {position:relative; display:block; width:61px; height:18px; float:right; margin:18px 9px 0 9px; background:url(../images/layout/flickr-trans.png) no-repeat; text-decoration:none; text-indent:-9999px;}
	.flickr a:hover {background-position: 0 -18px;}
	.messenger a:link, .messenger a:visited {position:relative; display:block; width:88px; height:18px; float:right; margin:18px 9px 0 9px; background:url(../images/layout/messenger-trans.png) no-repeat; text-decoration:none; text-indent:-9999px;}
	.messenger a:hover {background-position: 0 -18px;}


/*TYPOGRAPHY*/
h4 {font-family:'Helvetica neue', Helvetica, Arial, sans-serif; font-weight:bold; font-size:16px; line-height:36px;}
p {font-family:'Helvetica neue', Helvetica, Arial, sans-serif; font-size:15px; line-height:18px; margin-bottom:16px; color:#323232;}
.highlight {font-family:'Helvetica neue' Helvetica, Arial, sans-serif; font-size:15px; line-height:18px; margin-bottom:16px; font-weight:bold; color:#980030;