/*************************************************************************************
@font-face */

/*************************************************************************************
@struktur */

body {
	font-family:Arial;
	background:#f4f5f5 url(img/header-bg.gif) repeat-x top left;
}

.clear {
	clear:both;
}

a, a:link, a:visited {
	text-decoration:none;
}

.alignleft {
	float:left;
	margin-right:15px;
}

.alignnone {
	clear:both;
}

.alignright {
	float:right;
	margin-left:15px;
}

p {
	color:#333;
	line-height:17px;
	font-size:12px;
	padding-bottom:10px;
}

h2{
	font-weight:bold;
	color:#333;
	font-size:18px;
	margin-bottom:10px;
}

h3{
	font-weight:bold;
	color:#333;
	font-size:15px;
	margin-bottom:10px;
}

ul li {
	color:#5a5a5a;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	background:url(img/square.gif) no-repeat 0 7px;
	padding-left:10px;
}

a.button {
	display:block;
	height:20px;
	line-height:20px;
	padding:0 15px 0 25px ;
	background:url(img/button.jpg) no-repeat top left;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	margin:10px 0;
}

a.button:hover {
	text-decoration:underline;
}

/*************************************************************************************
@header */

header {
	height:200px;
	background:url(img/bgheader-bottom.png) bottom left repeat-x;
}

header div.innerbg {
	width:1356px;
	height:200px;
	background:url(img/header-bg.png) no-repeat top center;
	margin:auto;
}

header section#header-inner {
	width:910px;
	height:200px;
	margin:auto;
}

header section#header-inner a.logo img{
	margin:30px 0 0 40px;
}

/*************************************************************************************
@Navigation Top */

header nav {
	float:right;
	height:40px;
	padding-top:160px;
}

header nav ul li {
	float:left;
	background:none;
	padding:0;
}

header nav ul li a {
	display:block;
	width:118px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #895000;
	background:url(img/navi-button.jpg) no-repeat top left;
}

header nav ul li a:hover {
	background-position:bottom left;
}

header nav ul li:first-child a {
	width:40px;
	background:url(img/navi-home.jpg) no-repeat top left;
}

header nav ul li:first-child a:hover {
	background-position:bottom left;
}

/*************************************************************************************
@Slider */

section#liner {
	height:5px;
	background:url(img/slider-bg.gif) repeat-x top left;
	margin-bottom:10px;
}

/*************************************************************************************
@content */

section#content-wrapper{
	width:910px;
	margin:auto;
}

section#content {
	width:690px;
	float:left;
	padding-top:10px;
}

article.intro .alignleft {
	width:450px;
}	

article.intro .alignright {
	width:200px;
}	

article.blogpost {
	width:650px;
	background:#fff;
	padding:20px 20px 10px 20px;
	margin-top:10px;
}

article.blogpost .post-thumbnail {
	float:left;
	width:232px;
	height:112px;
	margin-right:23px;
	padding:6px;
	background:url(img/previmg-bg.png) no-repeat top left; 
}


article.blogpost h2 {
	float:left;
}


article.blogpost span.date {
	float:right;
	display:block;
	color:#acafaf;
	font-weight:bold;
	font-size:11px;
}

/*************************************************************************************
@Sidebar */

aside {
	width:210px;
	float:right;
}

aside article {
	background:#fff;
	padding:20px 20px 10px 20px;
	margin-bottom:10px;
}

aside article.fb {
	background:#fff url(img/fb-box.jpg) no-repeat 20px 25px;
	height:85px;
}

span.tel {
	display:blocK;
	color:#e67f16;
	font-weight:bold;
	font-size:17px;
	margin:5px 0;
}

img.phone {
	margin:5px 0 -40px 10px;
}

aside a {
	color:#e67f16;
	font-weight:bold;
}

/*************************************************************************************
@footer slider */

section#footer-slider {
	height:60px;
	background:#fff;
	margin:10px 0;
}


	#dhtmlgoodies_slideshow{
		width:910px;
		height:60px;
		margin:auto;
	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:51px;	/* Height of the images + 2 */
		border:0px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		width:910px;
		
		/* CSS HACK */
		height: 89px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/89px;	/* Other browsers */
		height: /**/89px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background:#fff;
		padding:0px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		background:#fff;
		z-index:10;
		padding:0px;		
	}
	#theImages{
		position:absolute;
		height:1000px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:0px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
		margin:0 20px 0 20px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
	
/*************************************************************************************
@footer */

footer {
	width:910px;
	margin:5px auto 20px auto;
	position:relative;
	z-index:99999999999;
}

footer a, footer p {
	color:#acafaf;
	font-size:11px;
	font-weight:bold;
}

footer a {
	cursor:pointer;
}