@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: right;
	clear: right;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: inherit;
	float: left;
	z-index: 82;
}
.fluid1 {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	position: static;
}


#headerbackground{
	background-color: #ffe35b;
	position: fixed;
	top: 0px;
}
.headerbackground{
	position: static;
	top: 0px;
	width: 100%;
}

.background{
	background-color:#d9a6a3;	
}

.backgroundimgcontrol{
	z-index: -470;
}
	
	.about {
	position: absolute;
	font-family: abel;
	font-style: normal;
	font-weight: 400;
}


.imgcontrol{
	position: static;
	width:70%;
	height: auto;
}


.door{
	padding-bottom: 20px;
	display: none;
	width: 100%;
	height: auto;
	padding-top: 80px;
}
.hiddencontainer{
	padding-bottom: 0px;
	}
		#hidecontainer2{
			background-color: #ffcd33;
		}
		#hidecontainer3{
			background-color: #edebe3;
		}
		
		#hidecontainer4{
			background-color:#b9c1bb;
		}

		#hidecontainer5{
			background-color:#f0ddd1;
		}
		#hidecontainer6{
			background-color:#d1dbcf;
		}

#hidecontainer7{
			background-color:#cdd9df;
		}

#hidecontainer8{
			background-color:#d9a6a3;
		}
		
		#hidecontainer9{
			background-color:#dbdbda;
		}
		#hidecontainer10{
			background-color:#dfdfe5;
		}
	#hidecontainer11{
			background-color:#F6E7CC;
		}	


#hidecontainer12{
	background-color:#E4EED6;
}

.mcontrol{
	width: 25%;
	position: fixed;
	left: 5%;
	min-width: 200px;
	top: 15%;
}
.mcontrol1{
	width: 64%;
}

.boxcontrol{
	width: 4%;
	position: fixed;
	top: 44%;
	left: 72%;
}
.boxcontrol2{
	width: 4%;
	position: fixed;
	top: 55%;
	left: 81%;
}

.boxcontrol3{
	width: 4%;
	position: fixed;
	top: 68%;
	left: 68%;
}

.boxcontrol4{
	width: 4%;
	position: fixed;
	top: 33%;
	left: 72%;
}
.thumbnailcontrol{
	position: relative;
	height: auto;
	display: inherit;
	width: 60%;
	z-index: 65;
	top: 56px;
	float: left;
	clear: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: -130px;
}
.reference1{
	display: none;
	position: relative;
	float: left;
	clear: left;
	font-family: abel;
	font-style: normal;
	font-weight: 400;
	width: 55%;
	padding-top: 200px;
	padding-left: 0px;
	z-index: 282;
}

.reference2{
	display: none;
	width: 55%;
	float: left;
	clear: left;
	position: relative;
	font-family: abel;
	font-style: normal;
	font-weight: 400;
	z-index: 615;
}

.reference3{
	display: none;
	width: 55%;
	float: left;
	clear: left;
	position: relative;
	font-family: abel;
	font-style: normal;
	font-weight: 400;
	z-index: 464;
}
.reference4{
	display: none;
	width: 55%;
	float: left;
	clear: left;
	position: relative;
	font-family: abel;
	font-style: normal;
	font-weight: 400;
}
#address1{
	background-color: #FFFFFF;
	position: static;
}
#address2{
	background-color: #ffcd33;
	position: static;
}
#address3{
	background-color: #edebe3;
	position: static;
}

#address4{
	background-color: #b9c1bb;
	position: static;
}


#address5{
	background-color:#f0ddd1;
	position: static;
}
#address6{
	background-color:#d1dbcf;
	position: static;
}

#address7{
	background-color:#cdd9df;
	position: static;
}

#address8{
	background-color:#d9a6a3;
	position: static;
}
#address9{
	background-color:#dbdbda;
	position: static;
}

#address10{
	background-color:#dfdfe5;
	position: static;
}

#address11{
	background-color:#f6e7cc;
	position: static;
}
#address12{
	background-color:#e4eed6;
	position: static;
}

.inofcontrol{
	width: 5%;
	position: relative;
	float: left;
}

.viewcontrol1{
	width: 5%;
	position: static;
	float: right;
}
.vewcontrol2 {
	position: static;
	float: left;
}


.referencecontrol{
	display: inherit;
	height: auto;
	float: left;
	clear: left;
	position: static;
	font-family: abel;
	font-style: normal;
	font-weight: 400;
	margin-right: 0px;
	z-index: 279;
	width: 65%;
}
.homecontrol {
	position: static;
	float: right;
}
.menu {
	position: fixed;
	width: 200px;
	bottom: 10px;
	right: 0px;
}


.fluid1{
	clear: both;
	margin-left: 0;
	float: left;
	width: 100%;
	display: none;
}

.gridContainer1 {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	height: auto;
}


#imggroup1{
	display: inherit;
}
	
	
.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}
.titlelockcontrol {
	position: fixed;
	margin-top: 25px;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	padding-left: 0px;
	padding-right: 0px;
	clear: none;
	float: none;
	margin-left: auto;
	position: static;
}
.imgcontrol {
	position: static;
	width: 50%;
	height: auto;
}
.imgcontrol1{
	width: 70%;
}



	



