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

/* defaults, globals, and miscellaneous
==============================================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	background: #333333 url(../images/bg-body3.gif) repeat-x;
}
body.home {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	background: #222222;
	/*background: #333333 url(../images/bg-body1.gif) repeat-x;*/
}
body.portfolio {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	background: #333333 url(../images/bg-body2.gif) repeat-x;
}
hr {
	display:none;
}
.hr {
	margin-top:5px;display: block;height: 1px;
	border-bottom: dotted 1px #cccccc;
}
a {
	color: #cccccc;
	text-decoration: underline;
}
 
a:hover {
	color: #cc0000;
	text-decoration: none;
}
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

#skipLink {
	display: none;
}
 h3 {
	margin: 5px;
	font: normal 1.2em arial,tahoma,sans-serif;
	color: #cccccc;
	text-align:right;
}
/* inline images
==============================================================================*/

img {
	border: 0; /* removes border in case images get have anchor around them */
}

.inlineImage {
	text-align: center;
	font: normal 1.0em arial,tahoma,sans-serif;
	color: #999;
}

.inlineImage img {
	padding: 3px;
	border: 1px dotted #ccc;
}

.noStyle img {
	padding: 0;
	border: 0 none;
}

.right {
	float: right;
	margin: 1.3em 0 0 1em;
}

.left {
	float: left;
	margin: 1.3em 2em 0 0;
}

.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

/* site id and utility links
==============================================================================*/
#headerHome {
	margin-top: 11px;
	text-align: left;}

#headerHome h1 {
	position: relative;
	height: 70px;!important;
	height: 58px;
}

#headerHome h1 a {
	display: block;
	position: absolute;
	top: 17px; !important;
	top: 5px;
	width: 350px;
	height: 50px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../images/rivera_multimedia_logo.gif) no-repeat;
}
#header {
	margin-top: 13px;}

h1 {
	position: relative;
	height: 85px;!important;
	height: 82px;
}

h1 a {
	display: block;
	position: absolute;
	top: 17px; !important;
	top: 5px;
	width: 400px;
	height: 80px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../images/rivera_multimedia_logo.gif) no-repeat;
}
#navUtilities {
	position: absolute;
	top: 30px;
	right: 10px;
	margin-left: 150px;
	font: normal 1.1em/1.1em arial,tahoma,sans-serif;
	color: #999898;
}

#navUtilities a {
	text-decoration: none;
	color: #cc0000;
}

#navUtilities a:hover {
	color: #cccccc;
}

/* layout setup
==============================================================================*/

#container,
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 768px;
}
#containerHome {
	position: relative;
	margin: 0 auto;
	width: 885px;
}
#container,
#wrapper {
	text-align: left;
}

#obligatorySidebar {
	position: relative;
	float: right;
	margin: 0;
	width: 256px;
	background: url(/images/bg-news.jpg) no-repeat;
}


/* top-level navigation
==============================================================================*/

#nav {
	height: 28px;
	margin-bottom: 0px;
	list-style: none;
}

#nav li {
	float: left;
	margin-right: 1px;
	height: 28px;
	overflow: hidden;


/* if text-resize, this'll keep the nav the same size */
}

#nav li a {
	display: block;
	height: 28px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: 50% 0; /* horizontally centers the background image */
	background-repeat: no-repeat;
}

#navHome {
	width: 125px;
	background-image: url(../images/nav-home.gif);
}

#navAbout {
	width: 125px;
	background-image: url(../images/nav-about.gif);
}
#navWeddings {
	width: 125px;
	background-image: url(../images/nav-weddings.gif);
}
#navServices {
	width: 125px;
	background-image: url(../images/nav-services.gif);
}

#navCells {
	width: 125px;
	background-image: url(../images/nav-cells.gif);
}

#navPortfolio {
	width: 130px;
	background-image: url(../images/nav-portfolio.gif);
	color: #ffffff;
}

#navBlog {
	width: 125px;
	background-image: url(../images/nav-blog.gif);
}
#navProducts {
	width: 125px;
	background-image: url(../images/nav-products.gif);
}
#navLogin {
	width: 130px;
	background-image: url(../images/nav-login.gif);
}

#nav li a:hover {
	background-position: 50% -28px;
}

