*
{
/*Universal page reset*/
	margin: 0;
	padding: 0;
}
#siteTitle
{
	position: absolute;
	color: #230303;
}
.galleryItemTitle
{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 4px;
	left: 0;
	font-size: medium;
	color: #E5CB86;
}
#gallery
{
/*The main container div*/
	position: relative;
	margin: 0 auto 20px;
	width: 100%;
	display: block;
	overflow: hidden;
	padding-top: 40px;
/*CSS3 rounded cornenrs*/
}
#galleryList
{
/*The unordered list that is to be split into pages*/
	width: 95%;
	display: block;
	overflow: hidden;
	position: relative;
	margin: auto;
	padding-bottom: 10px;
	list-style: none;
/*CSS3 inner shadow (the webkit one is commeted, because Google Chrome
does not like rounded corners combined with inset shadows):*/
	-moz-box-shadow: 0 0 10px #222 inset;
/*-webkit-box-shadow:0 0 10px #222 inset;*/
	box-shadow: inset 0 0 10px #222;
}
.swControls
{
	position: absolute;
	top: 0;
	margin-top: 10px;
}
A.swShowPage
{
/*The links that initiate the page slide*/
	background-color: #444444;
	float: left;
	height: 15px;
	margin: 4px 3px;
	text-indent: -9999px;
	width: 15px;
/*border:1px solid #ccc;
CSS3 rounded corners*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
A.swShowPage:hover, A.swShowPage.active
{
	background-color: #2993DD;
/*CSS3 inner shadow*/
	-moz-box-shadow: 0 0 7px #1e435d inset;
/*-webkit-box-shadow:0 0 7px #1e435d inset;*/
	box-shadow: inset 0 0 7px #1E435D;
}
.galleryItem
{
	list-style: none;
	background: url(../../images/bg.jpg) left top;
	margin: 13px 10px 0 15px;
	width: 200px;
	height: 225px;
	float: left;
	text-align: center;
	position: relative;
	display: inline;
/*Regular CSS3 box shadows (not inset):*/
	-moz-box-shadow: 0 0 6px #111111;
	-webkit-box-shadow: 0 0 6px #111111;
	box-shadow: 0 0 6px #111111;
}
#galleryList, #galleryList LI
{
/*Applying rouded corners to both the holder and the holder lis*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.clear
{
/*This class clears the floated elements*/
	clear: both;
}
.pagiThumb
{
	border-radius: 10px;
	/*+box-shadow:2px 2px 10px #211818;*/
	-moz-box-shadow: 2px 2px 10px #211818;
	-webkit-box-shadow: 2px 2px 10px #211818;
	-o-box-shadow: 2px 2px 10px #211818;
	box-shadow: 2px 2px 10px #211818;
}
.pagiThumb:hover
{
	/*+box-shadow:2px 2px 10px #E3FF0B;*/
	-moz-box-shadow: 2px 2px 10px #E3FF0B;
	-webkit-box-shadow: 2px 2px 10px #E3FF0B;
	-o-box-shadow: 2px 2px 10px #E3FF0B;
	box-shadow: 2px 2px 10px #E3FF0B;
}
LI.galleryItem
{
}
/*The styles below are only necessary for the styling of the demo page*/
