/* Created Auguest 18, 2009 for ArtAsbury.com &amp; ArtAsbury.ca ©Copyright Shannan Boothby, Ripples Web Design www.rippleswebdesign.com - not to be reproduced */

/*---------------------Main Site Styling---------------------*/

body{
background-color:#000000;
font-family: "Calibri", Tachoma, Verdana;
font-size:12px;
margin-left:auto;
margin-right:auto;
width:964px;
}
#banner{
width:964px;
height:132px;
margin-left:auto;
margin-right:auto;
}

#container{
margin-top:20px;
margin-left:auto;
margin-right:auto;
width:964px;
background-image:url(../images/middle.gif);
background-repeat:repeat-y;
}
#content{
margin-bottom:25px;
margin-left:15px;
margin-right:15px;
}
#header{
margin-bottom:40px;
}
hr{
width:450px;
}
/*---------------------END OF Main Site Styling---------------------*/
/*---------------------Contact Styling---------------------*/

/*---------------------End of Contact Styling---------------------*/
/*---------------------Font Styling---------------------*/
#footer a{
text-decoration:none;
color:#ffffff;
}
#footer{
color:#ffffff;
}
#footer a:hover{
text-decoration:none;
color:#a71515;
}
.copyright{
text-align:right;
font-size:10px;
color:#FFFFFF;
}
h1{
color:#a71515;
font-family: Calibri, "Tachoma", Verdana;
font-size:19px;
}

p{
margin-left:30px;
margin-right:30px;
}

#form{
margin-left:30px;
}
#floatright{

margin-top:10px;
}
/*---------------------END OF Font Styling---------------------*/
/*---------------------Navigation---------------------*/
#navigation{
margin-left:auto;
margin-right:auto;
width:964px;
position:absolute;
}

.home{
position:absolute;
left:0px;
width:110px;
height:31px;
background-image:url(../images/home.gif);
}
	.home:hover{
		background-image:url(../images/homeover.gif);
	}
.about{
position:absolute;
left:110px;
width:71px;
height:31px;
background-image:url(../images/about.gif);
}
	.about:hover{
		background-image:url(../images/aboutover.gif);
	}
.awards{
position:absolute;
left:181px;
width:82px;
height:31px;
background-image:url(../images/awards.gif);

}
	.awards:hover{
		background-image:url(../images/awardsover.gif);
	}
.trophies{
position:absolute;
left:263px;
width:95px;
height:31px;
background-image:url(../images/trophies.gif);

}
	.trophies:hover{
		background-image:url(../images/trophiesover.gif);
	}
.achievements{
position:absolute;
left:358px;
width:141px;
height:31px;
background-image:url(../images/achievements.gif);

}
	.achievements:hover{
		background-image:url(../images/achievementsover.gif);
	}
.photo{
position:absolute;
left:499px;
width:150px;
height:31px;
background-image:url(../images/photo.gif);

}
	.photo:hover{
		background-image:url(../images/photoover.gif);
	}
.guestbook{
position:absolute;
left:649px;
width:113px;
height:31px;
background-image:url(../images/guestbook.gif);

}
	.guestbook:hover{
		background-image:url(../images/guestbookover.gif);
	}
.links{
position:absolute;
left:762px;
width:61px;
height:31px;
background-image:url(../images/links.gif);
}
	.links:hover{
		background-image:url(../images/linksover.gif);
	}
.contact{
position:absolute;
left:823px;
width:141px;
height:31px;
background-image:url(../images/contact.gif);
}
	.contact:hover{
		background-image:url(../images/contactover.gif);
	}
/*---------------------END OF Navigation---------------------*/
/*---------------------Contact---------------------*/

/*---------------------END OF Contact---------------------*/
/* Photos */

.photogallery {
float: left;
}

.thumbnail{
	padding: 4px;
	border: 1px solid #999999;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}
.caption{ 
font-size: 0.9em; padding-top: 0.2em ;	
}
#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; 
}
#closeButton{ 
	top: 5px; 
	right: 5px; 
}
#lightbox img{ 
	border: none; clear: both;
} 
#overlay img{ 
	border: none; 
}
#overlay{ 
	background-image: url(../images/overlay.png); 
}
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}
/* End of Photos */
