@charset "utf-8";
/* CSS Document */

body{background:#3c95ad; margin:0;}

#wrapper{height:auto;margin:0 auto;padding:0px 10px 0px 10px;width:980px;}

#header{background:url(../images/headerbg.png) no-repeat;float:left;height:135px;width:960px;}

#toplinksbox{float:right;height:auto;padding-right:20px;width:auto;}

#toplinksbox img{border:0;float:left;padding:5px;}

#toplinksbox img:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;}

#logo{
float:left;
height:75px;
margin:30px 0px 0px 0px;
padding:0px 0px 0px 30px;
width:277px;}

#menubar{background:url(../images/menubg.png) no-repeat;float:left;height:40px;width:960px;}

.menuholder{
float:right;
height:auto;
margin-top:0px;
margin-right:30px;
width:500px;}

/*mainbody stylez*/
#mainbodyholder{float:left; height:auto; width:956px;}

#mainbodytop{
background:url(../images/mainbodytop2.png) no-repeat;
float:left;
height:51px;
margin:30px 0px 0px 0px;
width:960px;}

#mainbodytop2{
background:url(../images/mainbodytop.png) no-repeat;
float:left;
height:15px;
margin:30px 0px 0px 1px;
width:960px;}

#mainbody{
background:#A6C7DC;
border-left:1px solid #5a83a1;
border-right:1px solid #5a83a1;
float:left;
height:auto;
margin:0px 0px 0px 2px;
width:956px;}

#mainbodybot{
background:url(../images/mainbodybot2.png) no-repeat;
float:left;
height:24px;
margin:0px 0px 30px 2px;
width:958px;}

#rightbox{
background:url(../images/rightboxbg.png) no-repeat;
float:right;
height:350px;
padding-right:9px;
width:319px;}

#articlesrightbox{
background:url(../images/articlesrightbarbg.png) no-repeat;
float:right;
height:500px;
margin-top:2px;
padding-right:9px;
width:319px;}

.frontpageboxttl{
background:url(../images/ttlimg2.png) no-repeat left center;
float:left;
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:20px;
padding:5px 0px 0px 30px;
width:245px;}

.frontpagebox{
border-right: 1px dotted #fff;
color:#000;
float:left;
font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:auto;
min-height:250px;
padding:10px;
text-align:left;
width:285px;}

.frontpageboxtxt{
background:url(../images/frontpagearticlebg.png) no-repeat;
float:left;
margin-top:20px;
min-height:300px;
height:auto;
margin-left:2px;
padding:10px;
text-align:left;
overflow:hidden;
width:250px;}

.frontpagebox img:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;}

.articlebox{
background:#f1f1f1;
color:#000;
float:left;
font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:auto;
margin:10px 0px 10px 10px;
padding:10px;
text-align:left;
width:555px;}

.articlebox ul{float:left; list-style:none; margin:0; padding:0;}

.articlebox ul li{
background:url(../images/listpointer.png) no-repeat 5px center #eee;
border-bottom:1px dotted #ccc;
font-size: 14px;
float:left;
height:auto;
padding:5px 0px 5px 20px;
width:535px;}

.articleboxttl{
background:url(../images/ttlimg.png) no-repeat 10px center;
border-bottom:1px dotted #fff;
float:left;
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:15px;
margin:0px 0px 20px 15px;
padding:7px 0px 10px 40px;
width:530px;
}

/*CONTACT PAGE STYLEZ*/

.contactarticlebox{
background:/* url(../images/contactbg.png) no-repeat *#B4B4B4*/none;
color:#000;
float:left;
font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:auto;
min-height:400px;
margin:10px 0px 10px 10px;
padding:10px;
text-align:left;
width:555px;}

.contactarticlebox .button{
background:#333333;
border:0;
color:#fff;
float:left;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
margin:10px 10px 0px 0px;
padding:5px;}

.contactarticlebox .buttonsholder{float:left;height:auto;padding:5px 5px 5px 0px;width:575px;}

.contactarticlebox input{
border:0;
color:#666;
float:inherit;
font:normal 13px Arial, Helvetica, sans-serif;
padding:5px;}

