/*
@font-face {
	font-family: Chunkfive;
	src: url(../fonts/Chunkfive.otf) format("opentype");
}
*/

@font-face{
	font-family: 'ChunkFiveRegular';
    src: url(../fonts/Chunkfive-webfont.eot);
    src: url(../fonts/Chunkfive-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/Chunkfive-webfont.woff) format('woff'),
         url(../fonts/Chunkfive-webfont.ttf) format('truetype'),
         url(../fonts/Chunkfive-webfont.svg#ChunkFiveRegular) format('svg');
    font-weight: normal;
    font-style: normal;
}

.clearboth {clear:both;
}

body{
	background-image: url(../images/11433lp.jpg);
	background-repeat: repeat-y;
		
}
#shell {
	width: 1002px;
	margin-left: auto;
	margin-right: auto;
	background-color:#EAEAEA;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: double;
	border-bottom-style: none;
	border-left-style: double;
	border-top-color: #969696;
	border-right-color: #969696;
	border-bottom-color: #969696;
	border-left-color: #969696;
	}

#shellInt {
	width: 1002px;
	margin-left: auto;
	margin-right: auto;
	}
		
.barDark{
	background-color: #A7A7A7;
	height: 6px;
	width: 1002px;
	margin-left:auto;
	margin-right:auto;	
}

.barDarkNarrow{
	background-color: #cbac5d;
	height: 2px;
	width: 1002px;
	margin-left:auto;
	margin-right:auto;	
}

.barLight{
	background: rgb(233,233,233); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(233,233,233,1) 0%, rgba(167,167,167,1) 36%, rgba(233,233,233,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(36%,rgba(167,167,167,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(167,167,167,1) 36%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(167,167,167,1) 36%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(167,167,167,1) 36%,rgba(233,233,233,1) 100%); /* IE10+ */

background: linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(167,167,167,1) 36%,rgba(233,233,233,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	height: 18px;
	width: 1002px;
	margin-left:auto;
	margin-right:auto;	
}

.barLightInt{
	background: rgb(233,233,233); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(233,233,233,1) 0%, rgba(167,167,167,1) 36%, rgba(233,233,233,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(36%,rgba(167,167,167,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(167,167,167,1) 36%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(167,167,167,1) 36%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(167,167,167,1) 36%,rgba(233,233,233,1) 100%); /* IE10+ */

background: linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(167,167,167,1) 36%,rgba(233,233,233,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */











	height: 12px;
	width: 1002px;
	margin-left:auto;
	margin-right:auto;	
}
.container {
	width: 1002px;
	margin-left: auto;
	margin-right: auto;

}

.textContainer {
	margin-top:36px;
	line-height:16px;
}

.textContainer2 {
	margin-top:30px;

}
.column p {
	padding-left:10px;
	padding-right:10px;
}

.first p {
	padding-left:12px;
	padding-right:20px;
}

.last p {
	padding-left:20px;
	padding-right:12px;
}

.containerBanner {
	width: 978px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

#home {
	width: 978px;
	margin-left: auto;
	margin-right: auto;
}
	
#gallery {
	width: 978px;
	margin-left: auto;
	margin-right: auto;
		
}

#BannerGallery{
	width:978px;
	height:428px;
	margin-left:auto;
	margin-right:auto;
}

#Profile {
	width: 978px;
	margin-left: auto;
	margin-right: auto;
}

#LetsTalk {
	width: 978px;
	margin-left: auto;
	margin-right: auto;
}

#home h1{
	/*font-family:"ChunkFive Roman";*/
	font-family:"ChunkFiveRegular";
	font-size:48px;
	float: left;
	color: #cbac5d;
	padding-top: 35px;
	padding-right: 30px;
}

h1{
	/*font-family:"ChunkFive Roman";*/
	font-family:"ChunkFiveRegular";
	font-size:36px;
	float: left;
	color: #cbac5d;
	padding-top: 45px;
	padding-right: 30px;
}



#home h2{
	font-family: "Helvetica Neue";
	font-size: 34px;
	color: #7e7e7e;
	float: left;
	font-weight: 200;
	font-variant: small-caps;
	padding-top: 40px;
 	padding-right: 30px;
}

#gallery h2{
	font-family: "Helvetica Neue";
	font-size: 26px;
	color: #7e7e7e;
	float: left;
	font-weight: 200;
	font-variant: small-caps;
	padding-top: 48px;
 	padding-right: 5px;
}

#Profile h2{
	font-family: "Helvetica Neue";
	font-size: 26px;
	color: #7e7e7e;
	float: left;
	font-weight: 200;
	font-variant: small-caps;
	padding-top: 48px;
 	padding-right: 360px;
}

#LetsTalk h2{
	font-family: "Helvetica Neue";
	font-size: 26px;
	color: #7e7e7e;
	float: left;
	font-weight: 200;
	font-variant: small-caps;
	padding-top: 48px;
 	padding-right: 280px;
}

h3{
	font-family: "Helvetica Neue";
	font-size: 16px;
	color: #7e7e7e;
	font-weight: 200;
	font-variant: small-caps;
	padding-top: 65px;
	padding-left: 10px;
}

.nav{
	font-family: "Helvetica Neue";
	font-size: 16px;
	color: #7e7e7e;
	float: left;
	font-weight: 200;
	font-variant: small-caps;
	padding-top: 57px;
	padding-left: 10px;
}