#nav li a.currentSection,
	#nav li a.currentSection:hover {
	background-position: 50% -56px;
}

	
	
	
#subNav {
	list-style: none;
	min-height: 30px;font: bold 1.0em/2.7em arial,tahoma, sans-serif;
	color: #cccccc;
	margin-bottom: 7px;
}
#subNav strong{
	list-style: none;
	min-height: 30px;font: bold 1.1em arial,tahoma, sans-serif;
	color: #999999;
	margin-bottom: 7px;
}
#subNav li {
	float: left;
	padding: 0 8px;
	height: 30px;
	background: url(../images/divider-subnav_v.gif) right bottom no-repeat;
}

#subNav .last {
	background: none;
}

#subNav li a {
	display: block;
	font: normal 1.1em/2.7em arial,tahoma, sans-serif;
	color: #cccccc;
}

#subNav li a:hover {
	text-decoration: underline;
	color: #ff0000;
}
#subNav li a.currentSection{
	text-decoration: none;
	color: #ff0000;
}
/* greeting (welcome/perspective)
==============================================================================*/

#greeting {
	float: right;
	width: 256px;
	background: #262727;
}

#welcome {
	display: block;
	position: relative;
	margin: 10px 5px 10px;
	width: 236px;
	height: 265px;
	overflow: auto;
}

#welcome {
	background: url(/images/welcome-bg.jpg) no-repeat;
}

#Weddings {
	border-left: dotted 1px #cccccc;
	float: right;
	width: 250px;
	
}

#welcome p {
	position: relative;
	float: right;
	margin: 10px 0 0 0;
	width: 210px;
	font: normal 1.0em/1.4 arial,tahoma,sans-serif;
	text-align: right;
	color: #cccccc;
}

#welcome p a {
	display: block;
	margin-top: 2px;
	font-weight: bolder;
	text-decoration: none;
	text-transform: uppercase;
	color: #cc0000;
}

#welcome p a:hover {
	text-decoration: underline;	color: #cccccc;
}

/* feature promos (aka 'currently')
==============================================================================*/

#currently {
	position: relative;
	float: left;
	width: 497px;
	min-height: 285px;
	margin-bottom: 16px;
/* to force following elements down */
	/*background: #545454;*/
	font-family: Arial, Helvetica, sans-serif
}
#homepage {
	position: relative;
	float: left;
	width: 885px;
	min-height: 285px;
	margin-bottom: 10px;
	margin-top: 10px;
/* to force following elements down */
	/*background: #545454;*/
	font-family: Arial, Helvetica, sans-serif
}
/*#currently h2 {
	position: absolute;
	left: -16px;
	width: 16px;
	height: 100px;
	text-indent: -5000px;
	overflow: hidden;
	background: #eae7d2 url(/images/h2-currently.gif) no-repeat;
}*/

#currently div {
	margin: 0px 0 0 0px;
}

#currently span {
	display: block;
	font: normal 1em arial,tahoma,sans-serif;
	text-align: center;
	color: #999;
}

#currently a {
	color: #2388ff;
	font-weight: bold;
}
 #flashcontent {

		width: 285px;
		height: 285px;
		float: left;
		color: #ffffff;
		margin: 3px;
		border: solid 1px #333333;
		
	} 
#flashcontent1 {

		width: 285px;
		height: 285px;
		float: right;
		color: #ffffff;
		margin: 3px;
		border: solid 1px #333333;
		
	} 
#flashcontent2 {

		width: 285px;
		height: 285px;
		float: right;
		color: #ffffff;
		margin: 3px;
		border: solid 1px #333333;	
	} 
#flashcontentPortfolio {

		width: 740px;
		height: 456px;
		float: left;
		color: #ffffff;
		margin: 3px;
		border: solid 1px #333333;
		
	} 
/* headers
==============================================================================*/

#events h2,
#services h2,
.feature h2 {
	clear: none;
	margin: 5px 0 7px 10px;
	padding-bottom: 3px;
	font: bold 1.2em/1em arial,tahoma,sans-serif;
	color: #cc0000;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}
/* events
==============================================================================*/
#content {
	float: left;
	
	margin-top: 23px;
	width: 768px;
	min-height: 350px;
	color: #ccc;font: normal 1.1em/1.45em arial,tahoma,sans-serif;
	text-align: left;
}
#container .full {
	width: 100%;
}

#content {
	padding-bottom: 20px;
}

#content h2 {
	clear: none;
	margin: 0;
	padding-bottom: 3px;
	font: normal 1.6em/1.4 arial,tahoma,sans-serif;
	color: #cc0000;
	text-transform:uppercase;
	border: 0 none;
}

