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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:Arial, Helvetica, sans-serif;}textarea{overflow:auto;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

body { font-size: 100% }

a,a:visited,a:active {color: #af3c6c; text-decoration: none;}
a:hover {color: #392313; text-decoration: none;}

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

/* -- type -- */

h2 {color: #af3c6c; font-size: 2.6em;}
h3 {color: #392313; font-size: 1.3em;}
h4 {color: #af3c6c; font-size: 1.6em;}
p.p1 {color: #333; font-size: 0.8em;}
p {margin: 0 0 20px 0; color: #392313; font-size: 0.9em;}
.strong {font-weight: bold;}

.dropcap {
	margin: 3px 12px 12px 0;
	height: 60px;
	width: 60px;
	background: #392313;
	color: #fff;
	font-size: 2.6em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	float: left;}
	
/* -- home page boxes -- */

.box2 {
	height: 330px;
	width: 165px;
	float: left;}
	
.box3 {
	height: 165px;
	width: 330px;
	float: left;}
	
.img2 {background: url(../images/boxes/002.jpg) top left no-repeat;}

.box4 {
	background: #fff;
	height: 165px;
	width: 165px;
	float: left;}
	
/* -- action boxes -- */
	
.act-wrapper {
	position: relative;
	padding: 20px 0 0 20px;
	height: 145px;
	width: 310px;
	float: left;}
	
.act-wrapper.bg1 {background: #efefef;}
.act-wrapper.bg2 {width: 309px; border-left: 1px solid #fff;}

.act-wrapper p.act {
	margin: 15px 0 0 0;
	width: 270px;}
	
.blog {font-size: 0.8em; display:block; margin: 20px 0 10px 0; width: 270px; color: #333;}

.act-wrapper a.act {
	margin: 15px 0 0 0;
	padding: 0 12px 0 0 ;
	width: auto;
	color: #af3c6c;
	font-size: 0.8em;
	display: inline-block;
	background: url(../images/universal/arrow1.gif) right 5px no-repeat;
	text-decoration: none;}
.act-wrapper a.act:hover {
	color: #392313;
	background: url(../images/universal/arrow1-over.gif) right 5px no-repeat;}
	
a.act-arrow2 {
	position: relative;
	height: 25px;
	width: 25px;
	background: url(../images/universal/arrow2.gif) top left no-repeat;
	right: 25px;
	top: 5px;
	float: right;}
a.act-arrow2:hover {background: url(../images/universal/arrow2-over.gif) top left no-repeat;}

#small-post-container {height: auto;}
#small-post-container p {margin: 0;}

/* -- main -- */

html, body {background:#2d2d2d;}

#over-wrap {
	height: auto;
	width: 100%;
	background: #e3e3e3;
	float: left;}
	
#wrap-home {
	margin: 0 auto;
	height: auto;
	background: #e3e3e3; 
	width: 988px;}

#wrap {
	margin: 0 auto;
	height: auto;
	background: #e3e3e3; 
	width: 987px;}
	
/* -- section wrappers -- */
	
#sec1-wrapper {
	position: relative;
	z-index: 5;
	height: auto;
	width: 328px;
	float: left;}
	
#sec2-wrapper {
	position: relative;
	height: auto;
	width: 495px;
	float: left;}
	
#sec3-wrapper {
	position: relative;
	height: auto;
	width: 165px;
	float: left;}
	
#sec4-wrapper {
	position: relative;
	z-index: 0;
	height: auto;
	width: 330px;
	float: left;}
	
#sec5-wrapper {
	position: relative;
	height: 330px;
	width: 330px;
	float: left;}
	
#sec6-wrapper {
	position: relative;
	z-index: 10;
	height: 165px;
	width: 659px;
	float: left;}
	
#sec7-wrapper { /* subpage body */
	position: relative;
	z-index: 1;
	padding: 40px;
	height: auto;
	min-height: 412px; /* 302 */
	width: 579px;
	background: #efefef;
	float: left;}

#sec7a-wrapper { /* subpage body */
	position: relative;
	z-index: 1;
	padding: 40px 40px 20px 40px;
	height: auto;
	min-height: 432px;
	width: 579px;
	background: #efefef;
	float: left;}
	
#sec8-wrapper { /* subpage body - work/detail */
	position: relative;
	z-index: 1;
	height: auto;
	min-height: 302px;
	width: 659px;
	background: none;
	float: left;}
	
