#AboutSlideshow {
float: left;
width: 940px;
height: 378px;

}


#AboutSlideshowContainer .nav {
position: absolute;
top: 152px;
left: 20px;
width: 900px;
height: 300px;
z-index: 9999;
display: none;
}

#AboutSlideshowContainer .next {
float: right;
opacity: 0.7;
filter:alpha(opacity=70);
cursor: pointer;
}

#AboutSlideshowContainer .prev {
float: left;
opacity: 0.7;
filter:alpha(opacity=70);
cursor: pointer;
}

#BarrelGrantsSlideshowContainer {
float: left;
margin: 0 0 0px 10px;
position: relative;
}

#BarrelGrantsSlideshowContainer .nav {
position: absolute;
top: 190px;
left: 20px;
width: 900px;
height: 300px;
z-index: 9999;
display: none;
}

#BarrelGrantsSlideshowContainer .next {
float: right;
opacity: 0.7;
filter:alpha(opacity=70);
cursor: pointer;
}

#BarrelGrantsSlideshowContainer .prev {
float: left;
opacity: 0.7;
filter:alpha(opacity=70);
cursor: pointer;
}

body {
	margin: 0;
	padding: 0 0 0px 0;
	font-family: Arial, helvetica, verdana, sans-serif;
	position: relative;
	background: #000000;
	font-size: 62.5%;
	color: #eeeeee;
 }

/* Normal links */
a:link, a:visited {
outline-style:none;
	color: #B5A976;
	text-decoration: none;
	 }

a:hover, a:visited:hover {
	color: #eeeeee;
	text-decoration: underline; }

/* Image border and background color fixes */
a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {
	border: none;
	background-color:transparent; }

/* Abbreviations */	
abbr { border-bottom: 1px dotted #900; cursor: help; }

form { margin: 0; padding: 0; }

img { border: none; }

/*------------------HEADING--------------------*/

h1 {
	margin: 0px 0 0 0;
	padding: 0 0 0px 0;
	font-size: 2.0em;
	font-weight: normal;
	color: #fff; }

h1 span { color: #fff;font-size:0.5em;vertical-align:0.2em }

h2 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff; }

h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height:15px;
	color: #fff; }

h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff; }
	
h5 {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.0em;
	font-weight: normal;
	color: #fff;
	}

h5 span {
	display: block;
	color: #fff;
	font-size: 0.8em;
	font-weight: normal; }

h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff; }

/*-----------PARAGRAPH TEXT ELEMENTS-------------------*/

/* General paragraph rules */
p {
	margin: 0 0 1.0em 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em; }

p.oldbrowsers {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #c00; }
	
/*---------------LAYOUT BOXES----------------------*/
#Frame {
	margin: 0 auto 0 auto;
	padding: 30px 0px 0 0px;
	width: 960px; 
}
/*--------------HEADER ELEMENTS----------------*/

#Header {
	float: left;
	margin: 0;
	padding: 0 0 40px 0;
}

#Logo {
	position: relative;
	margin:0px 0 0px 0px;
	padding:0px 0 0px 0px;
	height: 54px;
	width: 101px;
	}
#Logo a {
	position: absolute;
	padding:0px 0 0px 0px;
	top: 0px;
	left: 0px;
	width: 101px;
	height: 54px;
	}

#Logo a:link, #Logo a:visited, #Logo a:active, #Logo a:link:hover, #Logo a:visited:hover {
	background-color: transparent;
	}

#Logo a span, #Logo span { display: none; }

#TopDescription {
	padding: 20px 0 0 0;
	margin: 0;
	text-align: right;
}

#TopDescription p{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #eeeeee;
}

#TopDescription p a:link, #TopDescription p a:visited { color: #A0A0A0; text-decoration: none; }
#TopDescription p a:hover, #TopDescription p a:visited:hover { color: #eeeeee; text-decoration: none; border-bottom: 1px dotted #eeeeee; }

#TopDescription p .rssfeed a:link, #TopDescription p .rssfeed a:visited { color: #99B2D6; text-decoration: none; }
#TopDescription p .rssfeed a:hover, #TopDescription p .rssfeed a:visited:hover { color: #eeeeee; text-decoration: none; border-bottom: 1px dotted #eeeeee; }


/*----------------------NAVIGATION---------------------------*/
#navigation{
	list-style-type: none;
	float: left;
	padding: 0px 0 30px 0;
	margin: 0px 0 0 0;
	height: 40px;
}

