/* @group 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, 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; font-weight: normal;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* global reset */
a:focus {outline:none}/*this avoids having image replacement sections display a dotted outline*/
/* @end */

/* @group Structure */
html, body {height: 100%; 	background:#fff;}
#wrapper {min-height: 100%; height: auto !important; height: 100%;  margin: 0 0  -90px 0; }
#push { height: 90px;}

#header {background: #000 url(../img/header-bg.png) repeat-x; border-bottom: 1px solid #5b5b5b; }
#header-inner {position: relative; background:url(../img/header-center-bg.jpg) no-repeat 0 0;}

#sub-header {min-height:150px; height:auto !important; height:150px; background: transparent url(../img/sub-header-bg.png) repeat-x;}
#sub-header-inner { min-height:150px; height:auto !important; height:150px; background: transparent url(../img/sub-header-center-bg.jpg) no-repeat 0 0;}

/* Logo*/
#logo {text-align:left;text-indent:-9999px;}
#logo h1 a {display:block; width:462px; height:57px; margin: 21px 0 0 0; background: url(../img/innuit-logo.png) no-repeat 0 0;}

#content-front {padding: 0 0 30px 0;}
#content-sub {padding: 50px 0 30px 0;}

#box-holder {margin: 0 0 40px 0;}

#links {margin: 30px 0 0 0;}
#links a {margin-right: 10px;}
#links #last img {float:right; text-align:right;}

#left-box-inner {min-height:105px; height:auto !important; height:105px; background:#000 url(../img/front-left-box-round-coners.png) 0 0 no-repeat; }
#right-box-inner {min-height:105px; height:auto !important; height:105px; background:#000 url(../img/front-right-box-round-coners.png) 0 0 no-repeat;}

#left-box-left-content { float:left; width:340px; padding: 10px 0 0 20px; /* changed width from 270 to 340 - drino */}
#left-box-right-content { float:right; width: 200px; padding: 5px 5px 0 0;} /* changed width from 230 to 200 - drino */

#right-box-left-content {float:left; width:105px; padding: 25px 0 0 10px; text-align:center; }
#right-box-right-content {float:right; width: 200px; padding: 5px 5px 0 0;}

#exhibit { margin: 0 0 40px 0;}

#black-header {background: #000 url(../img/black-header-round-coners.png) 0 0 no-repeat; margin: 0 0 20px 0; padding:5px 0 0 0;}
#black-header #left-content { float:left; padding: 8px 0 0 0;}
#black-header #right-content { float:right; }
#black-header #right-content img { margin: 0 0 0 0; padding: 0 5px 0 0;}

#footer {clear:both; height:90px;}
#footer-inner {padding: 30px 0 0 0;  background:url(../img/footer-bg.png) no-repeat center 0;}
#footer-right {text-align:right;}


/* @end */

/* @group Nav */
#navigation_primary {margin: 0; padding: 42px 0 45px 0;}
#navigation_primary ul { float:right;}
#navigation_primary li {display: inline;}
#navigation_primary li a { display: block; float: left; padding:  0 12px 0 0; margin: 0  9px 0 0; color: #fff;  font-size: 16px; text-decoration: none; background: url(../img/menu-separator.png) no-repeat right 5px;}
#navigation_primary li a:hover {color: #66ccff;}
#navigation_primary li a.current { color: #66ccff;}
#navigation_primary li a#n_home { background: none; margin-right: 0; padding-right: 0;}

/* ----------------- */

#navigation_secondary {margin: 115px 0 0 0;}
#navigation_secondary ul { float:right;}
#navigation_secondary li {display: inline;}
#navigation_secondary li a { display: block; float: left; padding:  0 14px 5px 0; margin: 0 11px 0 0; color: #fff;  font-size: 19px;  text-decoration: none; background: url(../img/menu-separator.png) no-repeat right 5px;}
#navigation_secondary li a:hover {color: #66ccff;}
#navigation_secondary li a.current { color: #66ccff;}
#navigation_secondary li a#n_drawings { background: none; margin-right: 0; padding-right: 0;}

/* @end */

/* @group Typography */
body {font: 75%/16px 'Trebuchet MS', Helvetica, sans-serif; color: #666;}
p {font-size: 14px; line-height: 20px;  margin: 0 0 16px 0; }
a {color:#0380b1; text-decoration:none;}
a:hover {color:#000;}

#content-sub ul { margin: 20px 0 20px 15px; list-style-type: disc; list-style-position:outside;}
#content-sub li { margin: 0 0 6px 0; font-size:14px;  }
#content-sub ul.no-bullets { list-style-type:none; margin:0 0 20px 0;}

#content-sub ul.right-list {list-style-type:none; margin:20px 0 0 0; }
#content-sub ul.right-list li {list-style-type:none; margin: 0 0 0 0; padding: 7px 0; border-bottom:1px solid #dfdfdf; font-family: Georgia, "Times New Roman", Times, serif; }



#sub-header h2 {font: 22px 'Trebuchet MS', Helvetica, sans-serif; margin:110px 0 5px 0; color:#fff;}
#sub-header h2 span {color:#66ccff;}

#content-sub h3 {font: 20px 'Trebuchet MS', Helvetica, sans-serif; margin:0 0 15px 0; color:#034e6b;}
#content-sub h3.black {color:#000;}

#content-sub h4 {font: 17px 'Trebuchet MS', Helvetica, sans-serif; margin:0 0 7px 0; color:#034e6b;}
#content-sub h5 {font: 16px 'Trebuchet MS', Helvetica, sans-serif; margin:0 0 5px 0; color:#034e6b;}

#content-sub blockquote { font: italic 14px/20px  Georgia, "Times New Roman", Times, serif; } 
#content-sub blockquote span.author { display:block; margin: 10px 0 0 0;} 

#black-header h3 { color:#fff; margin: 0 0 0 0; padding: 0 0  0 15px;}


.black { color:#000;}
.blue { color:#034e6b;}
.large { font-size:17px; line-height:24px;}


/* Left Box Front */
#left-box h2 {font: 18px 'Trebuchet MS', Helvetica, sans-serif; margin:0 0 5px 0; color:#000;}

#left-box-left-content h3 {font: 17px  Georgia, "Times New Roman", Times, serif; letter-spacing:1px;   margin:0 0 5px 0; color:#fff; }
#left-box-left-content h3 a {color:#fff;}
#left-box-left-content h3 a:hover {color:#06cbfa;}

#left-box-left-content p { font: 14px/16px Georgia, "Times New Roman", Times, serif;  color:#fff;}
#left-box-left-content p a {color:#fff;}
#left-box-left-content p a:hover {color:#06cbfa;}

/* --------------------- */

/* Right Box Front */
#right-box h2 {font: 18px 'Trebuchet MS', Helvetica, sans-serif; margin:0 0 5px 0; color:#000;}

#right-box-left-content h3 {font: 17px  Georgia, "Times New Roman", Times, serif; letter-spacing:1px;   margin:0 0 5px 0; color:#fff;}
#right-box-left-content h3 a {color:#fff;}
#right-box-left-content h3 a:hover {color:#06cbfa;}

#right-box-left-content p { margin: 0 0 5px 0; font: 14px/16px Georgia, "Times New Roman", Times, serif;  color:#fff;}
#right-box-left-content p a {color:#fff;}
#right-box-left-content p a:hover {color:#06cbfa;}

/* --------------------- */

/* Images and Stuff */

#content-sub img.border {margin: 0 0 16px 0; border: 6px solid #000; }
#content-sub .float-left { float:left; margin: 0 15px 15px 0; }


#gallery a { display:block; width: 100px; height:88px; padding:6px; background:url(../img/gallery-th-bg.png) no-repeat; }
#gallery img { margin: 0 0 10px 0; border: none;  }
#gallery .thumb span {display:block;}
#gallery .thumb { position:relative;  float:left; width: 100px; min-height:180px; height:auto !important; height:180px; margin: 0 20px 10px 0; display:inline; padding:0;}

#gallery span.desc {display:none;}
#gallery span.sold { display:block; color:#ff0000;}

.pp_description span.id, .pp_description span.size, .pp_description span.notes { font-size:12px; padding: 0 4px 0 4px; }
.pp_description span.name { padding: 0 4px 0 0; font-weight:bold; font-size:12px;}
.pp_description span.price {padding: 0 4px 0 4px; font-weight:bold; font-size:12px; }
.pp_description span.sold {padding: 0 4px 0 4px; font-weight:bold; color:#ff0000; font-size:12px; }

.rightmargin {margin-left:20px;}
/* @end */

/* @group Various */



hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

