/* 
  -----------------------------------
  PVII Synergy
  by Project Seven Development
  www.projectseven.com
  Custom CSS
  -----------------------------------
*/

body {
	background-color: #FFFFFF;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4 {
	font-family: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
}
.p7DMM08 {
	font-family: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 120%;
}
.p7ISM-01 {
	font-family: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
}

.header {
	color: #09F;
}

.subtitle {
	color: #EAEAEA;
}

.subnote {
	font-size: 12px;
}
	

p img, h1 img, h2 img, h3 img, h4 img {
	border-radius: 5px;
}

.padded {
	padding: 20px 32px;
}

.padded-less {
	padding: 20px;
}

.padded-title {
	padding: 10px 20px 10px 30px;
}

.padded-subtitle {
	padding: 17px 0px 3px 30px;
}

/*Row or Column-Group background Colors and Text Colors*/
.synergy-color-1 { /*White*/
	background-color: #FFF;
	background: rgba(255, 255, 255, .85);
	color: #000;
}
.synergy-color-2 { /*Black*/
	background-color: #111;
	background: rgba(0,0,0, 1);
	color: #FFF;
}
.synergy-color-3 { /*Red*/
	background-color: #FF3300;
	background: rgba(255, 51, 0, .85);
	color: #000;
}
.synergy-color-4 { /*Blue*/
	background-color: #0099FF;
	background: rgba(0, 153, 255, .85);
	color: #FFF;
}
.synergy-color-5 { /*Dark Green*/
	background-color: #669999;
	background: rgba(102, 153, 153, .85);
	color: #000;
}
.synergy-color-6 { /*Light Green*/
	background-color: #6FC7B1;
	background: rgba(111, 199, 177, .85);
	color: #000;
}
.synergy-color-7 { /*Orange*/
	background-color: #FF9900;
	background: rgba(255, 153, 0, .85);
	color: #000;
}
.synergy-color-8 { /*Purple*/
	background-color: #9933FF;
	background: rgba(153, 51, 255, .85);
	color: #FFF;
}
.synergy-color-9 { /*Black*/
	background-color: #111;
	background: rgba(0,0,0, 1);
	color: #FFF;
}



/*Links*/
.synergy-color-1 a:link, a:visited, a:active {
	text-decoration: none;
	color: #0099FF;
}
.synergy-color-1 a:hover {
	text-decoration: none;
	color: #FF9900;
} 
.synergy-color-2 a:link, a:visited, a:active {
	text-decoration: none;
	color: #FF33CC;
}
.synergy-color-2 a:hover {
	text-decoration: none;
	color: #CCCCFF;
} 
.synergy-color-3 a:link, a:visited, a:active {
	text-decoration: none;
	color: #CCFF66;
}
.synergy-color-3 a:hover {
	text-decoration: none;
	color: #CCFFCC;
} 
.synergy-color-4 a:link, a:visited, a:active {
	text-decoration: none;
	color: #FF99FF;
}
.synergy-color-4 a:hover {
	text-decoration: none;
	color: #99FFCC;
} 
.synergy-color-5 a:link, a:visited, a:active {
	text-decoration: none;
	color: #CC99FF;
}
.synergy-color-5 a:hover {
	text-decoration: none;
	color: #FF6666;
}
.synergy-color-6 a:link, a:visited, a:active {
	text-decoration: none;
	color: #990099;
}
.synergy-color-6 a:hover {
	text-decoration: none;
	color: #FF6666;
}
.synergy-color-7 a:link, a:visited, a:active {
	text-decoration: none;
	color: #0000FF;
}
.synergy-color-7 a:hover {
	text-decoration: none;
	color: #00CC00;
}
.synergy-color-8 a:link, a:visited, a:active {
	text-decoration: none;
	color: #66CC33;
}
.synergy-color-8 a:hover {
	text-decoration: none;
	color: #FF6666;
}
/*Row Background Images
A synergy row spans the width of the browser window.*/

