hr{
	margin: 25px 0px 20px 0px;
	height: 1px;
	border: 0px;
	background-color: #666666;
}
body {
	text-align: center;/*ie5 hack for centering*/
	background-color: #dce0ec;
	background-image: url(images/bgGradient.jpg);
	background-repeat: repeat-x;
	margin: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
/*
 *Centers all content 
 */
#center {
	margin-right: auto; 
	margin-left: auto;
	position: relative;
	width: 792px;
	text-align: left;/*reset divs after ie5 hack*/
}
/*
 *Used so background shadow continues when page stretches vertically.
 */
#bgHolder {
	background-image: url(images/bgSidesRepeat.gif);
	background-repeat: repeat-y;
}
/*
 *Container for navigation and content
 *Used for shadows down left and right of page.
 */
#container {
	_width: 792px;
	width: 772px;
	padding: 0px 10px 0px 10px;
	background-image: url(images/bgSides.gif);
	background-repeat: no-repeat;
	text-align: left;
}


/* ---------------- Navigation Styles ---------------- */
#nav {
	height: 91px;
	background-color: #96a3c6;
}
#nav img{
	border: none;
}
#navGradient{
	background-image: url(images/navigation/navGradient.jpg);
	background-repeat: repeat-y;
	width: 573px;
	height: 62px;
}
#navButtons ul{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 21px;
}
#navButtons ul li{
	float: left;
}
#navLogo{
	position: absolute;
	top: 0px;
	left: 583px;
}


/* ---------------- Content Styles ---------------- */
#content {
	clear: both;
	padding: 18px 0px 5px 24px;
	_height: 315px;
	min-height: 315px;
	background-color: #FFFFFF;
	line-height: 14px;
	margin-left: 0px;
}
#content.ampersand{
	background-image: url(images/bgAmpersand.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#content h1{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}
#content h2{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-style: italic;
}
#content .floatingImage{
	float: right;
	text-align: center;
	color: #999999;
	font-size: 10px;
	padding-left: 10px;
}
#content .floatingImage img{
	display: block;
}



/* ---------------- Home Page ---------------- */
#homeContent{
	margin-top: 45px;
	float: left;
	width: 395px;
	line-height: 20px;
}
#homeContent ul{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	list-style: none;
}
#homeContent li{
	padding: 0px 0px 29px 0px;
}
#homeAnimation{
	margin-top: 45px;
	float: right;
}
/* ---------------- Container for slide show ---------------- */
#slideShow{
	position: relative;
	left: 440px;
	top: 130px;
	width: 300px;
	height:230px;
}

/* ---------------- Client Page ---------------- */
#clientHomeContent{
	text-align: center;
}
#clientHomeContent img{
	display: block;
	padding: 5px 0px 20px 0px;
}

#clientList{
	float: left;
	background-color: #e5e8f1;
	width: 158px;
	height: 250px;
	padding: 10px;
}

#clientList ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 22px;
}

#clientList ul a{
	color: #666666;
	text-decoration: none;
}
#clientList ul a.selected{
	color: #666666;
	font-weight: bold;
}
#clientList ul a:hover, #clientList ul a.selected:hover{
	color: #333333;
	text-decoration: none;
}
#clientContent{
	float: left;
	margin-left: 25px;
	width: 200px;
}
#clientContentCaseStudy{
	float: left;
	margin-left: 16px;
	width: 340px;
}
#clientContent img, #clientContentCaseStudy img{
	margin-bottom: 20px;
	text-align: center;
}
#clientContent a, #clientContentCaseStudy a{
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
#clientContent a:hover, #clientContentCaseStudy a:hover{
	color: #333333;
}
#clientImages{
	float: none;
	text-align: center;
	margin-right: 10px;
}
/* ---------------- Client Image Layouts ---------------- */
#clientImages img.goldsmithsWeddings{
	margin: 10px 0px 0px 0px;
}
#clientImages img.goldsmithsValentines{
	margin: 20px 50px 10px 0px;
}
#clientImages img.goldsmithsCS{
	margin: 10px 15px 10px 0px;
}
#clientImages img.adamsImage{
	margin: 5px 0px 10px 0px;
}
#clientImages img.adamsImage{
	margin: 5px 0px 10px 0px;
}
#clientImages img.adamsImage2{
	margin: 0px 0px 10px 0px;
}
#clientImages img.halfordsImage{
	margin: 0px 10px 10px 0px;
}
#clientImages img.halfordsImage2{
	margin: 0px 30px 10px 0px;
}
#clientImages img.hamleysImage{
	margin: 15px 10px 0px 0px;
}
#clientImages img.hamleysImage2{
	margin: 10px 80px 0px 0px;
}
#clientImages img.douweegbertsImage{
	margin: 0px 30px 10px 0px;
}
/* ---------------- WAW Page ---------------- */
#wawContent{
	padding: 20px 0px 0px 0px;
}
#wawContent img{
	margin: 18px 0px 18px 0px;
}
/* ---------------- About Page ---------------- */
#aboutContent{
	padding: 20px 0px 0px 0px;
}
#aboutContent ul{
	padding: 0px;
	margin: 0px;
}
#aboutContent ul li{
	padding: 0px 0px 11px 0px;
	list-style: none;
}
/* ---------------- Contact Page ---------------- */
#contactContent{
	padding: 20px 0px 0px 20px;
}
#contactContent a{
	text-decoration: none;
	color: #666666;
}
#contactContent a:hover{
	text-decoration: none;
	color: #333333;
}
#map{
	position: absolute;
	top: 125px;
	left: 370px;
	text-align: right;
	color: #999999;
	font-size: 10px;
	padding-left: 5px;
}
#map img{
	display: block;
}
#map a{
	color: #666666;
	text-decoration: none;
}
#map a:hover{
	color: #333333;
}


/* ---------------- Publicity Page ---------------- */
#publicityContent{
	margin-left: 60px;
	margin-right: 100px;
}

#footer {
	clear: both;
	height: 10px;
	background-color: #FFFFFF;
	color: #999999;
	text-align: right;
	font-size: 10px;
	padding: 2px 32px 5px 32px;
}

#bottom {
	width: 792px;
	height: 10px;
	background-image: url(images/bgBottom.gif);
	background-repeat: no-repeat;
}
.footer2 {

	clear: both;
	height: 10px;
	background-color: #FFFFFF;
	color: #999999;
	text-align: right;
	font-size: 10px;
	padding: 2px 30px 0px 30px;
}

#center #bgHolder #container div #content #clientImages .captions {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: center;
}