/* CSS Document */

body {
padding: 0;
margin: 0;
background:#EFFFFF url(images/bg_bluedot.png) repeat-x;
color: #555555;
font: .75em "Trebuchet MS", Arial, Helvetica;
line-height:1.8em;
}

.container {
width: 893px;
margin: 0px auto;
padding: 0px;
position: relative;
}

.container_top {
width: 893px;
background: url(images/bg_top.png) no-repeat;
height: 30px;
margin: 0px;
}

.container_middle {
width: 893px;
background: url(images/bg_middle.png) repeat-y;
margin: 0px;
padding: 0 0 20px 0;
}

.container_bottom {
width: 893px;
background: url(images/bg_bottom.png) no-repeat;
height: 30px;
margin: 0px;
}

.header {
padding: 10px 0px 0px 50px;
margin: 0px;
}

#logo {
zwidth: 242px;
padding: 0px;
margin: 0px;
}

#logo img {
border: 0px;
float: left;
margin: 0px;
}

#main-menu {
float:left;
padding: 30px 0px 20px 120px;
margin: 0px;
}

#main-menu ul{
	padding: 0px;
	margin: 0px;
	width: 450px;
}

#main-menu li{
	padding: 0px;
	margin: 0 0 0 2px;
	list-style: none;
	float: left;
	line-height: 30px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
}

#main-menu li h3 {
font-size:16px;
font-weight:bold;
color: #ffffff;
margin: 0px;
float: left;
display: block;
padding: 0 0 0 11px;
background: url(images/menu_bg.gif) no-repeat left;
}

#main-menu li h3 span{
padding: 0 11px 0 0;
float: left;
display: block;
background: url(images/menu_bg.gif) no-repeat right;
margin: 0px;
}

#main-menu li a {
text-decoration: none;
color: #555555;
float: left;
display: block;
padding: 0 0 0 11px;
margin: 0px;
}

#main-menu li a span{
padding: 0 11px 0 0;
float: left;
display: block;
margin: 0px;
}

#main-menu li a:hover{
background: url(images/menu_bg.gif) no-repeat left;
color: #ffffff;
cursor: pointer;
margin: 0px;
}

#main-menu li a:hover span{
background: url(images/menu_bg.gif) no-repeat right;
margin: 0px;
}

.clear {
clear: both;
}

.banner {
background: url(images/banner.jpg) no-repeat;
line-height:1.4em;
color:#FFFFFF;
font-size:1.8em;
font-family:"Trebuchet MS",Arial,Helvetica;
width: 786px;
height: 85px;
padding: 10px 15px 10px 40px;
margin: 15px 53px 0 55px;
} 

.banner_red {
background: url(images/banner_red.jpg) no-repeat;
}

.box_top {
width: 784px;
height: 10px;
background:url(images/box_top.gif) no-repeat bottom;
margin: 0px auto;
padding: 0px;
}

.box_middle {
width: 784px;
height: 276px;
background:url(images/box_middle.gif) repeat-y;
margin: 0px auto;
padding: 0px;
}

.box_bottom {
width: 784px;
background:url(images/box_bottom.gif) no-repeat top;
margin: 0px auto;
height: 10px;
padding: 0px;
}

h1 {
color:#FFFFFF;
font-size:1.0em;
line-height:1.4em;
padding: 0px;
margin: 0px;
}

h1 a {
color: #FEFFBF;
text-decoration: none;
}

h1 a:hover {
color: #ccc;
text-decoration: none;
}


h2 {
color: #3f3f3e;
font-size: 1.8em;
letter-spacing: -1px;
margin: 0 0 .8em;
}

h3 {
color: #3f3f3e;
font-size: 1.0em;
letter-spacing: -1px;
margin: 0 0 .8em;
}

.columns {
width: 784px;
padding: 30px 0px 0px 40px;
margin: 0px auto;
}

.col_bottom {
width: 341px;
padding-right: 70px;
float: left;
}

.pr30 {
padding-right: 30px;
}

.bluelink a{
text-decoration: none;
font-size: 15px;
color:#58a0d4;
font-weight: bold;
}

.bluelink a:hover {
color: #2f7099;
}

.contents {
width: 784px;
border: 0px;
margin: 0px auto;
}

.contents a{
text-decoration: none;
color:#58a0d4;
font-weight: bold;
}

.contents a:hover {
color: #2f7099;
}


.pictures {
width: 784px;
border: 0px;
margin: 0px auto;
}

.pictures a {
padding: 16px;
}

.pictures img {
border: 1px solid #CCC;
padding: 2px;	
margin: 10px 5px 10px 0;
}

.headertext {
padding: 25px 0 20px 0;
font-size: 18px;
}

#slideshow {
    position:relative;    
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.current {
    z-index:10;
}

#slideshow IMG.last-current {
    z-index:9;
}

.slideshow_container{
	padding-top: 6px;
	height:304px;
	width: 784px;
	margin: 0px auto;
}












.spacer{
	zbackground: url(images/box5-bgr.gif) repeat-y top;
	zheight: 1%;
	padding: 15px 25px 0 25px;
}
.post img {
	border:0;
}

/*=== Slider ===*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 685px;
height: 276px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 665px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding-bottom: 0px;
margin-bottom: 0px;
}

.col4{
	float: left;
	width: 310px
}
.col5{
	float: right;
	width: 320px
}
.col5 img{
	border: 10px solid #c8d8df;
}

/*=== Posts ===*/

.post img {	
	border:8px solid #f6f5ed;
}
.post ul, .post ol{
	padding: 0 0 1.2em 2em;
}
.post ul li{
	color: #555555;
	background: url(images/ico-bullet.gif) no-repeat left;
	padding: 0 0 0 20px;
}
.post ol li{
	list-style-type:decimal;
	margin: 0 0 0 20px;
}	
.post li a:hover{
	color: #a4b92e;
	text-decoration: none
}

.post blockquote {
	font-family:Georgia, "Times New Roman", Times, serif; color:#777777;
	background:#F0EEE1 url(images/ico-quote.gif) no-repeat 10px 10px;
	border-top:1px solid #E5E3D1;
	border-bottom:1px solid #E5E3D1;	
	width:80%; height:auto;
	margin:0 0 15px 10px; padding:15px 25px 0px 55px;
	display:block;
}

.btn-arr2{
	float: left;
	padding: 130px 10px 0 10px;
	width: 27px;
	border: 0;	
}

.btn-arr2 img{
	border: 0;	
}

.fr{
	float: right
}

/*- Wrapper -*/
.wrapper{
	float: left;
	padding: 0px;
}

.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}

.workcat {
font-size: 20px; 
color: #335872; 
text-decoration: none;
line-height: 20px;
}

.workcat:hover {
color:#06C;
font-size: 20px; 
text-decoration: none;
line-height: 20px;
}