.bg-1 { /*Synergy stars*/
	background-image: url(art/bg-01.jpg);
	background-color: #ECFFFF;
}
.bg-2 { /*Synergy grunge*/
	background-image: url(art/bg-02.jpg);
	background-color: #ECFFFF;
	color: #FFF;
}
.bg-3 { /*Valley*/
	background-image: url(art/bg-03opaque.jpg);
	background-color: #ECFFFF;
	color: #FFF;
}
.bg-4 { /*Leaves*/
	background-image: url(art/bg-04opaque.jpg);
	background-color: #ECFFFF;
	color: #FFF;
}
.bg-5 { /*Burlesque*/
	background-image: url(art/bg-05opaque.jpg);
	background-color: #ECFFFF;
	color: #FFF;
}
.bg-6 { /*Watercolour*/
	background-image: url(art/bg-06.jpg);
	background-color: #ECFFFF;
}
.bg-7 { /*Pansies*/
	background-image: url(art/bg-07opaque.jpg);
	color: #FFF;
	background-color: #ECFFFF;
}
.bg-8 { /*Peacock*/
	background-image: url(art/bg-08opaque.jpg);
	background-color: #ECFFFF;
	color: #FFF;
}
.bg-9 { /*Tiger*/
	background-image: url(art/bg-09opaque.jpg);
	background-color: #ECFFFF;
}
.bg-10 { 
	background-image: url(art/bg-10.jpg);
	background-color: #ECFFFF;
}
.bg-11 { /*Bees*/
	background-image: url(art/bg-11opaque.jpg);
	background-color: #ECFFFF;
}
.bg-12 { /*Quail*/
	background-image: url(art/bg-12opaque.jpg);
	background-color: #ECFFFF;
}
.bg-13 { /*Birches*/
	background-image: url(art/bg-13opaque.jpg);
	background-color: #ECFFFF;
}
.bg-14 { /*Apple Blossoms*/
	background-image: url(art/bg-14opaque.jpg);
	background-color: #ECFFFF;
}
.bg-15 { /*Underbrush*/
	background-image: url(art/bg-15opaque.jpg);
	background-color: #ECFFFF;
}
.bg-16 { /*Dancers*/
	background-image: url(art/bg-16opaque.jpg);
	background-color: #ECFFFF;
}
.bg-17 { /*Cats Peek Under Fence*/
	background-image: url(art/bg-17opaque.jpg);
	background-color: #ECFFFF;
}
.bg-18 { /*Arabic Coffee and Orange*/
	background-image: url(art/bg-18opaque.jpg);
	background-color: #ECFFFF;
}
.bg-19 { /*Btaaboura*/
	background-image: url(art/bg-19opaque.jpg);
	background-color: #ECFFFF;
}
.bg-20 { /*My Home My Heaven*/
	background-image: url(art/bg-20opaque.jpg);
	background-color: #ECFFFF;
}
.bg-21 { /*Moutain Ash in Fall*/
	background-image: url(art/bg-21opaque.jpg);
	background-color: #ECFFFF;
}

/*Padding Below Section*/
#mask, #acrylics, #oils, #pencilcrayons, #watercolours, #mixedmedia, #about-contact, #landscapes, #stilllife, #architecture, #calligraphy, #animals, #flowers, #foliage, #birdsnests, #insects, #trees, #people, #pets, #animals, #newwork {
	padding-bottom: 130px;
} 

/*Padding Above Section*/
#mask, #acrylics, #oils, #pencilcrayons, #watercolours, #mixedmedia, #about-contact, #landscapes, #stilllife, #architecture, #calligraphy, #animals, #flowers, #foliage, #birdsnests, #insects, #trees, #people, #pets, #animals {
	padding-top: 130px;
}

/*Vertical Rules*/
.left-border {border-left: 1px solid;}
.right-border {border-right: 1px solid;}

/*Special Rules*/
.large-type {
	font-size: 1.75em;
	line-height: 2;
	font-family: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
}

#footer {text-align: center;}

/*Media Queries*/
/*Small screens - all devices*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
	.synergy-row .column-group .synergy-column { float: none; width: auto !important;}
}
/*Smartphones*/
@media only screen and (max-device-width: 480px) {
	.synergy-row .column-group .synergy-column { float: none; width: auto !important;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.fixed-bg {background-attachment: scroll; background-size: cover;}
}