#active {
	font-family: "Helvetica Neue";
	font-size: 16px;
	color: #cbac5d;
	float: left;
	font-weight: 200;
	font-variant: small-caps;
	padding-top: 57px;
	padding-left: 10px;
}

.quote {
	font-family: "Helvetica Neue";
	font-size: 18px;
	color: #cbac5d;
	padding-top: 12px;
	font-weight: 400;
	font-variant: small-caps;
	padding-bottom: 30px;
	padding-left: 12px;
}

.favorites {
	font-family: "ChunkFive Roman";
	font-size: 18px;
	color: #cbac5d;
	padding-top: 6px;
	font-weight: 200;
	font-variant: small-caps;
	padding-bottom: 10px;
	padding-right: 30px;
	float:right;
}

.banner {
	height: 416px;
	width: 978px;
	padding-top: 108px;
	margin-right: 12px;
	margin-left: 12px;	
}

p {
	font-family: "Helvetica Neue";
	font-size: 12px;
	color: #000;
	font-weight: 200;	
}



#imageFader {
	width:652px;
	height:428px;
	background:#000000;
	position:relative;
	border: thin double #cbac5d;
}

#imageFader .X {
	position:absolute;
	top:0px;
	left:0px;
		
}



.object {
	width:326px;
	height:214px;
	background:#000000;
	float:left;
	margin-right:0px;
	margin-bottom:0px;
}

.rowEnd {
	margin-right:0px;
}


#tableComment{
	float: left;
	margin-right: 80px;
	margin-left:20px;
}

#tableQuote{
	
	float:left;
}

.tableData {
	/*font-family:"ChunkFive Roman";*/
	font-family:"ChunkFiveRegular";
	color:#7C7C7C;
	font-size: 12px;
	font-variant: small-caps;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.tableImage {
	/*font-family:"ChunkFive Roman";*/
	font-family:"ChunkFiveRegular";
	color:#7C7C7C;
	font-size: 12px;
	font-variant: small-caps;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 80px;
}
.tableIcon {
	/*font-family:"ChunkFive Roman";*/
	font-family:"ChunkFiveRegular";
	color:#7C7C7C;
	font-size: 12px;
	font-variant: small-caps;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 300px;
}


#letstalkBylineA {
	/*font-family:"ChunkFive Roman";*/
	font-family:"ChunkFiveRegular";
	font-variant: small-caps;
	padding-top: 50px;
	color: #7C7C7C;
	padding-left: 30px;
	float: left;
	padding-right: 100px;
	font-size: 24px;
}

#letstalkBylineB {
	padding-top: 25px;
	padding-left: 10px;
	float: left;
	padding-right: 100px;
}

.letstalkComment{
	/*font-family:"ChunkFive Roman";*/
	font-family:"ChunkFiveRegular";
	font-size: x-small;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 52px;
	width: 220px;
	float:left;
 	color: #7C7C7C;	
}

.letstalkImage{
	/*font-family:"ChunkFive Roman";*/
	font-family:"ChunkFiveRegular";
	font-size: x-small;
	padding-top: 10px;
	padding-left: 80px;
	padding-right: 52px;
	width: 220px;
	float:left;
 	color: #7C7C7C;	
}

#first{background-image:url(../images/joslinc11SecFinal.jpg)
}

#second{background-image:url(../images/Gallery/joslincRoom1.jpg)
}

#third{background-image:url(../images/Gallery/starbucks.jpg)
}

#fourth{background-image:url(../images/Gallery/joslinc_chessA.jpg)
}

#fifth{background-image: url(../images/Gallery/indexTRi.jpg)
}

#sixth{background-image:url(../images/Gallery/Attitude.jpg)
}

#BannerLetsTalk{
	background-image:url(../images/River.jpg);
	width:978px;
	height:428px;
	margin-left:auto;
	margin-right:auto;
	
}

#nextButton,#prevButton{position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.7;}
#nextButton{background:#000 url(../images/nextArrow.png) center center; margin:-20px 10px 0 10px; right:0; top:70%;}
#prevButton{background:#000 url(../images/prevArrow.png) center center; margin:-20px 10px 0 10px; left:0; top:70%;}
#nextButton:hover,#prevButton:hover{background-color:#cbac5d; opacity:1;}

#mainContent{
	width:978px;
	height:428px;
	position:absolute;
	top:0px;
	left:0px;
	background-color: #FF1221;
}

.horizontalScroller{position:relative; width:978px; height:428px; background:#a7a7a7; overflow:hidden;}
.horizontalScroller .scrollerContainer{position:absolute; width:999999px}
.horizontalScroller .scroller{position:relative; height:100%; display:inline-block; *display:inline;}

.horizontalScroller .scroller a{display:block; float:left; margin:0px 0px 0px 0; background:#fff;}
.horizontalScroller .scroller a:last-child{margin-bottom:0px; }
.horizontalScroller .scroller a:hover{}

.horizontalScroller .scrollerNextButton,.horizontalScroller .scrollerPrevButton{position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.4;}
.horizontalScroller .scrollerNextButton{background:#000 url(../images/nextArrow.png) center center; margin:-20px 10px 0 10px; right:0; top:70%;}
.horizontalScroller .scrollerPrevButton{background:#000 url(../images/prevArrow.png) center center; margin:-20px 10px 0 10px; left:0; top:70%;}
.horizontalScroller .scrollerNextButton:hover,.horizontalScroller .scrollerPrevButton:hover{background-color:#cbac5d; opacity:1;}