/* general styles */
* { margin: 0; padding: 0; }
* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }
p { margin: 0 0 22px 0; line-height: 21px; }
p.compact { line-height: 17px; }
.spacer { height: 0px; clear: both; }

/* page elements */
#page { width: 820px; margin: 20px auto; position: relative; }
h1#header { height: 129px; background: url(images/header-pattern.png); }
#content { background: url(images/footer-pattern.png) left bottom no-repeat; }
#contentw { padding: 35px 35px 45px 45px; }
#lhc, #rhc { float: left; position: relative; }
#footer-curves { background: url(images/footer-curves.png); width: 820px; height: 48px; position: absolute; bottom: 0; left: 0; z-index: 1; }

/* menu */
#menu { background: #fff; width: 821px;list-style: none; clear: left; padding: 0 0 1px 0; }
#menu a { display: block; float: left; padding: 5px 0; text-align: center; margin: 1px 1px 0 0; text-decoration: none; }

/* colours and styles */
.bold { font-weight: bold; }
.blue { color: #2f55a4; }
.pink { color: #a22174; }
.green { color: #058b44; }
.red { color: #7d242a; }
.larger { font-size: 14px; }
.xlarge { font-size: 18px; }

/* hide text for CSS enabled browsers */
h1#header { text-indent: -999px; overflow: hidden; }

/* page specific colours */
#page-blue #menu a, #page-blue #menu a { background: #7379b3; }
#page-blue #menu a:hover, #page-blue #menu a.selected, #page-blue #menu a:hover, #page-blue #menu a.selected { background: #a2bbe1; }
#page-blue #page { background: url(images/backgrounds/blue.jpg) }
#page-pink #menu a { background: #ee64a4; }
#page-pink #menu a:hover, #page-pink #menu a.selected { background: #f6adcd; }
#page-pink #page { background: url(images/backgrounds/pink.jpg) }
#page-red #menu a { background: #d31f28; }
#page-red #menu a:hover, #page-red #menu a.selected { background: #e97978; }
#page-red #page { background: url(images/backgrounds/red.jpg) }
#page-green #menu a { background: #9bae3b; }
#page-green #menu a:hover, #page-green #menu a.selected { background: #ccde68; }
#page-green #page { background: url(images/backgrounds/green.jpg) }

.solid-blue #page { background: #7379b3 !important; }
.solid-pink #page { background: #ff65a9 !important; }
.solid-red #page { background: #d31f28 !important; }

/* photo swapping on home page */
#photo { position: relative; margin-bottom: 15px; }
#photo, #photo img { width: 310px; height: 871px; }
#photo1, #photo2 { position: absolute; top: 0; left: 0; z-index: 10; }
#photo2 { z-index: 100; }