#sec9-wrapper { /*  */
	position: relative;
	z-index: 1;
	height: 330px;
	width: 660px;
	background: #efefef;
	float: left;}
	
#sec10-wrapper { /* subpage body - work/index & grid */
	position: relative;
	z-index: 1;
	height: 100%;
	width: 659px;
	background: #efefef;
	float: left;}
	
/* -- header styles and components -- */

#logo-box {
	height: 165px;
	width: 328px;
	background: url(../images/universal/susan-levin-logo.png) top left no-repeat;
	float: left;}

#logo-box img {
	margin: 0 0 0 163px;
	width: 165px;
	float: left;}
	
.box1 {
	background: #fff;
	height: 165px;
	width: 165px;
	float: left;}
	
.pos1 {position: relative;}

.v1 {position: absolute; z-index: 20;}
.v1 img {
	position: absolute;
	height: 83px;
	width: 112px;
	z-index: 5;
	top: 93px;
	left: 63px;}
	
.v3 {position: absolute; z-index: 20;}
.v3 img {
	position: absolute;
	height: 83px;
	width: 112px;
	z-index: 5;
	top: -8px;
	left: 63px;}
	
#box-title1 { /* use with h2 */
	position: absolute;
	top: 105px;
	left: 20px;}
	
#box-title2 { /* use with h3 */
	position: absolute;
	top: 105px;
	left: 20px;}

/* -- main navigation (old) -- */
	
/*#nav-wrapper {
	height: 330px;
	width: 328px;
	background: #fff;
	float: left;}
	
#nav-wrapper ul {
	height: auto;
	width: 165px;
	float: right;}
	
#nav-wrapper ul li {
	padding: 5px 0 8px 0;
	background: url(../images/universal/h-dash.gif) bottom left no-repeat;
	text-align: right;}
	
#nav-wrapper ul li a {
	margin: 0 20px 0 0;
	color: #af3c6c;
	font-size: 0.8em;
	text-decoration: none;}
#nav-wrapper ul li a:hover {color: #392313;}

#nav-wrapper ul li a.selected {
	margin: 0 20px 0 0;
	color: #392313;
	font-size: 0.8em;
	text-decoration: none;}
#nav-wrapper ul li a.selected:hover {color: #392313;}*/

/*--- DROPDOWN ---*/

#nav-container {
	height: 330px;
	width: 328px;
	background:#fff;
	position: relative;
	float: left;}
	
#nav li {
	padding: 5px 0 8px 0;
	background: url(../images/universal/h-dash.gif) bottom right no-repeat;
	text-align: right;
	position: relative;}
	
#nav a {
	margin: 0 20px 0 0;
	color: #af3c6c;
	font-size: 0.8em;
	text-decoration: none;}
	
	#nav a:hover {color: #392313;}

#nav ul {
	height: auto;
	width: auto;
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */}

#nav ul li {
	margin: 0;
	padding: 0;
	display: block;
	background: #fff url(../images/universal/h-dash.gif) bottom left no-repeat;
	text-align:left;
	width: 163px;}
	
	#nav ul li a {margin: 0; text-align: left;}
	
#nav ul a {
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */}
	
#nav li:hover ul { /* Display the dropdown on hover */
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #fff;
	top: 0;
	left: 328px; /* Bring back on-screen when needed */}
	
#nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:transparent;
	color: #392313;}
	
#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	display: block;
	padding: 8px 0 8px 20px;
	height: 16px;
	color: #af3c6c;}
	
#nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	display: block;
	padding: 8px 0 8px 20px;
	height: 16px;
	color: #392313;}
	
	.ie #nav li:hover ul li a, .opera #nav li:hover ul li a {padding: 7px 0 8px 20px;}

#nav a.selected {
	color: #392313;}
#nav a.selected:hover {color: #392313;}




	
#photo {
	position: absolute;
	top: 190px;
	left: -40px;
	overflow: visible;
	height: 305px;
	width: 251px;
	background: url(../images/universal/susan-levin.png) top left no-repeat;
	z-index: 10;
	float: left;}
	
#photo-credit {
	top: 465px;
	left: 250px;
	position: absolute;
	z-index: 5;
	font-size: 0.8em;
	color: #392313;}

.v2 {
	position: absolute;
	z-index: 5;
	left: 183px;
	top: 356px;}
.v2 img {
	position: absolute;
	height: 83px;
	width: 112px;
	z-index: 5;
	top: 67px;
	left: 43px;}
	
