body {
	background-image: url(images/pageBgRed.gif);
	background-repeat: repeat;

	margin: 0; /* to avoid margins */
    text-align: center; /* to correct the centering IE bug*/
	min-width: 600px;
}

div {
	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;
}

#shadow {
	width: 802px;
	background-image: url(images/shadowBg.gif);
	background-repeat: repeat;
	position: relative;
	margin:0 auto;
}

#header {
	height: 187px;
	width: 786px;
	background-image: url(images/topBarBg.gif);
	background-repeat: repeat;
	position: relative;
	margin:0 auto;
	text-align:left;
}

#siteTitle {
	position: absolute;
	left: 320px;
	top: 58px;
}

#seperator {
	height: 4px;
	width: 786px;
	background-color: #8C161A;
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 1px;
}

#navigation {
	height: 22px;
	width: 786px;
	background-color: #B16164;
	position: relative;
	margin:0 auto;
}

#contentArea {
	width: 786px;
	background-color: #B16164;
	position: relative;
	margin:0 auto;
	text-align: left;
	padding-top: 1px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 0.8em;
	color: #ffffff;
}

#contentArea td {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 0.8em;
	color: #ffffff;
}

#contentArea th {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 1.2em;
	color: #ffffff;
}

#contentArea h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 1.5em;
	color: #ffffff;
}

#contentArea a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 1em;
	color: #F9A9AC;
	text-decoration: none;
}

#contentArea a:hover {
	color: #ffffff;
}

#pageTitleShadow {
	width: 845px;
	height: 44px;
	background-image: url(images/pageTitleShadow.gif);
	background-repeat: repeat;
	position: relative;
	margin:0 auto;
}

#pageTitle {
	width: 786px;
	height: 44px;
	background-image: url(images/pageTitleBg.gif);
	background-repeat: repeat;
	position: relative;
	margin:0 auto;
	text-align: left;
}

.pageTitle {
	margin-top: 13px;
	margin-left: 15px;
}

#bottomShadow {
	width: 804px;
	height: 33px;
	background-image: url(images/bottomShadow.gif);
	background-repeat: repeat;
	position: relative;
	margin:0 auto;
}

#bottom {
	width: 732px;
	height: 33px;
	background-image: url(images/bottomBg.gif);
	background-repeat: repeat;
	position: relative;
	margin:0 auto;
	padding-top: 2px;
}

#credits {
	padding-top: 5px;
}

#credits a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 0.7em;
	color: #F9A9AC;
	text-decoration: none;
}

#credits a:hover {
	color: #ffffff;
}

#buttonArea a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 1em;
	font-weight: bold;
	color: #8C161A;
	text-decoration: none;
}

#buttonArea a:hover {
	color: #8C161A;
}

#button {
	text-align: center;
	height:22px;
	width:105px;
	display:block;
	background: url(images/button.gif) top left no-repeat;
}
	
#button:hover {
	background-position: bottom left;
}

#navigation a {
	margin-left: 15px;
	height: 22px;
	text-indent: 10000px; 
	overflow: hidden; 
	display: block; 
	float: left;
}

#navHome{ 
	width: 75px; 
	background: url(images/navButtons/home.gif) top left no-repeat; 
} 

#navHome:hover{ 
	background-position: bottom left; 
}

#navServices{  
	width: 124px; 
	background: url(images/navButtons/services.gif) top left no-repeat; 
} 

#navServices:hover{ 
	background-position: bottom left; 
}

#navPortfolio{ 
	width: 135px; 
	background: url(images/navButtons/portfolio.gif) top left no-repeat; 
} 

#navPortfolio:hover{ 
	background-position: bottom left; 
}

#navAboutMe{ 
	width: 130px; 
	background: url(images/navButtons/aboutme.gif) top left no-repeat; 
} 

#navAboutMe:hover{ 
	background-position: bottom left; 
}

#navPrices{ 
	width: 90px; 
	background: url(images/navButtons/prices.gif) top left no-repeat; 
} 

#navPrices:hover{ 
	background-position: bottom left; 
}

#navContact{  
	width: 118px; 
	background: url(images/navButtons/contact.gif) top left no-repeat; 
} 

#navContact:hover{ 
	background-position: bottom left; 
}

#bottom a {
	margin-left: 25px;
	padding-right: 25px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 0.9em;
	color: #ffffff;
	text-decoration: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #F9A9AC;
}

#bottom a:hover {
	color: #F9A9AC;
}

hr {
	border: 0;
	width: 90%;
	color: #F9A9AC;
	background-color: #F9A9AC;
	height: 2px;
	text-align: center;
}

/* Image Gallery Code */

.gallerycontainer{
	position: relative;
	height: 700px;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 1px solid white;
	margin: 0 11px 11px 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid #8C161A;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #ffffff;
	padding: 5px;
	left: -1000px;
	border: 2px solid #8C161A;
	visibility: hidden;
	color: black;
	text-decoration: none;
	text-align: center;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 110;
	left: 140px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}