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

body {margin: 0 auto; background: url(../images/weddingimages/backgroundgrey.gif);}

a {color: #ebc04d; text-decoration: none;}
a:hover {color: #c6a186; text-decoration: none;}

.pink {color: #f370a5;}

h2 {font-family: "Arial"; font-size: 13px; letter-spacing: 7px; font-weight: bold; color: #face88; text-transform: uppercase;}
h2 a {color: #face88; font-weight: bold;}
h2 a:hover {color: #ebc04d; font-weight: bold;}
h3 {font-family: "Arial"; font-size: 12px;  color: #ebc04d; letter-spacing: 2px;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #888989;}


#homepage {margin: 0 auto; width: 100%; text-align: center; margin: 30px 0; background-color: #FFFFFF;}
#homepage .margins {margin: 0 0;}

#topbanner {background-color: #FFFFFF; margin-top: 40px; border-bottom: 1px dashed #face88;}

#infopages {background-color: #FFFFFF; margin-top: 40px; padding: 20px;}


.logo {float: left; margin: 20px 0 20px 40px;}

#menu {width: 600px; float: right; position: relative; z-index: 10000; text-align: right}
#menu ul {width: 700px; text-align: right; color: #ebc04d; font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 12px; float: right; margin-top: 80px; margin-right: 10px;}
#menu ul li {display: inline; padding: 0 2px 15px 2px; line-height: 20px; }
#menu ul li.nopad {padding-left: 0;}

#menu ul li .dropdown {display:none; width: 120px; padding: 0; background-color: #ffffff; position: relative;}
#menu ul li:hover .dropdown {border: 1px dashed #face88; display:block; position: absolute; top: 25px; left: 112px;}
#menu ul li .dropdown ul {padding: 0; text-align: center;}
#menu ul li .dropdown li {display: block; padding: 3px 0;font-size: 12px; letter-spacing: 0; font-weight: normal; color: #dd2296; text-align: center; text-transform: none;}
#menu ul li .dropdown li:hover {display: block; padding: 3px 0;font-size: 12px; letter-spacing: 0; font-weight: normal; color: #ffffff; width:120px; text-align: center; background-color: #ebc04d;}
#menu ul li .dropdown li:hover a {color: #ffffff; padding: 3px}

#menu ul li .dropdown2 {display:none; width: 120px; padding: 0; background-color: #ffffff; position: relative;}
#menu ul li:hover .dropdown2 {border: 1px dashed #face88; display:block; position: absolute; top: 25px; left: 193px;}
#menu ul li .dropdown2 ul {padding: 0; text-align: center;}
#menu ul li .dropdown2 li {display: block; padding: 3px 0;font-size: 12px; letter-spacing: 0; font-weight: normal; color: #dd2296; text-align: center; text-transform: none;}
#menu ul li .dropdown2 li:hover {display: block; padding: 3px 0;font-size: 12px; letter-spacing: 0; font-weight: normal; color: #ffffff; width:120px; text-align: center; background-color: #ebc04d;}
#menu ul li .dropdown2 li:hover a {color: #ffffff; padding: 3px}

#menu ul li .dropdown3 {display:none; width: 120px; padding: 0; background-color: #ffffff; position: relative;}
#menu ul li:hover .dropdown3 {border: 1px dashed #face88; display:block; position: absolute; top: 25px; left: 287px;}
#menu ul li .dropdown3 ul {padding: 0; text-align: center;}
#menu ul li .dropdown3 li {display: block; padding: 3px 0;font-size: 12px; letter-spacing: 0; font-weight: normal; color: #dd2296; text-align: center; text-transform: none;}
#menu ul li .dropdown3 li:hover {display: block; padding: 3px 0;font-size: 12px; letter-spacing: 0; font-weight: normal; color: #ffffff; width:120px; text-align: center; background-color: #ebc04d;}
#menu ul li .dropdown3 li:hover a {color: #ffffff; padding: 3px}



#menu2 {width: 600px; float: right; position: relative; z-index: 10000; text-align: right}
#menu2 ul {width: 700px; text-align: right; color: #888989; font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 12px; float: right; margin-top: 90px; margin-right: 10px;}
#menu2 ul li {display: inline; padding: 0 2px 15px 2px; line-height: 20px; }
#menu2 ul li.nopad2 {padding-left: 0;}



#menu3 {width: 600px; float: right; position: relative; z-index: 10000; text-align: right}
#menu3 ul {width: 700px; text-align: right; color: #fbb03b; font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 12px; float: right; margin-top: 100px; margin-right: 20px;}
#menu3 ul li {display: inline; padding: 0 2px 12px 2px; line-height: 20px; }
#menu3 ul li.nopad3 {padding-left: 0;}
#menu3 ul li .dropdown3 {display:none; width: 140px; padding: 0; background-color: #ffffff; position: relative;}
#menu3 ul li:hover .dropdown3 {border: 1px dashed #fbb03b; display:block; position: absolute; top: 25px; right: 247px;}
#menu3 ul li .dropdown3 ul {padding: 0; text-align: center;}
#menu3 ul li .dropdown3 li {display: block; padding: 0; font-size: 11px; letter-spacing: 0; font-weight: normal; color: #fbb03b; text-align: center; text-transform: none;}
#menu3 ul li .dropdown3 li:hover {display: block; padding: 0;font-size: 11px; letter-spacing: 0; font-weight: normal; color: #ffffff; width:140px; text-align: center; background-color: #fbb03b;}
#menu3 ul li .dropdown3 li:hover a {color: #ffffff; padding: 0;}





#scrolling {height: 487px; width: 100%; overflow-x: auto; overflow-y: hidden; background-color: #FFFFFF;}
#scrolling img {padding-right: 2px;}
#scrolling img.noimgpad {padding-right: 0px;}

hr {width: 100%; border-top: 1px dashed #ff67cb; border-left: none; border-right: none; border-bottom: none;}


#favourites {height: 467px; width: 7974px; white-space: nowrap; overflow-y: hidden;}
#leica {height: 467px; width: 19028px; white-space: nowrap; overflow-y: hidden;}
#holga {height: 467px; width: 6097px; white-space: nowrap; overflow-y: hidden;}
#polaroids {height: 467px; width: 11904px; white-space: nowrap; overflow-y: hidden;}
#hasselblad {height: 467px; width: 9847px; white-space: nowrap; overflow-y: hidden;}


#sarahjeff {height: 467px; width: 11445px; white-space: nowrap; overflow-y: hidden;}
#aaronmelinda {height: 467px; width: 10954px; white-space: nowrap; overflow-y: hidden;}
#laurenphil {height: 467px; width: 16412px; white-space: nowrap; overflow-y: hidden;}
#sarahjason {height: 467px; width: 7346px; white-space: nowrap; overflow-y: hidden;}
#eliserobert {height: 467px; width: 17277px; white-space: nowrap; overflow-y: hidden;}



#martiniadam {height: 467px; width: 37421px; white-space: nowrap; overflow-y: hidden;}
#jennyalex {height: 467px; width: 23301px; white-space: nowrap; overflow-y: hidden;}
#elizabethjared {height: 467px; width: 9216px; white-space: nowrap; overflow-y: hidden;}
#emilyjames {height: 467px; width: 39346px; white-space: nowrap; overflow-y: hidden;}
#juliajames {height: 467px; width: 21316px; white-space: nowrap; overflow-y: hidden;}
#karajames {height: 467px; width: 29620px; white-space: nowrap; overflow-y: hidden;}
#meganjeff {height: 467px; width: 40860px; white-space: nowrap; overflow-y: hidden;}
#monicajake {height: 467px; width: 27412px; white-space: nowrap; overflow-y: hidden;}

.padbot {padding: 0 0 5px 5px; clear: both; color: #ff67cb;}
.padbot2 {padding: 0 10px 5px 5px; clear: both; color: #ff67cb;}
.padbot3 {padding: 0 0 5px 5px; clear: both; color: #fbb03b;}


.scrollgeneric {line-height: 1px; mfont-size: 1px; position: absolute; top: 0; left: 0;}
.vscrollerbase {width: 20px; background-color: #b6b2b5;}
.vscrollerbar {width: 20px; background-color: #ebc04d;}
.hscrollerbase {height: 20px; background-color: #b6b2b5;}
.hscrollerbar {height: 20px; background-color: #ebc04d;}
.scrollerjogbox {width: 20px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray;}

#content {padding: 20px 10px 0 10px;  border-top: 1px dashed #ff67cb;}
#content h2 {padding-bottom: 10px;}
#content p {padding-bottom: 20px; font-size: 12px; line-height: 16px;}
#content img {margin-left: 20px;}

#picture {width: 625px; text-align: right; float: right;}

#titleinfo {width: 280px; height: 440px; position: absolute; top: 0; left: 0; padding: 25px 0 0 20px;}
#titleinfo p {line-height: 14px; padding-top: 10px; padding-left: 4px;}
#titleinfo a {color: #ff67cb;}
#titleinfo a:hover {color: #888989;}
#titleinfo h2 {font-size: 15px;}


#titleinfo2 {width: 280px; height: 440px; position: absolute; top: 0; left: 0; padding: 25px 0 0 20px;}
#titleinfo2 p {line-height: 14px; padding-top: 10px; padding-left: 4px;}
#titleinfo2 a {color: #fbb03b;}
#titleinfo2 a:hover {color: #888989;}
#titleinfo2 h2 {font-size: 15px;}

strong {font-weight: bold;}

#content a {color: #ff67cb;}
#content a:hover {color: #888989;}

#insideinfoall {width: 890px; margin: 0 auto;}
#insideinfoleft {float: left; width: 390px; text-align: left;}
#insideinforight {float: left; width:500px; text-align: left;}

#insideinfoall p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #b4b4b4; line-height: 18px; padding: 20px 0 30px 0;}


/* Slideshows */

#kathrynderek {height: 467px; width: 144902px; white-space: nowrap; overflow-y: hidden;}
#shayyong {height: 467px; width: 196413px; white-space: nowrap; overflow-y: hidden;}
#allegraarthur {height: 467px; width: 174765px; white-space: nowrap; overflow-y: hidden;}
#jenbobby {height: 467px; width: 31490px; white-space: nowrap; overflow-y: hidden;}
#joryesteven {height: 467px; width: 152864px; white-space: nowrap; overflow-y: hidden;}
#meganphilip {height: 467px; width: 104766px; white-space: nowrap; overflow-y: hidden;}


/* End Slideshows */