/* -- sub-navigation "act" -- */

.subact-wrapper {
	position: relative;
	padding: 27px 0 0 20px;
	min-height: 135px;
	height: auto;
	width: 310px;
	float: left;}
.subact-wrapper.bg1 {background: #efefef;}

.subact-icon1-container {
	margin: 3px 0 0 0;
	height: 24px;
	width: 24px;
	display: inline;
	background: url(../images/universal/subpages/phone.gif) top left no-repeat;
	float: left;}
.subact-icon1-container img {height: 24px; width: 24px;}
	
.subact-icon2-container {
	margin: 3px 0 0 0;
	height: 24px;
	width: 24px;
	display: inline;
	background: url(../images/universal/subpages/mail.gif) top left no-repeat;
	float: left;}
.subact-icon2-container img {height: 24px; width: 24px;}

.subact-icon3-container {
	margin: 3px 0 0 0;
	height: 24px;
	width: 24px;
	display: inline;
	background: url(../images/universal/subpages/email.gif) top left no-repeat;
	float: left;}
.subact-icon3-container img {height: 24px; width: 24px;}

.subact-icon4-container {
	margin: 3px 0 0 0;
	height: 24px;
	width: 24px;
	display: inline;
	background: url(../images/universal/subpages/rss.gif) top left no-repeat;
	float: left;}
.subact-icon4-container img {height: 24px; width: 24px;}

.subact-icon5-container {
	margin: 3px 0 0 0;
	height: 24px;
	width: 24px;
	display: inline;
	background: url(../images/universal/subpages/archive.gif) top left no-repeat;
	float: left;}
.subact-icon5-container img {height: 24px; width: 24px;}

.subact-item-container {
	margin: 0 0 20px 0;
	height: auto;
	width: 310px;
	float: left;}
	
.subact-item-container p.info1 {
	height: auto;
	width: 280px;
	font-size: 1.0em;}
	
.subact-info-container {
	margin: 0 0 0 14px;
	height: auto;
	width: 200px;
	color: #392313;
	font-size: 0.9em;
	float: left;}
	
.subact-sec1-container {
	height: auto;
	width: 307px;
	float: left;}
	
#subact-md-container {
	padding: 0 20px 0 0;
	width: auto;
	float: left;}
#subact-md-container p {margin: 5px 0 0 32px; color: #af3c6c; font-size: 0.9em;}
#subact-md-container p a {text-decoration: none; color: #af3c6c;}
#subact-md-container p a:hover {text-decoration: none; color: #392313;}

/* sub navigation 2 */

#nav-col1-container {
	height: auto;
	width: 165px;
	float: left;}
	
#nav-col1-container #header-container {
	height: 81px;
	width: 165px;
	background: #af3c6c;
	float: left;}
#nav-col1-container #header-container p {margin: 35px 0 0 20px; height: auto; width: 90px; color: #fff;}

#nav-col1-container a.view-container {
	position: relative;
	margin: 1px 0 0 0;
	height: 82px;
	width: 165px;
	float: left;}
#nav-col1-container a.view-container:hover {
	position: absolute;
	z-index: 20;
	margin: 1px 0 0 0;
	height: 82px;
	width: 165px;
	float: left;
	background: none;}

/* -- subpage headers -- */

a.return {
	margin: 20px 0 65px 20px;
	padding: 0 0 0 12px;
	width: auto;
	color: #af3c6c;
	font-size: 0.8em;
	display: block;
	background: url(../images/universal/arrow3.gif) left 5px no-repeat;
	text-decoration: none;
	text-transform: lowercase;}
a.return:hover {
	color: #392313;
	background: url(../images/universal/arrow3-over.gif) left 5px no-repeat;}

#header1-box-container {
	position: relative;
	z-index: 20;
	padding: 0;
	height: 165px;
	width: 329px;
	background: url(../images/universal/subpages/header-box-bg.jpg) top left no-repeat;
	float: left;}
#header1-box-container h2 {
	margin: 0 0 0 20px;}
	
#header1-box-container a.return2 {
	margin: 0 0 65px 0;
	padding: 0 12px 0 0;
	position: absolute;
	z-index: 25;
	left: 258px;
	top: 125px;
	width: auto;
	color: #af3c6c;
	font-size: 0.8em;
	display: inline-block;
	background: url(../images/universal/arrow1.gif) right 5px no-repeat;
	text-decoration: none;
	text-transform: lowercase;}
