/* 
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */


/* FONT NORMALIZING */
/* fonts.css from the YUI Library: developer.yahoo.com/yui/ */
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* END FONT NORMALIZING */

/* BASE STYLES */
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; overflow-y: scroll; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
em { font-style: italic; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

/* TURN OFF TEXT SHADOW ON HIGHLIGHT */
::-moz-selection{ text-shadow: none; background: #486B4B; }
::selection { text-shadow: none; background: #486B4B; } 

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

a:link { -webkit-tap-highlight-color: #FF5E99; } 
/* END BASE STYLES */


/*/////////////////////////////////////////////////////////*/


/* PRIMARY STYLES
   Author: PUNCH MFG
*/
body { background: #000; }
header { background: #1c1c1c; width: 100%; height: 130px; }
header nav { width: 1070px; margin: 0 auto; position: relative; }
header .logo { right: 0; top: 15px; position: absolute; }
header nav ul { position: relative; top: 60px; left: 0; overflow: hidden; }
header nav ul li { float: left; padding: 0 15px; list-style-type: none; border-right: 1px solid #3e3d3d; border-right-width:thin; text-align: right; }
header nav ul li a:link, header nav ul li a:visited { display: block; padding:0 2px; font-weight: 100; font-family: "proxima-nova-1","proxima-nova-2",helvetica,sans-serif; font-size: 30px; line-height: 120%; color: #9dd29c; text-decoration: none; text-transform: uppercase; }
header nav ul li a:hover, header nav ul li a.active { display: block; padding: 0 2px; color: #c5d9c5; text-decoration: none; }
header nav ul li.last { }
header nav ul li a:link small, header nav ul li a:visited small { display: block; padding: 0; font-weight: 500; font-family: "museo-slab-1","museo-slab-2"; font-size: 11px; line-height: 100%; color: #aaa; text-decoration: none; text-transform: uppercase; }
header nav ul li a:hover small, header nav ul li a.active small { display: block; padding: 0; color: #c5d9c5; text-decoration: none; }
header nav img#sub { position: absolute; bottom: -95px; }
header nav img.about { left: 195px; }
header nav img.sculpture { left: 410px; }
header nav img.contact { left: 765px; }


#main { background: #131313; width: 100%; }
#maincontainer { width: 970px; margin: 0 auto; }
#main p { color: #aaa; font: 14px/200% Arial; }
#main p a:link, #main p a:visited, #main address a:link, #main address a:visited { color: #9dd29c; text-decoration: none; font-weight: bold; }
#main p a:hover, #main address a:hover { text-decoration: underline; }
#main p strong, #main h4 { font-weight: 500; font-family: "museo-slab-1","museo-slab-2"; font-size: 16px; color: #cbcbcb; }
#main h4 { padding: 15px 0; border-top: 1px solid #3e3d3d; }
#main h5 { font-weight: bold; color: #cbcbcb; padding: 5px 0; }
#main figure img { border: 1px solid #2e2e2e; }
#main figcaption { font: 14px Arial; color: #374936; display: block; padding-top: 10px; }
#main address { font: 14px/160% Arial; color: #848484; margin-bottom: 10px; }
#main .ralign { text-align: right; }
#main .lalign { text-align: left; }

nav#submenu { text-align: left; }
nav#submenu ul { margin: 0 0 25px 0; }
nav#submenu li { padding: 3px 0; }
nav#submenu li strong { font-size: 18px; padding: 0 0 0 5px; }
nav#submenu li a:link, nav#submenu li a:visited { color: #848484; text-transform: uppercase; font-family: "proxima-nova-1","proxima-nova-2",helvetica,sans-serif; font-size: 15px; text-decoration: none; }
nav#submenu li a:hover, nav#submenu li a.active { color: #fefefe; }


#home #main p { padding: 45px 0 75px 0; width: 750px; }
#home #maincontainer { }
#home #maincontainer section { padding: 20px; background-color: #fff; }
#home section nav a { text-decoration: none; display: block; text-align: right; margin-bottom: 25px; }
#home section nav a.last { margin-bottom: 0; }
#home section nav a:link span, #home section nav a:visited span { display: block; margin-top: 7px; padding-right: 30px; font-weight: 100; font-family: "museo-slab-1","museo-slab-2"; font-size: 16px; color: #000; text-decoration: none; background: url(../../graphics/icon_right.gif) no-repeat bottom right; }
#home section nav a:hover span { text-decoration: none; background: url(../../graphics/icon_right_o.gif) no-repeat bottom right; }
#home #maincontainer #imgmain { float: left; margin-right: 20px; }


#secondary #main { padding: 60px 0 40px 0; }
#secondary #main p { width: 475px; }
#secondary #maincontainer { }
#secondary #maincontainer hr { color: #3e3d3d; border-color: #3e3d3d; background-color: #3e3d3d; height: 1px; width: 750px; padding: 0; margin: 0 0 30px 0; display: block; }
#secondary section.left { width: 230px; float: left; margin-right: 30px; }
#secondary section.left address { line-height: 185%; }
#secondary section.left address img { margin-bottom: -2px; }
#secondary section.right { width: 475px; float: left; }
#secondary section.full { clear: both; }
#secondary section.vertical-padding { padding: 15px 0; }


.sculpture section.full { padding-top: 50px; }
.sculpture section.full figure { float: left; padding: 10px; background: #fff; margin-right: 20px; text-align: right; }
.sculpture #main section nav a:link figcaption, .sculpture #main section nav a:visited figcaption { display: block; padding-right: 30px; font-weight: 100; font-family: "museo-slab-1","museo-slab-2"; font-size: 16px; color: #000; text-decoration: none; background: url(../../graphics/icon_right.gif) no-repeat bottom right; }
.sculpture #main section nav a:hover figcaption { text-decoration: none; background: url(../../graphics/icon_right_o.gif) no-repeat bottom right; }

.process #main section.left figure { text-align: right; padding: 25px 0; }
.process #main h5 { font-weight: 100; font-family: "proxima-nova-1","proxima-nova-2",helvetica,sans-serif; font-size: 30px; color: #9dd29c; }

#gallery { width: 950px; }
#gallery header { background: #222; padding: 10px; width: auto; height: 30px; position: relative; }
#gallery { background: #fff; border-top: 1px solid #3e3d3d; }
#gallery h1 { font-weight: 500; font-family: "museo-slab-1","museo-slab-2"; font-size: 22px; color: #bababa; float: left; }
#gallery h2 { float: left; font: normal 14px arial; padding: 7px 0 0 10px; }
#gallery section { padding: 10px 0 10px 10px; position: relative; }
#gallery img#medium { border: none; z-index: 9; position: relative; }
#gallery figure { display: block; float: left; margin-right: 10px; padding: 0; width: 460px; height: 460px; background: url(../../graphics/loader.gif) no-repeat center center; position: relative; }
#gallery header nav { width: auto; float: right; padding: 5px 15px 0 0; }
#gallery header nav ul { position: static; }
#gallery header nav li { cursor: pointer; border: none; padding: 0 8px; color: #666; font-size: 16px; }
#gallery header nav li:hover { color: #d3d3d3; }
#gallery header nav li.active { color: #d3d3d3; }
ul#gallist { padding: 0; margin: 0; list-style-type: none; float: left; width: 470px; }
ul#gallist li { position: relative; width: 145px; height: 145px; float: left; margin: 0 10px 12px 0; cursor: pointer; }
ul#gallist .clr { position: absolute; top: 0; left: 0; z-index: 99; }
#galleryzoom li { display: none; }
#galleryzoom li { position: absolute; list-style-type: none; padding: 10px 10px 5px 10px; margin: 0; background: #fff; top: 0; left: 0; z-index: 99; }


footer { background: #000; width: 100%; min-height: 600px; }
footer h2 { font-weight: 100; padding-top: 30px; font-family: "proxima-nova-1","proxima-nova-2","helvetica narrow",sans-serif; font-size: 40px; color: #374936; }
footer nav { width: 710px; float: right; }
footer nav ul { text-align: right; }
footer nav li { display: inline; list-style-type: none; margin: 0; padding: 0 8px; font: normal 12px Arial; color: #333; border-right: 1px solid #3e3d3d; border-right-width:thin; }
footer nav li a:link, footer nav li a:visited { font: normal 12px Arial; color: #9dd29c; text-decoration: none; }
footer nav li a:hover { text-decoration: underline; color: #c5d9c5; }
footer nav ul li.last { border: none; }
footer .logo { position: absolute; left: 185px; top: -25px; }
#footercontainer { width: 960px; margin: 0 auto; }
#footercontainer p { float: left; width: 230px; }
#footermeta { margin: 75px 0 25px 0; padding: 35px 0; border: 1px solid #3e3d3d; border-width: 1px 0; position: relative; }
#footermeta address { margin: 0 0 0 455px; font-weight: 100; font-style: normal; font-family: "museo-slab-1","museo-slab-2"; font-size: 14px; color: #aaa; line-height: 185%; }
#footermeta address img { margin-bottom: -2px; }
#footermeta address span { display: block; float: left; width: 250px; }
#footermeta a:link, #footermeta a:visited, #footermeta a:hover { color: #9dd29c; text-decoration: none; }

#logopunch { clear: both; display: block; padding-top: 65px; padding-bottom: 35px; }
#logopunch img { }


/* FORM ELEMENTS */
form { font: 15px "Arial"; color: #374936; padding: 10px 0; }
#errorreq { display: none; }
#errorreq p { color: #fff; font-size: 16px; text-transform: uppercase; font-weight: bold; }
div.felement, div.fselect { float: left; width: 230px; margin: 10px 0; padding: 0 6px 0 0; }
div.farea { clear: both; }
fieldset { }
textarea { width: 440px; height: 100px; }
select { display: block; width: 210px; height: 30px; margin: 10px 0; cursor: pointer; }
option { }
input.highlight, select.highlight, textarea.highlight { border: 3px solid #ff0000; }
input { width: 200px; }
input, textarea { display: block; background: #bababa; padding: 3px; margin: 10px 0; }
input.fcheckbox { display: inline; width: 20px; height: 20px; background: none; }
input.fsubmit { font-weight: 100; font-family: "proxima-nova-1","proxima-nova-2",helvetica,sans-serif; font-size: 40px; text-transform: uppercase; color: #9dd29c; background: none; border: none; text-align: left; }
input[type="radio"] { }
input[type="checkbox"] { }
label, input[type="button"], input[type="submit"], button { cursor: pointer; }
button { width: auto; overflow: visible; }






/* END PRIMARY STYLES */

/* IE FIXES */
.ie header nav ul li { padding: 0 14px; }
.ie header nav ul li a:link, .ie header nav ul li a:visited, .ie header nav ul li a:hover, .ie header nav ul li a.active { padding: 0 1px; }
.ie header nav ul li a:link small, .ie header nav ul li a:visited small { font-family: Verdana; }
.ie #secondary #maincontainer hr { margin-left: -225px; }

/* END IE FIXES */





/*/////////////////////////////////////////////////////////*/


/* PRINT STYLES */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}
/* END PRINT STYLES */


/*/////////////////////////////////////////////////////////*/


/* MEDIA QUERIES */
@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}

@media screen and (device-width: 768px) {
  
  
  /* Prevent iOS from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}

/* END MEDIA QUERIES */


/*/////////////////////////////////////////////////////////*/