.zeroMargin_tablet {
    margin-left: 0;
}
.viewcontrol2   {
	float: right;
}
.hide_tablet {
    display: none;
}
}

/* Desktop Layout: 769px to a max of 1300px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	padding-left: 0px;
	padding-right: 0px;
	margin: auto;
	margin-left: auto;
	padding-bottom: 0px;
	position: static;
	float: none;
	clear: none;
}

.imgcontrol {
	position: static;
	width: 30%;
	height: auto;
}




#view1 {
	padding-bottom: 0px;
}
#view2 {
	padding-bottom: 0px;
}


.home {
	padding-bottom: 0px;
}
.menu {
	width: 200px;
	position: fixed;
}
.infocontrol {
	float: right;
}



.imgcontrol1 {
	width: 33.3333%;
	height: auto;
	float: left;
	clear: right;
}

.hiddencontainer1 {
	margin-right: 0px;
	float: left;
	clear: right;
	padding-top: 0px;
}
.imgcontrolg2 {
	float: left;
	clear: right;
}
.doororg1 {
}

.titleblock {
	width: 30%;
	position: static;
	top: 0%;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}
.title {
	padding-top: 14px;
	position: static;
	margin-left: -7px;
}
.titlecontrol {
	width: 17%;
	height: auto;
}


.g2oo1 {
	width: 80%;
	width: 100%;
	height: auto;
	position: static;
}


.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}

.doorcontrol {
	padding-top: 0px;
}
.headercontrol {
	position: static;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
}

.textcontrol {
	position: fixed;
	left: 15%;
	width: 70%;
	top: 25%;
	right: 15%;
}

.g2oor1 {
	width: 100%;
	height: auto;
}

.imggroup2 {
	padding-top: 66px;
}
.mainpage {
	position: static;
}

.tcontrol {
	width: 100%;
	position: relative;
	top: 76px;
	left: 231px;
}
}
.info {
}
.view1 {
}
.menu1 {
	width: 100px;
	position: fixed;
	right: 0%;
	bottom: 10px;
}
.rightcontrol {
	float: right;
}
.leftcontrol {
	float: right;
}
.doc {
	font-size: xx-large;
	position: static;
	width: 0%;
}
.titlelock {
	float: left;
	display: inherit;
	position: relative;
	width: 14%;
	left: 82.3333%;
}
.headbackground {
	width: 20%;
	position: fixed;
	left: 40%;
	z-index: -983;
}
#door1 {
	padding-top: 80px;
}
#doororg1 {
	padding-top: 80px;
}
.backgroundimg {
	position: fixed;
	bottom: 25%;
	left: 60%;
	top: 38%;
	width: 30%;
	z-index: -320;
	opacity: 0.5;
	right: 10%;
}

.backgroundcolor {
	background-color: #D9A6A3;
}
.aboutheadcontrol {
	position: static;
	z-index: -1293;
}
.caption {
	background-color: rgba(213,142,143,0.60);
	width: 55%
}
.backgroundcolor1 {
	background-color: #B9C1BB;
}
.backgroundcolorbarnes{
	background-color:#edebe3;
}
.backgroundcolor3{
	background-color: #E4EED6;
}

.backjohn{
	background-color: #dbdbda;
}
.background6{
	background-color: #F6E7CC;
}

.background7{
	background-color: #CED6CE;	
}
.background8{
	background-color: #DFDFE5;
}
.background9{
	background-color: #CDD9DF;
}
.background10{
	background-color: #F0DDD1;
}
.background11{
	background-color: #F4F4F4;
}

.background12{
	background-color: #f8d057;
}

.captiontarget {
	background-color: rgba(146,172,153,0.60);
	width: 80%;
	padding-left: 5%;
	padding-right: 15%;
}
.captionbarnes {
	background-color: rgba(192,199,178,0.60);
	font-family: abel;
	font-style: normal;
	font-weight: 400;
	font-size: large;
	width: 80%;
	padding-right: 15%;
	padding-left: 5%;
}
.captionwildberry {
	background-color: rgba(213,142,143,0.38);
	width: 80%;
	padding-left: 5%;
	padding-right: 15%;
}
.captionargo{
	background-color: rgba(184,200,162,0.51);
	width: 80%;
	padding-left: 5%;
	padding-right: 15%;
}

.captionjohn{
	background-color: rgba(179,179,179,0.55);
	width: 80%;
	padding-left: 5%;
	padding-right: 15%;
}
.captionclub{
	background-color: #E5D2AE;
}

.captionculture{
	background-color: rgba(170,183,170,0.67);	
}
.captionfrench{
	background-color: rgba(201,201,211,0.75);
}

.captionacc{
	background-color: #A1B7C3;
}

.caption162{
	background-color: #E2BEA7;
}

.captiontribune{
	background-color: rgba(220,219,219,0.66);
}

.captionnbc{
	background-color: rgba(240,192,47,0.55);
}