#header1-box-container a.return2:hover {
	color: #392313;
	background: url(../images/universal/arrow1-over.gif) right 5px no-repeat;}
	
.s1 {
	position: absolute;
	background: url(../images/universal/fold1.png) top left no-repeat;
	height: 83px;
	width: 112px;
	z-index: 15;
	top: 93px;
	left: 228px;}
	
#header-art-container {
	height: 165px;
	width: 330px;
	float: left;}
	
.ha-1 {background: url(../images/universal/subpages/header-art1.jpg) top left no-repeat;}
.ha-2 {background: url(../images/universal/subpages/header-art2.jpg) top left no-repeat;}
.ha-3 {background: url(../images/universal/subpages/header-art3.jpg) top left no-repeat;}
.ha-4 {background: url(../images/universal/subpages/header-art4.jpg) top left no-repeat;}
.ha-5 {background: url(../images/universal/subpages/header-art5.jpg) top left no-repeat;}
.ha-6 {background: url(../images/universal/subpages/header-art6.jpg) top left no-repeat;}
.ha-7 {background: url(../images/universal/subpages/header-art7.jpg) top left no-repeat;}

#header2-info-container {
	height: 165px;
	width: 494px;
	background: #efefef;
	float: left;}
	
#header2-info-descrip-full-container {
	margin: 56px 0 0 0;
	padding: 0 25px 0 25px;
	height: 91px;
	width: 444px;
	float: left;}
#header2-info-descrip-full-container p.title {margin: 0; font-size: 1.4em;}
#header2-info-descrip-full-container p {margin: 8px 0 0 0; font-size: 0.7em;}
	
#header2-info-descrip-container {
	margin: 56px 0 0 0;
	padding: 0 15px 0 25px;
	border-right: 1px solid #fff;
	height: 91px;
	width: 290px;
	float: left;}
#header2-info-descrip-container p.title {margin: 0; font-size: 1.4em; line-height: 1.0em;}
#header2-info-descrip-container p.title2 {margin: 0; font-size: 1.2em;}
#header2-info-descrip-container p.title3 {margin: 0; font-size: 1.0em; font-weight: bold;}
#header2-info-descrip-container p.title4 {margin: 0; font-size: 0.8em; font-weight: bold;}
#header2-info-descrip-container p {
	margin: 7px 0 0 0;
	font-size: 0.7em;}
	
#header2-info-details-container {
	margin: 56px 0 0 0;
	padding: 20px 0 0 20px;
	height: 71px;
	width: 139px;
	font-size: 0.7em;
	float: left;}
	
	#header2-info-details-container.alt1 { /* for Size A, Size B... etc. */
		margin: 32px 0 0 0;}
	
.detail-info-col1 {
	margin: 3px 0 0 0;
	height: auto;
	width: 68px;
	display: inline;
	float: left;}
	
.detail-info-col1 span {
	color: #af3c6c;
	font-weight: bold;}

/* -- news -- */

.news-block-container {
	margin: 0 0 20px 0;
	height: auto;
	width: 579px;
	float: left;}
	
.news-content-container {
	height: auto;
	width: 454px;
	float: left;}
	
