@charset "utf-8";
/* CSS Document */

div.Table_01 {
	left:50%;
	top:0px;
	width:1000px;
	margin-left: -500px;
	position: absolute;
	height: 100%;
}

div.MattRyan-Site-BUILD-02slice-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:59px;
	height:312px;
}

div.leftspeaker {
	position:absolute;
	left:59px;
	top:0px;
	width:41px;
	height:791px;
}

div.header-farleft {
	position:absolute;
	left:100px;
	top:0px;
	width:5px;
	height:95px;
}

div.header-logo {
	position:absolute;
	left:105px;
	top:0px;
	width:378px;
	height:95px;
}

div.header-white {
	position:absolute;
	left:483px;
	top:0px;
	width:185px;
	height:95px;
	background-image: url(images/header_white.jpg);
}

div.header-buttons {
	position:absolute;
	left:668px;
	top:0px;
	width:223px;
	height:26px;
}

div.header-farright {
	position:absolute;
	left:891px;
	top:0px;
	width:9px;
	height:130px;
}

div.rightspeaker {
	position:absolute;
	left:900px;
	top:0px;
	width:100px;
	height:791px;
}

div.header-slogan {
	position:absolute;
	left:668px;
	top:26px;
	width:223px;
	height:69px;
}

div.header-navbarspace {
	position:absolute;
	left:100px;
	top:95px;
	width:9px;
	height:35px;
}

div.red-vertical {
	position:absolute;
	left:109px;
	top:95px;
	width:782px;
	height:5px;
	background-image: url(images/red_vertical.jpg);
}

div.menu {
	position:absolute;
	left:109px;
	top:100px;
	height:30px;
}

div.navbutton-school {
	position:absolute;
	left:109px;
	top:100px;
	width:111px;
	height:30px;
}

div.navbutton-wedding {
	position:absolute;
	left:220px;
	top:100px;
	width:112px;
	height:30px;
}

div.navbutton-corporate {
	position:absolute;
	left:332px;
	top:100px;
	width:111px;
	height:30px;
}

div.navbutton-dj {
	position:absolute;
	left:443px;
	top:100px;
	width:111px;
	height:30px;
}

div.navbutton-faq {
	position:absolute;
	left:554px;
	top:100px;
	width:112px;
	height:30px;
}

div.navbutton-contact {
	position:absolute;
	left:666px;
	top:100px;
	width:112px;
	height:30px;
}

div.navbutton-quote {
	position:absolute;
	left:778px;
	top:100px;
	width:113px;
	height:30px;
}

div.header {
	position:relative;
	left:0px;
	top:0px;
	z-index: 100;
}
div.gray-background {
	left:100px;
	top:130px;
	width:800px;
	background-image: url(images/gray_background_repeat.jpg);
	background-repeat: repeat-y;
	position: absolute;
}

div.maincontent-header {
	position:relative;
	left:0px;
	top:0px;
	width:504px;
	height:22px;
}

div.calendar-header {
	position:relative;
	left:-20px;
	top:-5px;
	width:249px;
	height:20px;
}

div.maincontent {
	position:relative;
	left:10px;
	top:10px;
	width:504px;
	background-image: url(images/maincontent.jpg);
	background-repeat: repeat-y;
}

div.calendar {
	position:absolute;
	left:535px;
	top:15px;
	background-image: url(images/calendar.jpg);
	background-repeat: repeat-y;
	padding-left: 20px;
	width: 249px;
}

div.backgroundspeaker-repeat {
	position:absolute;
	left:20px;
	top:312px;
	width:20px;
	height:24px;
}

div.calendar-footer {
	position:relative;
	left:-20px;
	top:10px;
	width:249px;
	height:13px;
}

div.facebook-header {
	position:relative;
	left:-2.5px;
	top:-10px;
	width:250px;
	height:14px;
}

div.facebook {
	position:absolute;
	left:535px;
	top:250px;
	width:250px;
	background-image: url(images/facebook.jpg);
	background-repeat: repeat-y;
	padding-left: 2.5px;
	padding-top: 10px;
}

div.facebook-footer {
	position:relative;
	left:-2.5px;
	top:10px;
	width:250px;
	height:15px;
}

div.maincontent-footer {
	position:relative;
	left:0px;
	top:15px;
	width:504px;
	height:17px;
}

div.knot {
	padding-top: 15px;
	padding-left: 55px;
}

div.sitefooter {
	position:relative;
	left:5px;
	top:35px;
	width:500px;
	height:100px;
	margin-bottom: 75px;
}
body {
	background-image: url(images/backgroundspeaker_repeat.jpg);
	background-repeat: repeat;
	background-color: #212121;
}

.ColorRed {
	color: #d53736;
}

.BoldWhite14 {font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.BoldRed18 {
	font-size: 18px;
	font-weight: bold;
	color: #d53736;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}

div#photo a:link {color: #d53736;}
div#photo a:visited {color: white;}
div#photo{
	background-image:url(images/MattRyan_Site_BUILD_01slice_35.jpg);
	height: 57px;
	width: 260px;
}

div#footer {
	background-image: url(images/footer.jpg);
	height: 29px;
	width: 782px;
}

.styleHeading {	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #d53736;
}

.standardText {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

.styleSubHeading { font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}
.styleTagLine {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}
.styleItalicsText {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-style: italic;
}
a:link {
	color: #D06136;
}
a:visited {
	color: #D06136;
}
#hidden {
    position: absolute;
    left: -9999px;
    top: 0px;
}

/* common styling */
.menu {
	font-family: arial, sans-serif;
	position:relative;
	font-size:11px;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	width:auto;
	text-align:center;
	color:#fff;
	line-height:28px;
	font-size:11px;
	overflow:hidden;
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {
	float:left;
	position:relative;
	width: auto;
}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:30px;
	left:0;
	width: 111px;
	border-left-style: solid;
	border-left-color: #A51F1E;
	border-left-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-right-width: 1px;
}
.menu ul li:hover ul li a.hide {
	color:#fff;
	background-color: #070707;
	width: 111px;
}
.menu ul li:hover ul li:hover a.hide {
	background:#6fc;
	color:#000;
	width: 111px;
}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {
	display:block;
	background:#ddd;
	color:#FFFFFF;
	background-color: #080808;
	width: 111px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
}
.menu ul li:hover ul li a:hover {
	color:#FFFFFF;
	background-color: #A51F1E;
	width: 111px;
}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
