/* Body and main styles */

* {  margin: 0;  padding: 0;  border: 0;  font-family: sans-serif;  font-size: 1em;  font-weight: normal;  font-style: normal;  text-decoration: none;
}

body {	background-image: url(images/grass.jpg);	text-align: center;
}


H1 { font-family: Georgia, "Times New Roman", Times, serif;	font-size: 1em;	font-weight: bold;	color: #990000;
}

/* Floats */

.float-left{float: left;
}

.float-right{float: right;
}

.clear-both{clear: both;
}


/*::::::: Light Box :::::::*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}

/*::::::: Main Content :::::::*/

.prop {	height:454px;	float:right;	width:1px;
}
.clearer {clear:both; height: 1px; overflow: hidden;
}
.container {	height: 520px;	width: 658px; margin-top: 0px; margin-right: auto; margin-left: auto; background-position: 18px 45px; background-repeat: no-repeat; position: relative;
}
.header { top: 0px; background-image: url(images/note_pad_top.gif); background-repeat: no-repeat; width:658; height:45;
}
.left_border {	position:absolute; padding: 0px; width: 18px; left: 2px; top: 45px; z-index: 5;
}

/*::::::: Section customisation :::::::*/
#main{	background-image: url(images/main_bg.jpg); background-repeat: repeat-y;	background-position: 18px 0px;
}

#main #content { padding-top: 90px;	padding-right: 125px; padding-left: 200px; text-align: left;
}

#gallery { background-image: url(images/gallery_main_bg.jpg);	background-repeat: repeat-y;	background-position: 18px 0px;
}

#gallery #content {	padding-top: 90px; padding-right: 130px; padding-left: 25px; text-align: left;
}

.right_border { position:absolute; padding: 0px; width: 27px; right: 0px; top: 45px; z-index: 5;
}
.footer { left: 0px;
}




/*::::::: Text sizes for content :::::::*/

#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
	padding-left: 5px;
	padding-top: 10px;
}

#content p a{
	font-weight: bold;
	color: #000066;
}

#content #sub-nav {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	padding-left: 5px;
	padding-top: 10px;
	font-weight: bold
}
#content li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
	margin-left: 40px;
}
#content p strong{
	font-weight: bold;
	color: #666666;
}

#content .intro_text{
	font-weight: normal;
	color: #993300;
}

.main-body-text {
	background-color: #FF00FF;
	width: 300px;
	margin-right: 150px;
}

#content .gallery-nav-button {
	background-color: #CC3300;
	width: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
}


/*::::::: Right Navigation :::::::*/
.nav-links a{
	weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 292px;
	width: 342px;
	width: 291px;
	left: 22px;
}
.nav-links a:hover { color: #FFFFFF;}

/*::::::: Logo :::::::*/
.logo { height: 89; width: 288; position: absolute; left: 35px; top: 45px; z-index: 21; 
}

/*::::::: Right Hand Navigation :::::::*/
.paint-pots { height: 194px; width: 224px; position: absolute; left: 478px; top: 58px; z-index: 20; 
}
.paint-pot1 { position: absolute; left: 15px; top: 14px; text-align: center;
}
.paint-pot1 p{ height: 74px; width: 70px; text-align: center; background-image: url(images/paint_red.png); background-repeat: no-repeat; padding-top: 30px;
}
.paint-pot1 p:hover{ background-image: url(images/paint_red_dark.png); background-repeat: no-repeat;
}

.paint-pot2 { position: absolute; left: 99px; top: 16px; text-align: center;
}
.paint-pot2 p{ height: 74px; width: 70px; background-image: url(images/paint_green.png); background-repeat: no-repeat; padding-top: 25px;
}
.paint-pot2 p:hover{ background-image: url(images/paint_green_dark.png); background-repeat: no-repeat;
}

.paint-pot3 { position: absolute; left: 56px; top: 100px; text-align: center;
}
.paint-pot3 p{ height: 74px; width: 70px; background-image: url(images/paint_blue.png); background-repeat: no-repeat; padding-top: 30px;
}
.paint-pot3 p:hover{ background-image: url(images/paint_blue_dark.png); background-repeat: no-repeat;
}

.paint-pot4 { position: absolute; left: 141px; top: 111px; text-align: center;
}
.paint-pot4 p{ height: 74px; width: 70px; background-image: url(images/paint_yellow.png); background-repeat: no-repeat; padding-top: 30px;
}
.paint-pot4 p:hover{ background-image: url(images/paint_yellow_dark.png); background-repeat: no-repeat;
}

.paint-pot5 { position: absolute; left: 125px; top: 201px; text-align: center;
}

.paint-pot5 p{ height: 74px; width: 70px; background-image: url(images/paint_pink.png); background-repeat: no-repeat; padding-top: 30px;
}
.paint-pot5 p:hover{ background-image: url(images/paint_pink_dark.png); background-repeat: no-repeat;
}

/* Gallery */

#photo-1 { color:#FF0000; position: absolute; z-index: 10; height: 100px; width: 100px; left: 43px; top: 221px;
}
#photo-1:hover {
	z-index: 45;
}

#photo-2 { color:#FF0000; position: absolute; z-index: 11; height: 100px; width: 100px; left: 97px; top: 317px;
}
#photo-2:hover { z-index: 45;
}

#photo-3 { color:#FF0000; position: absolute; z-index: 12; height: 100px; width: 100px; left: 150px; top: 160px;
}
#photo-3:hover { z-index: 45;
}

#photo-4 { color:#FF0000; position: absolute; z-index: 12; height: 100px; width: 100px; left: 232px; top: 266px;
}
#photo-4:hover { z-index: 45;
}

#photo-5 { color:#FF0000; position: absolute; z-index: 12; height: 100px; width: 100px; left: 323px; top: 141px;
}
#photo-5:hover { z-index: 45;
}

#photo-6 { color:#FF0000; position: absolute; z-index: 12; height: 100px; width: 100px; left: 386px; top: 212px;
}
#photo-6:hover { z-index: 45;
}
#photo-7 { color:#FF0000; position: absolute; z-index: 12; height: 100px; width: 100px; left: 321px; top: 314px;
}
#photo-7:hover { z-index: 45;
}


#gallery #content img:hover{
	border: 1px solid #000000;
}

form {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding-left: 15px;
	padding-top: 10px;
}
form .submit_button_red{
	backbround:red;
	color: #FFFFFF;
	background-color: #666666;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align:center;
	color:#FF9900;
	background-image: url(images/pencil.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 630px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}
.footer a{ text-decoration:none; color:#FF9900;}

}