body{
margin: 0px;
padding: 0px;
background: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
}

#maincontainer{
width: 975px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 100px; /*Height of top section*/
margin-top: 10px;
border-bottom: 1px solid #b9d15f;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 175px; /*Set left margin to LeftColumnWidth*/
margin-top: -10px;
height: 450px;
border-left: 1px solid #b9d15f;
}

#contentcolumn h2{
font-weight: normal;
}

#leftcolumn{
float: left;
width: 175px; /*Width of left column*/
margin-left: -975px; /*Set left margin to -(MainContainerWidth)*/
height: 450px;
border-right: 1px solid #b9d15f;
}


#footer{
clear: left;
width: 100%;
border-top: 1px solid #b9d15f;
font-style: italic;
font-size: 11px;
padding-top: 5px;
}

#design{
text-align: right;
margin-top: -35px;
}

a.design {
color: #b9d15f;
text-decoration: none;
}

a.social {
color: black;
text-decoration: none;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.portrait{
margin-top: 91px;
}


/*MENU*/

.menu{
padding-top: 10px;
margin-bottom: 12px;
}

.menu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.menu ul li{
padding-bottom: 8px; /*bottom spacing between menu items*/
}

.menu ul li a{
color: white;
text-decoration: none;
}

.menu ul li a:hover{ /*hover state CSS*/
color: #b9d15f;
}

.submenu{
margin-left: 20px;
font-size: 11px;
font-style: italic;
}

/*GALLERY IMAGES*/

.gallerycontainer{
position: relative;
top: -15px;
left: 520px;
width: 300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #b9d15f;
margin: 1px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
top: -100px;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 30px;
left: -495px; /*position where enlarged image should offset horizontally */
}

/*PORTRAIT IMAGES*/

.portrait img{
border: 1px solid #b9d15f;
margin: 1px;
}

.portrait:hover{
background-color: transparent;
}

.portrait:hover img{
border: 1px solid white;
}

.portrait span{ /*CSS for enlarged image*/
position: absolute;
top: -100px;
visibility: hidden;
}

.portrait span img{ /*CSS for enlarged image*/
padding: 2px;
}

.portrait:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 30px;
left: -405px; /*position where enlarged image should offset horizontally */
z-index: 0;
}
 
/*PAGINATION*/

.pagination{
padding: 2px;
}

.pagination ul{
margin: 5px 0px 0px 3px;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 8px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #b9d15f;
text-decoration: none; 
color: #fff;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #fff;
color: #000;
background-color: #b9d15f;
}

.pagination a.currentpage{
background-color: #b9d15f;
border: 1px solid #fff;
color: #000 !important;
cursor: default;
}

/*CONTACT FORM*/

#form{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.contact:link{
text-decoration: none;
color: #b9d15f;
}

a.contact:visited{
text-decoration: none;
color: #b9d15f;
}

a.contact:hover{
text-decoration: underline;
color: #FFF;
}

#contentcolumn input{
background: #b9d15f;
border: none;
padding: 5px;
}

#contentcolumn textarea{
background: #b9d15f;
border: none;
padding: 5px;
}

/*WEDDING PAGE*/

#wedding{
width: 454px;
}

#weddingslideshow{
position: relative;
top: -405px;
left: 465px;
height: 0px;
width: 0px;
}