body {background-color: rgb(0,0,0); color: rgb(255,255,255); font-size: small; font-family: Trebuchet MS; padding: 0px; margin: 0px;} 

div.header {text-align: center; vertical-align: top;}
div.mainmenuoption {vertical-align: middle; clear: both; letter-spacing: 1px; color:rgb(100,100,100); padding: 1em;}
div.mainmenulogo {float: left; line-height: 0px;}
div:hover.mainmenuoption {background-color: rgb(20,20,20); color:rgb(255,255,255);}
div:hover.mainmenulogo {background-color: rgb(20,20,20); color:rgb(255,255,255);}

div.medialinks {float: right; vertical-align: middle; text-align: center; padding: 5px 5px 5px 0px;}
div.sociallinks {display: inline; float: right; padding-left: 5px}
div.emaillink {font-size: medium; padding-bottom: 5px;}
div.phonenumber {display: inline; float: right; display: none; padding-top: 10px; font-size: medium;}
div.phonelink {display: inline; float: right; padding-top: 10px; font-size: medium;}
div.hidden {display: none}

div.maincontent {clear:both; background-color: rgb(20,20,20); display: block; overflow: auto;}
div.footer {padding: 2em; text-align: center; font-size: x-small; color: rgb(140,130,150);}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.blurb {text-align: left; margin: 0em; padding: 1em; border-style: solid; border-width: 1px 0px 0px 0px; border-color: rgb(140, 130, 150);}
div.blurbcorp {vertical-align: middle; text-align: left; padding: 0em 1em 0em 1em;}
div.altbg {background-color: black;}
div.imgpadded {padding: 1em;}
div.margined {margin: 1em;}
div.staff {display: inline-block; width: 200px; margin: 1em;}
div.film {display: inline-block; margin: 1em; width: 300px;}
div.mobilewidth {width: 280px;}
div.mobileminwidth {min-width: 280px;}

div.table {display: block;}
div.row {display: block;}
div.cell {display: block;}

div.stretched {width:100%;}
div.centered {vertical-align: middle; text-align: center;}
div.padded {padding-left: 2em; padding-right: 2em;}
div.cleanimg {line-height: 0px; vertical-align: middle;}
div.bordered {border-style: solid; border-width: 1px; border-color: rgb(140, 130, 150);}
img.bordered {border-style: solid; border-width: 1px; border-color: rgb(140, 130, 150);}
img.thumbnail {height: 169px; width 300px; border-style: none;}
img.stretched {width: 100%;}
img.filldiv {max-width: 100%; max-height: 100%;}

p {margin: 0px; padding: 1em 0em 1em 0em;}
p.lead {text-align: center; margin: 0em; padding: 1em;}
p.follow {text-align: left; max-width: 700px; margin-left: auto; margin-right: auto; padding-left: 2em; padding-right: 2em;}
p.header {text-align: center; font-size: 125%;}
p.header2 {text-align: center; font-size: 150%;}
p.title {text-align: center; font-style: italic; font-size: 125%;}

a {text-decoration: none; color: inherit; white-space: nowrap; border: 0px;}
a.icon {display:inline; float: right; height: 40px; width: 40px; background-size: 100%;}

a.xbutton {display: inline-block; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; text-decoration: none; color: rgb(255,255,255); background-color: rgb(25,0,25); border-color: rgb(140, 130, 150); letter-spacing: 1px; border-style: ridge; border-width: 1px; border-radius: 5px;}
a:hover.xbutton {background-color: rgb(140, 130, 150);}
a:hover.xicon {font-weight: bold; background-position: 0px 0px;}

body#home div#m_home {color: rgb(255,255,255);}
body#wedding div#m_wedding {background-color: rgb(20,20,20); color: rgb(255,255,255);}
body#corporate div#m_corporate {background-color: rgb(20,20,20); color: rgb(255,255,255);}
body#recital div#m_recital {background-color: rgb(20,20,20); color: rgb(255,255,255);}
body#film div#m_film {background-color: rgb(20,20,20); color: rgb(255,255,255);}
body#about div#m_about {background-color: rgb(20,20,20); color: rgb(255,255,255);}
body#contact div#m_contact {background-color: rgb(20,20,20); color: rgb(255,255,255);}

@media only screen and (min-device-width: 400px) and (orientation: landscape) {
	div.fullscreenvid {padding: 0% 10% 0% 10%;}
}
	
@media only screen and (min-device-width: 750px) {
	div#menu {display: inline;}
	div#mobilemenu {display: none;}
	div.phonenumber {display: inline;}
	div.phonelink {display: none;}
	div.mainmenuoption {display: inline-block; float: left; clear: none; padding: 0em 1em 0em 1em; height: 75px; line-height: 75px;}
	div.table {display: table;}
	div.row {display: table-row;}
	div.cell {display: table-cell;}
			}