/*
Theme Name: Moller Young
Theme URI: http://www.avatar.co.nz
Description: Moller Young theme by <a href="http://www.avatar.co.nz">Avatar</a>
Version: 1
Author: Avatar
Author URI: http://www.avatar.co.nz
Tags: avatar
*/
body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	background: #fff url(images/bg.gif) repeat-x;
	margin: 0;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
#header {
	width: 960px;
	height: 137px;
	background: url(images/header-bg.jpg);
}
#logo {
	float: left;
	width: 550px;
	height: 137px;
}
#logo a {
	background: url(images/logo.png);
	display: block;
	height: 137px;
	width: 550px;
}
a img {
	border: none;
}

/* --------- Blog/News --------- */

.post-date, .date{font-size:.85em; color:#999;}
.post-container-news{border-bottom:1px solid #CCC; margin-bottom:15px; padding-bottom:10px;}
.post-thumb{float:right; margin-left:20px;}

/* --------- Gallery --------- */

table.gallery-tb td{width:25%; padding:5px; vertical-align:top;}
table.gallery-tb div{border:1px solid #ececec;}
.gallery-tb img{display:block; margin:auto;}
.gallery-tb h3{text-align:center; padding:8px; margin:0; background:#ececec;}
.gallery-tb h3 a{color:#222; text-decoration:none;}

/* --------- Sidebar --------- */

#sidebar {
	float: left;
	width: 180px;
	padding: 20px;
}
#address {
	clear: both;
	border: 1px solid #150C46;
	color: #FBFBC5;
	background: #150C46;
	font-size: 15px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
}
#address .phone-number {
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	background: url(images/phone-icon.png) no-repeat 15px 0;
	padding-left: 50px;
	line-height: 26px;
}

/* --------- Menu --------- */

#menu-container {
	width: 180px;
}
#menu-container ul {
	float: left;
	list-style-type: none; 
	padding: 0; 
	margin: 0;
}
#menu-container #utility-menu ul {
	margin: 33px 0;
}
#menu-container ul li {
	float: left;
	width: 180px;
	margin: 0 0 5px 0;
	padding: 0;
	position: relative;
	z-index: 100;
	box-shadow: 1px 2px 0px #C2C0C7;
}
#menu-container ul li a {
	display: block; 
	padding: 7px;
	color: #FBFBC5;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #150C46;
	background: #150C46 url(images/menu-bg.gif) repeat-x;
	
}
#menu-container ul li a:hover {
	color: #fff;
	border: 1px solid #A98600;
	background: #A98600 url(images/menu-bg2.gif) repeat-x;
	text-decoration: none;
}
#menu-container ul ul, #menu-container #utility-menu ul ul {
	display: none;
	margin: 0;
}
#menu-container ul li li {
	margin: 0;
	border-top: 1px solid #E1E0E8;
}
#menu-container ul li li a {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	background-image: none;
	background-color: #373061;
}

/* --------- Banner --------- */

#banner {
	width: 700px;
	height: 335px;
	position: relative;
	border: 10px solid #fff;
	box-shadow: 0 0 5px #C2C0C7;
	margin-bottom: 20px;
}
#side-banner {
	width: 230px;
	height: 435px;
	position: relative;
	border: 1px solid #B0ADC3;
}

/* --------- Body --------- */

