@charset "UTF-8";
/* CSS Document © 2009 design, polizzi and PAGES: graphic solutions */
/* styles for Ben Beardwood personal site 
	starts with basic h tags*/
h1 {
	font-family: Arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #333;	
}
h2 {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
}
h3 {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #669;
	font-variant: small-caps;
}
h4 {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #669;
	text-transform: uppercase;
}
h5 {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	line-height: 1.3em;
	text-transform: lowercase;
}
h6 {
	font-family: Arial, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	color: #333;
	line-height: 1.3em;
	font-variant: small-caps;
	text-decoration: none;
}

/* 	end h1-h6 basics (undeveloped for now, 
	group all body styles next */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-image: url(http://www.benjaminbeardwood.com/images/bg_lined_paper.gif);
	background-repeat: repeat;
	margin-top: 40px;
	text-decoration: none;
	background-color: #FFF;
}
.bodyBigger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	display: inline;
}

/* 	END body styles, 

	then CONTAINERS and WRAPPERS next  */
	
.bbEditorial #containerOutside {
	width: 600px;
	height: 440px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
.bbEditorial #containerOutsideP2 {
	width: 600px;
	background-image: url(http://www.benjaminbeardwood.com/images/bgTile1pxWhtStripe.gif);
	background-repeat: repeat;
	height: 440px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
.bbEditorial #containerOutsideP3 {
	width: 600px;
	height: 375px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	border: 1px solid #ada193;
	background-image: none;
}
.bbEditorial #containerOutsideTall {
	background-image: url(http://www.benjaminbeardwood.com/images/bg_lined_paper.gif);
	width: 600px;
	height: 525px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
.bbEditorial #containerInsideTall {
	width: 600px;
	width: 600px;
	border: 1px solid #333;
	background-color: #FFFFFF;
	height: 525px;
}
.bbEditorial #containerInside {
	width: 600px;
	background: #FFFFFF;
	background-image: url(http://www.benjaminbeardwood.com/images/bbe_gritty1_bg.jpg);
	background-repeat: no-repeat;
	width: 600px;
	height: 375px;
	border: 1px solid #333;
}
.bbEditorial #containerInsideZoom {
	width: 600px;
	background: #000;
	width: 600px;
	height: 440px;
	border: 1px solid #333;
}
.bbEditorial #containerInsideInfo {
	width: 600px;
	background: #FFFFFF;
	background-image: url(http://www.benjaminbeardwood.com/images/bbe_gritty1_introBg.jpg);
	background-repeat: no-repeat;
	width: 601px;
	height: 375px;
	border: 1px solid #333;
}
.bbEditorial #containerInsideP2 {
	width: 600px;
	background: #FFFFFF;
	width: 600px;
	height: 375px;
	border: 1px solid #333;
}
.bbEditorial #containerInsideP3 {
	width: 600px;
	width: 570px;
	height: 315px;
	border: 1px solid #333;
	background-color: #e7e7e7;
	margin-right: auto;
	margin-left: auto;
}
.bbEditorial #mainWrapper {
	padding: 0 44px;
	display: table;
}
.bbEditorial #introWrapper {
	padding: 0px;
}
.categoryFirst {
	width: 120px;
	height: 84px;
	margin-left: 390px;
	margin-top: 42px;
	border: 1px solid #333;
}
.category {
	width: 120px;
	height: 84px;
	margin-left: 390px;
	margin-top: 20px;
	border: 1px solid #333;
}
.cell {
	display: table-cell;
	
}
#pg2filmLt {
	/*background-image: url(http://www.benjaminbeardwood.com/images/bbe_p2_art_projects_Lt.gif);
	background-repeat: no-repeat;*/
	float: left;
	height: 375px;
	width: 271px;
}
#pg2Left {
	float: left;
	height: 375px;
	width: 271px;
}
#pg2filmRt {
	height: 375px;
	width: 329px;
	margin-left: 271px;
	background-color: #000;
}
#pg3filmDKLt {
	background-image: url(http://www.benjaminbeardwood.com/bbe_p3_filmLt.gif);
	background-repeat: no-repeat;
	float: left;
	height: 375px;
	width: 271px;
}
#pg3film240Lt {
	/*background-image: url(http://www.benjaminbeardwood.com/bbe_p3_filmLt.gif);
	background-repeat: no-repeat;*/
	float: left;
	height: 375px;
	width: 240px;
}
#pg3film360Rt {
	height: 375px;
	width: 360px;
	margin-left: 240px;
	background-color: #000;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(http://www.benjaminbeardwood.com/images/bbe_p3_filmRt_360.gif);
}
#pg3artWhtLt {
	background-image: url(http://www.benjaminbeardwood.com/images/bbe_p3_artLt.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 375px;
	width: 271px;
}
#pg3art240Lt {
	float: left;
	width: 240px;
	background-color: #FFF;
	height: 525px;
}
#pg3art360Rt {
	height: 375px;
	width: 360px;
	margin-left: 240px;
	background-color: #000;	
	padding-left: 0px;
	padding-top: 0px;
	/*background-image: url(http://www.benjaminbeardwood.com/images/bbe_p3_filmRtTest.gif);
	background-repeat: no-repeat;*/
}
#pg3monica360Rt {
	width: 360px;
	margin-left: 240px;
	background-color: #000;
}
#pg3filmDKRtB {
	height: 331px;
	width: 313px;
	margin-left: 271px;
	background-color: #000;
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-top: 44px;
	background-image: url(http://www.benjaminbeardwood.com/images/bbe_p3_filmRtTest.gif);
}
#pg3filmDKRtA {
	height: 375px;
	width: 329px;
	margin-left: 271px;
	background-color: #000;
	background-image: url(http://www.benjaminbeardwood.com/images/bbe_p3_filmRt.gif);
	background-repeat: no-repeat;
}
.bbeditorial #flashContainerRt {
	display: table-cell;
	height: 375px;
	width: 329px;
	background-color: #333;
	position: relative;
}
.p3imgRt {
	background-color: #000;
	height: 200px;
	width: 266px;
	left: 42px;
	top: 42px;
	position: relative;
}
.p3imgRt280 {
	background-color: #000;
	height: 212px;
	width: 280px;
	left: 30px;
	top: 30px;
	position: relative;
}
.p3MovieRt {
	background-color: #333;
	padding: 0px;
}
.bbEditorial #p3MovieRt {
	background-color: #333;
	height: 236px;
	width: 266px;
	margin-top: 29px;
	margin-left: 29px;
	z-index: 100;
}
.p3imgArtBBE {
	height: 200px;
	width: 164px;
	left: 19px;
	top: 42px;
	position: relative;
	margin-top: 0px;
	margin-left: 40px;
	border: 1px solid #F18A80;
	display: block;
}
.p3imgArtPreview {
	background-color: #333;
	height: 360px;
	width: 260px;
	left: 19px;
	top: 20px;
	position: relative;
}
#p3infoRt {
	height: 100px;
	width: 300px;
	margin-left: 42px;
	margin-top: 60px;
}
#p3infoRt280 {
	height: 100px;
	width: 320px;
	margin-left: 32px;
	margin-top: 40px;
}
#p3infoArtRt {
	height: 60px;
	width: 340px;
	margin-left: 8px;
	margin-top: 60px;
}
#p3infoMonicaRt {
	height: 60px;
	width: 340px;
	margin-left: 8px;
	margin-top: 466px;
	z-index: 200;
	display: block;
}
#p3infoRtMovie {
	height: 60px;
	width: 300px;
	margin-top: 16px;
}
#projectWrapperTop {
	height: 100px;
	width: 325px;
	z-index: 100;
	clear: right;
	float: right;
	margin-top: 34px;
}
#projectWrapperMid {
	height: 100px;
	width: 325px;
	z-index: 100;
	clear: right;
	float: right;
}
#projectWrapperDouble {
	height: 200px;
	width: 325px;
	z-index: 100;
	clear: right;
	float: right;
}
#projectWrapperBot {
	height: 100px;
	width: 325px;
	z-index: 100;
	clear: right;
	float: right;
}
.imgProject {
	height: 86px;
	width: 122px;
	margin-right: 27px;
	float: right;
	display: inline;
	z-index: 100;
	margin-top: 9px;
	border: 1px dotted #ada193;
}



