/*============BODY/HTML=============== */
body{
text-align: left;
margin: 0px auto 0px auto;
width: 960px;
font-family: "Times New Roman";
}
/*============INDEX.HTML / MAIN NAV=============== */
#logo{
padding-top: 40px;
}
ul{
list-style-type: none;
}
header nav ul{
list-style-type: none;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
text-align: right;
font-size: 1.4em;
margin-top: -60px;
padding-bottom: 20px;
}
header nav li{
display: inline;
padding: 15px;
}
header nav a:link{
color: #b0b0b0;
text-decoration: none;
}
header nav a:visited{
color: #b0b0b0;
text-decoration: none;
}
header nav a:hover{
color: #f79ebd;
text-decoration: none;
}
header nav a:active{
color: #ffc8c8;
text-decoration: none;
}
#homepage nav li{
display: block;
padding-left: 65px;
padding-right: 65px;
padding-top: 40px;
padding-bottom: 40px;
float: right;
text-transform: uppercase;
font-size: 2em;
}
#photo{
margin-top: -484px;
font-family: "Times New Roman";
border: solid #ffc8c8;
background-color: #fc7373;
opacity: .75;
}
#slider img {
position:absolute;
left:0;
}
#slider {
position: relative;
height: 467px;
width:700px;
margin:0;
overflow: hidden;
}
#slider img {
animation-name: sliderFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 35s;
}
@keyframes sliderFadeInOut {
0% { opacity:1; }
0% { opacity:1; }
11% { opacity:1; }
14% { opacity:0; }
97% { opacity:0; }
100% { opacity:1; }
}
#slider img:nth-of-type(1) {
animation-delay: 30s; }
#slider img:nth-of-type(2)
{ animation-delay: 25s; }
#slider img:nth-of-type(3) {
animation-delay: 20s; }
#slider img:nth-of-type(4) {
animation-delay: 15s; }
#slider img:nth-of-type(5) {
animation-delay: 10s; }
#slider img:nth-of-type(6) {
animation-delay: 5s; }
#slider img:nth-of-type(7) {
animation-delay: 0s; }
#video{
margin-top: -139px;
font-family: "Times New Roman";
border: solid #ffc8c8;
background-color: #f79ebd;
opacity: .75;
margin-right: -290px;
}
#homepage nav a:link{
color: #ffffff;
text-decoration: none;
}
#homepage nav a:visited{
color: #ffffff;
text-decoration: none;
}
#homepage nav a:hover{
color: #b0b0b0;
text-decoration: none;
}
#homepage nav a:active{
color: #b0b0b0;
text-decoration: none;
}
blockquote{
color: #898989;
font-family: "Times New Roman";
text-transform: uppercase;
font-size: 1.5em;
text-align: right;
margin-right: 260px;
word-spacing: 8px;
}
em{
text-transform: lowercase;
font-size: 1.8em;
color: #fc6a9a;
font-family: "Brush Script MT",cursive;
}
/*============FOOTER NAV=============== */
footer{
margin-top: -10px;
}
#footerlink{
margin-left: -70px;
}
footer ul{
padding-top: 50px;
}
footer li{
display: inline;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
font-size: .7em;
float: left;
padding: 20px;
}
footer nav a:link{
color: #ffc8c8;
text-decoration: none;
}
footer nav a:visited{
color: #ffc8c8;
text-decoration: none;
}
footer nav a:hover{
color: #f79ebd;
text-decoration: none;
}
footer nav a:active{
color: #ffc8c8;
text-decoration: none;
}
/*============H1, H2, P=============== */
h1{
color: #f79ebd;
font-size: 1.3em;
padding-top: 50px;
opacity: .75;
}
h2{
color: #b0b0b0;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1em;
}
p{
color: #b0b0b0;
text-align: left;
}
/*============PHOTO.HTML=============== */
#photos{
margin: 0px auto 0px auto;
}
/*============VIDEO.HTML=============== */
#videos{
margin: 0px auto 0px auto;
}
/*============ABOUT.HTML=============== */
#abouthanna{
text-align: right;
width: 500px;
float: right;
}
#hanna{
float: right;
margin-top: -395px;
margin-right: -60px;
}
/*============CONTACT.HTML=============== */
#letstalk{
width: 300px;
margin: 0px 325px 0px 325px;
}
#email{
color: #b0b0b0;
font-size: 1.8em;
text-align: center;
}
#contactsocial{
text-align: center;
display: inline;
}
/*============SOCIAL MEDIA LINKS=============== */
#sociallink{
float: right;
margin-top: -120px;
padding: 0px;
margin-right: -7px;
}
#sociallink nav li{
padding: 8px;
}
#mailto{
text-align: center;
}
/*============DROP DOWN MENU=============== */
fieldset{
color: #f79ebd;
font-family: "Open Sans";
}
#copy{
text-align: center;
}
header ul li ul {
display: none;
opacity: 4;
visibility: hidden;
position: absolute;
font-size: .5em;
margin-left: 800px;
margin-top: 10px;
}
header ul li ul li {
display: inline;
opacity: 3;
color: #ffffff;
}
header ul li ul li:hover {
display: inline;
background-color: #eeecec;
opacity: 3;
visibility: visible;
}
header ul li:hover ul {
display: block;
visibility: visible;
color: #ffffff;
}
/*============PRICING.HTML=============== */
#pricing h1{
text-align: center;
font-size: 2em;
font-family: "Open Sans";
text-transform: uppercase;
}
#pricing h2{
font-size: 1em;
font-family: "Open Sans";
text-transform: uppercase;
}
#pricing p{
text-align: center;
}
#package1{
float: left;
width: 190px;
font-size: .9em;
padding: 24px;
}
#package2{
float: left;
width: 190px;
font-size: .9em;
padding: 24px;
}
#package3{
float: left;
width: 190px;
font-size: .9em;
padding: 24px;
}
#package4{
float: left;
width: 190px;
font-size: .9em;
padding: 24px;
}
#engaged{
float: left;
width: 192px;
font-size: .9em;
padding: 24px;
}
#bridals{
float: left;
width: 192px;
font-size: .9em;
padding: 24px;
}
#engagedbridals{
float: left;
width: 192px;
font-size: .9em;
padding: 24px;
}
#cartewedding{
float: left;
width: 192px;
font-size: .9em;
padding: 24px;
}
#familysession{
float: left;
width: 220px;
font-size: .9em;
padding-right: 130px;
padding-left: 130px;
padding-bottom: 60px;
}
#seniors{
float: left;
width: 220px;
font-size: .9em;
padding-right: 130px;
padding-left: 130px;
padding-bottom: 60px;
}
#videowedding{
float: left;
width: 220px;
font-size: .9em;
padding-right: 130px;
padding-left: 130px;
padding-bottom: 60px;
}
#videomisc{
float: left;
width: 220px;
font-size: .9em;
padding-right: 130px;
padding-left: 130px;
padding-bottom: 60px;
}
/*============TESTIMONIALS.HTML=============== */
#testlink{
text-align: center;
font-size: 1.4em;
font-family: "Open Sans";
text-transform: uppercase;
color: #f79ebd;
padding: 100px;
}
#testlink a:link{
color: #ffc8c8;
text-decoration: none;
}
#testlink a:visited{
color: #ffc8c8;
text-decoration: none;
}
#testlink a:hover{
color: #f79ebd;
text-decoration: none;
}
#testlink a:active{
color: #ffc8c8;
text-decoration: none;
}