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

body {
	background-image:url(img/bg-tile.jpg);
	background-repeat:repeat;
	background: #d0840d;padding-top:35px; font-family:Georgia, "Times New Roman", Times, serif;color:#3e2a07;font-size:18px;
}

.wrap {
width:1010px;
margin:0 auto;	padding:0px 20px;
}

p {
	margin-top: 7px;
margin-bottom: 25px;line-height:1.6em;
}

.inner-wrap {
width:982px;
margin:0 auto;	
}

a {
	color:#752405;text-decoration:none;
}
a:hover {
	color:#12596d;text-decoration:none;
}

	
.left-nav {
font-family:'Bell-Med';	
font-size:30px;
color:#752405;
text-align:right;

}

h3 {
font-family:'Bell-Med';	
font-size:24px;
color:#201605;margin-bottom:0px;font-weight:normal;

}

h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#201605;margin-bottom:0px;font-weight:bold;margin-top:10px;

}

.contact-content {
padding-left:260px;	padding-top:7px;
}

.gallery-overview-content {
padding-top:10px;
}

.gallery-overview-content-top {
padding-top:24px;
}

.about-nav {
width:230px;
float:left;text-align:right;	
}

.project-title-wrap {
	padding-bottom: 20px;
display: block;
overflow: auto;
padding: 20px 15px 30px 14px;
}

.project-title {
	float: left;
font-size: 26px;
}

.back-to-gall {
	float: right;
padding-top: 0px;
}

.about-content {
padding-left:290px;	padding-top:20px;
}

.pat-portrait {
float: right;
padding: 0px 10px 20px 30px;	
}

.foot {
	
}

.nav {
	text-align:center;width:982px;
}


ul.about {
	list-style-type:none;
	list-style:none;text-align:right;padding-bottom:30px; margin-top:30px;
}

ul.about li {
	display:block; font-size:29px;font-family:'Bell-Med';	color:#752405;margin-bottom: 36px;
}

ul.about li a {
	color:#752405;text-decoration:none;
}

ul.about li a:hover {
	color:#12596d;text-decoration:none;
}

ul.about li  a.current {  
   color:#12596d; 
}  


ul.navi {
	list-style-type:none;
	list-style:none;text-align:center;
}

ul.navi li {
	display:inline; font-size:33px;font-family:'Bell-Med';	padding-right: 48px;color:#752405;
}

ul.navi li a {
	color:#752405;text-decoration:none;
}

ul.navi li a:hover {
	color:#12596d;text-decoration:none;
}

ul.navi li  a.current {  
   color:#12596d; 
}  

.navi li + li {
    background:url('img/separator-image.png') no-repeat top left;
    padding-left: 83px;
background-position: 0px 3px;
}

.head {
	display:block;
}

.about-body-col {
	
}


.contact-body-col {
	
}

.about1-footer-img {
	background-image: url(img/about-drawing1.png);
background-repeat: no-repeat;
background-position: 120px 0px;
text-align: center;
font-family: 'Bell-Med';
padding-top: 280px;
}

.about2-footer-img {
background-image: url(img/about-drawing2.png);
background-repeat: no-repeat;
background-position: 120px 0px;
text-align: center;
font-family: 'Bell-Med';
padding-top: 420px;
padding-bottom: 20px;
}

.about3-footer-img {
background-image: url(img/about-drawing3.png);
background-repeat: no-repeat;
background-position: 120px 0px;
text-align: center;
font-family: 'Bell-Med';
padding-top: 430px;
padding-bottom: 30px;
}

.about4-footer-img {
	background-image: url(img/about-drawing4.png);
background-repeat: no-repeat;
background-position: 120px 0px;
text-align: center;
font-family: 'Bell-Med';
padding-top: 410px;padding-bottom: 30px;
}

.about5-footer-img {
	background-image: url(img/about-drawing5.png);
background-repeat: no-repeat;
background-position: 120px 0px;
text-align: center;
font-family: 'Bell-Med';
padding-top: 440px;padding-bottom: 30px;
}

.contact-footer-img {
background-image: url(img/contact-drawing.png);
background-repeat: no-repeat;
background-position: 120px 0px;
text-align: center;
font-family: 'Bell-Med';
padding-top: 350px;padding-bottom: 30px;
}


.no-img-footer {
text-align:center;
	font-family:'Bell-Med';padding-bottom: 30px;
}

.clubs {
width:330px;	float:left;  line-height:1.8em;font-size:15px;
}

.clubs-wrap {
display:inline-block;
}

.splash_slideshow {

width:982px;
height:627px;
}

.splash_slideshow img {
position:relative;
box-shadow: #000 0em 0em 0em;
}


.gallery-wrapper {

position: relative;
height:180px;
left: 9px;
width: 932x;
margin: 9px 20px 60px 7px;
	clear:both;text-align:center; font-size:16px;line-height:2.5em;
}

.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 212px;
   height: 156px;
  
}
.left2{
   position: relative;
   float: left;
   left: 45px;
   width: 212px;
   height: 156px;
   
}
.left3{
   position: relative;
   float: left;
   left: 90px;
   width: 212px;
   height: 156px;

}


.right{
   position: relative;
   float: right;
   right: 0px;
   width: 212px;
   height: 156px;
   
}


@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px) {
	.respon {
		width:85%;
		margin:0 auto;
	}
	 }