@charset "utf-8";
/* CSS Document */
html,body{margin:0;padding:0;font:12px Verdana, Arial, Helvetica, sans-serif;
          background:url(../images/grunge_black.jpg) top center; 
          background-repeat:repeat-y;}
img{border:0;}
a, a:hover{text-decoration:none; color:#ADADAB;}
h1,h2,h3,h4,h5 {padding:0px;margin:0;line-height:16px; }
p {line-height:16px;padding:0px;margin:0px;}
.clear{clear:both;font-size:0;line-height:0px;}
ul,ol,li {line-height:16px;margin:0px;padding:0px;list-style:none;}
form {padding:0px !important;margin:0px !important;}
hr {font-size:0px;line-height:0px;padding:0px;margin:20px 0px 20px 0px;height:1px;background:#292929;border:0px;color:#292929;}
/*blockquote {background:url(../img/blockquote-open.jpg) no-repeat top left;margin:20px 0px 20px 0px;padding:20px 0px 0px 60px;line-height:18px;font-style:italic;font-size:14px;}
blockquote div {background:url(../img/blockquote-closed.jpg) no-repeat bottom right;padding:0px 60px 20px 0px;}*/
blockquote {margin:20px 0px 20px 0px;padding:20px 0px 0px 60px;line-height:18px;font-style:italic;font-size:14px;}
blockquote div {padding:0px 60px 20px 0px;}
.iefix {float:left;height:1px;font-size:0px;}

.font12 {
	font-size:12pt;
	/*color: #FFF2CC;*/
}

/* page with & position */
#page {width:982px;margin:0 auto;}

/* main container & elements */
#container {padding:0px;background:#745F40;margin:0px;border:20px solid #745F40;float:left; }
#logo {float:left;}

/* First slider (left) */
#first {float:left;}
#first ul, #first li, #first2 ul, #first2 li{margin:0; padding:0;list-style:none;}
#first li, #first2 li {width:235px;height:510px;overflow:hidden;}	
#prevBtn, #nextBtn,	#first1next, #first1prev{display:none;visibility:hidden;}	

/* Second slider (second left) */
#second {float:left;}
#second ul, #second li, #second2 ul, #second2 li{margin:0; padding:0;list-style:none;}
#second li, #second2 li {width:235px;height:510px;overflow:hidden;}	
#prevBtn, #nextBtn,	#second1next, #second1prev{display:none;visibility:hidden;}	

#first a, #second a {display:block;}
#first img, #second img, #third img {display:block;float:left;}

/* Third slider (right) */
#third {float:left;width:468px;height:510px; background-color:#ADADAD;}

/* Alternate slider*/
ul.slideshow {list-style:none;width:936px;height:300px;overflow:hidden;position:relative;margin-left:2px;padding:0;}	
ul.slideshow li {position:absolute;left:0;right:0;}
ul.slideshow li.show {z-index:500;}
ul img {border:none;}
#slideshow-caption {width:936px;height:100px;position:absolute;bottom:0;left:0;color:#000;background-color:#ADADAD;z-index:500;}
#slideshow-caption .slideshow-caption-container {padding:10px 10px;z-index:1000;}
#slideshow-caption h6 {margin:10px;padding:0;font-size:18px;}
#slideshow-caption p {margin:10px;padding:0;}

/* flash slider */
#flashcontent { margin-left:2px;}

/* Main page boxes - check jworkarounds.js - jquery removes padding-right on every third box (3n) */
#main-boxes {margin:30px 0px 20px 0px;}
#main-boxes h3 {font-size:36px;padding:0px 0px 10px 0px;}
/*#main-boxes li {width:298px;float:left;padding:0px 20px 0px 0px;}*/
#main-boxes li {width:321px;
float:left;padding:0px 0px 0px 0px;
}
#main-boxes .remove {padding-right:0px;}
#main-boxes li img {padding:7px;border:1px solid #292929;}
#main-boxes li strong {color:#ADADAD;}
#main-boxes li a {color:#ADADAD;text-decoration:underline;}
#main-boxes li a:hover {text-decoration:none;}
#main-boxes li p {padding:0px 0px 10px 0px;}

/* Main page featured boxes */
#featured-boxes {background:#1c1c1c;padding:10px 20px 20px 20px;margin:0px 0px 0px 0px;}
#featured-boxes h3 {font-size:28px;padding-top:10px;margin:0px;}
#featured-boxes li {width:430px;padding:15px 20px 0px 0px;margin:0px;float:left; }
#featured-boxes li strong {color:#ADADAD;}
#featured-boxes li a {color:#ADADAD;text-decoration:underline;}
#featured-boxes li a:hover {text-decoration:none;}
#featured-boxes li img {padding:7px;border:1px solid #292929;background:#1c1c1c;float:left;margin:0px 10px 0px 0px;}

/* Content section - visible on subpages like works, about etc. */
#content {width:620px;float:left;}
#content_wide {width:680px;float:left;}
#content_small {width:450px;float:left; padding-left:10px; font-size:12pt;}
#content_full {width:920px; float:left;}
#content h1 {font-size:36px; padding:10px 0px 10px 0px;}
#content_wide h1 {font-size:36px; padding:10px 0px 10px 0px;}
#content_small h1 {font-size:36px; padding:10px 0px 10px 0px;}
#content_full h1 {font-size:36px; padding:10px 0px 10px 0px;}
#content p img {padding:7px;border:1px solid #292929;margin:10px 0px 0px 0px;}
#content_wide p img {padding:7px;border:1px solid #292929;margin:10px 0px 0px 0px;}
#content_small p img {padding:7px;border:1px solid #292929;margin:10px 0px 0px 0px;}
#content_full p img {padding:7px;border:1px solid #292929;margin:10px 0px 0px 0px;}
#content h3 {font-size:24px;}
#content_wide h3 {font-size:24px;}
#content_small h3 {font-size:24px;}
#content_full h3 {font-size:24px;}
#content ol {list-style:decimal;padding:5px 0px 0px 0px;}
#content_wide ol {list-style:decimal;padding:5px 0px 0px 0px;}
#content_small ol {list-style:decimal;padding:5px 0px 0px 0px;}
#content_full ol {list-style:decimal;padding:5px 0px 0px 0px;}
#content ol li {list-style:decimal inside;border-bottom:1px solid #292929;padding:4px 0px 4px 0px;}
#content_wide ol li {list-style:decimal inside;border-bottom:1px solid #292929;padding:4px 0px 4px 0px;}
#content_small ol li {list-style:decimal inside;border-bottom:1px solid #292929;padding:4px 0px 4px 0px;}
#content_full ol li {list-style:decimal inside;border-bottom:1px solid #292929;padding:4px 0px 4px 0px;}


/* Top path in content section */
#path {background-color:#2c2c2c;width:927px;height:27px;
       color:#eee;font-size:14px;padding:13px 0px 0px 13px;
       margin:0px 10px 20px 0px; text-align:right;}
