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

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#222;
	background:url(../images/background.jpg) repeat-x #FFF fixed;
}
a{
	text-decoration:none;
	color:#0087ef;
}
a:hover{
	color:#0088BB;
}
a:active{
	color:#EF2929;
}
h1{
	font-size:1.8em;
	font-style:italic;
	color:#000;
	padding:0 0 0 8px;
	margin:10px 0 6px 0;
	font-weight:normal;
}
h2, h3{
	color:#EF2929;
	padding:0;
	margin:2px 0;
}
h2{
	font-size:1.3em;
	margin:-10px 0 10px 0;	
	padding:0 0 0 20px;
	font-weight:normal;
}
h2.alone{
	margin:0;	
	padding:0 0 0 20px;	
}
p{
	padding:0 4px;
	margin:6px 0 10px 0;
}
#right img, div.photo img{
	border:8px solid #CCC;
	margin:4px 10px 4px 4px;
}
div.photo{
	width:206px;
	margin:4px auto;
}
#navigation,
h1, #tag{
	font-family:Georgia, "Times New Roman", Times, serif;
}
.over{
	width:550px;
	display:block;
	position:absolute;
	height:220px;
	margin-left:-5px;
	background:url(../images/imageover.png) no-repeat 0 -107px;
	margin:0 auto;
}
img.overred{
	border:none !important;
	width:535px;
	height:210px;
	margin:7px auto !important;
	display:block;
}
ul.ther{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
}
	ul.ther li img{
		float:left;
	}
	ul.ther li{
		clear:both;
		margin-bottom:14px;
	}
	ul.ther li div{
		width:340px;
		float:right;
	}
	
ul#loc{
	width:550px;
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}
	ul#loc li{
		float:left;
		width:255px;
		margin:10px;
	}
/* Disable text selection on layout elements */
#navigation, #footer{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#shadow{
	width:840px;
	margin:0 auto;
	background:url(../images/shadow.png) repeat-x 0 53px;
}
#wrapper{
	width:820px;
	margin:0 auto;
}
ul#navigation{
	width:816px;
	background:url(../images/nav.gif) repeat-x #353535 0 25px;
	height:52px;
	list-style:none;
	padding:0;
	margin:0 auto;
	border-bottom:1px solid #222;
}
	#navigation li{
		float:left;
		border-right:1px solid #585858;
		width:115px;
		margin:14px 0 0 0;
	}
	#navigation li:last-child{
		border-right:none;
	}
	#navigation li a{
		font-size:16px;
		width:100%;
		color:#FFF;
		display:block;
		height:20px;
		text-align:center;
		padding:6px 0;
	}
	#navigation li a:hover{
		color:#CCC;
	}
	#navigation li.active a{
		color:#0087ef;
	}
#left{
	width:230px;
	min-height:780px;
	padding:15px 0 10px 10px;
	float:left;
	font-size:12px;
	background:url(../images/whitegrad.gif) bottom repeat-x #F9F9F9;
}
	#left p{
		text-align:center;
	}
	#left #top{
		background:url(../images/shadow.png) 0 -220px no-repeat;
		position:absolute;
		height:500px;
		width:10px;
		margin:-15px 0 0 220px;
	}
	#left p.quote0{
		text-align:left;
		text-indent:20px;
		padding:10px 30px;
		background:url(../images/quote.png) no-repeat 20px 0;
	}
	#left p.quote1{
		text-align:left;
		text-indent:4px;
		padding:10px 30px;
	}
	#logo{
		width:220px;
		margin-left:10px;
		overflow:hidden;
	}
	#left h1{
		display:block;
		width:170px;
		font-size:1.5em;
		margin:20px auto 6px auto;
		text-align:center;
		border-bottom:1px solid #111;
	}
	#tag{
		font-size:1.3em;
		display:block;
		text-align:center;
		color:#333;
	}
#right{
	min-height:680px;
	width:550px;
	float:right;
	background-color:#FFF;
	padding:15px;
}
#footer{
	width:812px;
	height:66px;
	background-color:rgb(0, 97, 187);
	clear:both;
	color:#DDD;
	font-size:12px;
	padding:4px 0 0 8px;
}
	#footer #dark{
		width:580px;
		background:#222 url(../images/shadow.png) -14px 0 no-repeat;
		float:right;
		padding:15px 0;
		text-align:center;
		line-height:20px;
		margin-top:-4px;		
	}