/*.item a img */

body {
	margin: 0;
	font-family:  calibri sans-serif;
	font-size:14px;
	background:#333 url(images/backgroundimage.jpg) repeat-x;
}

#container{
	margin:0px auto 0px auto;
	background:#fff;
	width:850px;
	position:relative;
}

#maintext {
	margin-left:0px;
	margin-right:0px;
	font-size:16px;
}

#header {
	height:220px;
	position:relative;
	width:890px;
	background:#333333 url(images/headerimage.jpg) no-repeat bottom right;
	margin: 0px auto;
}

#logo {
	position:absolute;
	left:24px;
	bottom:0;
}

#name {
	position: absolute; 
	color: #fff; 
	text-align: left; 
	left: 154px; 
	top: 90px; 
	font-family: Bell MT; 
	font-size: 50px;
	letter-spacing:-4px;
	font-weight:200;

}

#tagline {
	color: #fff; 
	font-weight: 200; 
	position: absolute; 
	font-size: 26px; 
	font-family: Bell MT; 
	letter-spacing:-2px;
	padding-right: 50px;
	background:url(images/bluebars.png) no-repeat;
	width:850px;
	height:81px;
	display:block;
	bottom:0;
	text-align:right;
	line-height:120px;
	
}

#nav {
	position:absolute;
	bottom:0px;
	right:40px;
	list-style:none;
	margin:0px;
	height:69px;
	width:704px;
	background:url(images/navimage.png) no-repeat;
	text-align:center;
	padding:0;
}

#nav li{
	display:inline;
	font-family:arial ;
	font-size:14px;
	width:90px;
	font-weight:500;
	color:#fff;
	padding:0 2px;
	float:left;
}

#nav a
{
	color:#fff;
	line-height:69px;
	height:69px;
	width:119px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;

}
#nav a:active{
	line-height:69px;
	

}
#nav a:hover
{
	color:#fff;
	line-height:69px;
	height:69px;
	display:block;
	text-decoration:underline;

}

#nav .current  {
	line-height:69px;
	height:69px;
	display:block;
	text-decoration:underline;
}

#slideshow {
	height:250px;
	width:850px;
	position:relative;
	z-index:15;
}

#content {
background:#FFFFFF;
font-family:calibri;
margin:0px 245px auto 75px;
padding:10px;
padding-top:0px;
width:700px;
}

#page_header {

	position:relative;
	margin:10px 0px 20px -30px; 
	display:block;
	color:#1A50B8; 
	font-size:30px; 
	font-weight:200;
	font-family:bell mt;
	letter-spacing:-2px;

}
#tabsnav {
		background:#436EC2;
		border-bottom:1px solid #436EC2;
		border-left:1px solid #436EC2;
		border-right:1px solid #436EC2;
		height:300px;	
		width:565px;
		margin-left:50px;
	}
	
	#tabsnav ul {	
		width:525px;
		margin:0 auto;	
	}
	
	#tabsnav li {	
		border-right:1px solid #436EC2;
		float:left;
		padding-left:1px;
		width:155px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
	}
	
	#tabsnav a {
		color:#fff;
		display:block;
		padding:17px 17px 0;
		position:relative;
		font-size:11px;		
		height:122px;
		text-decoration:none;
		outline:none;
	}	
	
	#tabsnav a.current {
		background:url(images/tabsnava.jpg);
		color:#000;
	}
	
	#tabsnav img {
		background-color:#fff;
		border:1px solid #ccc;
		margin:3px 0 5px 17px;
		padding:4px;		
		display:block;
	}
	
	#tabsnav strong {
		display:block;		
		font-size:12px;
	}
	
	/* panes */
	#panes {
		background:#fff url(images/panesbgnd.jpg) repeat scroll 0 0;
		border-color:#436EC2;
		border-style:solid;
		border-width:1px 1px 0;
		margin-left:50px;
		width:565px;	
		height:280px;
		margin-bottom:-20px;
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		top:20px;
		left:20px;
		font-size:13px;
		color:#000;	
		width:525px;
		text-align:justify;
	}
	
	#panes img {
		float:left;
		margin-right:20px;		
	}
	
	#panes p.more {
		color:#000;
		font-weight:bold;
		font-size:13px;
	}
	
	#panes h2 {
		margin:0 0 -5px 0;
		font-family:Bell MT;
		font-size:22px;
		font-weight:500;
		letter-spacing:-2px;
	}
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
		background-color:#ddd;
	}

#form .formInput{
	width:190px;
	background:#E2E9F5;
	
}
#form .formTextarea{
	width:600px;
	background:#E2E9F5;
	}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
		background: url(images/tooltip.png) no-repeat;
		color:#fff;
		padding:10px;
		font-size:12px;
		width:285px;
		text-align:justify;
		/*-moz-box-shadow: 2px 2px 11px #666;
		-webkit-box-shadow: 2px 2px 11px #666;*/

}

/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 0px;
}
/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(images/tooltipbottom.png) no-repeat;
	padding-top:25px;
	height:131px;
	text-align:justify;
}
 
.tooltip.bottom {
	background:url(images/tooltipbottom.png) no-repeat;
}

/* main vertical scroll */
	#main {
		position:relative;
		overflow:hidden;
		height: 383px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
		padding:0 10px;
		height: 384px;
		background:#fff url(images/portfoliobkgd.jpg) 0 0 repeat-x;
		width:500px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 510px;
		height: 450px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		cursor:pointer;
		width:500px;
		height:450px;
		padding:5px;
		margin:10px auto;
		color:#fff;
		text-align:center;
	}
	
	/* main navigator */
	#main_navi {
		float:left;
		padding:0px !important;
		margin:-1px !important;
	}
	
	#main_navi li {
		background-color:#1B50B6;
		border-top:1px solid #fff;
		clear:both;
		color:#FFFFFF;
		font-size:12px;
		height:75px;
		list-style-type:none;
		padding:10px;
		width:165px;
		cursor:pointer;
	}
	
	#main_navi li:hover {
		background-color:#436EC2;
	}
	
	#main_navi li.active {
		background-color:#809DD5;
	}
	
	#main_navi img {
		float:left;
		margin-right:10px;
	}
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
		margin-left:250px;
		cursor:pointer;
	}

a {
	color:#1B50B6;
	text-decoration:none;
}

a:visited{
	color:#444;
	text-decoration:none;
}

a:hover{
	color:#1B50B6;
	text-decoration:underline;
}

.item a {
	color:#bbb;

}


/* root element for single scroll */
	.scroll {
		position:relative;
		overflow:hidden;
		width: 250px;
		height: 250px;
		float:left;
	}
	
	/* root element for the scroll pics */
	.scroll .pics {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scroll item */
	.pics div {
		float:left;
		cursor:pointer;
		width:250px !important;
		height:250px;
		margin:0px;
	}
	
	/* possible settings for the active scroll */
	.scroll.active {
	
	}
	
h1{
	font-size:30px;
	font-weight:bold;
	color:#1A50B8;
	margin:0;
	display:block;
}

h3{
	letter-spacing:-1px;
	font-size:20px;
	font-weight:bold;
	color:#1A50B8;
	margin:1em 0; 
	display:block;
}
#footer {
background:#333333;
color:#fff ;
height:20px;
margin:0px auto;
padding:10px 0px;
width:850px;
position:relative;
}