/* CSS Document */

/* ---------------- General */

	body,td,th {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ededd9;
		}
	body {
		background-image: url(../images/construct/header-bg-rpt.jpg);
		background-repeat: repeat-x;
		background-color: #262626;
		margin: 0;
		}
	
	p {
		margin: 0 0 15px 0;
		padding: 0;
		line-height: 1.5em;
		}
		
	p img { border: 4px solid #585849; }
		
	a { color: #ffffb5; text-decoration: underline; }
	a:hover { color: #979772; }
	a img { border: none; }
	
	h1, h2, h3, h4 { margin: 15px 0 15px 0; color: #ffffb5; }
	h1 { margin: 0 0 20px 0; font-size: 20px; font-weight: normal; }
	h2 { font-size: 18px; font-weight: normal; }
	h3 { font-size: 12px; font-weight: bold; }
	
	ul, ol {
		margin: 0 0 20px 35px;
		padding: 0;
		}
		ul li, ol li {
			margin: 0 0 5px 0;
			padding: 0;
			}


/* ---------------- Misc styles */

	#flashcontent {
		margin: 0 0 25px 0;
		padding: 0;
		border: 4px solid #585849;
		}
		
	ul.linedlist {
		margin: 0;
		padding: 0;
		list-style: none;
		border-top: 1px solid #3e3e38;
		}
		ul.linedlist li {
			margin: 0;
			padding: 3px 0;
			border-bottom: 1px solid #3e3e38;
			}
	
	
/* ---------------- Page specific */
	
	ul.gallerylist {
		list-style: none;
		margin: 25px 0 0 0;
		padding: 0;
		}
		ul.gallerylist li {
			clear: left;
			margin: 0;
			padding: 0;
			}
			ul.gallerylist li img {
				float: left;
				margin: 0 20px 20px 0;
				border: 4px solid #585849;
				}


/* ---------------- Layout */

	#wrapper {
		width: 740px;
		margin: auto;
		}
	
	#header {
		width: 740px;
		height: 125px;
		background-image: url(../images/construct/header-bg.jpg);
		background-repeat: no-repeat;
		}
		
	#printheader {
		display: none;
		}
	
	#headinfo {
		width: 740px;
		height: 90px;
		}
		#headinfo ul {
			margin: 0;
			padding: 26px 0 0 0;
			list-style: none;
			}
			#headinfo ul li.homelink {
				float: left;
				display: block;
				width: 312px;
				height: 38px;
				}
				#headinfo ul li.homelink a {
					display: block;
					width: 312px;
					height: 38px;
					text-decoration: none;
					}
			#headinfo ul li.strapline {
				float: right;
				width: 260px;
				height: 38px;
				color: #d1d196;
				line-height: 38px;
				text-indent: 20px;
				border-left: 1px dotted #4b4b3c;
				}
	
	#navigation {
		padding: 0;
		}
		#navigation ul {
			width: 740px;
			height: 30px;
			margin: 0;
			padding: 0;
			list-style: none;
			background-image: url(../images/construct/nav-base-bg.jpg);
			background-repeat: repeat-x;
			border-top: 1px solid #454545;
			}
			#navigation ul li {
				float: left;
				line-height: 29px;
				border-right: 1px solid #3f3f3f;
				}
				#navigation ul li a {
					display: block;
					padding: 0 12px;
					text-decoration: none;
					font-weight: bold;
					background-image: url(../images/construct/nav-btn-bg.jpg);
					background-repeat: repeat-x;
					color: #ffffb5;
					}
				#navigation ul li a:hover {
					background-image: url(../images/construct/nav-btn-bg-over.jpg);
					color: #ffffd2;
					}
				#navigation ul li.activeitem a {
					background-image: url(../images/construct/nav-btn-bg-active.jpg);
					color: #1a1a1a;
					}
				#navigation ul li.activeitem a:hover {
					color: #666655;
					}
				#navigation ul li.pg-clientItem { float: right; }
				#navigation ul li.pg-clientItem a {
					background-image: url(../images/construct/nav-btn-bg-active.jpg);
					color: #1a1a1a;
					}
				#navigation ul li.pg-clientItem a:hover {
					color: #666655;
					}
					
	#content {
		float: left;
		width: 460px;
		margin: 45px 0 30px 0;
		}
	
	#sidepanel {
		float: right;
		width: 260px;
		margin: 45px 0 30px 0;
		border-left: 1px dotted #585849;
		}
		#sidepanel .sidecontent {
			padding: 0 0 0 20px;
			}
	
	#footer {
		clear: both;
		width: 740px;
		border-top: 1px dotted #828264;
		padding: 15px 0;
		}
		#footer p {
			color: #979772;
			}
			
			
/* ---------------- Gallery page layout override */

	#content-gal {
		float: left;
		width: 500px;
		margin: 45px 0 30px 0;
		}
	
	#content-gal-cola {
		float: left;
		width: 240px;
		}
	#content-gal-colb {
		float: right;
		width: 240px;
		}
	
	#sidepanel-gal {
		float: right;
		width: 220px;
		margin: 45px 0 30px 0;
		border-left: 1px dotted #585849;
		}
		#sidepanel-gal .sidecontent {
			padding: 0 0 0 20px;
			}