#body-container {
	width: 960px;
	background: url(images/menu-container-bg.gif) repeat-y;
	margin-bottom: 20px;
}
#body {
	float: left;
	width: 720px;
	margin: 20px 0 20px 20px;
}
#content-left {
	float: left;
	width: 470px;
}
#content-right {
	float: right;
	width: 232px;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 32px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 32px;
	color: #150C46;
	margin: 10px 0;
}
#body #content-left h1 {
	font-size: 26px;
	line-height: 26px;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 22px;
    font-weight: normal;
	margin: 10px 0;
	color: #150C46;
	text-transform: uppercase;
}
h3 {
	font-size: 15px;
	margin: 10px 0;
	font-weight: bold;
}
p {
	margin: 8px 0 12px 0;
}
a {
	color: #150C46;
	text-decoration: underline;
}
a:hover {
	color: #150C46;
	text-decoration: none;
}
#body ul, #body ol, #sect-body ul, #sect-body ol {
	margin: 15px 0 20px 0;
	padding-left: 15px;
}
#body ul li, #sect-body ul li {
	margin: 0 0 5px;
	padding: 0px 24px;
	background: url(images/bullet.gif) no-repeat 6px 5px;
	list-style: none;
}
div.ddsg-wrapper p {
	display: none;
}
.image-table, .layout-table, .border-table {
	margin: 0;
	padding: 0;
}
.border-table {
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #E4E2EA;
	border-right: 1px solid #E4E2EA;
}
.image-table td, .layout-table td {
	margin: 0;
	padding: 0 0 5px 0;
	border: 1px solid #E4E2EA;
	text-align: center;
	vertical-align: top;
}
.layout-table td {
	padding: 0 5px 5px 5px;
}
.layout-table .border-table td, .border-table td {
	border: none;
	margin: 0;
	padding: 2px;
	border-top: 1px solid #E4E2EA;
	border-left: 1px solid #E4E2EA;
	text-align: left;
}
.layout-table td table td{
	border:none;
	vertical-align:middle;
}
.image-table td div, .layout-table td div {
	margin: 0 auto;
}
.featured-table {
	margin: 0;
	padding: 10px;
	background: #E4E2EA;
}
.featured-table td {
	margin: 0;
	padding: 5px 10px;
}
.featured-table h2 {
	margin-top: 0;
}
.clear-floats {
	clear: both;
}

/* --------- WordPress Core --------- */

img.alignright, .alignright {
	float:right;
	clear: right;
	margin: 5px 0 15px 15px;
	background-color: #fff;
}
img.alignright {
	border: 1px solid #E0E0E0;
	padding: 4px;
}
img.alignleft, .alignleft {
	float: left;
	margin: 5px 15px 15px 0;
	background-color: #fff;
}
img.alignleft {
	border: 1px solid #E0E0E0;
	padding: 4px;
}
img.aligncenter {
	margin: 0 auto;
	text-align: center;
	display: block;
	border: 1px solid #E0E0E0;
	padding: 4px;
}
.wp-caption {
	text-align: center;
	font-weight: normal;
	padding: 5px 0;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
p.wp-caption-text {
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
}

/* --------- Logo Slider --------- */

#slider1 div {
	width: 110px;
	height: 90px;
	text-align: center;
	margin: 10px 0;
}
.bx-pager {
	position: absolute;
	bottom: -15px;
    right: 202px;
	z-index: 99;
}
.bx-pager a.pager-link {
    cursor: pointer;
    display: block;
    float: left;
    height: 17px;
    margin-right: 3px;
    width: 17px;
	text-indent: -100px;
	overflow: hidden;
	background: url(images/bullet.png) no-repeat;
}
.bx-pager a.pager-active {
	background: url(images/bullet-selected.png) no-repeat;
}

/* --------- Footer --------- */

#footer {
	clear: both;
	width: 960px;
	height: 70px;
	font-size: 12px;
	background: url(images/footer-bg.gif) no-repeat;
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	color: #150C46;
	text-decoration: underline;
}
#footer p {
	margin-bottom: 6px;
}
#copyright {
	float: left;
	width: 400px;
	margin-top: 7px;
}
#footer-links {
	float: right;
	width: 400px;
	margin-top: 7px;
	text-align: right;
}
#footer-links a {
	margin-left: 15px;
}
#avatar-link {
	margin-top: 6px;
}
#avatar-link a {
	color: #736D90;
}
#avatar-link a:hover {
	color: #150C46;
}


/*
 *	Responsive design by Daniel O'Connor
 */

