html {
background: #215C7C url(/templates_css/images/makeitpristine/x.png) top repeat-x;
}
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 76%;
margin: 20px auto;
width: 778px;
padding: 9px 0;
background: #215C7C;
text-align: center;
color: #000000;
line-height: 1.5;
overflow:-moz-scrollbars-vertical;
}
/* - - - - - - Layout - - - - - - - */
#wrapper {
text-align: left;
width: 760px;
margin: 0 auto;
display: block;
position: relative;
background: url(/templates_css/images/makeitpristine/y.png) right repeat-y;
}
#container {
background: url(/templates_css/images/makeitpristine/ly.png) left repeat-y;
position:relative;
}
#header {
padding-top:6px;
background: url(/templates_css/images/makeitpristine/t_x.png) top repeat-x;
position:absolute;
right:5px;
top:0;
}
#logo {
margin: 0;
background: url(/templates_css/images/makeitpristine/t_l.png) 1px 0 no-repeat;
border-right:1px solid #fff;
}
#logo h1 {
background: url(/templates_css/images/makeitpristine/logo.jpg) 406px 10px no-repeat;
text-indent: -5000px;
overflow:hidden;
margin: 0;
padding: 1em 0;
font-size: 2em;
border-left:1px solid #fff;
}
#logo h1, #headertext, #contact {
height: 136px;
width: 618px;
}
#logo img {
display: none;
}
#headertext, #headertext h2, #contact, #contact p {
position:absolute;
}
#headertext, #contact {
right:1px;
top: 6px;
}
#headertext {
background: url(/templates_css/images/makeitpristine/t_r.png) 100% 0 no-repeat;
}
#headertext h2 {
bottom: 44px;
color: white;
font-weight: bold;
font-size: 0.9em;
}
#contact{
background: url(/templates_css/images/makeitpristine/t_b.png) 57px 100% no-repeat;
}
#contact p {
top: 98px;
font-size: 1.1em;
color:#535E1A;
}
#headertext h2, #contact p {
text-align: right;
margin: 0;
padding:0 6px 0 0;
font-weight: bold;
right:0;
}
#inner {
background: url(/templates_css/images/makeitpristine/t.png) 0 0 no-repeat;
position: relative;
padding: 142px 0 0;
margin: 0 5px;
display: block;
}
#content {
display: block;
padding: 25px 0 75px;
margin: 0 7px 0 137px;
background: white url(/templates_css/images/makeitpristine/pb1.png) 100% 100% no-repeat;
height: 400px;
min-height: 400px;
}
div>#content {
height: auto;
}
#maintable {
}
#footer {
position: relative;
clear: both;
background: url(/templates_css/images/makeitpristine/b.png) 0 100% repeat-x;
height: 12px;
}
#footer p {
position: absolute;
bottom: 14px;
right: 14px;
font-size: 0.9em;
margin: 0; padding: 0;
width: 600px;
text-align: left;
}
#footer p#siteby {
left: 14px;
font-size: 0.8em;
font-family: arial, verdana, sans-serif;
}
/* - - - - - - Navigation - - - - - - - */
#nav {
position:absolute;
left: 0;
top:175px;
margin: 0;
width: 110px;
}
#nav ul {
margin: 0;
padding: 0;
border: 0;
background: white;
}
#nav li {
list-style: none;
margin: 0 8px;
padding: 0 0 5px;
position:relative;
border-bottom: 1px solid #B2D1E0;
}
#nav li a {
font-family: verdana, arial, sans-serif;
display: block;
position: relative;
margin: 0;
padding: 10px 0 5px 14px;
text-align: left;
text-decoration: none;
font-size: 0.9em;
background-image: url(/templates_css/images/makeitpristine/bullet.png);
background-repeat: no-repeat;
background-position: 1px -57px;
line-height: 1.25;
color: #006699;
}
#nav #link1 a.navparent {
border-top: 1px solid #B2D1E0;
}
#nav li a:visited {
background-position: 1px 3px;
color: #85B5CE;
}
#nav li a:focus, #nav li a:hover {
background-position: 1px -117px;
color: #9CAE32;
}
#nav li a:active{
background-position: 1px 3px;
color: #85B5CE;
}
#nav .currentli
{
background: url(/templates_css/images/makeitpristine/h1.png) bottom right no-repeat;
border-color: #CBD777;
}
#nav .currentli a.navparent, #page1 li .currentli a
{
background-position: 1px -57px;
color: #006699;
font-weight: bold;
}
/* submenu */
#nav li ul{
margin:0;
padding:0;
background: transparent;
display: none;
}
#nav li ul li {
margin:0 0 1px;
border: 0;
}
#nav li ul a {
padding-top:0;
padding-right:1px;
padding-bottom:1px;
background-image: url(/templates_css/images/makeitpristine/bullet2.png);
}
/* - - - - - - Formatting - - - - - - - */
.clear {clear:both;}
a {
cursor: pointer;
text-decoration: underline;
color: #006699 ; /* ----- > Normal Link Colour < ----- */
}
a:hover {
color: #85B5CE; /* ----- > Hover Link Colour < ----- */
cursor:pointer;
}
a:active {
color: #CBD777;
}
#content h1 {
background: url(/templates_css/images/makeitpristine/h1.png) bottom right no-repeat;
border-bottom: 1px solid #CBD777;
font-size: 1.4em; /* ----- > Page Title Font Size < ----- */
margin: 0 15px;
color: #006699; /* ----- > Sub Colour 2 < ----- */
}
h2, h3, h4, h5, h6,
p {
font-weight:normal;
line-height: 1.5em;
margin: 1.2em 15px 1.2em;
font-size: 1em; /* ----- > Standard Font Size < ----- */
text-align: left;
}
.hide {
display: none;
}
small {
font-size: 0.8em;
}
#content img {
padding-bottom: 11px;
background: bottom right no-repeat;
display: block;
}
#page1 img{
margin-top:6px;
background-image:url(/templates_css/images/makeitpristine/img1.png);
background-position: bottom;
}
#content .gallerythumb {
padding-left: 6px;
padding-right: 6px;
margin: 6px 0 0;
text-align: center;
}
#content .gallerythumb2 {
padding-left: 4px;
padding-right: 6px;
margin: 6px 0 0;
text-align: center;
}
#content .gallerythumb img, #content .gallerythumb2 img {
padding-left: 6px;
padding-right: 6px;
display: inline;
}
#content .gallerythumb img {
background-image: url(/templates_css/images/makeitpristine/img3.png);
}
#content .gallerythumb2 img {
background-image: url(/templates_css/images/makeitpristine/img2.png);
_margin: 0 -6px; /* IE6 */
}
a img {
border: 0;
}
#item2p2233 {
float:left;
margin: 0 35px 10px 0;
}
#item3p2233 {
margin-top:15px;
}