/*
--------------------------------------------------------------------------------
	
	Amyst Design Company
	---
	For:     ARTWORK International, Chantal Maltais Oei
	Date:    2009-10-28
	Revised: 
	Version: 0
	
	Description:
	Global browser CSS renderer reset

-------------------------------------------------------------------------------- 
*/

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
    visibility: hidden;
  }
}
/*
--------------------------------------------------------------------------------
	
	Amyst Design Company
	---
	For:     ARTWORK International, Chantal Maltais Oei
	Date:    2009-10-28
	Revised: 
	Version: 0

-------------------------------------------------------------------------------- 
*/

body {
	background-color: #111;
	background-position: top center;
	color: #ccc;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	padding: 12px 0 8px 0;
	margin-bottom: 10px;
	font-size: 25px;
	color: #999;
}

h2 {
	font-size: 18px;
	color: #999;
	margin: 10px 0;
}

h2.gap-right {
	margin-right: 400px;
}

h2 + p.subtitle {
	margin-top: -15px; font-style: italic; color: #666;
}

h3 {
	font-size: 14px;
	color: #999;
	font-weight: normal;
	padding-bottom: 2px;
	margin: 20px 0 5px 0;
}

hr {
	border: none;
	border-top: 1px dotted #555;
}

p {
	margin-bottom: 10px;
	line-height: 1.25em;
	text-align: justify;
}

p + h2 {
	margin-top: 30px;
}

label {
	display: block;
	color: #555;
	margin-bottom: 3px;
}

input[type="text"], input[type="password"], select, textarea {
	width: 250px;
	background-color: transparent;
	background-image: url('../images/trans/bg-trans-b-20.png');
	margin-bottom: 10px;
	padding: 3px 5px;
	font-size: 13px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #333;
}

input[type="text"].error, input[type="password"].error, select.error, textarea.error {
	border-left: 4px solid #f55;
}

a {
	cursor: pointer;
	color: #777;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

form div.errors {
	color: #F55;
	font-style: italic;
	display: none;
	margin: 10px 0;
}

form div.errors ul {
	margin-top: 5px;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}

#inner-wrapper {
	margin: 0;
}

#header {
	height: 150px;
	background-image: url("../images/logo-chantal-maltais-oei.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}

#menu-feed-button {
	margin: 8px 10px 0 0;
	float: right;
}

#menu {
	margin: 10px 0;
	height: 40px;
	/* background-image: url('../images/trans/bg-trans-w-10.png'); */
	background-color: #222;
	font-size: 11px;
	font-weight: bold;
}

#menu ul {
	padding: 14px 0 0 14px;
}

#menu ul ul {
	display: none;
	position: absolute;
	margin-top: 8px;
	margin-left: -10px;
	padding: 5px;
	background-image: url('../images/trans/bg-trans-b-90.png');
	/* background-color: #111; */
	z-index: 10;
	font-weight: normal;
}

/* BEGIN IE FIX */
html.msie7 #menu ul ul {
	margin-left: -50px;
	margin-top: 25px;
}
/* END IE FIX */

#menu ul ul li {
	float: none;
	padding: 5px;
	z-index: 1001;
}

#menu ul:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}

#menu a {
	color: #999;
	text-decoration: none;
}

#menu a:hover {
	color: #fff;
}

#menu a.current {
	color: #fff;
}

#menu ul li {
	margin-right: 40px;
	float: left;
}

#content {
	margin-bottom: 10px;
}

#content:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}

#footer {
	margin-bottom: 100px;
	color: #333;
}

#footer div.two-column {
	width: 474px;
}

#footer div.three-column {
	width: 306px;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer a:hover {
	color: #666;
	text-decoration: underline;
}

#portfolio-next, #portfolio-prev {
	background-image: none;
	background-repeat: no-repeat; 
	background-position: center; 
	height: 455px; 
	width: 100px; 
	position: absolute; 
	z-index: 2;
	cursor: pointer;
}

#portfolio-prev {
	left: 0; 
}

#portfolio-next {
	right: 0;
}

#portfolio-fullsize-overlay {
	background-image: url(../images/portfolio-large-overlay.png);
	width: 690px;
	height: 455px;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

/* BEGIN IE FIX */
html.msie dl.portfolio-data {
	height: 455px;
}
/* END IE FIX */
dl.portfolio-data dt {
	color: #666;
	margin-bottom: 3px;
}

dl.portfolio-data dd {
	color: #fff;
	margin-bottom: 15px;
}

dl.portfolio-data dd.title {
	font-size: 14px;
}

div#portfolio-fullsize {
	background-color: #111111; 
	position:relative;
}

div#portfolio-fullsize img {
	z-index: 1;
}

div#portfolio-fullsize {
	width: 690px;
	height: 455px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-align: center;
}