@media only screen and (max-width: 992px) {

	h1 {
		font-size: 20px !important;
	}

	h2 {
		font-size: 16px;
	}

	#body .alignleft,
	#body .alignright,
	#body .aligncenter,
	#body .alignnone {
		display: block;
		float: none;
		height: auto;
		margin: 10px auto 10px auto;
		max-width: 100%;
	}

	body {
		background: transparent;
	}

		.wrapper {
			width: auto;
		}

			#header {
				background: #281f55;
				height: 80px;
				width: auto;
			}

				#logo {
					float: none;
					height: 100%;
					margin: 0 auto;
					overflow: hidden;
					width: 200px;
				}

					#logo a {
						background: url(images/logo-basic.png) center no-repeat;
						background-size: contain;
						display: block;
						height: 100%;
						width: 100%;
					}

			#body-container {
				background: transparent;
				width: auto;
			}

				#sidebar {
					background: #e4e2ea;
					float: none;
					width: auto;
				}

					#menu-container {
						width: auto;
					}

						#menu-container:before {
							background: #150C46 url(images/menu-bg.gif) repeat-x;
							border: 1px solid #150C46;
							box-shadow: 1px 2px 0px #C2C0C7;
							color: #FBFBC5;
							content: 'Menu';
							cursor: pointer;
							display: block;
							font-size: 14px;
							line-height: 14px;
							padding: 7px;
							text-align: center;
							text-transform: uppercase;
						}

						#menu-container.active:before {
							color: #fff;
							border: 1px solid #A98600;
							background: #A98600 url(images/menu-bg2.gif) repeat-x;
						}

						#menu-container ul {
							display: none;
							margin-top: 20px;
							float: none;
						}

						#menu-container #utility-menu ul {
							margin: 20px 0 0 0;
						}

						#menu-container.active ul {
							display: block
						}

							#menu-container ul li {
								float: none;
								width: auto;
							}

					#address {
						display: none;
					}

				#body {
					float: none;
					margin: 20px;
					width: auto;
				}

				#banner {
					border-width: 5px;
					height: auto;
					width: auto;
				}

					.slider-wrapper {
					}

						.nivoSlider {
							height: 100%;
						}

							.nivoSlider img {
								height: auto !important;
								width: 100% !important;
							}

						.nivo-controlNav {
							display: none;
						}

						#body-container .nivo-caption {
							font-size: 16px;
							padding: 0;
							width: 100%;
						}

				#content-left {
					float: none;
					width: auto;
				}

					#body ul {
						padding-left: 0;
					}

					#body ul li {
						padding-right: 0;
					}

					.bx-wrapper {
						margin-bottom: 10px;
						width: auto !important;
					}

						.bx-window {
							width: auto !important;
						}

							#slider1 {

							}

								#slider1 div {

								}

						.bx-pager {
							display: none;
						}

				#content-right {
					float: none;
					width: auto;
				}

					#side-banner {
						height: auto;
						margin: 0 auto;
						width: 66.66666%;
					}

						#side-banner .nivoSlider img {
							height: auto !important;
							margin: 10px 25%;
							width: 50% !important;
						}

				table {
					display: block;
				}

					tbody {
						display: block;
					}

						tr {
							display: block;
						}

							td {
								display: block;
								margin-bottom: 10px !important;
								width: auto !important;
							}

							td:empty {
								display: none;
							}

								td img {
									display: block;
									height: auto;
									margin: 0 auto;
									max-width: 100%;
									width: auto;
								}

				#body .ngg-galleryoverview {

				}

					#body .ngg-gallery-thumbnail-box {
						margin-right: 0;
						width: 50%;
					}

						#body .ngg-gallery-thumbnail {
							border: 0;
							margin: 0;
							padding: 0;
						}

							#body .ngg-gallery-thumbnail img {
								border: 0;
								height: 100%;
								margin: 0 0 10px 0;
								padding: 0;
								width: auto;
							}

				.mapp-layout.mobile {
					width: auto !important;
				}

			#footer {
				color: #666;
				font-size: 10px;
				height: auto;
				padding: 20px;
				width: auto;
			}

				#copyright {
					float: none;
					width: auto;
				}

				#footer-links {
					float: none;
					text-align: left;
					width: auto;
				}

					#footer-links a {
						margin: 0 15px 0 0;
					}

}