/* resets
---------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

a{text-decoration: none;}

/* GLOBAL
---------------------------------------------------------------------------*/
body {
	background-color: #fff;
	font-family: 'Source Sans Pro', 'Open Sans', Arial, Verdana, Helvetica, "Lucida Grande", Tahoma, sans-serif;   
    font-size: 90%;
    font-weight: 400;
	color: #333;
}

.container, iframe { max-width: 100%;}

h3{font-weight: normal;font-size: 20px;font-variant: small-caps;margin-bottom: 10px;}
.page-id-18 h3	{margin-top: 50px;}

h3.portfolio_thumb_title,
h3.portfolio_single_title	{
font-weight: normal;
font-size: 22px;
font-variant: small-caps;
margin-bottom: 10px;
}

@media only screen and (min-width: 600px)	{
h3.portfolio_thumb_title,
h3.portfolio_single_title	{ position: absolute; top: 90px;z-index:1;}
}

p	{
	margin-bottom: 10px;
}

img	{
 	max-width: 100%;
   height: auto;
    width: auto9; /* ie8 */
}

div.table	{
	display: table;
	width: auto;
	margin: 30px auto 0;
}

div.images,
div.image {
	max-width: 100%;
} 

.prevNext	{
	color: #000;
	margin-top: 40px;
	margin-bottom: 150px;
}

.prevNext .previous	{
	display: inline-block;
	max-width: 49%;
	float: left;
}
.prevNext .next	{
	display: inline-block;
	max-width: 49%;
	float: right;
}

.clearFloat::before, .clearFloat::after {
    display:table;
    content:"";
}

.clearFloat::after	{
	clear:both;
}


/* HEADER/NAV
---------------------------------------------------------------------------*/

nav.navbar.navbar-default	{
	background: #fff;
	border: 0px;
}

h1#siteTitle,
div#siteTitle	{
	width: 224px;
	height: 22px;
	margin-top: 12px;
	background-image:  url('/wp-content/themes/mountfort/images/aprilMountfort.gif');
	text-indent: -5000px;
	overflow: hidden;
}

ul#menu-main-navigation.nav.navbar-nav	{
	float: right;
}

@media only screen and (min-width: 2000px)	{
	.navbar-wrapper	{margin-bottom: 100px;}
}

/* FOOTER
---------------------------------------------------------------------------*/

.footer	{
	margin-top: 70px;
	padding: 20px 0;
	text-align: right;
	font-size: .7rem;
	color: #aaa;
	display: none;
}