#navigation li {
	font-family: 'Times New Roman', Times, Georgia, serif;
	font-size: 1.5em;
	border-top: 1px solid #A0A0A0;
	padding: 6px 0 0 0;
}

#navigation li a, #navigation li a:visited:link, #navigation li a:link {
	display: block;
	color: #A0A0A0;
	text-decoration: none;
	border-bottom: none;
}

#navigation li a:hover, #navigation li a:link:hover, #navigation li a:visited:hover{
	color: #99B2D6;
	text-decoration: none;
	border-bottom: none;
}

#navigation li.selected, #navigation li.selected:hover {
	border-top: 1px solid #eeeeee;
	padding: 6px 0 0 0;
}

/*----------------------HOMEPAGE---------------------------*/
#HomepageBanner {
	width: 920px;
	height: 275px;
	padding: 95px 0 20px 20px;
}
/*----------------------PROJECTS SECTION---------------------------*/

.projectList {
display: inline;
float: left;
	position: relative;
	width: 220px;
	height: 220px;
	margin: 0 10px 20px 10px;
padding: 0;
overflow: hidden;
background: url(/img/ajax-loader.gif) 80px 40px no-repeat;
}

.projectListContent {
display: none;
float: left;
background: #000;
}

.projectList .projectListLargePhoto {
position: relative;
	float: left;
	width: 220px;
	height: 150px;
	opacity: .50;
	filter: alpha(opacity=50);
}

.projectList .projectListLargePhoto a {
position: relative;
	float: left;
	width: 220px;
	height: 150px;
}

.projectList .projectListLargePhoto a:hover {

}

#BodyText .projectList p.projectListName {
	margin: 0 0 0 0px;
padding: 0;
}


#BodyText .projectList p.projectListName a, #BodyText .projectList p.projectListName a:link, #BodyText .projectList p.projectListName a:visited{
position: relative;
float: left;
width: 200px;
height: 50px;
padding: 10px;
font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 0 0px;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: none;
	color: #FFFFFF; 
	background: #272727;
}

#BodyText .projectList p.projectListName a:hover, #BodyText .projectList p.projectListName a:link:hover, #BodyText .projectList p.projectListName a:visited:hover{
color: #fff;
text-decoration: none;
background: #99B2D6;
width: 200px;
height: 50px;
border: none;
}

#BodyText .projectList p.projectListName a.selected{
color: #fff;
text-decoration: none;
background: #99B2D6;
width: 200px;
height: 50px;
border: none;
}

.projectListLarge {
	position: relative;
	width: 220px;
	height: 130px;
	margin: 0 0 20px 0;
}

.projectListLargePhoto {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 130px;
}

.projectListLargePhoto a {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 130px;
}

.projectListLargePhoto a:hover {

}

.projectListSmall {
	position: relative;
	width: 140px;
	height: 83px;
	margin: 0 0 20px 0;
}

.projectListSidebar{
float: left;
	position: relative;
	width: 140px;
	height: 95px;
	margin: 0 0 20px 0;
}

.projectListSmallPhoto {
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 83px;
}

.projectListSmallPhoto a {
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 83px;
	opacity: .50;
	filter: alpha(opacity=50);
}

.projectListSmallPhoto a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#BodyText .projectListLarge p, #BodyText .projectListSmall p{
	position: absolute;
	bottom: 5px;
	right: 5px;
	text-align: right;
}

#BodyText .projectListSidebar p{

}


#BodyText .projectListLarge p a, #BodyText .projectListSmall p a{
	position: relative;
	text-indent: 0px;
	color: #eeeeee;
}

#BodyText .projectListSidebar p a{
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: left;
padding: 3px;
margin: 0;
width: 136px;
	color: #eeeeee;
	background: url(http://www.barrelny.com/img/black_transparent_bg.png) repeat;
}

#BodyText .projectListSidebar p a:hover{
text-decoration: none;
}
.ProjectScreenshot {
float: left;
width: 760px;
height: 430px;
padding: 0 0 20px 0;
background: url(/img/ajax-loader.gif) 347px 182px no-repeat;
cursor: pointer;
}

.ProjectScreenshot img{
display: none;
}

#ProjectSlides .ProjectScreenshot {
padding: 0 0 0px 0;
}

.WebsiteScreenshot {
padding: 0 0 20px 0;
}

#ProjectSlides .WebsiteScreenshot {
padding: 0 0 0px 0;
}

