@font-face {
	font-family: 'flexslider-icon';
	src: url('fonts/flexslider-icon.eot');
	src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ====================================================================================================================
 * Custom Styles
 * ====================================================================================================================*/

a {
	text-decoration:none;
	color:#000;
}
a[href="tel:(714)288 0732"] {
	color:green;
}
a[href="tel:(714)288 0732"]:hover {
	font-weight:600;
}

p.backTo {
	
	margin:5px auto;
	width:100%;
	text-align:center;
	
	
	
	}
	p.backTo a{ 
	color:#900;
	
	}
article {
	margin:10px auto;
	width:38%;
	margin:10px auto;
	padding:0;
	display:inline-block;
}
article.art2 {
	margin:10px auto;
	width:58%;
	margin:10px auto;
	padding:0;
	display:inline-block;
		vertical-align:top;

}
body {
	font-family:'Open Sans Condensed', cursive;
	margin:0 auto;
	padding:0;
	background-color:#FFF;
	background:url(../images/snowBGX.jpg);
	background-repeat:repeat;
	background-color:#EFEFEF;
}
div.address {
	width:100%;
	max-width:700px;
	margin:10px auto;
	text-align:center;
	/*box-shadow:1px 1px 10px #565656;*/
		font-size:24px;
	border-radius:10px;
background-color:#EFEFEF;
		border:1px solid #111;
	padding:0px;

}
div.nav2 a {
	font-size:20px;
	font-style:italic;
	font-weight:600;
	color:#FFF;
}
div.nav2 a:hover {
	color:#900;
}
div.outerContainer {
	width:100%;
	margin:0 auto;
	text-align:left;
	max-width:1200px;
	padding:0;
		background-color:#FFF;

	
}
div.outerContainerIndex {
	width:100%;
	margin:0 auto;
	text-align:center;
	max-width:1600px;
}
div.thumb {
	width:100%;
	margin:10px auto;
	padding0;
	}
figure {
	width:26%;
	
	display:inline-block;
	margin:10px auto}
	figure img{
	width:100%;
	}
	figcaption {
		color:#FFF;}
footer {
	width:100%;
	height:50px;
	margin:5px auto;
	text-align:center;
	background-color:#333;
	color:#fff;
	padding:10px 0 0;
	font-size:18px;
	line-height:40px;
}
footer a {
	color:#eee;
}
 header img.imgCenter {
	text-align:center;
	margin:0 auto;
	width:90%;
	max-width:1400px;
	}

h1 {
	font-size:42px;
	font-family: 'Domine', serif;
	color:#4E2E20;
	margin:0 auto;
	text-align:center;
	width:100%;
}

h2 {
	font-size:32px;
	color:#555;
	margin:0 auto;
	font-family: 'Domine', serif;
	text-align:center;
	width:100%;
}
iframe {
	width:100%;
	height:400px;
}

iframe.myMap{
	width:100%;
	height:auto;
	background-color:#000;}
header {
	font-size:16px;
	margin:10px 0px;
	width:100%;
	text-align:center;
	padding:0;
}
header img {
	border-radius:15px;}
img.pan {
	width:100%;
	margin:10px auto;
	padding:0;
	margin:0;
}
section.slider img {
    width:100%;
    max-width:1200px;
    margin:10px auto;
	
}
nav {
	width:100%;
	margin:10px auto 20px auto;
	padding:0;
}
nav a {
	text-decoration:none;
	font-size:24px;
	color:#FFF;
	padding:0 2px;
}
nav a:hover {
	background-color:#DDD;
	color:#222;
}
nav ul li a {
	list-style:none;
	text-decoration:none;
}
p {
	font-size:24px;
	line-height:26px;
	padding:20px;
	color:#111;
	text-align:left;
	width:95%;
	margin:0 auto;
	
}
p.artDescript {
	width:85%;
	padding:20px;
	margin:10px auto;
	text-align:left;
	
}
section.slider {
	padding:10px 0px;
	border-radius:0px;
	margin:10px auto 0 auto;
	
	width:100%;
	border:1px solid #000;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	
	
}
section.sliderIndex {
	box-shadow:none;
	padding:0;
	border-radius:0px;
	margin:10px 10px;
}
section.slider p.flex-caption {
	width:80%;
	text-align:center;
	margin:10px auto;
	padding:10px 0;
	border-radius:20px;
    background-color:#DDD;
	color:#1C3D16;

}
section.slider p {
	width:95%;
	max-width:1200px;
	text-align:left;
	margin:10px auto;
	padding:10px 10px 10px 20px;
	font-weight:400;
		background-color:#FFF;
}
section.slider h2 {
	box-shadow:1px 1px 10px #343434;
	padding:15px 0px 10px 0;
	border-radius:30px;
	margin:15px auto 20px auto;
	background-color:#FEFEFE;
	width:100%;
	max-width:430px;
	line-height:30px;
	color:#900;
    color:#4E2E20;
	
	
}
h3 > span {
	font-size:22px;
	padding:0;
	margin:0;
	font-weight:500;
	font-style:italic;
}
img.mainPortrait {

	width:100%;
	max-width:450px;
	display:inline-block;
	margin:10px 30px 10px 60px;
	padding:5px;
	border-radius:25px;
	}
footer span {
	font-size:18px;
	padding:0;
	margin:0;
	font-weight:500;
	font-style:normal;
}
nav span {
	line-height:28px;
	font-size:28px;
}
.flex-caption {
	width: 96%;
	padding: 2%;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.4);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 16px;
	line-height: 18px;
}
.cnavPadding {
	padding-bottom:20px;}
.hide {
	display:none;
}
span.hide {
	display:inline;
	font-size:18px;
}
.spacer {
	height:40px;
	width:10px;
	padding:0;
	margin:0;
}

a.ssLink {
	width:100%;
    max-width:600px;
    text-align: center;
    margin: auto;
        font-size:26px;
    color:#900;
    display:block;
    padding-top:5px;
    
}
a.ssLink:hover {
	width:100%;
    max-width:600px;
    text-align: center;
    margin: auto;
        font-size:26px;
    color:#DB0F12;
    display:block;
    
    
}
span.wm {
	display:none;}
	.red {
		color:red;
		font-size:40px;}

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover {
	outline: none;
}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .flexslider .slides {
	display: block;
}
* html .flexslider .slides {
	height: 1%;
}
.no-js .flexslider .slides > li:first-child {
	display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/

.flexslider {
	margin: 0 0 10px;
	background: #fff;
	border: 0px solid #fff;
	position: relative;/*zoom: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);*/
	width:100%;
		max-width:1200px;
		margin:0 auto;

}
.flexslider .slides {
/*zoom: 1;*/
}
.flexslider .slides img {
	height: auto;
	-moz-user-select: none;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.carousel li {
	margin-right: 5px;
}
.flex-direction-nav {
/**height: 0;*/
}
.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 60px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/*.flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '\f001';
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	
}
.flex-direction-nav a:before {
	/*font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '\f001';
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
	content: '\f002';
}
.flex-direction-nav .flex-prev {
	left: -50px;
}
.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
}*/
.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 10px;
}
.flex-direction-nav .flex-next {
	opacity: 1;
	right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 0.7;
	left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 0.7;
	right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
	z-index: -1;
}
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}
.flex-pauseplay a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}
.flex-pauseplay a:hover {
	opacity: 1;
}
.flex-pauseplay a.flex-play:before {
	content: '\f003';
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;/*zoom: 1;
 *display: inline;*/
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

#carousel li {
	margin-right: 5px;
}
#carousel img {
	display: block;
	opacity: .5;
	cursor: pointer;
}
#carousel img:hover {
	opacity: 1;
}
#carousel .flex-active-slide img {
	opacity: 1;
	cursor: default;
}
#carousel2 li {
	margin-right: 5px;
}
#carousel2 img {
	display: block;
	opacity: .5;
	cursor: pointer;
}
#carousel2 img:hover {
	opacity: 1;
}
#carousel2 .flex-active-slide img {
	opacity: 1;
	cursor: default;
}
#carousel3 li {
	margin-right: 5px;
}
#carousel3 img {
	display: block;
	opacity: .5;
	cursor: pointer;
}
#carousel3 img:hover {
	opacity: 1;
}
#carousel3 .flex-active-slide img {
	opacity: 1;
	cursor: default;
}
#carousel4 li {
	margin-right: 5px;
}
#carousel4 img {
	display: block;
	opacity: .5;
	cursor: pointer;
}
#carousel4 img:hover {
	opacity: 1;
}
#carousel4 .flex-active-slide img {
	opacity: 1;
	cursor: default;
}