.news-content-container p.title {
	margin: 0 0 10px 0;
	font-size: 1.4em;
	color: #392313;}
.news-content-container p {margin: 0 0 10px 0; font-size: 0.8em;}
	
a.news-more {
	padding: 0 10px 0 0;
	width: auto;
	color: #af3c6c;
	font-size: 0.8em;
	display: inline-block;
	background: url(../images/universal/arrow1.gif) right 5px no-repeat;
	text-decoration: none;}
a.news-more:hover {
	color: #392313;
	background: url(../images/universal/arrow1-over.gif) right 5px no-repeat;}

.title-block1 {
	margin: 0 15px 0 0;
	padding: 0 8px 0 0;
	height: 110px;
	width: 102px;
	background: #392313;
	float: left;}
	
.title-block1 p {
	margin: 65px 0 0 0;
	color: #fff;
	font-size: 1.0em;
	text-align: right;}
	
.img-align1 {
		float: right;
		margin: 0 0 0 15px;}
	
	/*news archive*/
	
.title-block2 {
	margin: 0 15px 0 0;
	padding: 0 8px 0 0;
	height: 75px;
	width: 70px;
	background: #392313;
	float: left;}
	
.title-block2 p {
	margin: 44px 0 0 0;
	color: #fff;
	font-size: 1.5em;
	text-align: right;}

a.arch-go {font-size: 0.8em; padding: 0 10px 0 0; background: url(../images/universal/arrow1.gif) right 4px no-repeat;}
a.arch-go:hover {background: url(../images/universal/arrow1-over.gif) right 4px no-repeat;}

/* -- publications -- */

.pubs-block-container {
	margin: 0 0 20px 0;
	height: auto;
	width: 580px;
	float: left;}
	
.pubs-content-container {
	height: auto;
	width: 455px;
	float: left;}
	
.pubs-content-container p.title {
	margin: 0 0 10px 0;
	font-size: 1.4em;
	color: #392313;}
.pubs-content-container p {margin: 0 0 10px 0; font-size: 0.8em;}

.publications-block1 {
	margin: 0 15px 0 0;
	height: auto;
	width: 110px;
	float: left;}
	
a.pubs-more {
	padding: 0 10px 0 0;
	width: auto;
	color: #af3c6c;
	font-size: 0.8em;
	display: inline-block;
	background: url(../images/universal/arrow1.gif) right 5px no-repeat;
	text-decoration: none;}
a.pubs-more:hover {
	color: #392313;
	background: url(../images/universal/arrow1-over.gif) right 5px no-repeat;}

/* -- exhibitions -- */

.exhib-block-container {
	margin: 0 0 20px 0;
	height: auto;
	width: 580px;
	float: left;}
	
.exhib-content-container {
	height: auto;
	width: 455px;
	float: left;}
	
.exhib-content-container p.title {
	margin: 0;
	font-size: 1.4em;
	color: #392313;}
.exhib-content-container p {margin: 0 0 10px 0; font-size: 0.8em;}
.exhib-content-container p.exhib-sub {margin: 0 0 10px 0;}

.exhibitions-block1 {
	margin: 0 15px 0 0;
	height: auto;
	width: 110px;
	float: left;}
	
a.exhib-more {
	padding: 0 10px 0 0;
	width: auto;
	color: #af3c6c;
	font-size: 0.8em;
	display: inline-block;
	background: url(../images/universal/arrow1.gif) right 5px no-repeat;
	text-decoration: none;}
a.exhib-more:hover {
	color: #392313;
	background: url(../images/universal/arrow1-over.gif) right 5px no-repeat;}
	
/* -- media -- */

.media-block-wrapper {
	margin: 0 0 20px 0;
	height: auto;
	width: auto;
	float: left;}

.media-block-container {
	margin: 0 0 20px 0;
	height: auto;
	width: 580px;
	float: left;}
	
.media-content-container {
	height: auto;
	width: 455px;
	float: left;}
	
.media-content-container p.title {
	margin: 0 0 10px 0;
	font-size: 1.4em;
	color: #392313;}
.media-content-container p {margin: 0 0 10px 0; font-size: 0.8em;}

.media-block1 {
	margin: 0 15px 0 0;
	height: auto;
	width: 110px;
	float: left;}
	
a.media-more {
	padding: 0 10px 0 0;
	width: auto;
	color: #af3c6c;
	font-size: 0.8em;
	display: inline-block;
	background: url(../images/universal/arrow1.gif) right 5px no-repeat;
	text-decoration: none;}
a.media-more:hover {
	color: #392313;
	background: url(../images/universal/arrow1-over.gif) right 5px no-repeat;}
	
/* -- work --*/

.collection-set-wrapper {
	height: 164px;
	width: 659px;
	border-bottom: 1px solid #fff;
	float: left;}

.collection-art-container {
	height: 164px;
	width: 330px;
	float: left;}

a.collection-act-container {
	height: 164px;
	width: 329px;
	text-decoration: none;
	float: left;}

a.collection-act-container.style1 {background: #da9a26;}
.collection-act-container.style2 {background: #8a8578;}
.collection-act-container.style3 {background: #77233d;}
.collection-act-container.style4 {background:  #efbaa8;}
.collection-act-container.style5 {background:  #2a2c27;}
.collection-act-container.style6 {background:  #6c1b17;}
.collection-act-container.style7 {background:  #62bfad;}
.collection-act-container.style8 {background:  #8f0526;}
.collection-act-container.style9 {background:  #520910;}
.collection-act-container.style10 {background:  #643b8a;}
.collection-act-container.style11 {background:  #2d1702;}
a.collection-act-container:hover {background: #392313;}

a.collection-act-container p.collection-title {
	margin: 20px 0 0 20px;
	font-size: 1.8em;
	letter-spacing: -1px;
	text-decoration: none;
	color: #fff;}
a.collection-act-container:hover p.collection-title {
	margin: 20px 0 0 20px;
	font-size: 1.8em;
	letter-spacing: -1px;
	text-decoration: none;
	color: #fff;}

a.collection-act-container .collection-act {background: url(../images/universal/arrow4.gif) right 4px no-repeat; margin: 80px 20px 0 0; padding: 0 15px 0 0; color: #fff; font-size: 0.8em; text-decoration: none; float: right;}
a.collection-act-container:hover .collection-act {background: url(../images/universal/arrow4.gif) right 4px no-repeat; color: #fff;}
	
.grid-col-container {
	height: 330px;
	width: 164px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	float: left;}
	
.grid-col-container.last {
	height: 330px;
	width: 164px;
	border-right: none;
	float: left;}

.grid-thumb-container {
	height: 165px;
	width: 164px;
	float: left;}
      
.grid-info-container {
	position: relative;
	height: 165px;
	width: 164px;
	float: left;}

.grid-title {margin: 20px 10px 0 20px; color: #392313; font-size: 0.9em;}

a.grid-act {
	position: absolute;
	height: 330px;
	width: 165px;
	background: url(../images/universal/arrow2.gif) 115px 280px no-repeat;
	bottom: 0px;
	right: 0px;}
	
a.grid-act:hover {
	position: absolute;
	height: 330px;
	width: 165px;
	background: url(../images/universal/arrow2-over.gif) 115px 280px no-repeat;}

/* -- work / detail -- */

.container {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;}
#main {padding: 0;}

/*--Main Image Preview--*/
.main_image {
	width: 494px; height: 495px;
	float: left;
	background: #fff;
	position: relative;
	overflow: hidden;
	color: #fff;}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0; padding: 0;}
.main_image p {
	font-size: 1.2em;
	padding: 0;	margin: 0;
	line-height: 1.6em;}
.block small { 
	padding: 0; 
	font-size: 1em;}
.main_image .block small {margin-left: 0;}
.main_image .desc{

	bottom: 0;	left: 0;
	width: 0;
	height: 0;
	display: none;}
.main_image .block{
	width: 0;}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px;}
.main_image a.show {background-position: left bottom;} 

/* detail thumbs */

.tdesc {
	position: absolute;
	z-index: 5;
	padding: 50px 0 0 15px;
	width: 150px;
	height: 32px;
	font-size: 1.0em;
	font-weight: normal;
	cursor: pointer;}

.image_thumb {
	position: relative;
	float: left;
	height: 330px;
	width: 165px;}
	
.image_thumb img.thumb {
	padding: 0;
	height: 82px;
	width: 165px;}
	
.image_thumb ul {
	position: absolute;
	left: 0; right: 0; top: 81px; bottom: 0;
	z-index: 5;
	margin: 81px 0 0 0;
	margin: 0; padding: 0;
	height: auto;
	width: 165px;
	list-style: none;}
	
.image_thumb ul li{
	position: relative;
	margin: 1px 0 0 0; padding: 0;
	height: 82px;
	width: 165px;
	float: left;}

.image_thumb ul li div.transparency {
	position:absolute;
	z-index: -1;
	opacity:0.4;filter:alpha(opacity=40);
	-moz-opacity:0.4;
	background: #fff;
	top:0; bottom: 0;
	left:0; right: 0;}

.image_thumb ul li.active div.transparency {background: none;}
.image_thumb ul li.a div.transparency {background: none;}

/* light styles for dark backgrounds */
.image_thumb ul li a.light {color: #fff;}
.image_thumb ul li a.light:link {color: #fff;}
.image_thumb ul li a.light:visited {color: #fff;}
.image_thumb ul li a.light:hover {color: #392313;}
.image_thumb ul li a.light:active {color: #392313;}

/* dark styles for light backgrounds */
.image_thumb ul li a.dark {color: #000;}
.image_thumb ul li a.dark:link {color: #000;}
.image_thumb ul li a.dark:visited {color: #000;}
.image_thumb ul li a.dark:hover {color: #392313;}
.image_thumb ul li a.dark:active {color: #392313;}

.image_thumb ul li.hover {cursor: pointer;}
	
.image_thumb ul li.hover img.over {
	cursor: pointer;
	position: absolute;
	z-index: 5000;
	height: 82px;
	width: 165px;
	background: url(../images/universal/arrow5.gif) right 32px no-repeat;
	top: 0; right: 0;}
.image_thumb ul li.hover img.thumb {z-index: -2; position: absolute; background: none;}
	
.image_thumb ul li.active {
	height: 82px;
	width: 165px;
	cursor: pointer;}
	
/* light styles for dark backgrounds (for js) */
.image_thumb ul li.active a.light {color: #392313;}

/* dark styles for light backgrounds (for js) */
.image_thumb ul li.active a.dark {color: #392313;}

.image_thumb ul li.active img.over {
	position: absolute;
	z-index: 2;
	height: 82px;
	width: 165px;
	cursor: pointer;
	background: url(../images/work/nav-cols/nav-col-overlay-sel.png) top left no-repeat;
	top: 0; left: 0;}
	
.image_thumb ul li.active img.over:hover {
	position: absolute;
	z-index: 4;
	height: 82px;
	width: 165px;
	background: url(../images/work/nav-cols/nav-col-overlay-sel.png) top left no-repeat;
	cursor: pointer;
	top: 0; left: 0;}

.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 170px;}
.image_thumb ul li p{display: none;}

/* -- footer -- */

#footer-wrapper {
	margin: 0 auto;
	height: auto;
	width: 948px;
	font-size: 0.7em;
	color: #999;}
	
#copy {margin: 20px 0 0 0; width: 948px; float: left;}
#copy li {list-style-type: none; display: inline;}
#copy li.left {display: inline-block; float: left;}
#copy li.right {display: inline-block; float: right;}
#copy li a {color: #999; text-decoration: none;}
#copy li a:hover {color: #af3c6c;}
.pipe1 {margin: 0 7px 0 7px;}

#footer-nav {margin: 5px 0 0 0; width: 948px; float: left;}
#footer-nav li {list-style-type: none; display: inline;}
#footer-nav li a {color: #999; text-decoration: none;}
#footer-nav li a:hover {color: #af3c6c;}
.pipe2 {margin: 0 2px 0 6px;}

#social-media {margin: 15px 0 0 0; padding: 0 0 50px 0; width: 948px; float: left;}
#social-media li {list-style-type: none; display: inline;}
#social-media li a {color: #999; text-decoration: none;}
#social-media li a:visited {color: #999;}
#social-media li a:hover {color: #af3c6c;}

a.social-media {margin: 0 10px 0 0; height: 19px; width: auto; padding: 3px 0 0 24px; color: #999; text-decoration: none;}
a.social-media:hover {color: #af3c6c;}

a.twitter {background: url(../images/universal/footer/twitter.png) top left no-repeat; float: left;}
a.twitter:hover {background: url(../images/universal/footer/twitter-over.png) top left no-repeat;}

a.facebook {background: url(../images/universal/footer/facebook.png) top left no-repeat; float: left;}
a.facebook:hover {background: url(../images/universal/footer/facebook-over.png) top left no-repeat;}

a.flickr{background: url(../images/universal/footer/flickr.png) top left no-repeat; float: left;}
a.flickr:hover {background: url(../images/universal/footer/flickr-over.png) top left no-repeat;}

a.youtube{background: url(../images/universal/footer/youtube.png) top left no-repeat; float: left;}
a.youtube:hover {background: url(../images/universal/footer/youtube-over.png) top left no-repeat;}

a.vimeo{background: url(../images/universal/footer/vimeo.png) top left no-repeat; float: left;}
a.vimeo:hover {background: url(../images/universal/footer/vimeo-over.png) top left no-repeat;}

/* -- share this -- */

span#sharethis_0 {
	width:auto;
	height:19px;
	padding:0 !important;
	margin:0 !important;
	float: left;}

span#sharethis_0 a.stico_default {
	position: relative;
	z-index: 5;
	display:block !important;
	width:auto;
	height:19px;
	background: url(../images/universal/footer/share.png) no-repeat !important;
	padding:0 !important;
	margin:0 !important;
	float: left;}
	
span#sharethis_0 a.stico_default:hover {
	background:url(../images/universal/footer/share-over.png) no-repeat !important;}

span#sharethis_0 a span.stbuttontext {
	margin: 0 0 0 60px;
	padding: 0;
	display:inline;
	line-height: 1.0em;
	font-size: 1.2em;
	color: #000;
	float: left;}

span#sharethis_0 a span.stbuttontext:hover {
	color:#cc0000;}
	
span#sharethis_0 a span.stbuttontext p:first-line {
	background-color: #3399CC;}

span#sharethis_0 a span.stbuttontext:hover p:first-line {
	background-color: #3399CC;}
	
#share-wrapper {position: relative; margin: 0; height: 19px; width: auto; float: left;}
#share-text-container {
	height: 19px;
	width: auto;}

a.share {
	margin: 0;
	height: 19px;
	width: auto;}
.shareup {position: absolute; top: 3px; left: 25px; z-index: 1;}
a.share:hover {}
a.share span {color: #000; height: 19px;}
a.share:hover span {color: #cc0000;}
.share-first {line-height: 1.0em; font-size: 0.8em;}
.share-last {line-height: 1.2em; font-size: 1.6em;}

/* -- fancybox -- */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox/fancybox.png');}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;}

.fancybox-title-over {
	color: #FFF;
	text-align: left;}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancybox/fancy_title_over.png');
	display: block;}

#fancybox-title-wrap {display: inline-block;}

#fancybox-title-wrap span {
	height: 32px;
	float: left;}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;}

#fancybox-left {left: 0px;}

#fancybox-right {right: 0px;}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;}

#fancybox-left-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -30px;}

#fancybox-right-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -60px;}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */}

#fancybox-left:hover span {left: 20px;}

#fancybox-right:hover span {
	left: auto;
	right: 20px;}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -162px;}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
	background-position: -20px 0px;}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -182px;}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -20px;}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -142px;}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -122px;}

.ifr.fancybox {width: 300px; height: 400px;}

/* IE */

#fancybox-loading.fancybox-ie div {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_progress.png', sizingMethod='scale');}
.fancybox-ie #fancybox-close {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_closebox.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-over {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1;}
.fancybox-ie #fancybox-title-left {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-main {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-right {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie #fancybox-left-ico	 {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie #fancybox-right-ico {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie .fancy-bg {background: transparent !important;}
.fancybox-ie #fancy-bg-n {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-ne {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-e {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-se {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-s {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-sw {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-w {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-nw {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png', sizingMethod='scale');}

/* list */

.bullet-list {}
ul.bullet-list {list-style: none; margin: 10px 0 5px 10px;}
li.bullet-list {background:url(../images/universal/bullet.gif) 0 7px no-repeat; padding: 0 0 0 15px;}

/* -- forms -- */

#form-wrapper {
	margin: 20px 0 0 0;
	height: auto;
	width: 510px;
	float: left;}
	
.req {color: #af3c6c;}

#req-push {margin: 0 237px 0 0; font-size: 0.7em;}

input:focus, input:hover, input.sffocus, textarea:focus, textarea:hover, textarea.slfocus {border: 1px solid #af3c6c;}

.label-container {
	padding: 5px 0 0 0;
	height: 25px;
	width: 70px;
	font-size: 0.8em;
	color: #4b4b4b;
	vertical-align: top;}

.labelwide-container {
	height: 130px;
	width: auto;
	color: #000;
	font-size: 0.8em;
	color: #4b4b4b;
	vertical-align: top;}
	
.message-container {
	height: 130px;
	width: 200px;}
	
.action-container {
	height: auto;
	width: auto;
	color: #000;
	font-size: 0.8em;
	color: #4b4b4b;
	vertical-align: top;}
	
.field-container {
	width: 200px;
	height: 38px;}

.field-container-alt {
	padding: 0 0 3px 0;
	text-align: right;
	height: 50%;
	font-size: 0.7em;
	color: #333;
	width: auto;}
	
.field {
	margin: 0 0 10px 0;
	padding: 4px 5px 0 5px;
	height: 20px;
	width: 185px;
	font-size: 0.8em;
	color: #392313;
	background: #fff;
	border: none;}

.gecko .field {padding: 3px 5px 3px 5px; height: 18px;}

.message {
	padding: 5px;
	height: 110px;
	width: 390px;
	font-size: 0.8em;
	color: #392313;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	background: #fff;}

.btn-container {
	margin: 10px 5px 0 0;
	padding: 0;
	height: 23px;
	width: auto;
	display: inline;
	float: left;}

.btn {
	background:#af3c6c;
	display:block;
	float:left;
	height:24px;
	width:auto;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	color: #fff;
	border-style: none;
	cursor: pointer;}
.btn:hover {background:#392313; cursor: pointer; border: none;}