/* CSS Document */


body {

border-top:0;
padding:0;
font-family: 'Open Sans', sans-serif;
}


#containerHIGHLIGHTS{
width:2490px;
height:95%;
}
#contentHIGHLIGHTS {
position:absolute;
top:0px;
width:2490px;
left:198px;
white-space:inherit;
height:650px;
top:50%;
margin-top:-325px;
}




#containerSTREET{
width:9600px;
height:95%;
}
#contentSTREET {
position:absolute;
top:0px;
width:9600px;
left:198px;
white-space:inherit;
height:650px;
top:50%;
margin-top:-325px;
}


#containerROTARACT{
width:1000px;
height:95%;
}
#contentROTARACT {
position:absolute;
top:0px;
width:1000px;
left:198px;
white-space:inherit;
height:650px;
top:50%;
margin-top:-325px;
}	

#containerMDPromo{
width:3100px;
height:95%;
}
#contentMDPromo {
position:absolute;
top:0px;
width:3100px;
left:198px;
white-space:inherit;
height:650px;
top:50%;
margin-top:-325px;
}	

#containerNICOLE{
width:83630px;
height:95%;
}
#contentNICOLE {
position:absolute;
top:0px;
width:83630px;
left:198px;
white-space:inherit;
height:650px;
top:50%;
margin-top:-325px;
}

#containerWEDDING{
width:24440px;
height:95%;
}
#contentWEDDING {
position:absolute;
top:0px;
width:24440px;
left:198px;
white-space:inherit;
height:650px;
top:50%;
margin-top:-325px;
}




#containerMUSIC{
width:10590px;
height:95%;
}
#contentMUSIC {
position:absolute;
top:0px;
width:10590px;
left:198px;
white-space:inherit;
height:650px;
top:50%;
margin-top:-325px;
}



#containerTEXT{
width:700px;
height:95%;
}
#contentTEXT {
position:absolute;
top:0px;
width:700px;
left:198px;
white-space:inherit;
height:650px;
top:20%;
margin-top:0px;
}





#menu {
width:158px;
margin-left:-8px;
height:250px;
top:25%;
margin-top:-117px;
position:absolute;
}

#contentHIGHLIGHTS img {
margin-right:30px;
}

#contentSTREET img {
margin-right:30px;
}

#contentWEDDING img {
margin-right:30px;
}

#contentMUSIC img {
margin-right:30px;
}

#contentNICOLE img {
margin-right:30px;
}

#contentTEXT img {
margin-right:30px;
}

#contentMDPromo img {
margin-right:30px;
}

#text p{
font-weight:300;
line-height:175%;
font-size:14px;
}

#text h1{
font-weight:800;
line-height:20%;
font-size:28px;
text-align:left;
}

/*------------------ caption hover ---------------------*/

.img-wrap{
overflow:hidden;
position:relative;
float: left;
display:table-cell;
vertical-align:middle
}

.img-overlay{
background-color:#000;
bottom:0;
align: center;
color:#fff;
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
z-index:1000;
}
.img-overlay h4, .img-overlay p{
padding:0 14px;
font-size:14px;
}
.img-wrap:hover .img-overlay{
opacity:1;                /* change to 1 when Zoe has added captions */
filter: alpha(opacity = 100);     /* change to 100 when Zoe has added captions */
transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-webkit-transition:opacity 0.25s;
}

/* ---------------------------------------------------- */


h1 {
font-weight:800;
line-height:175%;
font-size:14px;
text-align: right;
padding-right:10px;
margin-top:20px;

}

a:link {color:#000000; text-decoration:none;}    /* unvisited link */
a:visited {color:#000000; text-decoration:none;} /* visited link */
a:hover {color:#66CC33; text-decoration:none;}   /* mouse over link */
a:active {color:#66CC33; text-decoration:none;;}  /* selected link */



/* logo rollover */


a.rollover {
	margin-left:50px;
	margin-right:50px;
	margin-top:30px;
	display: block;
	width: 98px;
	height: 158px;
	text-decoration: none;
	background: url("logo.jpg");
	}

a.rollover:hover {
	background-position: -98px 0;
	}