#path a {color:#eee;}

/* Boxes in content section - like "Unordered list example" on subpage about.html */
#content .box {width:300px;padding:0px 0px 30px 0px;}
#content .float-left {float:left;}
#content .float-right {float:right;}
#content .box h2 {font-size:30px;padding:0px 0px 10px 0px;}
#content .box li {background:url(../img/box-arrow.jpg) no-repeat 5px center;padding:0px 0px 0px 20px;}
#content .box a {color:#ADADAD;text-decoration:underline;}
#content .box a:hover {text-decoration:none;}

#content_small .box li {background:url(../img/box-arrow.jpg) no-repeat 5px center;padding:0px 0px 0px 20px;}
#content_small .box a {color:#ADADAD;text-decoration:underline;}
#content_small .box a:hover {text-decoration:none;}

/* sub menu with links visible on the right */
#sub {width:300px;float:right;}
#sub_small {width:240px; float:right;}
#sub_small_left {width:240px; float:left;}
#menu {font-size:11px;padding:0px 0px 20px 0px;}
#menu li a {background:#2c2c2c;display:block;color:#eee;padding:13px 10px 13px 12px;text-transform:uppercase;height:15px;}
#menu li a:hover, #menu li a.active {background:#ADADAD;color:#000;}


/* information boxes visible below the submenu with links */
#info-boxes {background:#1c1c1c;padding:15px;}
#info-boxes p {color:#ADADAD;}
#info-boxes h3 {font-size:24px;padding:0px 0px 2px 0px; color:Gray;}
#info-boxes li {padding:10px 0px 20px 0px;}
#info-boxes li img {background:#1c1c1c;border:1px solid #292929;padding:7px;margin:10px 0px 0px 0px;}
#info-boxes .remove {padding-bottom:0px;}
#info-boxes span a {color:#ADADAD;text-decoration:none;}
#info-boxes span a:hover {text-decoration:none;}