/* END Containers */





/* BEGIN Copy Styles MOSTLY ( there are more, for example for footer text and sitemap */
.intro_rtCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
	color: #333;
	text-align: right;
	width: 210px;
	padding-right: 32px;
	padding-left: 0px;
	padding-top: 10px;
	vertical-align: middle;
	height: 350px;
	overflow: auto;
	clear: right;
	float: right;
	padding-bottom: 0px;
}
.p3TitleLt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #f18a80;
	display: inline;
	text-align: right;
}
.p4TitleLt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #333;
	text-align: left;
	padding-top: 12px;
	padding-left: 50px;
	height: 20px;
	width: 500px;
	padding-bottom: 0px;
	text-decoration: none;
	vertical-align: bottom;
	margin-top: 10px;
	letter-spacing: .1em;
}
.p3_ltCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
	color: #333;
	text-align: right;
	width: 196px;
	padding-right: 20px;
	padding-left: 24px;
	padding-top: 20px;
	vertical-align: middle;
	overflow: auto;
	margin-top: 8px;
}
.p3_ltCopyKundun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
	color: #333;
	text-align: right;
	width: 196px;
	padding-right: 20px;
	padding-left: 24px;
	padding-top: 20px;
	vertical-align: middle;
	margin-top: 8px;
}
#p3_ltCopyMonica {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
	color: #333;
	text-align: right;
	width: 195px;
	padding-right: 20px;
	padding-left: 24px;
	padding-top: 20px;
	vertical-align: middle;
	height: 330px;
	overflow: auto;
	margin-top: 24px;
}
.leadLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	font-weight: bold;
	color: #ada193;
	letter-spacing: 0.2em;
	display: inline;
}
#leadLineP3rt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	font-weight: bold;
	color: #ada193;
	letter-spacing: 0.1em;
	display: inline;
}
.projectTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #ada193;
	display: inline;
	text-align: left;
}
.projectText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	color: #ada193;
	display: block;
	letter-spacing: .1em;
	text-align: right;
	margin-right: 160px;
	line-height: 1.3em;
	margin-top: 4px;
	padding-right: 4px;
	padding-left: 8px;
}
.p3TextRt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #ada193;
	display: block;
	letter-spacing: .1em;
	text-align: left;
	line-height: 1.3em;
	padding-top: 4px;
	width: 260px;
}
.leadLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	font-weight: bold;
	color: #ada193;
	letter-spacing: 0.2em;
	display: inline;
}
#leadLineP3rt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	font-weight: bold;
	color: #ada193;
	letter-spacing: 0.1em;
	display: inline;
}
.projectTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #ada193;
	display: inline;
	text-align: left;
}
.projectText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	color: #ada193;
	display: block;
	letter-spacing: .1em;
	text-align: right;
	margin-right: 160px;
	line-height: 1.3em;
	margin-top: 4px;
	padding-right: 4px;
	padding-left: 8px;
}
/* 	END Copy Styles (MOSTLY) 

	BEGIN Project styles  */