#carousel5 li {
	margin-right: 5px;
}
#carousel5 img {
	display: block;
	opacity: .5;
	cursor: pointer;
}
#carousel5 img:hover {
	opacity: 1;
}
#carousel5 .flex-active-slide img {
	opacity: 1;
	cursor: default;
}

#carousel6 li {
	margin-right: 5px;
}
#carousel6 img {
	display: block;
	opacity: .5;
	cursor: pointer;
}
#carousel6 img:hover {
	opacity: 1;
}
#carousel6 .flex-active-slide img {
	opacity: 1;
	cursor: default;
}


/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/

@media screen and (max-width: 1200px) {
div.outerContainer {
	width:100%;
	margin:0 auto;
	text-align:center;
	max-width:100%;
}
section.slider {
	box-shadow:none;
	padding:0;
	border-radius:0px;
	margin:10px 0px;
	border:none;
}
 @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
 opacity: 1;
 left: 10px;
}
.flex-direction-nav .flex-next {
 opacity: 1;
 right: 10px;
}
h1 {
 font-size:32px;
}
.spacer {
 height:20px;
 width:100%;
 padding:0;
}
 span.hide {
 display:none
}
footer span {
 display:none;
}
 footer {
 font-size:16px;
}
 h2, h3 {
 font-size:24px;
}
}
@media screen and (max-width: 480px) {
	

nav a {
	text-decoration:none;
	font-size:20px;
	color:#000;
	display:block;
	width:100%;
	background-color:#EEE;
	margin:0;
	padding:3px 0;
	font-weight:500;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
}
nav a:hover {
	background-color:#444;
	background-image:none;
	color:#ddd;
}
nav span {
	display:none;
}
h2, h3 {
	font-size:22px;
}
h1 {
	font-size:26px;
}
div.address {
	width:98%;
	max-width:400px;
	margin:10px auto;
	text-align:center;
	/*box-shadow:1px 1px 10px #565656;*/
		font-size:22px;
	border-radius:10px;
	/*background-color:#EFEFEF;*/
		border:none;
	padding:10px 0;
}
footer {
	font-size:12px;
}
section.slider h3 {
	padding:10px 5px;
	font-size:20px;
	margin:10px auto 20px auto;
	width:100%;
	max-width:300px;
	line-height:30px;
}
section.slider h3 span {
	font-size:18px;
}
div#carousel, div#carousel2, div#carousel3, div#carousel4, div#carousel5, div#carousel6 {
	display:none;
}
div.spacer {
	height:0px;
}
footer {
	width:100%;
	height:80px;
	margin:5px 0;
	text-align:center;
	background-color:#333;
	color:#fff;
	padding-top:10px;
	font-size:16px;
	line-height:40px;
}

p {
	font-size:18px;
	line-height:24px;
	padding:0;
	margin:0px 10px;
}
}
@media screen and (max-width: 380px) {
p {
	font-size:18px;
	line-height:24px;
	padding:0;
	margin:0px 10px;
}
h2, h3 {
	font-size:20px;
}
h1 {
	font-size:24px;
}
div.address {
	font-size:20px;
	padding:10px;
}
footer {
	font-size:12px;
}
section.slider h3 {
	padding:0;
	font-size:20px;
	margin:10px auto 20px auto;
	box-shadow:none;
	border:none;
	boeder-radius:none;
	background-image:url(../images/csGif2.gif);
	max-width:100%;
}
section.slider h3 span {
	font-size:16px;
}
}