div#portfolio-download-link {
	clear: both;
	margin-top:100px;
}


/* BEGIN IE FIX */
html.msie div#portfolio-download-link {
	position: absolute;
	bottom: 100px;
}
/* END IE FIX */

div#portfolio-social-links {
	position: absolute; 
	bottom: 0;
	margin-bottom: 10px;
}

/* BEGIN IE FIX */
html.msie7 div#portfolio-social-links {
	left: 10px;
}
/* END IE FIX */

div#portfolio-thumbs {
	margin-top: 15px;	
	width: 690px;
	padding: 10px;
	background-image: url('../images/trans/bg-trans-w-10.png');
}

/* BEGIN IE FIX */
html.msie7 div#portfolio-thumbs div.clear-fix { 
	height: 1px;
	clear: both;
}
/* END IE FIX */

div.portfolio-image-thumb, div.portfolio-image-thumb img {
	position: relative;
	float: left;
	margin: 0 10px 10px 0px;
	height: 45px;
	width: 45px;
}

div.portfolio-image-thumb img {
	border: #1c1c1c 2px solid;
}

div.portfolio-thumb {
	position: relative;
	float: left;
	margin: 0 5.5px 10px 3px;
}

div.portfolio-thumb:last-child {
	margin-right: 0;
}

div.portfolio-thumb,  div.portfolio-thumb div.portfolio-thumb-overlay, div.portfolio-thumb div.portfolio-thumb-round-overlay, div.portfolio-thumb img {
	width: 90px;
	height: 90px;
}

div.portfolio-thumb div.portfolio-thumb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/trans/bg-trans-b-60.png');
	z-index: 2;
}

div.portfolio-thumb div.portfolio-thumb-round-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/thumb-rounded-corners-overlay.png');
	z-index: 3;
}

div.portfolio-collections-listings {
	
}

div.portfolio-collections-listings div.portfolio-title {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
}

div.portfolio-collections-listings div.portfolio-details {

}

div.portfolio-collections-listings a div.portfolio-title {
	color: #ccc;
}

div.new-works-item {
	margin-bottom: 5px; 
	background-color: #333; 
	padding:5px;
}

div.new-works-item:hover {
	background-color: #444;
}

div.new-works-item img {
	float: left;
	margin-right: 5px; 
	width: 48px; 
	height: 48px;
	border: 2px solid #555;
}

div.new-works-item span.title {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

div.new-press-item {
	margin-bottom: 5px; 
	background-color: #333; 
	padding:5px;
}

div.new-press-item:hover {
	background-color: #444;
}

div.new-press-item img {
	float: left;
	margin-right: 5px; 
	width: 48px; 
	height: 48px;
	border: 2px solid #555;
}

div.new-press-item span.title {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

div.press-article {
	position: relative;
	float: left;
	margin: 5px 7px 5px 8px;
}

div.press-article div.corner-overlay {
	position: absolute;
	background-image: url('../images/press-rounded-overlay.png');
	height: 220px;
	width: 220px;
	z-index: 3;
}

div.press-article div.overlay {
	position: absolute;
	background-image: url('../images/trans/bg-trans-b-10.png');
	height: 220px;
	width: 220px;
	z-index: 2;
}

div.press-article img {
	z-index: 1;
}

dl.resume-items {
	line-height: 15px;
}

dl.resume-items:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
}

dl.resume-items dt {
	float: left; clear: left;
}

dl.resume-items dd {
	margin-left: 100px;
	margin-bottom: 20px;
}

ul.resume-index {
	width: 250px;	
}

ul.resume-index li {
	margin-bottom: 15px;
}

ul#site-map { 

}

ul#site-map li {
	line-height: 20px;
}

ul#site-map li li {
	margin-left: 20px;
	list-style-image: url('../images/icon-arrow-right.png');
}

dl.rss-feed-list dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dl.rss-feed-list dd {
	margin-bottom: 15px;
	color: #666;
}

a:hover div.new-works-item span.title {
	color: #FFF;
}

a:hover div.new-works-item span.medium {
	color: #ccc;
}

p.footnote {
	font-style: italic;
	color: #666;
	margin-top: 50px;
	font-size: 9px;
}

.content-box {
	padding: 10px;
	/* background-image: url('../images/trans/bg-trans-w-10.png'); */
	background-color: #222;
}

.firefox .content-box {
	min-height: 450px;
}

.gap {
	width: 10px;
}

.two-column { 
	float: left;
	width: 455px;
}

.three-column {
	float: left;
	width: 292px;
}

.content-box .float-right {
	margin: 0 0 10px 10px; 
}

.image-frame {
	padding: 10px;
	background-color: #1c1c1c;
}

.image-frame img {
	border: 3px solid #222;
}

.image-frame cite {
	display: block;
	margin: 10px 0;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-fix:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}

.hidden {
	display: none;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}