/* #### Global #### */


#front_page{
background: #646464;
}

body{
background: #646464;
}

img{
border-style: none;
outline:none;
}

p{
font-family: verdana, sans-serif;
color: black;
font-size: 100%;
text-align: justify;
text-decoration: none;
}

a{
outline:none;
text-decoration:none;
color: black;
}

a:hover{
color: #971e16;
}

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




/* #### Front Page Background #### */

#front_page_bg{
display: block;
width: 910px;
margin-left: auto;
margin-right: auto;
margin-top: 10px; /*Set top value to HeightOfFrameDiv*/
background: #646464;
}




/* #### Main Navigation Bar #### */

#nav_bar_front{
display: block;
position:relative;
top: -120px; 
width: 910px; 
height: 50px; /*Height of frame div*/
margin-left:auto;
margin-right:auto;
background-image:url('bg2.png');
background-repeat:repeat-x;
}

#nav_bar{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 50px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-image:url('bg2.png');
background-repeat:repeat-x;
color: black;
}

#logo{

position: absolute;
width: 400px;
left: 10px;
top: 0px; 
margin: 0px 0px px 0px;
}


.menu{

position: absolute;
display: block;
width: auto;
right: 12px;
top: 0px; 
margin: 0px 0px px 0px;
}

.menu ul{
list-style: none;
}

.menu ul li{
float: left;
height: 15px; 
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 0px;
text-align: left;
}

.menu ul li a{
display: block;
font-family: verdana, sans-serif;
color: black;
font-size: 85%;
font-weight:normal;
text-decoration: none;
}

.menu ul li a:hover{
display: block;
color:#971e16;
}

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
outline:none;
}

.nav_bar a:hover{
font family: verdana, sans-serif;
font-size: 85%
font-weight: normal;
text-decoration:none;
color: #971e16;
}


/* #### Portfolio Section #### */


#portfolio{
position: fixed; 
top: 50px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
background: #646464;
}

#portfolio td {
vertical-align:top;
padding-top: 0px;
padding-left:0px;
padding-bottom:0px;
padding-right:15px;
background-color:#646464;
}

#portfolio p{
position:relative;
top:-16px;
right:0px;
width:358px;
height:500px;
background:white;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
overflow:auto;
text-align:justify;
border: 4px solid black
}

/* #### Alternative Navigation #### */

.altnav{
position: fixed; 
top: 50px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 

}

.altnav td {
vertical-align:top;
width: 151px;
padding-top: 0px;
padding-left:0px;
padding-bottom:0px;
padding-right:15px;

}

.centertbl{
text-align: center;
}

.centertbl table{ 
margin-left: auto;
margin-right: auto;
text-align: center;
}

.centertbl{
text-align: center;
font-family: verdana, sans-serif;
font-size: 85%;
font-weight:normal;
text-decoration: none;
color:black
}

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

.centertbl a:hover{
color: #971e16;
}

#flip_people a {
display: block;
width: 151px;
height: 525px;
background: transparent url(wednavpeople.jpg) no-repeat;
}

#flip_people a:hover {
background-position: -151px -0px;
} 

#flip_details a {
display: block;
width: 151px;
height: 525px;
background: transparent url(wednavdetails.jpg) no-repeat;
}

#flip_details a:hover {
background-position: -151px -0px;
} 

#flip_prep a {
display: block;
width: 151px;
height: 525px;
background: transparent url(wednavprep.jpg) no-repeat;
}

#flip_prep a:hover {
background-position: -151px -0px;
} 

#flip_ceremony a {
display: block;
width: 151px;
height: 525px;
background: transparent url(wednavceremony.jpg) no-repeat;
}

#flip_ceremony a:hover {
background-position: -151px -0px;
} 

#flip_party a {
display: block;
width: 151px;
height: 525px;
background: transparent url(wednavparty.jpg) no-repeat;
}

#flip_party a:hover {
background-position: -151px -0px;
} 

#flip_fashion a {
display: block;
width: 225px;
height: 525px;
background: transparent url(portnavfashion.jpg) no-repeat;
}

#flip_fashion a:hover {
background-position: -225px -0px;
} 

#flip_portraits a {
display: block;
width: 225px;
height: 525px;
background: transparent url(portnavportraits.jpg) no-repeat;
}

#flip_portraits a:hover {
background-position: -225px -0px;
} 


/* #### Link Listings #### */

