/* AUTHOR --------------------------------------
http://codelounge.net

LICENCE --------------------------------------
This work is licensed under a Creative Commons Attribution-Share Alike 3.0 New Zealand License
http://creativecommons.org/licenses/by-sa/3.0/nz/

UPDATES ------------------------------------
Revision number: 1.0.1
Last update: 24/09/09 @ 1:45am
Last update by: RR
*/


/* RESET --------------------- */
@import url(reset.css);
/* RESET.end ----------------- */

/* NAVIGATION --------------------- */
@import url(superfish.css);
/* NAVIGATION.end ----------------- */


/*------ GENERAL STYLE----- */

	.clear{
		clear: both;
		}

	body{
		background-color: #002f5f;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		}

	p{
		font-size: 12px;
		margin-bottom: 10px;
		}

	a{
		text-decoration: none;
		}

		a:hover{
			text-decoration: underline;
			}

	/*ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2em;
	list-style-type:square;
	padding:20px;
	}*/


	h1{
		font-size: 16px;
		margin-bottom: 10px;
		}

	#header{
		border-bottom: solid 4px #3e5883;
		}

		#header #headercontent{
			margin: 0 auto;
			width: 810px;
			}

			#header #headercontent #logo{
				float: left;
				margin: 0px 41px 0px 4px;
				}
				#header #headercontent #logo h2{
					text-indent: -9999px;
				}
				#header #headercontent #logo span#logoimg{
					background: url(../_img/DE_Group_Logo.gif) no-repeat 0 0;
					display: block;
					height: 123px;
					width: 115px;
					text-indent: -9999px;
					cursor: pointer;
					}

			#header #headercontent #banner{
				float: left;
				margin: 14px 15px 0px 0px;
				}

				#header #headercontent #banner p#bannertext{
					text-align:right;
					color: #ffc50c;
					font-family: Arial, Helvetica;
					font-weight: bold;
					font-size: 18px;
					margin-top: 8px;}


			#header #headercontent #ourteamlogo{
				float: left;
				margin: 14px 0px 0px 0px;
				}

			#header #headercontent #navigation{
				width: 809px;
				height: 29px;
				background-image: url(../_img/nav_bg.jpg);
				background-repeat: no-repeat;
				}

	#footer{
		border-top: solid 4px #3e5883;
	}

		#footer #footercontent{
			width: 810px;
			margin: 0 auto;
			}

			#footer #footercontent ul#sitemap_main{
				margin-top: 10px;
				}

				#footer #footercontent ul#sitemap_main li{
					float: left;
					font-size: 11px;
					color: #8698b4;
					margin-right: 35px;
					}

					#footer #footercontent ul#sitemap_main li a{
						font-size: 11px;
						color: #8698b4;
						text-decoration: none;
						}

						#footer #footercontent ul#sitemap_main li a:hover{
							text-decoration: underline;
							color: #FFF;
							}

			#footer #footercontent #sitemap{
				float: left;
				padding-bottom: 10px;
				}

			#footer #footercontent #sitemap_sub{
				float: left;
				width: 100px;
				margin: 4px 0px 0px 143px;
				}

				#footer #footercontent #sitemap_sub ul li a{
					font-size: 11px;
					color: #8698b4;
					text-decoration: none;
					/* line-height: 11px; */
					}

					#footer #footercontent #sitemap_sub ul li a:hover{
						text-decoration: underline;
						color: #FFF;
						}

			#footer #footercontent #sitemap_subtwo{
				float: left;
				width: 100px;
				margin: 4px 0px 0px 0px;
				}

				#footer #footercontent #sitemap_subtwo ul li a{
					font-size: 11px;
					color: #8698b4;
					text-decoration: none;
					/* line-height: 11px; */
					}

					#footer #footercontent #sitemap_subtwo ul li a:hover{
						text-decoration: underline;
						color: #FFF;
						}

			#footer #footercontent #contact_info{
				float: right;
				margin-top: 10px;
				}

				#footer #footercontent #contact_info p{
					color: #8698b4;
					font-weight: bolder;
					font-size: 11px;
					line-height: 6px;
					}

				#footer #footercontent #contact_info a{
					color: #8698b4;
					font-weight: bold;
					text-decoration: none;
					}

					#footer #footercontent #contact_info a:hover{
						color: #FFF;
						text-decoration: underline;
						}


		#contact_us{
			margin: 0 auto;
			width: 801px;
			border-left: solid 4px #3e5883;
			border-right: solid 4px #3e5883;
			background-color: #3d5883;
			position: relative;
			z-index: 1;

		}


			#contact_us #ourvision{
				float: left;
				width: 212px;
				margin: 5px 0 5px 103px;
				}

			#contact_us #ourmission{
				float: left;
				width: 218px;
				margin: 5px 0 5px 53px;
				}

			#contact_us a#contact_us_btn{
				float: right;
				background: url(../_img/contact_us.gif) no-repeat 0 0;
				width: 122px;
				height: 31px;
				display: block;
				margin: 20px 32px 0 0;
				color: #8698b4;
				line-height: 31px;
				text-align: center;
				text-decoration: none;
				font-weight: bold;
				font-size: 14px;
				}

				#contact_us a#contact_us_btn:hover{
					color: #FFF;
					}

			#contact_us p.quote_text{
				color: #eec641;
				font-style: italic;
				font-weight: bold;
				font-size: 12px;
				line-height: 16px;
				margin-bottom: 0px;
				}

			#contact_us h2{
				color: #a8aaac;
				font-size: 12px;
				margin-bottom: 5px;
				}

		#left_content{
			float: left;
			width: 257px;
			text-align: justify;
			padding: 111px 0px 0px 75px;

			position: absolute;
			top:0;
			left:0;
			}

		#right_content{
			float: right;
			width: 337px;
			margin-right: 40px;

			position: absolute;
			top:15px;
			left:410px;
			}


		#right_column{
			float: right;
			width: 337px;
			margin-right: 40px;
			font-size: 11px;
			position: absolute;
			top:0px;
			left:410px;
			}

		/* #right_image{
			float: right;
			width: 337px;
			margin-right: 40px;
			font-size: 11px;
			position: absolute;
			top:0px;
			left:410px;
			} */


		a#gallery{
			float: right;
			background: url(../_img/gallery.png) no-repeat 0 0;
			width: 122px;
			height: 30px;
			display: block;
			margin: 15px 31px 0 0;
			color: #FFFFFF;
			line-height: 30px;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			font-size: 14px;
			position:absolute;
			top:0;
			left:650px;
			}

			a#gallery:hover{
				color: #8698b4;
				}

         a#pdf-catalogue{
			float: right;
			background: url(../_img/gallery.gif) no-repeat 0 0;
			width: 122px;
			height: 30px;
			display: block;
			margin: 20px 31px 0 0;
			color: #8698b4;
			line-height: 30px;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			font-size: 14px;

			position:absolute;
			top:0;
			left:650px;
			}

			a#pdf-catalogue:hover{
				color: #FFFFFF;
				}




	/*----- Home PAGE STYLE -----*/
	#content{
		margin: 0 auto;
		width: 801px;
		border-left: solid 4px #3e5883;
		border-right: solid 4px #3e5883;
		background-color: #FFFFFF; /* 3e5883 */
		position: relative;
		z-index: 1;
		min-height: 307px;
	}

	/*----- ABOUT PAGE STYLE -----*/
	#content_about{
		margin: 0 auto -3px auto;
		width: 801px;
		border-left: solid 4px #3e5883;
		border-right: solid 4px #3e5883;
		/*background-image: url(../_img/about_us_bg.jpg);
		background-repeat: no-repeat;*/
		background-color: #FFF;
		position:relative;
	}

	.alignleft  {float:left;}
	.about-page-right-box {margin-bottom:10px;}
	.about-page-right-text {margin-left:125px;}

	.about-page-right-box p {top:15px;}
	.about-page-right-box img {top: 0px;}

	/*----- Contact PAGE STYLE -----*/
	#content_contact{
		margin: 0 auto;
		width: 801px;
		border-left: solid 4px #3e5883;
		border-right: solid 4px #3e5883;
		background-image: url(../_img/contact_us_bg.jpg);
		background-repeat: no-repeat;
		background-color: #FFF;
		height: 309px;
	}

		form #form-left{
			width: 164px;
			float: left;
			margin-top: 10px;
			}

		form #form-right{
			width: 164px;
			float: left;
			margin: 10px 0 0 5px;
			}

		form label{
			font-size: 10px;
			display: block;
			width: 160px;
			margin: 0 0 0 0;
			}

		form span{
			font-size: 10px !important;
			display: block;
			width: 160px;
			margin: 0 0 6px 0;
			}

		form input{
			border: solid 2px #002f5f;
			width: 160px;
			height: 17px;
			margin: 0 0 7px 0;
			}

		form #submit{
			background: url(../_img/gallery.png) no-repeat 0 0;
			width: 122px;
			height: 30px;
			display: block;
			margin: 0px 31px 0 212px;
			color: #8698b4;
			line-height: 30px;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			font-size: 14px;
			border: none;
			cursor: pointer;
			clear: both;
			}

		.wpcf7-response-output {margin:-18px 0 0 0!important; padding:0!important; border:0!important; color:#f00!important; text-align:right;}
		.wpcf7-not-valid-tip-no-ajax {margin-top:-4px!important;}
			form button:hover{
				color: #FFF;
				}


	/*----- EXHIBITION STYLE -----*/
	#content_exhibitions{
		margin: 0 auto;
		width: 801px;
		border-left: solid 4px #3e5883;
		border-right: solid 4px #3e5883;
		background-image: url(../_img/exhibitions_bg.jpg);
		background-repeat: no-repeat;
		background-color: #FFF;
		height: 638px;
	}

	/*----- Signage STYLE -----*/
	#content_signage{
		margin: 0 auto;
		width: 801px;
		border-left: solid 4px #3e5883;
		border-right: solid 4px #3e5883;
		background-image: url(../_img/signage_bg.jpg);
		background-repeat: no-repeat;
		background-color: #FFF;
		height: 637px;
	}


	/*----- Point Of sale STYLE -----*/
	#content_point_of_sale{
		margin: 0 auto -3px auto;
		width: 801px;
		border-left: solid 4px #3e5883;
		border-right: solid 4px #3e5883;
		/*background-image: url(../_img/point_of_sale_bg.jpg);
		background-repeat: no-repeat;*/
		background-color: #FFF;
		position:relative;
	}

	#content_point_of_sale a#gallery{
			float: right;
			background: url(../_img/gallery.png) no-repeat 0 0;
			width: 122px;
			height: 30px;
			display: block;
			margin: 20px 31px 0 0;
			color: #FFFFFF;
			line-height: 30px;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			font-size: 14px;

			position:absolute;
			top:0;
			left:650px;
			}


	/*----- Shop Fit STYLE -----*/
	#content_shop_fit{
		margin: 0 auto;
		width: 801px;
		border-left: solid 4px #3e5883;
		border-right: solid 4px #3e5883;
		background-image: url(../_img/shop_fit_bg.jpg);
		background-repeat: no-repeat;
		background-color: #FFF;
		height: 638px;
	}

	/*----- Events STYLE -----*/
	#events{
		margin: 0 auto;
		width: 801px;
		border-left: solid 4px #3e5883;
		border-right: solid 4px #3e5883;
		/*background-image: url(../_img/events_bg.jpg);
		background-repeat: no-repeat;*/
		background-color: #FFF;
		height: 637px;
		position:relative;
	}

		#events #events_left_content{
			float: left;
			width: 508px;
			text-align: justify;
			padding: 111px 0px 0px 103px;
			position: absolute;
			top:0;
			left:0;

			}

		#events #events_right_content{
			float: right;
			width: 150px; /*NOTE: originally 154px however since CMS integration a few pixels have been added somewhere that chrome doesn't like*/
			background-color: #e6e6e7;
			height: 637px;
			}

			#events #events_right_content h2#news_heading{
				text-indent: -9999px;
				display: block;
				width: 154px;
				height: 63px;
				background: url(../_img/news-upcomin-events.jpg) no-repeat 0 0;
				}

			#events #events_right_content .darkgreybox{
				background-color: #d1d2d4;
				padding: 7px 5px;
				height: 80px;
				}

				#events #events_right_content .darkgreybox a h3{
					color: #002759;
					font-size: 12px;
					font-weight: bold;
					}

					#events #events_right_content .darkgreybox a h3:hover{
						text-decoration: underline;
						}

				#events #events_right_content .darkgreybox p{
					margin: 0;
					font-size: 10px;
					}

			#events #events_right_content .lightgreybox{
				background-color: #e6e6e7;
				padding: 7px 5px;
				height: 80px;
				}

				#events #events_right_content .lightgreybox a h3{
					color: #002759;
					font-size: 12px;
					font-weight: bold;
					}

					#events #events_right_content .lightgreybox a h3:hover{
						text-decoration: underline;
						}

				#events #events_right_content .lightgreybox p{
					margin: 0;
					font-size: 10px;
					}

			#events #events_right_content a.read_more {
				color: #e93265;
				font-size: 10px;
				text-decoration: none;
				margin-top: 5px;
				}

				#events #events_right_content a.read_more:hover{
					text-decoration: underline;
					}

		/*----- GALLERY STYLES -----*/
		#gallery_page{
		margin: 0 auto;
		width: 801px;
		border-left: solid 4px #3e5883;
		border-right: solid 4px #3e5883;
		/*background-image: url(../_img/events_bg.jpg);
		background-repeat: no-repeat;*/
		background-color: #FFF;
		height: 307px;
		position:relative;
	}

		#gallery_page #gallery_page_content{
			float: left;

			text-align: justify;
			padding: 31px 0px 0px 123px;
			position: absolute;
			top:0;
			left:0;

			}

		/*----- GALLERY MAIN HOLDER STYLES -----*/
		#gallery_page_main{
		margin: 0 auto;
		width: 801px;
		border-left: solid 4px #3e5883;
		border-right: solid 4px #3e5883;
		/*background-image: url(../_img/events_bg.jpg);
		background-repeat: no-repeat;*/
		background-color: #FFF;
		height: 507px;
		position:relative;
	}

		#gallery_page_main #gallery_page_main_content{
			float: left;

			text-align: justify;
			padding: 31px 0px 0px 123px;
			position: absolute;
			top:0;
			left:0;

			}

		/*----- PORTFOLIO STYLES -----*/
		/*-----a#gallery{
			float: right;
			background: url(../_img/gallery.png) no-repeat 0 0;
			width: 122px;
			height: 30px;
			display: block;
			margin: 15px 31px 0 0;
			color: #FFFFFF;
			line-height: 30px;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			font-size: 14px;
			position:absolute;
			top:0;
			left:650px;
			}-----*/

		ul#other_projects{
			width: 257px;
			}

			ul#other_projects li{
				display: block;
				width: 125px; /* 85px */
				height: 15px;
				float: left;
				font-size: 10px;
				margin: 5px 0 0 0;
				}

				ul#other_projects li a{
					color: #000;
                    border-bottom: 1px solid #000;
					}

					ul#other_projects li a:hover{
						color: #bbb;
                        border-bottom: 1px solid #bbb;
						text-decoration: none;
						}




			#portfolio_nav_text{
				background: #FFF url(../_img/portfolio_nav_text_bg.gif) repeat-y;
				margin: 0 auto;
				width: 801px;
				border-left: solid 4px #3e5883;
				border-right: solid 4px #3e5883;
				position: relative;
				z-index: 1;
				}

				#portfolio_nav_text ul{
					margin: 0 0 0 200px; /* 257 */
					}

					#portfolio_nav_text ul li{
						font-size: 10px;
						display: block;
						width: 100px; /* 136 */
						float: left;
						height: 14px;
						}

					#portfolio_nav_text ul li a{
						color: #00305e;
						text-decoration: none;

						}

						#portfolio_nav_text ul li a:hover{
							text-decoration: underline;
						}

			#portfolio_nav{
				width: 801px;
				margin: 0 auto;
				/*background-color: #FFF; Removed to allow blue background to cover gap*/
				border-left: solid 4px #3e5883;
				border-right: solid 4px #3e5883;
				position: relative;
				z-index: 1;
				height: 58px;
				}

				#portfolio_nav #small_logo{
					background-color: #00305e;
					/* width: 100px; */ /* 195px */
					height: 58px;
					margin-left: 58px;
					_margin-left: 28px; /* IE6 position fix */
					float: left;
					}

					#portfolio_nav #small_logo img{
						margin: 5px 0 0 50px;
						}


				#portfolio_nav #nav_exhibitions{
					background-color: #9165ab;
					float: right;
					height: 58px;
					}

					#portfolio_nav #nav_exhibitions a img{
						/* margin: 4px 4px 0 4px; */
						}

						#portfolio_nav #nav_exhibitions a img:hover{
							/* for IE */
							filter:alpha(opacity=80);
							/* CSS3 standard */
							opacity:0.8;
							}

				#portfolio_nav #nav_shop_fit{
					background-color: #d1d3d4;
					float: right;
					height: 58px;
					}

					#portfolio_nav #nav_shop_fit a img{
						/* margin: 4px 4px 0 4px; */
						}

						#portfolio_nav #nav_shop_fit a img:hover{
							/* for IE */
							filter:alpha(opacity=80);
							/* CSS3 standard */
							opacity:0.8;
							}

				#portfolio_nav #nav_point_of_sale{
					background-color: #709b33;
					float: right;
					height: 58px;
					}

					#portfolio_nav #nav_point_of_sale a img{
						/* margin: 4px 4px 0 4px; */
						}

						#portfolio_nav #nav_point_of_sale a img:hover{
							/* for IE */
							filter:alpha(opacity=80);
							/* CSS3 standard */
							opacity:0.8;
							}

				#portfolio_nav #nav_signage{
					background-color: #ffc83a;
					float: right;
					height: 58px;
					}

					#portfolio_nav #nav_signage a img{
						/* margin: 4px 4px 0 4px; */
						}

						#portfolio_nav #nav_signage a img:hover{
							/* for IE */
							filter:alpha(opacity=80);
							/* CSS3 standard */
							opacity:0.8;
							}

				#portfolio_nav #nav_international{
					background-color: #ffc83a;
					float: right;
					height: 58px;
					}

					#portfolio_nav #nav_international a img{
						/* margin: 4px 4px 0 4px; */
						}

						#portfolio_nav #nav_international a img:hover{
							/* for IE */
							filter:alpha(opacity=80);
							/* CSS3 standard */
							opacity:0.8;
							}

				#portfolio_nav #nav_events{
					background-color: #ffc83a;
					float: right;
					height: 58px;
					}

					#portfolio_nav #nav_events a img{
						/* margin: 4px 4px 0 4px; */
						}

						#portfolio_nav #nav_events a img:hover{
							/* for IE */
							filter:alpha(opacity=80);
							/* CSS3 standard */
							opacity:0.8;
							}




				/*----- PORTFOLIO Exhibitions STYLE -----*/

				#content_portfolio_exhibitions{
					margin: 0 auto;
					width: 801px;
					border-left: solid 4px #3e5883;
					border-right: solid 4px #3e5883;
					/*background-image: url(../_img/portfolio_exhibitions_bg.jpg);
					background-repeat: no-repeat;*/
					background-color: #FFF;
					height: 495px;
					position:relative;
					}

					#content_portfolio_exhibitions h2{
						margin: 20px 0 10px 0;
						font-size: 14px;
						}



	/*----- DOWNLOADS PAGE STYLE -----*/
	#downloads-page-submit-btn{
		background: url(../_img/gallery.png) no-repeat 0 0;
		width: 122px;
		height: 30px;
		display: block;

		color: #8698b4;
		line-height: 30px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		border: none;
		cursor: pointer;
		clear: both;
	}