.videolist {
	position: relative;
	width: 220px;
	height: 108px;
	margin: 0 0 20px 0;
}

.videolistPhoto {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 108px;
}

.videolistPhoto a {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 108px;
	opacity: .70;
	filter: alpha(opacity=70);
}

.videolistPhoto a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
/*----------------------ABOUT SECTION---------------------------*/
.smallTeamPhoto {
	margin: 0 0px 20px 0px;
}

.teamPhoto {
	position: relative;
	top: 0;
	left: 0;
	width: 140px;
	height: 140px;
}

.teamPhoto a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 140px;
	opacity: .50;
	filter: alpha(opacity=50);
}

.teamPhoto a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
}

.allthingsbarrel {
height: 70px;
padding: 0 0 20px 0;
overflow: hidden;
}


.hellothere {
	padding: 0 0 20px 0;
}

.ourteam {
	padding: 0 0 54px 0;
}


#BodyText #ThingsWeDo p{
margin: 0;
padding: 0;
}

/*----------------------NEWS SECTION---------------------------*/
.QuickiesEntry {
	float: left;
	border-bottom: 1px solid #a0a0a0;
	margin: 0 -3px 30px 0;
	padding: 0 0 20px 0;
width: 940px;
}

.QuickiesDate {
	float: left;
	width: 220px;
	padding: 2px 20px 0 0;
	text-transform: uppercase;
}

.QuickiesEntryBody {
	float: left;
	width:500px;
}

.QuickiesEntry img {
clear: both;
padding: 0 0 20px 0;
border:0px; 
background:transparent;
}

.QuickiesEntryBody div {
font-size: 12px;
line-height: 18px;
}

/*------------MISCELLANEOUS-----------------------*/

.inputfield {
	border: 1px solid #B3B3B3;
	margin: 0 0px 5px 0;
	padding: 4px;
	height: 14px;
	top: 0px;
	font-family: Arial, helvetica, verdana, sans-serif;
	font-size: 1.3em;
}

.titleBar {
	height: 70px;
}

.BottomSpace {
	padding: 0 0 20px 0;
}

.verticalDivSpace {
	padding: 0 0 40px 0;
}

.PageBottomSpace {
	padding: 0 0 40px 0;
}

.textlabel {
font-size: 1.2em;
float: left;
width: 170px;
margin: 0 0 20px 0;
}

.textarealabel {
font-size: 1.2em;
float: left;
width: 400px;
margin: 0 0 10px 0;
clear: both;
}

.text {
	font-family: Arial, helvetica, verdana, sans-serif;
float: left;
clear: right;
padding: 4px;
border: none;
width: 200px;
margin: 0 20px 20px 0;
font-size: 1.4em;
}

.textarea {
	font-family: Arial, helvetica, verdana, sans-serif;
float: left;
clear: right;
padding: 4px;
border: none;
width: 370px;
height: 100px;
margin: 0 20px 20px 0;
font-size: 1.4em;
}

.other {
float: left;
clear: both;
margin: 0 20px 20px 0;
}

.btn {
float: left;
clear: both;
}

.SubmitButton {
	float: left;
	clear: both;
	border: none;
	cursor: pointer;
	width: 139px;
	height: 30px;
	padding: 0 0px 0 0;
	text-indent: 9999px;
overflow: hidden;
	background: url(http://www.barrelny.com/img/submit_button.gif) top left no-repeat;
}

.SubmitButton:hover {
	cursor: pointer;
	width: 139px;
	height: 30px;
	border: none;
	text-indent: 9999px;
overflow: hidden;
	background: url(http://www.barrelny.com/img/submit_button.gif) 0 -30px no-repeat;
}


/*-------------- TEXT STYLING ELEMENTS -----------------*/

#BodyText{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#BodyText p {
	padding: 0px 0px 15px 0px;
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: 0px;
	color: #eeeeee; }

#BodyText p.smalltext {
	padding: 0px 0px 15px 0px;
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: 0px;
	color: #eeeeee; }

#BodyText p.smallLinkHome {
	float: left;
	padding: 0px;
	margin: 0 0 15px 0px;
	font-size: 1.1em;
	text-transform: uppercase;
}


#BodyText p.smallLink {
	float: left;
	padding: 0px;
	margin: 0 0 15px 0px;
	font-size: 1.1em;
	text-transform: uppercase;
}

#BodyText p.smallLink a {
padding: 0 0px 0 15px;
background: url(http://www.barrelny.com/img/blue_arrow.gif) top left no-repeat;
}