.footer	a {color: #999;}
.footer	a:hover {color: #666;}

.page-id-12 .footer	{
	display: block;
}

/* MAIN CONTENT
---------------------------------------------------------------------------*/

/* HOME PAGE
---------------------------------------------------------------------------*/

div.container.mainContent .homeImage{
	text-align: center;
	margin: 50px auto;
	margin: 0 auto;
	max-width: 100%;
}

@media only screen and (min-width: 600px)	{
.container.mainContent	{min-height: 664px;max-width: 100%;}
}

/*.jcarousel-wrapper {margin: 20px auto;position: relative;border: 10px solid #fff;width: 600px;height: 550px;}
.jcarousel-wrapper .photo-credits {position: absolute;right: 15px;bottom: 0;font-size: 13px;color: #fff;text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);opacity: .66;}
.jcarousel-wrapper .photo-credits a {color: #fff;}
.jcarousel {position: relative;overflow: hidden;}
.jcarousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
.jcarousel li {float: left;}
.jcarousel-control-prev,.jcarousel-control-next {position: absolute;top: 270px;width: 30px;height: 30px;text-align: center;}
.jcarousel-control-prev {left: -210px;}
.jcarousel-control-next {right: -200px;}
.jcarousel-control-prev:hover span,.jcarousel-control-next:hover span {display: block;}
.jcarousel-control-prev.inactive,.jcarousel-control-next.inactive {opacity: .5;cursor: default;}*/

.navbar-toggle{margin-right:0px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #000;}
.navbar-default .navbar-toggle {border:none;}

.navbar-toggle:hover .navbar-collapse.collapse{display:block !important;text-align:right;}
.navbar-collapse.collapse{position:absolute;right:0px;top:40px;background:#fff;}
.navbar-collapse_hover{display:block !important;text-align:right;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:none;}
.anncustom_menu:hover .collapse{display:block !important;text-align:right;}
.anncustom_menu{margin:0px;padding:0px;}
.navbar-nav>li a{padding-bottom:4px;padding-top:4px;}
.menu-main-navigation-container{margin-top:10px;}
ul#menu-main-navigation{width:190px; font-size: .9em;margin-right: 6px;}
ul#menu-main-navigation.nav.navbar-nav li a:hover{background:#000;color:#fff;}
ul#menu-main-navigation.nav.navbar-nav li.menu-item-310 a:hover,ul#menu-main-navigation.nav.navbar-nav li.menu-item-8 a:hover{background:none;color:#333;cursor:default;}
ul#menu-main-navigation.nav.navbar-nav li a{color:#333;font-weight:bold;padding-right:4px;padding-bottom: 8px;text-decoration:none;}
ul#menu-main-navigation.nav.navbar-nav .sub-menu{list-style-type: none;}
ul#menu-main-navigation.nav.navbar-nav .sub-menu li{padding:5px 0px;}
ul#menu-main-navigation.nav.navbar-nav .sub-menu li a{color:#999;font-weight:normal;}
ul#menu-main-navigation.nav.navbar-nav .sub-menu li:hover{background:#000;}
ul#menu-main-navigation.nav.navbar-nav .sub-menu li:hover a{color:#fff;cursor:pointer;}

.portfolio_wrapper{margin: 20px auto;position: relative;border: 10px solid #fff;width: 800px;}
.portfolio_thumb_icon{float:right;position:relative;left:53px;top:-13px;}
.annsliderimage{display:block;margin:0 auto;}
.portfolio_prev,.portfolio_next {position: absolute;top: 270px;width: 30px;height: 30px;text-align: center;}
.portfolio_prev {left: -150px;}
.portfolio_next {right: -145px;}


.portfolio_wrapper .mainImage{min-height: 200px;}
@media only screen and (min-width: 500px)	{.portfolio_wrapper .mainImage{min-height: 350px;}}
@media only screen and (min-width: 750px)	{.portfolio_wrapper .mainImage{min-height: 500px;}}
@media only screen and (min-width: 992px)	{.portfolio_wrapper .mainImage{min-height: 550px;}}



.thumbsContainer	{
	position:relative;
	/*background-color: red;*/
	width:600px;
	height: 500px;
	margin:20px auto 0;
}

.about_page{text-align:justify;}
.about_page h3 a{color:#000;text-decoration:none;cursor:pointer;}
.about_page strong{font-weight:bold;}
.about_right_sec{display:none;}

div.artworkData	{
	display: table;
	margin: 4px auto 0;
}

div.artworkData p.title {color:#444;font-size: .9em; display: inline-block;}
div.artworkData p.data {color:#777;font-size: .8em; display: inline-block;}

@media only screen and (max-width: 500px)	{
	div.artworkData p.title {display: block; text-align: center;}
	div.artworkData p.data {display: block; text-align: center;}
}

.portfolio_icon{height:100%;}
@media (min-width: 601px){
#thumb01 a, #thumb02 a, #thumb03 a, #thumb04 a, #thumb05 a, #thumb06 a, #thumb07 a,
#thumb08 a, #thumb09 a, #thumb10 a, #thumb11 a, #thumb12 a, #thumb13 a, #thumb14 a, #thumb15 a, #thumb16 a, #thumb17 a, #thumb18 a, #thumb19 a, #thumb20 a, #thumb21 a, #thumb22 a, #thumb23 a, #thumb24 a, #thumb25 a, #thumb26 a, #thumb27 a, #thumb28 a, #thumb29 a, #thumb30 a, #thumb31 a, #thumb32 a, #thumb33 a, #thumb34 a, #thumb35 a, #thumb36 a, #thumb37 a, #thumb38 a, #thumb39 a, #thumb40 a, #thumb41 a, #thumb42 a, #thumb43 a, #thumb44 a, #thumb45 a, #thumb46 a, #thumb47 a, #thumb48 a, #thumb49 a, #thumb50 a
{padding: 0px;}

#thumb01	{
	position: absolute;
	left: 258px;
	top: 188px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
	padding: 0px;
}

#thumb02	{
	position: absolute;
	left: 189px;
	top: 205px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb03	{
	position: absolute;
	left: 195px;
	top: 120px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb04	{
	position: absolute;
	left: 267px;
	top: 108px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
	}

#thumb05	{
	position: absolute;
	left: 336px;
	top: 133px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb06	{
	position: absolute;
	left: 345px;
	top: 201px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb07	{
	position: absolute;
	left: 276px;
	top: 260px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb08	{
	position: absolute;
	left: 204px;
	top: 273px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;

}

#thumb09	{
	position: absolute;
	left: 116px;
	top: 157px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb10	{
	position: absolute;
	left: 406px;
	top: 115px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb11	{
	position: absolute;
	left: 331px;
	top: 52px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb12	{
	position: absolute;
	left: 373px;
	top: 269px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb13	{
	position: absolute;
	left: 425px;
	top: 185px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb14	{
	position: absolute;
	left: 339px;
	top: 340px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb15	{
	position: absolute;
	left: 128px;
	top: 296px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb16	{
	position: absolute;
	left: 93px;
	top: 227px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb17	{
	position: absolute;
	left: 237px;
	top: 29px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb18	{
	position: absolute;
	left: 168px;
	top: 50px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb19	{
	position: absolute;
	left: 271px;
	top: 333px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb20	{
	position: absolute;
	left: 196px;
	top: 350px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb21	{
	position: absolute;
	left: 111px;
	top: 369px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb22	{
	position: absolute;
	left: 47px;
	top: 140px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999; 
}

#thumb23	{
	position: absolute;
	left: 453px;
	top: 254px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999; 
}

#thumb24	{
	position: absolute;
	left: 95px;
	top: 71px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb25	{
	position: absolute;
	left: 425px;
	top: 349px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb26	{
	position: absolute;
	left: 315px;
	top: 414px;
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

#thumb27, #thumb28, #thumb29, #thumb30, #thumb31, #thumb32, #thumb33, #thumb34, #thumb35, #thumb36, #thumb37, #thumb38, #thumb39, #thumb40, #thumb41, #thumb42,{
	display: none;
}
	
}	
/*
start by moving 60x60 thumbs about 230px to left and up about 50px then adjust

#thumb27	{
	position: absolute;
	left: 368px;
	top: 386px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb28	{
	position: absolute;
	left: 399px;
	top: 440px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb29	{
	position: absolute;
	left: 486px;
	top: 447px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb30	{
	position: absolute;
	left: 286px;
	top: 177px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb31	{
	position: absolute;
	left: 306px;
	top: 396px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb32	{
	position: absolute;
	left: 681px;
	top: 188px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb33	{
	position: absolute;
	left: 285px;
	top: 300px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb34	{
	position: absolute;
	left: 246px;
	top: 245px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb35	{
	position: absolute;
	left: 656px;
	top: 421px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb36	{
	position: absolute;
	left: 688px;
	top: 346px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb37	{
	position: absolute;
	left: 249px;
	top: 362px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb38	{
	position: absolute;
	left: 611px;
	top: 90px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb39	{
	position: absolute;
	left: 692px;
	top: 116px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb40	{
	position: absolute;
	left: 722px;
	top: 252px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb41	{
	position: absolute;
	left: 264px;
	top: 114px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}

#thumb42	{
	position: absolute;
	left: 725px;
	top: 401px;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
}
*/
/*@media (min-width: 1025px){*/
	.about_page{/*padding:0px 60px;*/text-align:justify;}
	.about_page_wrapper{padding:0px 10px 0px 50px;}
	.about_page h3 a{color:#000;text-decoration:none;cursor:pointer;}
	.about_page strong{font-weight:bold;}
	.about_right_sec{height: 442px;position: relative;left:-22px;display:block;}
	.about_right_sec img{position: absolute;bottom: 0px;}
	.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;float:left;}
	.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;}
	.jScrollPaneDrag {position: absolute;cursor: pointer;overflow: hidden;}
	.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
	.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
	a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
	a.jScrollArrowUp:hover {padding: 0px;}
	a.jScrollArrowDown {display: block;	position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
	a.jScrollArrowDown:hover {padding: 0px;}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}
	a.jScrollArrowUp {background: url(../images/scroll_up.gif) repeat-x 0 0;}
	a.jScrollArrowUp:hover {background-position: -23px 0px;}
	a.jScrollArrowDown {background: url(../images/scroll_down.gif) repeat-x 0 0;}
	a.jScrollArrowDown:hover {background-position: -23px 0px;}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0px 0px;}			
	.holder {float: left;margin: 10px;}
	.about_page {width: 720px;height: 438px;overflow: auto;float: left;line-height:20px;}
	.about_page {margin-top:0;height: 438px;}
	a.jScrollArrowUp {height: 16px;	background-color: transparent;background-image: url('../images/scroll_up.gif');	background-repeat: no-repeat;background-position: bottom left;}
	a.jScrollArrowDown {height: 16px;background-color: transparent;background-image: url('../images/scroll_down.gif');background-repeat: no-repeat;background-position: top left;}
	.jScrollPaneTrack {background-color: transparent;background-image: url('../images/scroll_track.gif');background-repeat: no-repeat;}
	.jScrollPaneDrag {background: none;background-image: url('../images/scroll_slider200.gif');}
/*}*/
@media only screen and (max-device-width : 1280px){ /* was 1024 but Nexus 10...*/
	.about_page{/*padding:0px 60px;*/text-align:justify;}
	.about_page {width: 100%;height: auto;}
	.about_page {margin-top:0;height: auto;float:none;}
	.about_page_wrapper{padding:0px;}
	.about_page h3{font-weight: normal;font-size: 20px;font-variant: small-caps;margin-bottom: 10px;}
	.about_page h3 a{color:#000;text-decoration:none;cursor:pointer;}
	.about_page strong{font-weight:bold;}
	.about_right_sec{display:none;}
	.about_page p	{max-width: 65em;}
}
@media (max-width: 768px){
	.navbar-collapse.collapse{padding-right:25px;}
}

@media (min-width: 768px){
	.navbar-header{width:100%;}
	.navbar-nav>li {float: none;}
}

@media (max-width: 600px){
	.portfolio_wrapper{max-width: 90%;}
	.annsliderimage{max-width:100%;height:auto;}
	.portfolio_thumb_icon{left:0px;}
	.portfolio_prev, .portfolio_next {top:45%;width:15px;height:15px;}
	.portfolio_prev{left:-9%;}
	.portfolio_next {right:-9%;}
	
	.portfolio_thumb_title{text-align:center;}
	.thumbsContainer{max-width:100%;}
	.portfolio_thumbs_img,.customcat_thumbs_img{float:left;width:32.3%;height:auto;margin:10px 5px 10px 0px;}
	.portfolio_thumbs_img img,.customcat_thumbs_img img{display:block;margin:0px auto;}

}
@media (max-width: 540px){
	.portfolio_thumbs_img,.customcat_thumbs_img{width:31.3%;}
}
@media (max-width: 480px){
	.portfolio_thumbs_img,.customcat_thumbs_img{float:left;width:50%;height:auto;margin:10px 0px 10px 0px;}
}
@media (max-width: 320px){
	.portfolio_thumbs_img,.customcat_thumbs_img{float:none;display:block;margin:10px auto;width:150px;height:auto}
}

@media only screen and (max-device-width : 1024px){
	.navbar-toggle:hover .navbar-collapse.collapse{display:none !important;}
	.navbar-toggle:hover .navbar-collapse.collapse.navbar-collapse_hover{display:block !important;}
}
/*ipad mini media queries*/
@media only screen and (min-width : 601px) and (max-width : 767px)
{
	.portfolio_wrapper{max-width: 90%;}
	.annsliderimage{max-width:100%;height:auto;}
	.portfolio_thumb_icon{left:0px;}
	.portfolio_prev, .portfolio_next {top:45%;width:15px;height:15px;}
	.portfolio_prev{left:-9%;}
	.portfolio_next {right:-9%;}
	
	.portfolio_thumb_title{text-align:center;}
	.thumbsContainer{max-width:100%;}
	.portfolio_thumbs_img,.customcat_thumbs_img{float:left;width:32.3%;height:auto;margin:10px 5px 10px 0px;}
	.portfolio_thumbs_img img,.customcat_thumbs_img img{display:block;margin:0px auto;}
	h3.portfolio_single_title {position: absolute;top: 70px;z-index: 1;}
}

@media only screen and (min-width : 768px) and (max-width : 1024px)
{
	.portfolio_wrapper{max-width: 90%;}
	.annsliderimage{max-width:100%;height:auto;}
	.portfolio_thumb_icon{left:0px;}
	.portfolio_prev, .portfolio_next {top:45%;width:15px;height:15px;}
	.portfolio_prev{left:-9%;}
	.portfolio_next {right:-9%;}
	
	.portfolio_thumb_title{text-align:center;}
	.thumbsContainer{max-width:100%;}
	.portfolio_thumbs_img,.customcat_thumbs_img{float:left;width:32.3%;height:auto;margin:10px 5px 10px 0px;}
	.portfolio_thumbs_img img,.customcat_thumbs_img img{display:block;margin:0px auto;}
	h3.portfolio_single_title {position: absolute;top: 70px;z-index: 1;}
}