.contactarticlebox .button:hover{background:#990000;}

.contactarticlebox h3{
background:url(../images/contacticon.png) no-repeat left center;
border-bottom:1px dotted #333;
float:left;
height:38px;
padding:15px 0px 0px 90px;
width:465px;}

.contactarticlebox textarea{
background:#eee;
border:0;
color:#666;
float:inherit;
font:normal 13px Arial, Helvetica, sans-serif;
padding:10px;}

/**/

.worksttl{
float:right;
height:auto;
margin:15px 0px 0px 0px;
padding-right:60px;
width:auto;
}

.frontworksbox{
float:left;
height:auto;
padding:10px 10px 5px 38px;
text-align:center;
width:auto;
}

.articlesfrontworksbox{
float:left;
height:auto;
padding:10px 10px 5px 38px;
margin-top:10px;
text-align:center;
width:auto;
}

.frontworksbox img{border:1px dotted #999;float:left;padding:3px;}

.articlesfrontworksbox img{border:1px dotted #999;float:left;padding:3px;}

.frontcontactttl{
float:right;
height:auto;
margin:0;
padding-right:60px;
width:auto;
}

.frontcontact{
float:left;
font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:auto;
padding:10px 10px 10px 38px;
text-align:left;
width:auto;
}

/**/

#footerbar{
background:transparent url(../images/footerbg.png) no-repeat;
float:left;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
height:60px;
margin-bottom:20px;
padding:0px 0px 0px 20px;
text-align:left;
width:960px;
}

#footerbar a{color:#990000; font:bold 9px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}

.footertext{float:left;height:auto;margin-top:15px;width:auto;}

.footerbar h1{border:0; float:right; height:auto; width:auto;} 
.footerbar img{border:0;}

/*TOPMENU STYLEZ*/

div.hoverBtn {background: none; float:left; padding:5px 0px 5px 0px; width:200px;}

div.hoverBtn a {
float:left;
border-right:1px solid #ccc;
	position: relative;
	z-index: 2;
	display: block;
	width: 	100px;
	margin:1px 5px 0px 5px;
	height: 32px;
	text-align: center;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:	#000;
	background:	none ;}

div.hoverBtn div {display:none;position:relative;z-index:0;left:7px;top:-1px;background:#0099FF ;}

.clear{ clear: both; }


/*FOOTER MENU STYLEZ*/

.footermenu{
color: #333;
float:right;
font-weight: bold;
margin:0px 10px 0px 0px;
padding:22px 0px 0px 0px;
width: auto;}

.footermenu ul{
float:right;
padding: 0px 0 7px 0;
margin: 0;
text-align: right;
width:auto;}

.footermenu ul li{display: inline;}

.footermenu ul li a{color: #333;padding: 6px 3px 4px 3px;margin-right: 15px;text-decoration: none;}

.footermenu ul li a:hover, .footermenu ul li a.selected{border-bottom: 2px solid gray;}

h1{
color:#333333;
float:right;
font:bold 11px Verdana;
margin:0;
padding-right:40px;
width:auto;}

h1 a:hover{filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;}

/*SLIDESHOW STYLEZ*/

.slidesttl{
background:url(../images/slidesttlbg.jpg) repeat-x left center;
color:#990000;
float:left;
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:5px 5px 5px 20px;
width:870px;}

#gallery{float:left;background-color: #333;padding: 10px;width: 895px;}	
#gallery ul{float:left; height:auto; list-style: none; padding:0px 0px 0px 20px; width:875px;}	
#gallery ul li{ display: inline;}	
#gallery ul img{float:left; margin:0px 15px 10px 0px; border: 4px solid #ccc;}    
#gallery ul a:hover img{ border: 4px solid #999; color: #fff;}	
#gallery ul a:hover{color: #fff;}
		
/*WORKS PAGE STYLEZ*/

.worksarticlebox{
background:#f1f1f1;
color:#000;
float:left;
font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:auto;
margin:10px 0px 10px 10px;
padding:10px;
text-align:left;
width:915px;}

.worksarticleboxttl{
background:url(../images/ttlimg.png) no-repeat 10px center;
border-bottom:1px dotted #fff;
float:left;
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:15px;
margin:0px 0px 20px 15px;
padding:7px 0px 10px 40px;
width:885px;}

/*CONTACT FTOM STYLEZ*/

#formholder{
background:#fff;
color:#333;
font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0 auto;
min-height:100px;
padding-bottom:20px;
width:500px;
height:auto;}

#formholder h2{
background:#990000;
border-bottom:1px dotted #fff;
color:white;
float:left;
font:bold 12px Arial, Helvetica, sans-serif;
height:auto;
margin:0;
padding:10px;
width:480px;}

#footercred{float:right; width:220px}
#footercred a{color:#fff; text-decoration:none}
#footercred img{float:right; border:0}