@charset "utf-8";
/* CSS Document */
html,body{margin:0;padding:0;font:12px Arial, Helvetica, sans-serif;background:url(../image/bg-body.jpg) top center #e0e0e0 repeat; color:#999;}
img{border:0;}
a, a:hover{text-decoration:none;}
h1,h2,h3,h4,h5 {padding:0px;margin:0;line-height:16px;color:#eee;}
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(../image/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(../image/blockquote-closed.jpg) no-repeat bottom right;padding:0px 60px 20px 0px;}
.iefix {float:left;height:1px;font-size:0px;}

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

/* main container & elements */
#container {padding:0px;background:#191919;margin:0px;border:20px solid #191919;  }
#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:#3cb2f6;}

/* Alternate slider*/
ul.slideshow {list-style:none; width:633px; height:414px; 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:#3cb2f6; 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 h3 a{color:#eee;} 
.main-boxes li {width:298px;float:left;padding:0px 20px 0px 0px;}
.main-boxes .remove {padding-right:0px;}
.main-boxes li img {padding:7px;border:1px solid #292929;}
.main-boxes li strong {color:#3cb2f6;}
.main-boxes li a {color:#3cb2f6;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 h3 a{color:#eee;} 
.featured-boxes li {width:430px;padding:15px 20px 0px 0px;margin:0px;float:left; }
.featured-boxes li strong {color:#3cb2f6;}
.featured-boxes li a {color:#3cb2f6;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;z-index:999;}
.smallpic img {padding:7px;border:1px solid #292929;background:#1c1c1c;float:left;margin:0px 10px 0px 0px; z-index:999; }
.hover-state {position:relative; left:-40px;}
small{ float:left;}
.blogger-post-footer {display:none;}
/* Content section - visible on subpages like works, about etc. */
#content {width:620px;float:left;}
#content h1 {font-size:36px;padding:10px 0px 10px 0px;}
#content p img {padding:7px;border:1px solid #292929;margin:10px 0px 0px 0px;}
#content h3 {font-size:24px;}
#content 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;}


/* Top path in content section */
#path {background-color:#2c2c2c; height:27px;color:#eee;font-size:11px;padding:13px 0px 0px 13px;margin:0px 0px 20px 0px;}
#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(../image/box-arrow.jpg) no-repeat 5px center;padding:0px 0px 0px 20px;}
#content .box a {color:#3cb2f6;text-decoration:underline;}
#content .box a:hover {text-decoration:none;}

/* sub menu with links visible on the right */
#sub {width:300px;float:right;}
#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:#3cb2f6;color:#000;}


/* information boxes visible below the submenu with links */
#info-boxes {background:#1c1c1c;padding:15px;}
#info-boxes h3 {font-size:24px;padding:0px 0px 2px 0px;}
#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:#3cb2f6;text-decoration:none;}
#info-boxes span a:hover {text-decoration:none;}

/* portfolio section on works subpage - formatting the portfolio items */
#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:#3cb2f6;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:#3cb2f6;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:#3cb2f6;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:#3cb2f6;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: #FF6A6A;
    padding: 10px;
    margin: 15px 0px 0px 0px;
}
#alert {padding:0px;margin:0px;}
#alert ul {padding:0px;margin:0px;}

#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:#3cb2f6;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; width:96%;}
#footer p {font-size:11px;}
/* Search section */
 
.field
{
    border-style: solid none solid solid;
    background-color: #272727;
    color: #fff;
    padding: 5px;
    float: left;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #373737;
    border-bottom-color: #373737;
    border-left-color: #373737;
} 
.search
{
    border-style: solid solid solid none;
    font-size: 10px;
    font-weight:bold;
    display: block;
    float: left;
    height: 28px;
    padding: 0 5px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #3cb2f6;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #373737;
    border-right-color: #373737;
    border-bottom-color: #373737;
}

.button
{
    border-style: solid solid solid none;
    font-size: 12px;
    font-weight:bold;
    display: block;
    padding:10px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #3cb2f6;
    cursor:pointer;
    border: none;
    width:100px;
}