#content h3 {
	text-transform: uppercase;
	margin: 25px 0 15px 10px;
	font: normal 1.4em arial,tahoma,sans-serif;
	color: #cc0000;
}

#content h4 {
	margin: 0 0 -1em 0;
	font: bold 1.2em arial,tahoma,sans-serif;
	color: #555;
}

#content p,
#content li {
	margin: 1.3em 0;
	color: #ccc;font: normal 1.1em/1.45em arial,tahoma,sans-serif;
}

#content li {
	margin: .7em 0;
}

#content ol,
#content ul {
	padding: 0 2.5em;
}

#content blockquote {
	margin: 1.3em 0;
	padding: 0 1.5em;
	font: italic 1.1em/1.3em georgia,serif;
	color: #999;
}

#content dl {
	font: normal 1.2em/1.6em arial,tahoma,sans-serif;
	color: #777;
}

#content dt {
	margin: 1.5em 0 0;
	font-weight: bold;
	color: #ff9300;
}

#content dd {
	margin: 0 15px 1em 15px;
	font-size: .91em;
}

#content a {
	color: #cc0000;
	font-weight: bold;
}

#content a:hover {
	color: #cccccc;
	text-decoration: underline;
	background: #ffc;
}
#content a.imgLink:hover {
	background: none;
}

#content .details {
	font: normal 1.1em/1.4em arial,tahoma,sans-serif;
}

#content .finePrint {
	font-size: .9em;
	line-height: 1.6em;
	color: #999;
}

#content .info {
	clear: both;
	padding: 5px 5px 5px 30px;
	background: #eee url(/images/icon-info.gif) 8px 50% no-repeat;
	border: 1px solid #ccc;
}

#content .info span {
	padding-right: 10px;
}

#content .event h4 {
	margin-top: 3em;
	padding: 0 0 .4em 20px;
	text-align: right;
	font: normal 1.0em/1.6em arial,tahoma,sans-serif;
	color: #ff9300;
	background: url(/images/icon-calendar_date.gif) 0 40% no-repeat;
	border-bottom: 1px solid #ccc;
}

#content .event h4 span {
	float: left;
	font-size: 1.6em;
	color: #555;
}

#content .campus {
	margin-bottom: 30px;
}

#content .campus h3 {
	font-size: 1.3em;
	text-transform: none;
}

#content .campus p,
	#content .campus ul {
	margin-left: 100px;
	padding: 0;
}

#content .campus li {
	margin: 0;
	list-style: none;
	padding-left: 15px;
	font-size: 1.1em;
	background: url(/images/arrow-miniorange.gif) 0 50% no-repeat;
}

#content .campus hr.clearHack {
	clear: none;
}


#events {
	float: left;
	font: normal 1.1em/1.3 arial,tahoma,sans-serif;
	color: #ccc;
}
#Weddings p {
	margin: 10px 0 10px 10px;
	font: normal 1.2em/1.4em arial,tahoma,sans-serif;
	color: #ccc;
	text-align: left;
}
#Weddings a {
	text-decoration: none;
}
#Weddings a:hover {
	text-decoration: underline;
}
#Referrals{
	margin: 10px 0 10px 10px;
	font: normal 1.0em/1.3em arial,tahoma,sans-serif;
	color: #ccc;
}
#events ul {
	clear: both;
	width: 246px;
	margin-left: 10px;
	list-style: none;
}

#events li {
	padding: 8px 0;
	color: #cccccc;
	border-top: 1px solid #eee;
}

#events li span {
	float: right;
	text-align: right;
	margin-left: 10px;
	color: #cccccc;
}

#events a {
	color: #cc0000;
	font-weight: bold;
}

#events a:hover {
	text-decoration: underline;
	color: #333;
	background-color: #cc0000;
}

#events p.archiveLink {
	clear: both;
	margin: 10px 0 10px 10px;
	border-top: 1px solid #ccc;
}

	#events .archiveLink a {
	display: block;
	float: right;
	padding-right: 20px;
	color: #777;
	font: normal 9px/3em arial,tahoma,sans-serif;
}

.navTable {
	display: none;
}

/* service information
==============================================================================*/

