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

body{ background-image:url(images/back.gif); background-repeat:repeat-x; background-color:#161f2a; color:#FFFFFF; font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif; text-align:justify;}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 00px solid black;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 188px; /*Height should enough to fit largest content's height*/
left:0px;

}

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

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



.nav {
	width: 489px;
	height: 73px;
	background: url(images/menu2.png) no-repeat;
	position: relative;
	top:2px; margin:0px; padding:0px;

}
.nav li {
	display: inline;
	position:relative;
		top:0px; margin:0px; padding:0px;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 73px;
	text-indent: -9000px;
	overflow: hidden;
}
	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 65px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(images/menu2.png) no-repeat 0px -83px;
	}
	.nav .home a:active {
		background: url(images/menu2.png) no-repeat 0px -83px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(images/menu2.png) no-repeat 0px -83px;
		cursor: default;
	}



	.nav .team a:link, .nav .team a:visited {
		left: 0px;
		width: 120px;
	}
	.nav .team a:hover, .nav .team a:focus {
		background: url(images/menu2.png) no-repeat -0px -83px;
	}
	.nav .team a:active {
		background: url(images/menu2.png) no-repeat 0px -83px;
	}
	.current-team .team a:link, .current-team .team a:visited {
		background: url(images/menu2.png) no-repeat 0px -83px;
		cursor: default;
	}
	


	.nav .portfolio a:link, .nav .portfolio a:visited {
		left: 120px;
		width: 92px;
	}
	.nav .portfolio a:hover, .nav .portfolio a:focus {
		background: url(images/menu2.png) no-repeat -120px -83px;
	}
	.nav .portfolio a:active {
		background: url(images/menu2.png) no-repeat -120px -83px;
	}
	.current-portfolio .portfolio a:link, .current-portfolio .portfolio a:visited {
		background: url(images/menu2.png) no-repeat -120px -83px;
		cursor: default;
	}


	
	.nav .log a:link, .nav .log a:visited {
		left: 212px;
		width: 120px;
	}
	.nav .log a:hover, .nav .log a:focus {
		background: url(images/menu2.png) no-repeat -212px -83px;
	}
	.nav .log a:active {
		background: url(images/menu2.png) no-repeat -212px -83px;
	}
	.current-log .log a:link, .current-log .log a:visited {
		background: url(images/menu2.png) no-repeat -212px -83px;
		cursor: default;
	}
	
	.nav .services a:link, .nav .services a:visited {
		left: 332px;
		width: 90px;
	}
	.nav .services a:hover, .nav .services a:focus {
		background: url(images/menu2.png) no-repeat -332px -83px;
	}
	.nav .services a:active {
		background: url(images/menu2.png) no-repeat -332px -83px;
	}
	.current-services .services a:link, .current-services .services a:visited {
		background: url(images/menu2.png) no-repeat -332px -83px;
		cursor: default;
	}
	
	
	.nav .support a:link, .nav .support a:visited {
		left: 422px;
		width: 90px;
	}
	.nav .support a:hover, .nav .support a:focus {
		background: url(images/menu2.png) no-repeat -422px -83px;
	}
	.nav .support a:active {
		background: url(images/menu2.png) no-repeat -422px -83px;
	}
	.current-support .support a:link, .current-support .support a:visited {
		background: url(images/menu2.png) no-repeat -422px -83px;
		cursor: default;
	}
	
	
a {
	color: #66CCFF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



#datebox{width:65px; height:87px; background-image:url(images/datebox1.jpg); float:left; padding-right:20px; padding-bottom:20px; background-repeat:no-repeat; clear:left;}
#datebox_month{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:65px; text-align:center; margin-top:10px;}
#datebox_day{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; width:65px; text-align:center; margin-top:7px;}

label
{
width: 120px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-weight:bold;
}
h3 {color:#E4E4E4; font-size:18px;}