/*---------------
MASTER STYLESHEET
---------------*/

/*Reset
==============================*/
body, h1, h2, h3, p, ul, ol, li, form {margin: 0; padding: 0;}
form, form p, form input, form button, form button img {vertical-align: bottom; }
ul, form, form input p {line-height: 1; }
h1, h2, h3, p, form, form label, form input, form button, li {line-height: 1.2; }
form input {padding: 1px; margin: 0px;  }
/*Fonts
==============================*/
body {font-family: Arial, Helvetica, sans-serif; background-color:#b2b2b2; margin:10px 0 0 0; padding:0px;  }
h1, h2, h3 {font-family: Arial, Helvetica, Verdana, sans-serif;}
/*General
==============================*/
body {text-align: center; font-size: 62.5%;}
h1 {color:white; margin:0 0 10px 0; padding:0px; font-size:2.2em; line-height:1.1; text-transform:uppercase;  }
h2 {font-size: 1.4em; line-height:1.1;  margin: 0 0 10px 0; text-transform:uppercase; }
p {font-size: 1.1em; line-height: 1.2; margin: 0 0 10px 0; color:#666666; }
ul {font-size: 1.1em;}
li {}
a, a:hover {color: white; text-decoration: none;}
a:hover {color: white; text-decoration: underline;}
a img {border: none;}
.clear {height: 0px; font-size: 1%; width: 100%; clear: both;}
.alignleft {float: left;}

/*Main Layout Elements
==============================*/
#wrapper {text-align: left; width: 960px; overflow: visible; height: auto; margin: 0 auto 0 auto; position: relative;}

#header {height: 189px; width: 940px;  margin:0 0 12px 0; padding:0px; background-repeat:no-repeat; background-position:top left; position:relative; }
#portfolio #header {background-image: url(../images/bgrd-portfolio-image.jpg);}
#products #header {background-image: url(../images/bgrd-portfolio-image.jpg);}
#exhibitions #header {background-image: url(../images/bgrd-exhibitions-image.jpg);}
#home #header {height: 501px; background-image: url(../images/bgrd-home-image.jpg); }
#contact #header { background-image: url(../images/bgrd-contact-image.jpg); }
#statement #header {background-image: url(../images/bgrd-statement-image.jpg); }

#content-wrapper {background-color:#bfbfbf; overflow:hidden; width:900px; margin:0px; padding:20px 20px 20px 20px;   }
#block_1 {overflow: visible; height: auto; width: 642px; float: left; }
#home #block_1 {background: url(../images/bgrd-divider.gif) repeat-y top right; }
#products #block_1 {width:960px; }
#content-wrapper #block_1 {overflow:hidden; width:612px; margin:0px; padding:0px;}
#portfolio #content-wrapper #block_1 { background: url(../images/bgrd-divider.gif) repeat-y top right; }
#exhibitions #content-wrapper #block_1 { background: url(../images/bgrd-divider.gif) repeat-y top right; }
#statement #content-wrapper #block_1  { background: url(../images/bgrd-divider.gif) repeat-y top right; }
#contact #content-wrapper #block_1  { background: url(../images/bgrd-divider.gif) repeat-y top right; }
#block_2 {overflow: visible; height: auto; float: left; width: 280px; margin:0 0 0 17px;}

#content-wrapper #block_2 {overflow: visible; height: auto; float: left; width: 270px; margin:0 0 0 17px;   }

#footer {width: 940px; height: auto; overflow: visible; clear: both; position: relative; margin:0px; padding:20px 0 10px 0; text-transform:uppercase;  }
/*Specific Styles
==============================*/
#accessibility {position: absolute; font-size: 0.0em; text-indent: -5000em; height:0px; top:-50px; left:0px;  }
#header h1 {display: block; width: 940px; height: 100%; margin:0px; padding:0px; }
#header #headerLink {display: block; width: 940px; height: 100%; text-indent: -5000em; overflow: hidden; }

#home-nav {position:absolute; top:18px; left:20px; height:270px; }
#home-nav li {margin:0 0 3px 0px; padding:0px; height:43px; width:460px; list-style:none; }
#home-nav li a, #home-nav li a:hover {background: url(../images/bgrd-menu.png) no-repeat top left; display:block; height:43px; width:460px;  overflow:hidden; text-indent:-5000em; }
#home-nav li.one a {background-position:0px -20px; }
#home-nav li.one a:hover, #home-nav li.one a.selected {background-position:0px -300px; }
#home-nav li.two a {background-position:0px -64px; }
#home-nav li.two a:hover, #home-nav li.two a.selected {background-position:0px -344px; }
#home-nav li.three a {background-position:0px -152px; }
#home-nav li.three a:hover, #home-nav li.four a.selected {background-position:0px -432px; }
#home-nav li.four a {background-position:0px -108px; }
#home-nav li.four a:hover, #home-nav li.three a.selected {background-position:0px -388px; }
#home-nav li.five a {background-position:0px -196px; }
#home-nav li.five a:hover, #home-nav li.five a.selected {background-position:0px -476px; }
#home-nav li.six a {background-position:0px -240px; }
#home-nav li.six a:hover, #home-nav li.six a.selected {background-position:0px -520px; }

#inner-nav {margin:0px; padding:0px; position:absolute; bottom:-3px; left:22px; font-size:3.0em; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height:1; }
#inner-nav li {list-style:none; margin:0 10px 0 0; padding:0px; float:left; line-height:1;}
#inner-nav li a, #inner-nav li a:hover {color:white; text-transform:uppercase;   }
#inner-nav li a:hover, #inner-nav li a.selected {color:#75c7b9; text-decoration:none; }

#block_1 h1 {color:white; margin:0 0 10px 0; padding:0px; font-size:2.2em; line-height:1.1;   }
#content-wrapper #block_1 .line {width:610px; clear:both; margin:0 0 30px 0; padding:0 0 0px 0px; float:left; }
#content-wrapper #block_1 .line img {float:left; margin:0px; padding:0px;  }
#content-wrapper #block_1 .line h2 {margin:0 5px 5px 155px; padding:0px; color:white;  font-size:2.2em; line-height:1.1; }
#content-wrapper #block_1 .line p {margin:0 5px 5px 155px; padding:0px; }

#block_1 img {float:right; margin:0 20px 20px 0px; padding:0px; }
#block_1 p {margin:0 20px 10px 0px; padding:0px; font-size:1.1em;  }
#block_1 h2 {margin:0 10px 10px 0px; padding:0px; font-size:2.2em; color:white; line-height:1.1; text-transform:uppercase; }


#block_1 .box {width:320px; float:left; height:14em; position:relative; }
#block_1 .box img {float:left; top:0px;  left:0px; margin:0px; padding:0px;  }
#block_1 .box p {margin:0 10px 5px 112px; padding:0px; font-size:1.1em;  }
#block_1 .box h2 {margin:0 10px 5px 112px; padding:0px; font-size:1.3em; color:#666666; line-height:1.1; text-transform:capitalize; }
#block_1 .box h3 {margin:0 10px 5px 112px; padding:0px; font-size:1.3em; color:#666666; line-height:1.1; text-transform:capitalize; }
#block_1 .box h2 a {color:#666666;}
#block_1 .box h3 a {color:#666666;}
#block_1 .nav_categories li {list-style: none;}
#block_1 a.prod-image, #block_1 a.prod-image:hover {width:220px; float:left; height:157px; text-decoration:none; margin:0 20px 20px 0; padding:0px;  }
#block_1 .prod-image img {float:left; top:0px;  left:0px; margin:0px; padding:0px;  }

#block_2 .line {margin:0 0 10px 0; padding:0 0 10px 0; float:left;  background: url(../images/bgrd-divider-2.gif) bottom left repeat-x; }
#block_2 h2 {color:white; margin:0 0 10px 0; padding:0px; font-size:2.2em; }
#block_2 h3 {color:#666666; margin:0 0 5px 0; padding:0px; font-size:1.3em;}
#block_2 p {margin:0 0 5px 0; padding:0px; }
#block_2 h2 a {color:white;}
#block_2 h3 a {color:#666666;}

#content-wrapper #block_2 img {float:left; }
#content-wrapper #block_2 h2 {color:white; margin:0 0 10px 0; padding:0px; font-size:2.2em; }
#content-wrapper #block_2 h3 {color:#666666; margin:0 0 5px 110px; padding:0px; }
#content-wrapper #block_2 p {margin:0 0 5px 110px; padding:0px; }
#contact #content-wrapper #block_2 p {margin:0 0 5px 5px; padding:0px; }

#footer a {font-size: 1.1em; color: white; margin:0px; padding:0px;  }
#footer a.author {position:absolute; top:20px; right:0px; color:#666666; }