#homeInfo {
	position: relative;
	text-align: left;
	float: left;
	width: 610px;
	height: auto;
	padding: 10px;
	color: #ccc;font: normal 1.1em/1.45em arial,tahoma,sans-serif;
}
#homeInfo p {
	margin: 10px 0 10px 10px;
	font: normal 1.1em/1.45em arial,tahoma,sans-serif;
	color: #ccc;
}
#services {
	position: relative;
	float: left;
	width: 512px;
	min-height: 280px;
	height: auto;
	color: #ccc;font: normal 1.1em/1.45em arial,tahoma,sans-serif;
}

#services h2 {
	margin: 5px 15px 7px 0;
}

#serviceInfo {
	position: relative;
	float: right;
	right: 15px;
}

#serviceInfo a {
	color: #cc0000;
	font-weight: bold;
}

#serviceInfo a:hover {
	text-decoration: underline;
	color: #333;
	background: #cccccc;
}

#serviceInfo .left {
	position: relative;
	left: 15px;
	margin-bottom: 10px;
}

#serviceInfo h3 {
	margin: 15px 0 -5px 110px;
	font: normal 1.4em arial,tahoma,sans-serif;
	color: #cc0000;
}

#serviceInfo p {
	margin: 10px 0 10px 10px;
	font: normal 1.1em/1.45em arial,tahoma,sans-serif;
	color: #ccc;
}

#serviceInfo ul {
	clear: left;
	margin: 10px 0 10px 15px;
	padding: 15px;
	list-style: none;
	font: normal 1.0em/1.4em arial,tahoma,sans-serif;
	color: #ccc;
	background: #ffc;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#serviceInfo ul li {
	margin: 5px 0;
}

/* features
==============================================================================*/

.feature {
	position: relative;
	clear: left;
	float: left;
	margin-top: 2em;
	width: 485px;
}

.feature h2 {
	margin: 20px 0 7px 0;
}

.feature a img {
	margin: 0;
	padding: 1px;
	border: 1px solid #cccccc;
}

.feature a:hover img {
	border: 0px solid0;
}

.scroller {
	width: 485px;
	height: 130px;
}
.scroller .content {
	width: 520px;
	height: 300px;
}
.scroller .section {
	width: 485px;
	height: 130px;
	float: left;
	text-align: center;
	clear:both;
}
.scroller .section2 {
	width: 485px;
	height: 130px;
	float: left;font: normal 1.0em/1.4em arial,tahoma,sans-serif;
	color: #ccc;
}


/* footer
==============================================================================*/

#footer {
	position: relative;
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	
	background: #333333 url(../images/bg-footer.jpg) repeat-x;
}

#siteMap,
#copyright {
	margin-top: 0;
}

#siteMap {
	float: left;
	width: 497px;
}

#siteMap .column {
	float: left;
	width: 160px;
}

#siteMap li {
	display: block;
	list-style: none;
	font: normal 1.1em/1em arial,tahoma,sans-serif;
}

#siteMap li a {
	display: block;
	clear: left;
	padding: .36em .18em;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
}
#siteMap .column li ul {
	padding-left: 10px;
	
	line-height: 1em;
	font-weight: bold;
	color:#999999;}
	
#siteMap li li a {
	padding-left: 10px;
	font-size: .81em;
	line-height: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #eae7d2;
	background: url(../images/arrow-miniorange.gif) left center no-repeat;
}

#siteMap li a:hover {
	text-decoration: underline;
	color: #cc0000;
}

#siteMap li li a:hover {
	background-position: 2px 50%;
}

#copyright {
	float: right;
	width: 256px;
	background: #262727;
	border: 1px solid #cccccc;
}

#copyright p {
	margin: 15px 10px;
	font: normal 1em/1.2em arial,tahoma,sans-serif;
	color: #cccccc;
}

#copyright strong {
	font-size: 1.2em;
	font-weight: normal;
	color: white;
}

#copyright a {
	font-weight: bold;
	color: #cc0000;
}

#copyright a:hover {
	text-decoration: underline;
	color: #cccccc;
}

#homeInfo a {
	color: #cccccc;
	text-decoration: none;
	border-bottom: dotted 1px #cccccc;
}

#homeInfo a:hover {
	color: #cc0000;
	text-decoration: none;
	border-bottom: dotted 1px #cc0000;
}

