@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;} 
a:active{outline: none;}
a:focus{outline: none;}
object:active{outline: none;}
object:focus{outline: none;}
#wrapper a:link,
#wrapper a:visited {
	text-decoration: none;
	color:#000;
	
}

#wrapper a:hover {
	color:#000;
	border-bottom: none;
}
#main a:hover,#mainPhoto a:hover{
	text-decoration: underline;
}
#main a,#mainPhoto a {
	color: #666 !important;
}
#main h3 a,#mainPhoto h3 a {
	color: #000 !important;
}
#mainNav{
	height:60px
}

html, body, #wrapper {height: 100%;}

body{
	font-family: Calibri, Verdana, Ariel, sans-serif;
	font-size:16px;
	background:url(../image/layout/bg.jpg) repeat;
}
body > #wrapper {height: auto; min-height: 100%; width:880px;}

#wrapper{
	width:880px;
	margin:0px auto;
	
}
#wrapperInside{
	width:880px;
	margin:0px auto;
}

#main, #mainPhoto{
	overflow:auto;
	padding: 20px 0px 350px 0px;
	z-index:20;
}
#header #Banner{
	margin:0px auto -20px auto;
	padding:40px 0px 0px 0px;
	width:780px;
	height:438px;
	background: url(../image/layout/header.png) no-repeat left bottom;
	z-index:25;

}
#header #Banner #BannerBG {
	width:721px;
	height:398px;
	padding:9px 0px 0px 0px;
	margin:0px 0px 0px 51px;
	z-index:20;
	background: url(../image/layout/headerMain.jpg) no-repeat left bottom;
}
#header #Banner #BannerText {
	width:660px;
	height:auto;
	margin:0px auto;
	padding: 150px 20px 20px 60px;
	z-index:20;
}
#header #Banner #BannerBG h1{
	padding:20px 0px 0px 0px;
	display:block;
	text-indent:-9999px;
}

#header #Banner #BannerBG p{

}
#main .entryHeader{
	background: url(../image/layout/top.png) no-repeat left bottom;
	width:700px;
	height:46px;
	margin:0px auto;
	padding:20px 40px;
	z-index:15;
}
#main .entryContent{
	background: url(../image/layout/mainbg.png) repeat-y left top;
	width:660px;
	height:auto;
	margin:0px auto;
	padding: 20px 20px 20px 100px;
	z-index:20;
}
#main .entryFooter{
	background: url(../image/layout/bottom.png) no-repeat left top;
	width:700px;
	height:25px;
	margin:0px auto;
	padding:0px 40px 20px 40px;
	z-index:20;
}
#main .entryContent .entryWrapper{
	padding:50px 0px 0px 0px;
	height:300px;
}

#main .entryContent .left{
	float:left;
	padding:5px 20px 0px 0px ;
	width:250px;
}

#main .entryContent .right{
	width:382px;
	float:right;
	height:264px;
	padding: 5px 0px 0px 0px;
}

#main .entryContent .entryWrapper.bottom{
	min-height:300px;
	height:auto;
}

#main .indent{
	padding-left:40px;
}


#mainPhoto{
	margin:0px -70px;	
}

#mainPhoto .entryHeaderPhoto{
	background: url(../image/layout/topPhoto.png) no-repeat left top;
	width:1020px;
	height:46px;
	margin:0px auto;
	padding:0px 0px;
}
#mainPhoto .entryContentPhoto{
	background: url(../image/layout/mainbgPhoto.png) repeat-y left top;
	width:990px;
	height:auto;
	margin:0px auto;
	padding: 20px 15px 20px 15px;
}
#mainPhoto .entryFooterPhoto{
	background: url(../image/layout/bottomPhoto.png) no-repeat left top;
	width:1020px;
	height:65px;
	margin:0px auto;
	padding:0px 0px 20px 0px;
}
#footer {
	position: relative;
	height: 350px;
	clear:both;
	width:700px;
	margin:-350px auto 0px auto;
	padding:0px 40px 0px 40px;
	background: url(../image/layout/footer.png) no-repeat left bottom;
} 

form span.red{
	color:#C00;
	font-size:10px;
}

form input, form textarea{
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #999;
	line-height:16px;
	font-size:16px;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