#BodyText p.projectListName {
	padding: 1px 3px 1px 3px;
	margin: 0 0 0 5px;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	background: url(http://www.barrelny.com/img/black_transparent_bg.png) repeat;
	color: #eeeeee; 
}

#BodyText p.aboutPhotoCaption {
position: absolute;
top: 20px;
left: 0;
	padding: 3px 5px 3px 5px;
	margin: 0 0 0 0px;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	background: url(http://www.barrelny.com/img/black_transparent_bg.png) repeat;
	color: #eeeeee; 
}

#BodyText p.teamPhotoName {
position: absolute;
bottom: 10px;
left: 0;
	padding: 3px 5px 3px 5px;
	margin: 0 0 0 0px;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	background: url(http://www.barrelny.com/img/black_transparent_bg.png) repeat;
	color: #eeeeee; 
}

#BodyText p.nobreak {
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: 0px;
	color: #eeeeee; }

#BodyText ul {
	margin: 0 0 20px 25px;
	padding: 0;
}

#BodyText ul li {
	list-style-type: square;
	padding: 0px 0px 3px 0px;
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: 0px;
	color: #eeeeee; }

#BodyText ul.projectsfilter {
	margin: 0 0 20px 0px;
	padding: 0;
}

#BodyText ul.projectsfilter li {
	list-style-type: none;
	padding: 0px 0px 3px 0px;
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: 0px;
	color: #919191; }

#BodyText ul.projectsfilter li a{
color: #919191;
}

#BodyText ul.projectsfilter li a.selected {
color: #fff;
}

#BodyText h5 {
	font-family: Arial, verdana, helvetica, sans-serif;
	padding: 0px 0px 15px 0px;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #eeeeee; }

#BodyText h4 {
	font-family: 'Times New Roman', Times, Georgia, serif;
	padding: 0px 0px 2px 0px;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #eeeeee; }

#BodyText h3 {
	padding: 0px 0px 10px 0px;
	margin: 0;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #eeeeee; }

#BodyText h2 {
	font-family: 'Times New Roman', Times, Georgia, serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 15px 0;
	font-size: 3.5em;
	line-height: 1.7em;
	font-weight: normal;
	color: #eeeeee;
}

#BodyText h1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 15px 0;
	font-size: 2.5em;
	line-height: 3.5em;
	font-weight: bold;
	color: #eeeeee; 
}
		
#BodyText a:link, #BodyText a:visited { color: #99B2D6; text-decoration: none; }
#BodyText a:hover, #BodyText a:visited:hover { color: #eeeeee; text-decoration: underline;}

#BodyText .aboutPhotoCaption a:link, #BodyText .aboutPhotoCaption a:visited { color: #fff; text-decoration: none; }
#BodyText .aboutPhotoCaption a:hover, #BodyText .aboutPhotoCaption a:visited:hover { color: #eeeeee; text-decoration: underline;}


/*-------------- Copyright Footer -----------------*/
#Copyright {
	font-family: Arial, helvetica, verdana, sans-serif;
	padding: 15px 0px 20px 0px;
	border-top: 1px solid #D8D8D8;
}
#Copyright h5 {
	margin: 0px 0px 0 0;
	padding: 0px 0px 0px 0px;
	color: #828282;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;

	}
	
#Copyright a:link, #Copyright a:visited { color: #eeeeee; text-decoration: none; margin: 0 0px 0 10px;}
#Copyright a:hover, #Copyright a:visited:hover { color: #eeeeee;text-decoration: none; border-bottom: 1px solid #eeeeee; }

/* Remove traces of float */	
.ClearAll {
	clear: both;
	font-size: 2px; }

/* Hide warning from newer browsers */
.oldbrowsers { display: none; }

td.nowrap {
	white-space: nowrap;
	}

#BodyText ul#ProjectSliderNav {
	position: absolute;
	display: block;
	bottom: 0px;
	right: 20px;
margin: 0;
	z-index: 1000;
padding: 7px 2px 7px 10px;
background: #494949;
}

#BodyText ul#ProjectSliderNav{
	list-style-type: none;
}

#BodyText ul#ProjectSliderNav li{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#BodyText ul#ProjectSliderNav li a {
	float: left;
	width: 10px;
	height: 10px;
	overflow: hidden;
	margin: 0 8px 0 0px;
	background: #afafaf;

}

#BodyText ul#ProjectSliderNav li.activeLI a {
	background: #fff;
}