/*
 ----------------------------- 
 PVII Layout Builder Magic
 by Project Seven Development
 www.projectseven.com
 Custom Styles
 -----------------------------
*/

/*
***************************************************
Font Families: You may edit the font-family values,
BUT DO NOT REMOVE OR RENAME THE 4 RULES BELOW
***************************************************
*/
.lbm-stack-sans {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;}
.lbm-stack-serif {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.lbm-stack-thin {font-family: Lato, "Gill Sans", Optima, sans-serif; font-weight: 300;}
.lbm-stack-fancy {font-family: Federo, "Gill Sans", Optima, sans-serif;}

body {
	color: #101010;
	font-weight:300;
	font-size: 0.9em;
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-family: 'Noto Serif TC', serif;
}
h1 {
	font-size: 280%;
	text-align: center;
    line-height: 1.2em;
    color: #ddb673;
    margin-top: 20px;
    margin-bottom: 6px;
}

@media only screen and (min-width: 1px) and (max-width: 960px) {
h1 {
	font-size: 290%;
}
}

h2 {font-size: 190%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 125%;}
h2 {
    margin-bottom: 20px;	
    margin-top: 8px;
}
h3 {
    color: #b19860;
    margin-bottom: 0px;	
    line-height: 1.4em;
}
h4 {
    margin-bottom: 0px;	
	line-height: 1.4em;
}
h5 {
    margin-bottom: 0px;	
}
.subhead {
    font-family: 'Noto Serif TC', serif;
    margin-bottom: 40px;	
    color: #ddb673;
    margin-top: 12px;
    text-align: center;
    font-size: 110%;
}

.scalable-rounded {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 7px;
}
.scalable-fancy {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.65);
}
p {
	font-size: 1.2em;
	color: #666666;
	line-height: 1.4em;
}
.small {
    font-size: 0.9em;
}

/*Media Queries*/

@media only screen and (min-width: 767px) and (max-width: 1100px) {
body {font-size: 100%;}
h1 {font-size: 200%;}
h2 {font-size: 190%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 125%;}
h6 {font-size: 100%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
body {font-size: 100%;}
h1 {font-size: 200%;}
h2 {font-size: 190%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 125%;}
h6 {font-size: 100%;}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
body {font-size: 100%;}
h1 {font-size: 200%;}
h2 {font-size: 190%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 125%;}
h6 {font-size: 100%;}
}

#link a:link, a:visited, a:focus {
    color: #101010;
}
#link a:hover {
    color: #101010;
}

.nopadbot {
	padding-bottom: 0px;
}
.nopadtop {
	padding-top: 0px;
}
.nopadtopbot {
	padding-top: 0px;
	padding-bottom: 0px;
}
.padtopbot20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.nopadsides {
	padding-left: 0px;
	padding-right: 0px;
}
.smallpadlr {
    padding-left: 10px;
	padding-right: 10px;
}
/* Menu Improvement */

.menutext {
    display: hidden;	
}
@media only screen and (min-width: 1px) and (max-width: 960px) {
.menutext {
	font-size: 0.85em;
    font-weight: bold;
	color: #555555;
	float: left;
	padding-left: 20px;
	padding-top: 11px;
}
.smallpadlr {
    padding-left: 0px;
	padding-right: 0px;
}
}
.space50go {
	width: 100%;
	height: 50px;
	float: left;
}

/*Spaces*/
.space1 {
	width: 100%;
	height: 1px;
	float: left;
}
.space10 {
	width: 100%;
	height: 10px;
	float: left;
}
.space20 {
	width: 100%;
	height: 20px;
	float: left;
}
.space25 {
	width: 100%;
	height: 25px;
	float: left;
}
.space30 {
	width: 100%;
	height: 30px;
	float: left;
}
.space40 {
	width: 100%;
	height: 40px;
	float: left;
}
.space50 {
	width: 100%;
	height: 50px;
	float: left;
}
.space60 {
	width: 100%;
	height: 60px;
	float: left;
}
.space70 {
    width: 100%;
	height: 70px;
	float: left;	
}
.space80 {
	width: 100%;
	height: 80px;
	float: left;
}
.space90 {
    width: 100%;
	height: 90px;
	float: left;	
}
.space100 {
    width: 100%;
	height: 100px;
	float: left;	
}
.space110 {
    width: 100%;
	height: 110px;
	float: left;	
}
.space120 {
    width: 100%;
	height: 120px;
	float: left;	
}
.space130 {
    width: 100%;
	height: 130px;
	float: left;	
}

/* List Styles */

.check_list li,
.plus_list li,
.minus_list li,
.star_list li,
.arrow_list li,
.square_list li,
.circle_list li,
.cross_list li {
	list-style: none;
	margin: 5px 0;
	font-size: 1.1em;
}