#projectWrapperTop {
	height: 100px;
	width: 325px;
	z-index: 100;
	clear: right;
	float: right;
	margin-top: 34px;
}
#projectWrapperMid {
	height: 100px;
	width: 325px;
	z-index: 100;
	clear: right;
	float: right;
}
#projectWrapperDouble {
	height: 200px;
	width: 325px;
	z-index: 100;
	clear: right;
	float: right;
}
#projectWrapperBot {
	height: 100px;
	width: 325px;
	z-index: 100;
	clear: right;
	float: right;
}
.imgProject {
	height: 84px;
	width: 120px;
	margin-right: 27px;
	float: right;
	z-index: 100;
	margin-top: 9px;
	border: 1px dotted #ada193;
	text-decoration: none;
	display: table-cell;
}
.imgProjectDbl {
	height: 182px;
	width: 120px;
	margin-right: 27px;
	float: right;
	display: table-cell;
	z-index: 200;
	margin-top: 9px;
	border: 1px dotted #ada193;
}
/*	END Project styles
BEGIN footer styles and links  */

#footer {
	text-align: right;
	height: 40px;
	width: 601px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 415px;
}
.footerText {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-size: 0.8em;
	width: 440px;
	text-align: right;
	margin-top: 12px;
	height: 14px;
}
#footerP2 {
	text-align: right;
	height: 40px;
	width: 601px;
	position: absolute;
	top: 415px;
}
.footerP2 {
	text-align: right;
	height: 40px;
	width: 601px;
	position: absolute;
	top: 415px;
}
.footerP2 a {
	display: block;
	margin: 2px;
	color: #AD8F69;
	text-decoration: none;
}
.footerP2 a:hover {
	color: #F18A80;
}
#footerT4 {
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom:6px;
	padding-top: 6px;
	background-image: url(../images/bg_lined_paper.gif);
}
#footerEpidemicBtn {
	background-color: #CCC;
	height: 48px;
	width: 48px;
	float: right;
	margin-right: 20px;
	margin-top: 6px;
}

#footerFacebookBtn {
	background-color: #CCC;
	height: 48px;
	width: 48px;
	float: right;
	margin-right: 16px;
	margin-top: 6px;
}
#footnav {
	padding:0;
	list-style:none;
	width:600px;
	height:28px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footnav li {
	display:inline;
	letter-spacing: .1em;
}
#footnav li a {
	display:block;
	float: left;
	width: 198px;
	color: #666666;
	text-decoration: none;
	font-size:0.7em;
	line-height: 1.2em;
	text-align: center;
}
#footnav li.large a {font-size:.7em; font-weight:bold; line-height:1.5em;}
#footnav li a:hover {
	background: #8d9fc1;
}

