*.wipe { clear: both !important; border-width: 0 !important; margin: 0 !important; padding: 0 !important; width: auto !important; }
*.hidden { display: none; }

a { color: #fff; text-decoration: none; }
a:hover { color: #ccc; }
h1 a, li a, body.portfolio div.portfolio-images a { outline: none; }

html { background-color: #16191d; }
body { background: #16191d url(/images/main.png) no-repeat; /* background-attachment: fixed; */ margin: 0; }


/* flash */
body.home { overflow: hidden; }
body.home div#flash-base { height: 750px; width: 1000px; }

body { min-height: 750px; width: 1000px; }  /* was div.main */
body div#flash-base { height: 200px; width: 1000px; }
body div#spacer { height: 66px; width: 1000px; }


div.container { margin: 0 0 0 374px; width: 568px; }

div#header h1 { position: absolute; left: 105px; margin: 42px 0 0 0; text-indent: -9999px; }
div#header h1, div#header h1 a { height: 52px; width: 270px; }

h1 a { position: relative; z-index: 100 !important; width: 100px; background: white; }

div#content {
    width: 568px;
/* ---	position: absolute; --- */
	z-index: 10;
	top: 200px;
    left: 374px;
}
body.home div#main { display: none !important; }
body.home div#footer { display: none; }

body.about div#content { color: #999; position: absolute; top: 200px; }
body.about div#content h2 { margin-bottom: 230px; }

div#inner-content { height: 330px; overflow: auto; }

div.portfolio { float: left; margin-left: -2px; margin-bottom: 36px; width: 380px; }

div.current-portfolio { float: left; position: relative; top: 0px; right: 264px; width: 650px; }
div.current-portfolio p#p-img-before, div.current-portfolio p#p-img-after, div.current-portfolio div.p-video div {
	cursor: pointer; float: left; margin: 0; width: 650px;
}
div.current-portfolio div.p-video div { cursor: default; }
div.current-portfolio p img, div.current-portfolio div.p-video div { margin: 0; }

/*div.current-portfolio div.p-video div embed { left: -650px; }*/

div.current-portfolio p.p-image img, div.current-portfolio div.p-video div { position: relative; left: 50%; }
div.current-portfolio p.p-image, div.current-portfolio div.p-video { width: 650px; }
div.current-portfolio p.inactive { display: none; }
div.current-portfolio p.current { display: block; }

div#portfolio-toggle { position: relative; top: 10px; margin: 0 auto; width: 104px; }
div#portfolio-toggle p { margin: 0; padding-bottom: 0; }
div#portfolio-toggle p, div#portfolio-toggle p a { display: block; height: 27px; }
div#portfolio-toggle p a { outline: none; }

div#portfolio-toggle p#p-text-before, div#portfolio-toggle p#p-text-after { background: url(/images/before-after.gif) no-repeat; float: left; text-indent: -9999px; width: 52px; }
div#portfolio-toggle p.no-img { background-image: none !important; }

div#portfolio-toggle p#p-text-before.current { background-position: 0 -28px; }
div#portfolio-toggle p#p-text-before.inactive { background-position: 0 0; }

div#portfolio-toggle p#p-text-after.current { background-position: 100% -28px; }
div#portfolio-toggle p#p-text-after.inactive { background-position: 100% 0; }


div#portfolio-toggle ul#p-text-colors { float: left; font-size: 0.9em; list-style-type: none; position: relative; top: -22px; left: 210px; text-align: right; text-transform: uppercase; width: 150px; }
div#portfolio-toggle ul#p-text-colors li { display: inline; margin-left: 5px; }
div#portfolio-toggle ul#p-text-colors li a { padding: 3px; }
/* div#portfolio-toggle ul#p-text-colors li a.current { background-color: #2e2e2e; } */
div#portfolio-toggle ul#p-text-colors li.black a { color: #fff; }
div#portfolio-toggle ul#p-text-colors li.red a { color: #900; }
div#portfolio-toggle ul#p-text-colors li.blue a { color: #66c; }


div.portfolio-images { float: left; margin-left: 44px; width: 136px; }
/* div.portfolio-images ul { display: none; } */
div.portfolio-images ul, div.portfolio-images ol { float: left; list-style-type: none; margin: 0; }
div.portfolio-images ul { margin-bottom: 15px; }
img { background-color: #16191d; }
div.portfolio-images ul li, div.portfolio-images ul li a, div.portfolio-images ul li img { height: 40px; width: 40px; }
div.portfolio-images ul li { float: left; margin: 0; padding: 0 8px 8px 0; }
div.portfolio-images ul li.last { padding-right: 0; }
div.portfolio-images li a { display: block; text-indent: -9999px; }

div.portfolio-images h3 { float: left; }
div.portfolio-images ol { float: right; }

div.portfolio-images ol, div.portfolio-images ol li a.current, div.portfolio-images ol li a:hover { background: url(/images/numbers.gif) 0 -38px no-repeat; /* -10px */ }
div.portfolio-images ol li { float: left; margin-right: 11px; }
div.portfolio-images ol li, div.portfolio-images ol li a { height: 8px; width: 5px; }

div.portfolio-images ol li.page-1, div.portfolio-images ol li.page-2 a { height: 8px; width: 5px; }
div.portfolio-images ol li.page-1 a, div.portfolio-images ol li.page-1 a:hover, div.portfolio-images ol li.page-1 a.current { background-position: 0 -38px; }

div.portfolio-images ol li.page-2 { margin-right: 10px; }
div.portfolio-images ol li.page-2, div.portfolio-images ol li.page-2 a { height: 8px; width: 6px; }
div.portfolio-images ol li.page-2 a, div.portfolio-images ol li.page-2 a:hover, div.portfolio-images ol li.page-2 a.current { background-position: -16px -38px; }

div.portfolio-images ol li.page-3 { margin-right: 10px; }
div.portfolio-images ol li.page-3, div.portfolio-images ol li.page-3 a { height: 8px; width: 5px; }
div.portfolio-images ol li.page-3 a, div.portfolio-images ol li.page-3 a:hover, div.portfolio-images ol li.page-3 a.current { background-position: -32px -38px; }

div.portfolio-images ol li.page-4, div.portfolio-images ol li.page-4 a { height: 8px; width: 6px; }
div.portfolio-images ol li.page-4 a, div.portfolio-images ol li.page-4 a:hover, div.portfolio-images ol li.page-4 a.current { background-position: -47px -38px; }

div.portfolio-images ol li.last { margin-right: 0; }

div.portfolio-images div.pages { margin: 0 auto; width: 41px;  /* width: 31px; */ }  /* IE 6 workaround: text-align: center; */
div.portfolio-images div.pages p { float: left; margin: 0; text-align: left; text-indent: -9999px; }
div.portfolio-images div.pages p a { display: block; }


div.portfolio-images div.pages p.previous, div.portfolio-images div.pages p.previous a:hover { background: url(/images/arrows.gif) no-repeat; }
div.portfolio-images div.pages p.previous, div.portfolio-images div.pages p.previous a { height: 8px; width: 15px; }
div.portfolio-images div.pages p.previous a:hover { background-position: 0 100%; }
div.portfolio-images div.pages p.no-previous { background-image: none; }

div.portfolio-images div.pages p.next, div.portfolio-images div.pages p.next a:hover { background: url(/images/arrows.gif) 100% 0 no-repeat; }
div.portfolio-images div.pages p.next, div.portfolio-images div.pages p.next a { height: 8px; width: 16px; }
div.portfolio-images div.pages p.next a:hover { background-position: 100% 100%; }
div.portfolio-images div.pages p.no-next { background-image: none; }



blockquote q { font-size: 1.2em; }
q:before { content: "\201C"; }
q:after { content: "\201D"; }

cite:before { content: "\2014"; }
cite { color: #999; display: block; font-size: 0.8em; font-style: normal; font-variant: small-caps; padding-right: 0.9em; text-align: right; text-transform: uppercase; }
cite strong { color: #ccc; }
div#header cite { color: #ddd; font-size: 0.6em; padding-right: 1em; }

address { color: #999; font-style: normal; }

img { display: block; }
tt, code { display: inline; }
form legend { display: none; }

h2, h3, h4, h5, h6 { color: #fff; line-height: 1em; }
h2 { font-weight: bold; margin: 15px 0 30px 0; text-transform: uppercase; }
h3 { color: #bbb; }
div.portfolio-images h3.retouching { background: url(/images/retouching.gif) no-repeat; height: 8px; width: 75px; text-indent: -9999px; }
div.portfolio-images h3.illustration { background: url(/images/illustration.gif) no-repeat; height: 8px; width: 83px; text-indent: -9999px; }
div.portfolio-images h3.cgi { background: url(/images/cgi.gif) no-repeat; height: 8px; width: 20px; text-indent: -9999px; }
h4 { color: #999; }

body.home h2 { display: none; }


div#footer { border-top: #666 1px solid; color: #999; font-size: 11px; margin-top: 60px; padding-top: 20px; /* margin-top: 60px; padding-top: 40px; */ text-transform: uppercase; }
body.portfolio div#footer { margin-top: 15px; /* margin-top: 30px; */ }
body.home div#footer, body.about div#footer { border-top-color: #999; color: #bbb; position: absolute; margin-top: 0; top: 600px; }
body.about div#footer { border-top-color: #666; color: #999; }

body.testimonials blockquote { border-bottom: #333 1px solid; padding-bottom: 15px; }

span.phone { color: #aaa; }
body.contact p#contact-map { margin: -52px 0 0 0; }