#contentPortfolio {
	float: left;
	margin-top: -5px;
	width: 720px;
	min-height: 450px;
	color: #ccc;font: normal 1.1em/1.45em arial,tahoma,sans-serif;
	text-align: left;
}
#contentPortfolio h2 {
	clear: none;
	margin: 0;
	padding-bottom: 3px;
	font: normal 1.6em/1.4 arial,tahoma,sans-serif;
	color: #cc0000;
	text-transform:uppercase;
	border: 0 none;
}
#contentPortfolio1 {
	float: left;
	margin-top: 5px;
	width: 720px;
	min-height: 350px;
	color: #ccc;font: normal 1.1em/1.45em arial,tahoma,sans-serif;
	text-align: left;
}
#contentPortfolio1 h2 {
	clear: none;
	margin: 0;
	padding-bottom: 3px;
	font: normal 1.6em/1.4 arial,tahoma,sans-serif;
	color: #cc0000;
	text-transform:uppercase;
	border: 0 none;
}
#contentAbout {
	float: left;
	margin-top: -5px;
	width: 760px;
	min-height: 450px;
	color: #ccc;font: normal 1.2em/1.45em arial,tahoma,sans-serif;
	text-align: left;
}
#contentAbout h2 {
	clear: none;
	margin: 0;
	padding-bottom: 3px;
	font: normal 1.6em/1.4 arial,tahoma,sans-serif;
	color: #cc0000;
	text-transform:uppercase;
	border: 0 none;
}
#contentAbout h3 {
	clear: none;
	margin: 0;
	padding-bottom: 3px;
	font: normal 1.2em/1.4 arial,tahoma,sans-serif;
	color: #cccccc;
	text-transform:uppercase;
	border: 0 none;
	text-align: left;
}
#contentAbout p,
#contentAbout li {
	margin: 1.3em 0;
	color: #ccc;font: normal 1.1em/1.35em arial,tahoma,sans-serif;
}

#contentAbout li {
	margin: .7em 0;
}

#contentAbout ol,
#contentAbout ul {
	padding: 0 2.5em;
}

#contentAbout blockquote {
	font: italic 1.1em/1.3em georgia,serif;
	color: #999; padding: 10px;
 	width: 450px;
 	border: dotted 1px #cccccc;
	margin-bottom: 5px;
	text-align: center;
	color: #cccccc;
}

#contentAbout blockquote.services {
 font: italic 1.1em/1.3em georgia,serif;
	color: #999; padding: 10px;
 	width: 250px;
 	border: dotted 1px #cccccc;
	margin-bottom: 5px;margin-left: 10px;
	text-align: center;
	color: #cccccc;
 }
 a.pagelink:link {
	color: #cccccc;
	text-decoration: underline;
} 
 a.pagelink:hover {
	color: #cc0000;
	text-decoration: none;
}
#contentAbout a.imgLink:hover {
	background: none;
}
.aboutImage {
	width: 768px;
	height: 175px;
	float: left;
	margin-bottom: 10px;
	background: url(../images/aboutHeader.jpg) 0 50% no-repeat;}
.serviceImage {
	width: 768px;
	height: 175px;
	float: left;
	margin-bottom: 10px;
	background: url(../images/CorporateHeader.jpg) 0 50% no-repeat;}
	
.weddingImage {
	width: 768px;
	height: 175px;
	float: left;
	margin-bottom: 10px;
	background: url(../images/WeddingsHeader.jpg) 0 50% no-repeat;}
.ReferralsImage {
	width: 768px;
	height: 175px;
	float: left;
	margin-bottom: 10px;
	background: url(../images/RefferalsHeader.jpg) 0 50% no-repeat;}	
.contactImage {
	width: 768px;
	height: 175px;
	float: left;
	margin-bottom: 10px;
	background: url(../images/ContactHeader.jpg) 0 50% no-repeat;}
.productImage {
	width: 768px;
	height: 175px;
	float: left;
	margin-bottom: 10px;
	background: url(../images/ProductsHeader.jpg) 0 50% no-repeat;}	
#contentAbout a {
	color: #cccccc;
	text-decoration: none;
	border-bottom: dotted 1px #cccccc;
}

#contentAbout a:hover {
	color: #cc0000;
	text-decoration: none;
	border-bottom: dotted 1px #cc0000;
}	
input.text {
	border: solid 1px #666666;
	background-color:#222222;
	color: #cccccc;}

input.button {border: solid 1px #666666;
	background-color:#222222;
	color: #cccccc;}

textarea {border: solid 1px #666666;
	background-color:#222222;
	color: #cccccc;}