.check_list li {background: url(../icons/list_check.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.plus_list  li {background: url(../icons/list_plus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.minus_list  li {background: url(../icons/list_minus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.star_list  li {background: url(../icons/list_star.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.arrow_list  li {background: url(../icons/list_arrow.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.square_list  li {background: url(../icons/list_square.png) no-repeat 0% 50%; padding: 0 0 0 26px;}
.circle_list  li {background: url(../icons/list_circle.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.cross_list  li {background: url(../icons/list_cross.png) no-repeat 0% 50%; padding: 0 0 0 16px;}


/*Other*/

.square_list a:link, a:visited, a:focus, a:hover {
	color: #666666;
}

#header a:link, a:visited, a:focus {
    color: #6892a5;	
	text-decoration: none;
}
#header a:hover {
    color: #ddb673;	
	text-decoration: none;
}
img.center {
    display: block;
    margin: 0 auto;
}
.textcenter {
    text-align: center;	
}
.ltgreybg {
    background-color: #f0f0f0;	
}
.ltgreybgt {
	background-color: rgba(240,240,240,0.75);
}
.blackbg {
    background-color: #240f04;	
}
.blackbgt {
    background-color: rgba(221,182,115,0.75);	
}
.whitebg {
	background-color: #ffffff;
}
.whitebgt {
	background-color: rgba(238,238,238,0.75);
}
.pinkbg {
	background-color: #fdf7ee;
}
.pinkbgt {
	background-color: rgba(253,247,238,0.75);
}

.aboutbg {
    background-image: url(/images/about.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
	width: auto;
	height: auto;
	max-width: 100%;
}
.newsbg {
    background-image: url(/images/news.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
	width: auto;
	height: auto;
	max-width: 100%;
}
.commissionsbg {
    background-image: url(/images/commissions.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
	width: auto;
	height: auto;
	max-width: 100%;
}
.contactbg {
    background-image: url(/images/contact.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
	width: auto;
	height: auto;
	max-width: 100%;
}
.homebg {
    background-image: url(/images/home.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
	width: auto;
	height: auto;
	max-width: 100%;
}
.portraitbg {
    background-image: url(/images/portraitx.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
	width: auto;
	height: auto;
	max-width: 100%;
}
.stillbg {
    background-image: url(/images/about.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
	width: auto;
	height: auto;
	max-width: 100%;
}
.figurativebg {
    background-image: url(/images/figurativex.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
	width: auto;
	height: auto;
	max-width: 100%;
}
.landscapebg {
    background-image: url(/images/landscapex.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
	width: auto;
	height: auto;
	max-width: 100%;
}
.drawingbg {
    background-image: url(/images/drawingx.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
    width: auto;
	height: auto;
	max-width: 100%;
}
.forsalebg {
    background-image: url(/images/forsalex.jpg);
    background-color: #fdf7ee;
    background-attachment:fixed;
	width: auto;
	height: auto;
	max-width: 100%;
}

.buttonpad {
	margin-bottom: 20px;
	margin-top: 20px;
}
.buttonpad1 {
	margin-bottom: 0px;
	margin-top: 0px;
}
#about a:link, a:visited, a:focus {	
    color: #666666;
	text-decoration: underline;
}
#about a:hover {	
	text-decoration: underline;
    color: #101010;
}
#end a:link, a:visited, a:focus {
    color: #666666;	
	text-decoration: none;
}
#end a:hover {
	text-decoration: none;
    color: #ddb673;
}
.aligncenter {
    text-align: center;
}
.copy {
    color: #efefef;
	font-size: 12px;
	text-align: left;
	float: left	
}
.loqium {
	color: #efefef;
	font-size: 12px;	
	text-align: right;
	float: right	
}
#footer p{
    color: #ddb673;	
    font-size: 120%;
}
#footer h3{
    color: #ddb673;
}
#footer li {
    font-family: 'Noto Serif TC', serif;
	color: #6892a5;
	font-size: 1.1em;
	list-style: none;
    padding-top: 3px;
	margin-left: -37px;	
	margin-bottom: 8px;
}
#footer a:link, a:visited, a:focus {
    color: #6892a5;	
	text-decoration: none;
}
#footer a:hover {
    color: #ddb673;	
	text-decoration: none;
}
.goldstripe {
    width: 100%;
    height: 1px;
    background-color: #b19860;
}
.testimonial {
	font-family: 'Noto Serif TC', serif;
	font-size: 1.4em;
	font-style: italic;
	font-weight: 300;
	line-height: 1.5em;
}
.person {
	font-family: 'Noto Serif TC', serif;
	color: #b19860;
	float: left;
	clear: both;
	margin-top: 24px;
    font-size: 1.6em;
}
.quote {
	height: 52px;
	width: 60px;
	float: left;
	margin-right: 20px;
	background-image: url(/new/images/quote.png)
}
.socialmedia {
    margin-top: 0px;
	width: 148px;
	height: 48px;
	margin-left: auto;
	margin-right: auto;	
}
.facebook {
	width: 38px;
	height: 38px;	
	float: left;
}
.instagram {
	width: 38px;
	height: 38px;
	margin-left: 12px;	
	float: left;
}
.cathead {
	font-family: 'Noto Serif TC', serif;
	font-size: 140%;
	font-weight: normal;
	color: #240f04;
	margin-top: 0px;
	margin-bottom: 12px;
	text-align: center;
    line-height: 1.3em;
}
.catbottext {
	font-size: 0.9em;
	color: #240f04;
}
.small {
    font-size: 0.9em;
}
.quote {
	height: 52px;
	width: 60px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/quote.png)
}
 .greyline {
	width: 100%;
	height: 1px;
	background-color: #e9e9e9;
	float: left;
}
.maxwidth {
	max-width: 348px;
    min-width: 228px;
}
.down {
    margin-bottom: 30px;
}