/* portfolio section on works subpage - formatting the portfolio items */
#portfolio h4 {font-size:18px;}
#portfolio ul {padding:0px 0px 0px 0px;float:left;}
#portfolio li {float:left;width:302px;padding:10px 15px 30px 0px;}
#portfolio li img {padding:7px;border:1px solid #292929;}
#portfolio li h3 {font-size:24px;padding:15px 0px 0px 0px;}
#portfolio .remove {padding-right:0px;}
#portfolio li a {color:#ADADAD;text-decoration:underline;}
#portfolio li a:hover {text-decoration:none;}
#portfolio .next a, #portfolio .prev a {background:#2c2c2c;display:block;color:#eee;padding:13px 10px 13px 12px;text-transform:uppercase;}
#portfolio .next a:hover, #portfolio .prev a:hover {background:#ADADAD;color:#000;}
#portfolio .next {float:right;}
#portfolio .prev {float:left;}

/* blog subpage format */
#blog h2 {font-size:36px;}
#blog span {font-size:11px;display:block;padding:5px 0px 10px 0px;}
#blog span a {font-weight:bold;color:#545454 !important;margin:0px 0px 0px 10px; text-decoration:none !important;}
#blog img {border:1px solid #292929;padding:7px;}
#blog p {padding:5px 0px 0px 0px;}
#blog li a {color:#ADADAD;text-decoration:underline;}
#blog li a:hover {text-decoration:none;}
#blog li {border-bottom:1px solid #292929;padding:10px 0px 20px 0px;margin:0px 0px 15px 0px;}
#blog .remove {border-bottom:0px;margin-bottom:0px;}
#blog .next a, #blog .prev a {background:#2c2c2c;display:block;color:#eee;padding:13px 10px 13px 12px;text-transform:uppercase;}
#blog .next a:hover, #blog .prev a:hover {background:#ADADAD;color:#000;}
#blog .next {float:right;}
#blog .prev {float:left;}

/* style for contact form visible on contact subpage - please checkout the js/sendmail.php for more configuration */
.message {background:#292929; color:#eee;display:none;padding:10px;margin:15px 0px 0px 0px;}
#alert {padding:0px;margin:0px;}
#alert ul {padding:0px;margin:0px;}

#contact h4 {font-size:16pt;}
#contact ul {list-style-type:none;width:470px;}
#contact li {list-style-type:none;}
#contact li.special {display:none;}
#contact .input-textarea {width:460px;height:100px;background:#292929;border:1px solid #424242;font-size:11px;padding:4px;color:#eee;font-family:Arial, Helvetica, sans-serif;}
#contact .input-text {width:292px;background:#292929; border:1px solid #424242;font-size:11px;padding:4px;color:#eee;}
#contact label {display:block;padding:15px 0px 5px 0px;}
#contact .submitbutton {text-align:right;padding:10px 0px 0px 0px;}
#contact .input-submit {background:#ADADAD;display:block;color:#000;padding:10px;text-transform:uppercase;border:0px;float:right;font-size:12px;cursor:pointer;}


/* Footer section */
#footer {padding:20px; float:left; text-decoration:none; color:White;}
#footer p {font-size:11px;}
#footer a:link, a:active, a:visited, a:hover {text-decoration:none; color:Gray;}