@charset "utf-8";
/* CSS Document */
html,body{margin:0;padding:0;font:14px Arial, Helvetica, sans-serif;background:url(../img/background.jpg) repeat-x #00003a fixed;color:#545454;}
img{border:0;}
a, a:hover{color:#008cbc;text-decoration:underline;}
h1,h2,h3,h4,h5 {padding:0px;margin:0;line-height:16px;color:#000;}
p {line-height:18px;padding:0 0 15px 0;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:#d4d4d4;border:0px;color:#d4d4d3;}
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;}
.iefix {float:left;height:1px;font-size:0px;}

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

/* main container & elements */
#container {padding:0px;background:#fff;margin:20px 0 20px 0;border-right:20px solid #fffffe;border-left:20px solid #fffffe;border-bottom:20px solid #fffffe;  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:#008fbf;}

/* Alternate slider*/
ul.slideshow {list-style:none;width:936px;height:510px;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:#fff;background:url(../img/captionbg.jpg);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 .remove {padding-right:0px;}
#main-boxes li img {padding:7px;border:1px solid #d0d0d0;}
#main-boxes li strong {color:#002086;}
#main-boxes li a {color:#008cbc;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:#003470;padding:10px 20px 20px 20px;margin:0px 0px 0px 0px;font-size:11px;color:#fff }
#featured-boxes h3 {font-size:28px;padding-top:10px;margin:0px;}
#featured-boxes ul {margin:0px;float:right; }
#featured-boxes li {padding:5px 0px 0px 10px;margin:0px;float:left; }
#featured-boxes a {color:#fff;text-decoration:none;}
#featured-boxes li a:hover {text-decoration:none;}
#featured-boxes li img {padding:7px;border:1px solid #d0d0d0;background:#fff;float:left;margin:0px 10px 0px 0px;}
#featured-boxes address{font-style: normal; float:right}
#featured-boxes span.copyright {float:left}
/* 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, #content blockquote img {padding:7px;border:1px solid #c9c9c9;margin:10px 0px 0px 0px;}
#content h2 {font-size:28px;padding:10px 0px 10px 0px;}
#content h3 {font-size:24px;padding:10px 0px 10px 0px;}
#content ol {list-style:decimal;padding:5px 0px 10px 0px;}
#content ol li {list-style:decimal inside;border-bottom:1px dotted #e9e9e9;padding:4px 0px 4px 0px;}
#content ul {padding:10px 0px 10px 20px;}
#content ul li {padding:0 0 5px 0px; list-style: disc}

/* Top path in content section */
#path {background:url(../img/bg-path.jpg) no-repeat top left;width:929px;height:27px;color:#fffffe;font-size:11px;padding:13px 0px 0px 13px;margin:0px 0px 20px 0px;}
#path a {color:#fffffe; text-decoration:none}

/* 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:#008cbc;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:#f1f1f1;display:block;color:#000;padding:13px 10px 13px 12px;text-transform:uppercase;height:15px; text-decoration:none}
#menu li a:hover, #menu li a.active {background:#0059bf;color:#fff;}


/* information boxes visible below the submenu with links */
#info-boxes {background:#f1f1f1;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:#fff;border:1px solid #c9c9c9;padding:7px;margin:10px 0px 0px 0px;}
#info-boxes .remove {padding-bottom:0px;}
#info-boxes span a {color:#008cbc;text-decoration:none;}
#info-boxes span a:hover {text-decoration:none;}

/* style for contact form visible on contact subpage - please checkout the js/sendmail.php for more configuration */
.message {background:#eee; color:#000;display:none;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:#f7f7f7;border:1px solid #c5c5c5;font-size:11px;padding:4px;color:#545454;font-family:Arial, Helvetica, sans-serif;}
#contact .input-text {width:292px;background:#f7f7f7;border:1px solid #c5c5c5;font-size:11px;padding:4px;color:#545454;}
#contact label {display:block;padding:15px 0px 5px 0px;}
#contact .submitbutton {text-align:right;padding:10px 0px 0px 0px;}
#contact .input-submit {background:#008cbd;display:block;color:#fffffe;padding:10px;text-transform:uppercase;border:0px;float:right;font-size:12px;cursor:pointer;}


/* Footer section */
#footer {padding:20px;float:left;}
#footer p {font-size:11px;}

/* image classes */
img.img-right
{
	margin:0 0 30px 20px;
	padding:7px;border:1px solid #d0d0d0;	
}

div.indent-content
{
	border-left:5px solid #009;
	margin:0 0 0 20px;
	padding:15px;
}

/* gallery section on works subpage - formatting the portfolio items */
#portfolio ul {padding:0px 0px 0px 0px;float:left;}
#portfolio li {float:left;width:310px;padding:10px 15px 30px 0px; list-style:none!important}
#portfolio li img {padding:7px;border:1px solid #ccc;}
#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;}


/* form */

form.cmxform
{
	border: 0px;
	width: 600px;	
}


form.cmxform label 
{
	display: inline-block;
	line-height: 1.4;
	width: 120px; /* Width of labels */	
	vertical-align: top;
}

form.cmxform  ol 
{
	margin: 0;
	padding: 0;
}

form.cmxform ol li 
{
	list-style:none!important;
	padding: 5px;
	margin: 0;
}

form.cmxform em 
{
	font-weight: bold;
	color: #f00;
}

form.cmxform textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 90px;
	width: 220px;
}