@charset "utf-8";
/* START of General setup */
* {
	margin:0;
	padding:0;
}
html, body {
	text-align:center;
	background:#5d5b4d;
	font-family:Calibri, Arial, sans-serif;
}
a {text-decoration:none;}
a img {border:none;}
/* END of General Setup */

/* Text Colours...
navDark #292537
navMid #3b364a
navLight #5b546e
subDark #463332
sublight #9d7472
headerDark #5f8686
headerLight #9ddfdf
hilight #185046
pageLight #e4e3dd
photoBorder #5d5b4d
*/
.subLight {
	/*color:#9d7472;*/
	color:#000000;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.center {
	text-align:center;
}
.clearBoth {
	clear:both;
}
.hidden {
	display:none;
}
#Wrapper {
	min-width:800px;
	max-width:1024px;
	height:100%;
	margin:0 auto;
	background:#e4e3dd;
}
#header {
	height:144px;
	width:100%;
	position: relative;
	background:#9ddfdf url(/images/HeaderBG.png) center no-repeat;
}
#logo {
	width:128px;
	height:125px;
	position: absolute;
	top:10px;
	left:10px;
	text-indent:-9999px;
	background:url(/images/DecraLogo.png) top left no-repeat;
}
#searchbox {
	position:absolute;
	top:10px;
	right:10px;
}
#searchbox input {
	padding:2px;
	background:#5b546e;
	border:#292537 1px solid;
	color: #292537;
	font-size: 80%;
	text-align:center;
}
#searchbox input:hover {
	border-color:#FFF;
	color:#FFF;
}
#searchbox input:focus {
	background-color:#FFF;
	color:#000;
}
#searchbox span {
	font-size:75%;
	color:#5f8686;
}
#menuOneWrapper {
	display:table;
	margin:0 auto;
	padding:25px 0 0 0;
	overflow:hidden;
	white-space:nowrap;
}
#menuOneWrapper ul {
	list-style:none;
	font:36px "Century Gothic", Arial, sans-serif;
}
#menuOneWrapper ul li {
	height:56px;
	display:table-cell;
	vertical-align:middle;
	padding:0 24px 0 20px;
}
#menuOneWrapper ul li.divider {
	background:url(/images/Divider.png) center right no-repeat;
}
#menuOneWrapper a {
	color:#000;
}
#menuOneWrapper a:hover {
	color:#FFF;
}
#menuOneWrapper a.active {
	font-weight: bolder;
}
#menuTwoWrapper {
	height:24px;
	background:#3b364a url(/images/menuTwoBG.png) center no-repeat;
	font-size:16px;
}
#menuTwoWrapper ul {
	padding-top:2px;
}
#menuTwoWrapper a {
	padding: 0 5px;
	color:#FFF;
}
#menuTwoWrapper a:hover, #menuTwoWrapper a.active {
	background:url(/images/menuTwoHilight.png) repeat-x;
}
#menuThreeWrapper {
	width:760px;
	height:24px;
	margin:0 auto;
	visibility:hidden;
}
#scrollWrapper {
	max-width:700px;
	height:22px;
	padding-top:2px;
	overflow:hidden;
	background:#463332 url(/images/menuThreeBG.png) repeat-x;
	white-space:nowrap;
	text-align:center;
	font-size:95%;
}
#scrollWrapper a {
	display:inline;
	padding:0 6px;
	color:#FFF;
}
#scrollWrapper a:hover, #scrollWrapper a.active {
	background:#185046 url(/images/menuThreeHilight.png) repeat-x;
}
a#goLeft {
	background:url(/images/menuThreeArrowLeftToggle.png);
}
a#goRight {
	background:url(/images/menuThreeArrowRightToggle.png);
}
a#goRight:hover, a#goLeft:hover {
	background-position:0 -24px;
}
.arrow {
	width:30px;
	height:24px;
}
#pageBG {
	background:url(/images/PageGradient.png) repeat-x;
}
#pageContent {
	width:730px;
	margin:0 auto;
	padding:40px 0;
	overflow:hidden;
	text-align:left;
}
#pageContentText {
	width:730px;
	margin:0 auto;
	padding:40px 0;
	overflow:hidden;
	text-align:left;
}
#pageContentText p {
	margin-bottom:5px;
}
#pageContentText a {
	border-bottom:1px dotted #00f;
	color:#00f;
}
#pageContentText a:hover {
	background:#fff;
}
#pageContentText a:visited {
	border-bottom:1px dotted #000;
	color:#000;
}
h1, h2, h3 {
	font-family:"Century Gothic", Arial, sans-serif;
	letter-spacing: 1px;
}
#photoColumn, #slideshowWrapper {
	width:356px;
	min-height:400px;
	position:relative;
} 
.slide {
	position:absolute;
}
#photoMedium, #slideshowWrapper {
	width:350px;
	height:350px;
	margin:0 0 20px;
}
#photoMedium img, #slideshowWrapper img {
	border:3px solid #5d5b4d;
}
#photoCaption {
	text-align:center;
}
#photoCaption h3 {
	font-size: 16px;
}
#textColumn {
	width:340px;
	min-height:400px;
	padding-bottom:10px;
}
#textColumn p, #photoColumn p {
	margin:4px 0 8px 0;
}
#textColumn ul, #photoColumn ul {
	padding:0 0 15px 15px;
	list-style-position:outside;
	font-size:95%;
}
#textColumn a {
	border-bottom:1px dotted #00f;
	color:#00f;
}
#textColumn a:hover {
	background:#fff;
}
#textColumn a:visited {
	border-bottom:1px dotted #000;
	color:#000;
}
#textColumn table {
	margin:10px 0;
	border: 1px solid #5d5b4d;
	font-size:90%;
}
#textColumn table td, #textColumn table th {
	padding:2px;
	border: 1px dotted #5d5b4d;
	font-weight: normal;
}
#textColumn table th {
	background: #ddd;
}
#textColumn a#RSSIcon {
	width:64px;
	height:64px;
	margin:10px;
	display:block;
	border:none;
	background: url(/casestudies/images/RSSIcon.png) no-repeat;
}
#textColumn a#RSSIcon:hover {
	background: url(/casestudies/images/RSSIcon.png) no-repeat 0 -64px;
}
#galleryRow {
	margin-left:36px;
}
#galleryRow a {
	width:120px;
	height:120px;
	float:left;
	padding:22px;
	margin-bottom:32px;
	text-align:center;
	color:#000;
}
#galleryRow a:hover {
	background:url(/images/GalleryHilight.png) top center no-repeat;
}
#galleryRow a img {
	margin-bottom:10px;
	border:1px #000 solid;
}
#toTop {
	margin:10px;
	font-size: 10px;
	letter-spacing: 2px;
	cursor:pointer;
}
#toTop:hover {background:#fff;}
#footer {
	height:112px;
	clear:both;
	background:#9ddfdf url(/images/FooterBG.png) repeat-x;
}
#footer ul {
	padding:8px;
	list-style:none;
	color:#000;
}
#footer li {
	display: inline;
	padding:0 2em;
}
#footer a {
	border:none;
	color:#000;
}
#footer a:hover {
	border-bottom:#000 1px dotted;
}
#previewWrapper {
	width:150px;
	height:172px;
	position:absolute;
	top:186px;
	left:-150px;
	background:url(/images/Preview.png);
}