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

body {margin: 0 auto;}

a {color: #888989; text-decoration: none;}
a:hover {color: #ff67cb; text-decoration: none;}

.pink {color: #ff67cb;}

h2 {font-family: "Arial Black"; font-size: 22px; text-transform: uppercase; color: #ff67cb;}
h3 {font-family: "Arial Black"; font-size: 16px; text-transform: uppercase; color: #888989; margin: 20px 10px 5px 0;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #888989;}


#homepage {margin: 0 auto; width: 100%; text-align: center; margin: 10px 0;}
#homepage .margins {margin: 0 0;}

.logo {float: left;}

#menu {width: 600px; float: right; position: relative; z-index: 10000; text-align: right}
#menu ul {width: 700px; text-align: right; color: #888989; 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 #ff67cb; display:block; position: absolute; top: 25px; left: 54px;}
#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: #ff67cb;}
#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 #ff67cb; display:block; position: absolute; top: 25px; left: 150px;}
#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: #ff67cb;}
#menu ul li .dropdown2 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;}


#scrolling {height: 487px; width: 100%; overflow-x: auto; overflow-y: hidden; border-top: 1px dashed #ff67cb;}
#scrolling img {padding-right: 2px;}
#scrolling img.noimgpad {padding-right: 0px;}
#weddingscolor {height: 467px; width: 16252px; white-space: nowrap; overflow-y: hidden;}
#weddingsbnw {height: 467px; width: 8919px; white-space: nowrap; overflow-y: hidden;}
#personal {height: 464px; width: 15306px; white-space: nowrap; overflow-y: hidden;}
#lomography {height: 467px; width: 16406px; white-space: nowrap; overflow-y: hidden;}

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

#scrolling2 {height: 484px; width: 100%; overflow-x: auto; overflow-y: hidden; border-top: 1px dashed #ff67cb;}
#scrolling2 img {padding-right: 2px;}
#scrolling2 img.noimgpad2 {padding-right: 0px;}

#favourites {height: 467px; width: 9140px; white-space: nowrap; overflow-y: hidden;}

#elizabethoz {height: 467px; width: 9912px; white-space: nowrap; overflow-y: hidden;}
#monicacharlie {height: 467px; width: 7964px; white-space: nowrap; overflow-y: hidden;}
#sheena {height: 467px; width: 6799px; white-space: nowrap; overflow-y: hidden;}
#sarahjeff {height: 467px; width: 11445px; white-space: nowrap; overflow-y: hidden;}
#brandychris {height: 467px; width: 10195px; white-space: nowrap; overflow-y: hidden;}


#ozelizabeth {height: 467px; width: 15019px; white-space: nowrap; overflow-y: hidden;}
#katieiran {height: 467px; width: 15053px; white-space: nowrap; overflow-y: hidden;}
#jamiejon {height: 467px; width: 13420px; white-space: nowrap; overflow-y: hidden;}
#jennbrandon {height: 467px; width: 15310px; white-space: nowrap; overflow-y: hidden;}
#triciachaz {height: 467px; width: 8899px; white-space: nowrap; overflow-y: hidden;}
#chrisbrandy {height: 467px; width: 24754px; white-space: nowrap; overflow-y: hidden;}
#davidbetsy {height: 467px; width: 31344px; white-space: nowrap; overflow-y: hidden;}
#nicolemichael {height: 467px; width: 13668px; white-space: nowrap; overflow-y: hidden;}
#rebekahkyle {height: 467px; width: 24202px; white-space: nowrap; overflow-y: hidden;}


#favouritesfineart {height: 464px; width: 5076px; white-space: nowrap; overflow-y: hidden;}
#blackandwhite {height: 464px; width: 12757px; white-space: nowrap; overflow-y: hidden;}
#color {height: 464px; width: 12313px; white-space: nowrap; overflow-y: hidden;}
#people {height: 464px; width: 20456px; white-space: nowrap; overflow-y: hidden;}
#lomographyfineart {height: 467px; width: 5076px; 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;}

.scrollgeneric {line-height: 1px; mfont-size: 1px; position: absolute; top: 0; left: 0;}
.vscrollerbase {width: 20px; background-color: #b6b2b5;}
.vscrollerbar {width: 20px; background-color: #ff67cb;}
.hscrollerbase {height: 20px; background-color: #b6b2b5;}
.hscrollerbar {height: 20px; background-color: #ff67cb;}
.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;}

form {width: 400px; position: relative;}
form input {width: 250px; float: right; margin: 2px 0; border: 1px solid #ff67cb; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff67cb;}
form label {width: 140px; float: left; margin: 2px 0; line-height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff67cb; font-weight: bold;}
form textarea {width: 250px; float: right; border: 1px solid #ff67cb; height: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff67cb;}
form input.button {width: auto; clear: both; height: 30px; margin: 0; color: #ff67cb; background: #ffffff; border: 1px solid #ff67cb;}
form input.button:hover {width: auto; clear: both; height: 30px; margin: 0; color: #ffffff; background: #ff67cb; border: 1px solid #ff67cb;}

#alertPanel		{position:absolute; top:50px;  left:10px; filter: alpha(opacity=90);-moz-opacity:.9;opacity:.9; -khtml-opacity:.9; color:#888998;  width:440px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.02em; font-size: 12px;}
input.alertBut	{padding:7px 10px; width:auto; background:#ffffff; color:#ff67cb; border:1px solid #ff67cb; height:auto; float:none; margin:0 auto;}
input.alertBut:hover {background: #ff67cb; color: #ffffff;}