/* Styles for content pages */


/************************************************************
Home page slider */

/* Slider layout */
#slider {
	position:relative;
}

/* Banners */
#slider-banners {
	list-style:none;
	margin:0 auto;
	padding:0;
	position:relative;
	width:910px;
	height:570px;
}
#slider-banners li {
	position:absolute;
	display:none;
}
#slider-banners a {
	display:block;
}
#slider-banners img {
	display:block;
	border:1px solid #eee;
	width:910px;
	height:570px;
}
#slider-banners li:first-child {
	display:block;
}


/* Navigation arrows */
#slider-prev,
#slider-next {
	position:absolute;
	z-index:10;
	display:block;
	width:32px;
	height:32px;
	top:50%;
	margin-top:-16px;
	text-align:left;
	text-indent:-9999px;
	color:transparent;
}
#slider-prev {
	background:transparent url('../images/icons/arrow-left.png') no-repeat center center;
	left:2em;
}
#slider-next {
	background:transparent url('../images/icons/arrow-right.png') no-repeat center center;
	right:2em;
}


/* Navigation icons */
#slider-nav {
	position:absolute;
	right:2.5em;
	bottom:1em;
	margin:0;
	padding:0;
	list-style:none;
}
#slider-nav li {
	display:inline-block;
	vertical-align:middle;
	background:#fff;
	width:10px;
	height:10px;
	margin:0 1px;

	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;

	-moz-box-shadow:-1px -1px 0 0 #bfc8c1;
	-webkit-box-shadow:-1px -1px 0 0 #bfc8c1;
	box-shadow:-1px -1px 0 0 #bfc8c1;
}
#slider-nav a {
	display:block;
	text-align:left;
	text-indent:-9999px;
	color:transparent;
	margin:0 -3px;
}
#slider-nav li.sel {
	width:7px;
	height:7px;
	margin:0 2px 0 3px;
}
#slider-nav li.sel a {
	margin:0 -5px;
}


/************************************************************
Gallery navigation */

#gallery-nav {
	text-align:left;
	margin:0.7em 0 0.2em 0.2em;
	padding:0;
	list-style:none;
	font:18pt/1 MuseoSlab,Arial,Helvetica,sans-serif;
}
#gallery-nav li {
	display:inline-block;
	vertical-align:middle;
}
#gallery-nav h3 {
	font-size:13pt;
	margin:0;
}
#gallery-nav a {
	text-transform:uppercase;
	color:#97989a;
}
#gallery-nav a:before {
	content:'/';
	color:#97989a;
	padding:0 0.3em 0 0.1em;
}
#gallery-nav li:first-child+li a:before {
	content:'';
}
#gallery-nav li.sel a {
	color:#d73294;
}


/* On the home page: Make it bigger */
#slider+#gallery-nav {
	font-size:24pt;
}


/* On portfolio page: Keep at the bottom */
#portfolio #gallery-nav {
	position:absolute;
	bottom:1em;
}



/************************************************************
Gallery tiles (splash page) */

#gallery-tiles {
	list-style:none;
	margin:1.5em 0 0 0;
	padding:2.5em 0;
	border-top:1px solid rgba(255,255,255,0.25);
}
#gallery-tiles li {
	display:inline-block;
	vertical-align:middle;
	background:#fff;
	padding:0.55em;
	margin:0 0.55em;

	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
}
#gallery-tiles a {
	display:block;
	height:133px;
	width:200px;
	overflow:hidden;
}
#gallery-tiles img {
	display:block;
	max-width:100%;
	/*width:200px;
	height:133px;*/
}


/************************************************************
Gallery tiles (portfolio page) */

#portfolio #gallery-tiles {
	margin:1.5em 0;
	padding:0;
}
#portfolio #gallery-tiles li {
	text-align:center;
	background:#f2f2f2;
	margin-bottom:0.5em;
}
#portfolio #gallery-tiles a {
	width:auto;
	height:auto;
	overflow:visible;
}
#portfolio #gallery-tiles img {
	max-width:170px;
	height:auto;
	margin-bottom:0.5em;
	
}


/************************************************************
Portfolio / slider */

#portfolio {
	text-align:center;
	padding:0 2.5em 4em;
}
#portfolio>* {
	text-align:left;
}

/* Main photo */
#main-img {
	margin:1em 0;
	display:inline-block;
	position:relative;
}
#main-img img {
	max-height:520px;
	max-width:830px;
}

/* Overlay */
#main-img div {
	text-align:left;
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	background:rgba(255,255,255,0.44);
	padding:0.3em 1em;

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#main-img h4 {
	margin:0.2em 0;
}
#main-img p {
	margin:0.5em 0;
	font-size:9.5pt;
}


/* Slider */
#thumb-slider {
	margin:0.5em 1em 4em 1em;
	padding:0 2em;
	overflow:hidden;
	position:relative;
}

/* Thumbs */
#thumb-slider ul {
	margin:0;
	padding:8px 0;
	list-style:none;
	white-space:nowrap;
	font-size:0; /* Suppresses space between */
}
#thumb-slider li {
	display:inline-block;
	vertical-align:top;
	margin-right:6px;
	padding:2px;
	opacity:0.5;
}
#thumb-slider a {
	display:block;
}
#thumb-slider img {
	height:85px;
}
#thumb-slider li.sel,
#thumb-slider li:hover {
	opacity:1;
	background:#595959;
	position:relative;
	top:8px;

	-moz-border-radius:2px;
}

/* Next/prev arrows */
#thumb-prev,
#thumb-next {
	position:absolute;
	z-index:10;
	top:0;
	height:100%;
	width:2em;
	background-color:#fff; /* Ensures thumb slider is hidden behind the arrows */
	background-position:center center;
	background-repeat:no-repeat;
	text-align:left;
	text-indent:-9999px;
	color:transparent;
}
#thumb-prev {
	background-image:url('../images/icons/arrow-dark-left.png');
	left:0;
}
#thumb-next {
	background-image:url('../images/icons/arrow-dark-right.png');
	right:0;
}




/************************************************************
Callout boxes */

.callout {
	padding:0.5em;
	border:0.4em solid #fff;
	background:#fff;
	color:#1d191a;

	-moz-border-radius:0.7em;
	-webkit-border-radius:0.7em;
	border-radius:0.7em;

	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.23);
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.23);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.23);
}
.callout h3 {
	margin:0;
}

/* As columns */
.callout.col {
	width:48%;
	margin:0 0.8%;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/************************************************************
Odds and Ends */


/* Map canvas */
#map-canvas {
	border:10px solid white;
	border-radius:5px;
	box-shadow:0 0 3px #999999;
	height:250px;
	margin-bottom:10px;
	width:255px;
	background-color:rgb(229,227,223);
}