.link_list{
text-align: center;
font-family: verdana, sans-serif;
font-size: 85%;
font-weight:normal;
text-decoration: none;
color:black
}

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

.link_list a:hover{
color: #971e16;
} 


/* #### Nav Listings #### */

.nav_list{
text-align: center;
font-family: verdana, sans-serif;
font-size: 150%;
font-weight:normal;
text-decoration: none;
color:black
}

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

.nav_list a:hover{
color: #971e16;
} 




/* #### Bottom Navigation #### */

#footer{
position: absolute;
bottom: 16px;
left: 0;
width: 100%;
height: 20px;
overflow: hidden;
background: #646464;
background-repeat: repeat-x;
color:black;
}


.bottom_nav{
display:block;
text-align: center;
font-family: verdana, sans-serif;
font-size: 65%;
font-weight:normal;
text-decoration: none;
}

.bottom_nav a:link{
font family: verdana, sans-serif;
font-weight: normal;
text-decoration:none;
color: black;
}

.bottom_nav a:visited{
font family: verdana, sans-serif;
font-weight: normal;
text-decoration:none;
color: black;
}

.bottom_nav a:hover{
font family: verdana, sans-serif;
font-weight: normal;
text-decoration:none;
color:#971e16;
}






/* ####  Drop Down Menus #### */



.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
line-height: 100%;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #bbbbbb;
width: 105px; /* default width for menu */
}



.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
outline:none;
color: black;
border-bottom: 1px solid black;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
padding: 2px 0;
font-family: verdana, sans-serif;
color: black;
text-decoration: none;
outline:none;
font-size: 70%;
font-weight: normal;
text-indent: 5px;
}

.anylinkmenu a:hover{ 
background: #bbbbbb;
outline:none;
color:#971e16;
font-family: verdana, sans-serif;
font-size: 70%;
padding: 2px 0;
}




/* #### Drop Shadow #### */


.anylinkshadow{
position: absolute;
left: 0;
top: 0;
z-index: 1; /*zIndex for shadow*/
background:  black;
visibility: hidden;
}

/* #### Contact Page #### */


#contain {
position:relative;
top:50px;
width:975px;
height:560px;
}

#contain p{
position:absolute;
top:0px;
right:0px;
width:445px;
height:498px;
background:white;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
overflow:auto;
text-align:justify;
border: 4px solid black
}

#contain table{
position:absolute;
text-align:left;
top:16px;
left:0px;
width:470px;
height:526px;
font-family: verdana, sans-serif;
font-weight:bold;
color: white;
background:#971e16;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
border:4px solid black;
}


#contain input{
border: 2px solid black;
font-family: verdana, sans-serif;
font-weight: bold;
}

#contain select{
border: 2px solid black;
font-family: verdana, sans-serif;
font-weight: bold;
}

#contain textarea{
width: 420px;
border: 2px solid black;
background: white;
color:black
font-family: verdana, sans-serif;
font-weight:bold;
font-size: 140%;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 1px dotted transparent;
}

button:focus::-moz-focus-inner,
input[type="reset"]:focus::-moz-focus-inner,
input[type="button"]:focus::-moz-focus-inner,
input[type="submit"]:focus::-moz-focus-inner,
input[type="file"] > input[type="button"]:focus::-moz-focus-inner {
    padding: 1px;
    border-color: #f3f3f3;
}

#contain button{
font-family: verdana, sans-serif;
font-weight:bold;
}

#contain button:hover{
color:#971e16;
border:2px solid black;
}



/* #### Biography #### */

#bio{
position:relative;
top:50px;
width:975px;
height:560px;
}


#bio p{
position:absolute;
top:0px;
right:0px;
width:555px;
height:498px;
background:white;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
overflow:auto;
text-align:justify;
border: 4px solid black
}


#bio img{
position:relative;
top:25px;
left:400px;
padding-bottom:25px;
}


#portrait{
position:relative;
top:0px;
width:975px;
height:560px;
}


#portrait img{
position:absolute;
top:16px;
left:0px;
}

/* #### Thanks #### */

#thanks{
position: relative;
top: 50px; 
height:550px;
width: 975px;
overflow: auto;
}

#thanks p{
position:absolute;
top:0px;
left:0px;
width:265px;
height:498px;
background:white;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
overflow:auto;
text-align:justify;
border: 4px solid black
}


#thanks img{
position:relative;
top:30px;
right:-150px;
}

#tportrait{
position:relative;
top:0px;
}


#tportrait img{
position:absolute;
top:16px;
right:0px;
}