.footnavRt {
	list-style:none;
	width:430px;
	padding: 0;
	font-size: 1.4em;
	text-align: right;
	margin-top: 6px;
}
.footnavRt li {
	display:inline;
}
.footnavRt li a {
	color: #C00;
	text-decoration: none;
	line-height: 1.2em;
}
.footnavRt li.large a {font-size:.7em; font-weight:bold; line-height:1.5em;}
.footnavRt li a:hover {
	color: #FC0;
	background-color: #900;
}
#iconbar {
	top: 6px;
	z-index: 200;
	right: 16px;
	width: 124px;
	float: right;
	height: 48px;
	margin-top: 4px;
}
#iconbar ul {
	margin: 0;
	padding: 0;
}
#iconbar li {
	float: left;
	list-style-type: none;
}
#iconbar a {
	display: block;
	height: 48px;
	width: 52px;
	font-size: .8em;
	color: #C00;
	border: 1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a#iconepidemic {
	background-image: url(/images/btn_billy_epidemic_dbl.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
a#iconepidemic:hover {
	background-position: left top;
}
a#iconfacebook {
	background-image: url(/images/btn_billy_facebook_dbl.gif);
	background-position: left bottom;
	margin-left: 16px;
}
a#iconfacebook:hover {
	background-position: left top;
}
a#iconblog {
	background-image: url(/images/btn_billy_facebook_dbl.gif);
	background-position: left bottom;
	margin-left: 16px;
}
a#iconblog:hover {
	background-position: left top;
}

/*	END footer styles
BEGIN styles and links for sitemap  */

.imgSitemapLt {
	background-color: #000;
	background-image: url(http://www.benjaminbeardwood.com/images/bbe_sitemapLt.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 375px;
	width: 271px;
	clear: left;
}
#sitemapLinkWrapper {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #000;
	text-decoration: none;*/
	clear: right;
	float: left;
	height: 340px;
	width: 280px;
	margin-left: 16px;
	margin-top: 10px;
	padding-top: 12px;
	padding-left: 16px;
}

#links {
	width: 154px;
	margin-left: 9px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #000000;
	font-size: .9em;
	font-weight: bold;
}
#links ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#links li {
	margin-bottom: 5px;
	margin-left: 5px;
}
#links a {
	text-decoration: none;
	color: #333333;
	display: none;
}
#links a:hover {
	color: #4E718F;
	margin: 0px;
	padding: 0px;
}
.links_indent {
	padding-left: 20px;
}
.links_indent2 {
	padding-left: 40px;
}
#linksRt {
	width: 205px;
	margin-left: 9px;
	font-size: .9em;
	font-weight: bold;
}
#linksRtNarrow {
	width: 200px;
	font-size: 1.1em;
	font-weight: bold;
}
#linksRt ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#linksRt li {
	margin-bottom: 5px;
	margin-left: 5px;
}
#linksRt a {
	text-decoration: none;
	color: #333333;
}
#linksRt a:hover {
	color: #4E718F;
	margin: 0px;
	padding: 0px;
} 
#links {
	width: 154px;
	margin-left: 9px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #000000;
	font-size: .9em;
	font-weight: bold;
}
#links ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#links li {
	margin-bottom: 5px;
	margin-left: 5px;
}
#links a {
	text-decoration: none;
	color: #333333;
}
#links a:hover {
	color: #4E718F;
	margin: 0px;
	padding: 0px;
}
#links_contact a {
	text-decoration: none;
	color: #ADA193;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
	display: block;
	width: 260px;
}
#links_contact a:hover {
	color: #8CAECC;
	margin: 0px;
	padding: 0px;
}
#links_monica a {
	text-decoration: none;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: right;
	display: block;
	width: 190px;
	background-color: #f18a80;
	margin-right: 20px;
	float: right;
}
#links_monica a:hover {
	text-decoration: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: right;
	display: block;
	width: 190px;
	background-color: #ada193;
	margin-right: 20px;
	float: right;
}
.links_indent {
	padding-left: 20px;
}
#linksRt {
	width: 205px;
	margin-left: 9px;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .1em;
	margin-top: 12px;
}
#linksRtNarrow {
	width: 200px;
	font-size: 1.1em;
	font-weight: bold;
}
#linksRt ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#linksRt li {
	margin-bottom: 5px;
	margin-left: 5px;
}
#linksRt a {
	text-decoration: none;
	color: #333333;
}
#linksRt a:hover {
	color: #4E718F;
	margin: 0px;
	padding: 0px;
}