/*
 ----------------------------- 
 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
***************************************************
*/
body {
	background-image: url(../images/Pirok-Body-Bkgd-2L.jpg);
/*	background-repeat: repeat;
	background-position:center;*/
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 50%;
}

.lbm-stack-sans {font-family: /*Roboto, */'Open Sans', 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;}

/*

font-family: 'Arima Madurai', cursive;
font-family: 'Racing Sans One', cursive;
font-family: 'Quando', serif;
font-family: 'El Messiri', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Droid Serif', serif;
font-family: 'Oleo Script Swash Caps', cursive;
font-family: 'Oleo Script', cursive;
font-family: 'Playball', cursive;
font-family: 'Goblin One', cursive;

font-family: 'Trirong', serif;
font-family: 'Open Sans', sans-serif;
*/

h1, h2, h3, h4, h5 {
	font-weight: bold;
	line-height: 115%;
}
h1 {font-size: 230%;}
h2 {font-size: 200%;}
h3 {font-size: 155%;}
h4 {font-size: 135%;}
h5 {font-size: 125%;}

h1, h2 {
	font-family: 'Trirong', Times, "Times New Roman", serif;
	font-weight: bold;
}

/*h1.rule, h2.rule, p.rule {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #799e39;
}
*/

.lbm-column {
	padding: 0px 30px;
}

a {
	text-decoration: none;
}
.rule {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #799e39;
	margin-top: 20px;
}

h1.rule img {
/*	padding: 12px 1px;
	background-color: rgba(255, 255, 255, .3);
	border-width: medium;
	border-style: solid;
	border-color: #799e39;
	border-radius: 36px;
	color: rgba(128, 128, 128, 1);
	box-shadow: 5px 5px 9px;
	vertical-align: -24px;*/
	
	padding: 8px 1px;
/*	background-color: rgba(255, 255, 255, .3);
	background-color: rgba(87, 80, 72, 0.78);*/
	background-color: rgba(45, 84, 119, 1);
	border-width: medium;
	border-style: solid;
	border-color: #799e39;
	border-radius: 36px;
	color: rgba(128, 128, 128, 1);
	box-shadow: 5px 5px 9px;
	vertical-align: -11px;
}

/*#sidebar h1.rule {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: rgba(52, 105, 139, 1);
}
*/
p { 
	font-size: 115%;
	color: #413c36;
}
#header {
/*	text-align: left;
*/	background-color: #575048;
	position: relative;
	z-index: 50;	
/*	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
*/	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F96;
	padding-top: 20px;
	padding-bottom: 10px;
}
#header h1 {
/*	font-size: 0px;
*/	/*text-align: left;*/
	margin: 0px;
}
#header h3.phone {
font-size: 130%;
font-weight: bold;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}
.phone, .phone a {
	color: rgba(255, 255, 255, 1);
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
#header a.lbm-btn-rnd,
#header .lbm-btn-rnd.lbm-btn-list-vert a,
#header .lbm-btn-rnd.lbm-btn-list-horiz a {
	border-radius: 8px;
}

/*#portfolioLinks, #portfolioLinks .lbm-column h3 {
	margin: 0px;
	padding: 0px;
	text-align: center;
}*/
#portfolioLinks .lbm-column {
	padding-right: 0px;
	padding-left: 0px;
	/*background: #d17d54;
	*/
/*	background-color: #F96;
*/	background-color: #789baa;
}
/*#portfolioLinks h2 {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px -4px 0px 0px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	font-size: 200%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #9cc94d;
	text-decoration: none;
	text-shadow: 1px 1px 3px rgba(000, 000, 000, .4);
}*/

#portfolioLinks h3 {
	width: 25%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px -4px 0px 0px;
	color: rgba(255, 255, 255, 1);
/*	background-color: #F96;
*/	/*background-color: #9bc9dc;*/
/*	background-color: #789baa;
*/	display: inline-block;
	text-align: center;
	font-size: 200%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #9cc94d;
	text-decoration: none;
/*	text-shadow: 1px 1px 3px rgba(000, 000, 000, .4), -1px -1px 1px #FFF;
*/	text-shadow: 1px 1px 3px rgba(000, 000, 000, .4);
	box-shadow: 0px 6px 6px rgba(000, 000, 000, .4);
}
#portfolioLinks h3:hover {
	background-color: rgba(193, 245, 255, 0.5);
/*	color: #F96;
*/	/*color: #9bc9dc;*/
/*	color: rgba(36, 72, 96, 1);
*/	color: #575048;
/*	background-color: #9AC948;
	color: rgba(0,0,0,1)
*/}
#portfolioLinks h3.active {
/*	background-color: rgba(255, 255, 255, .3);
*/	/*background-color: #789baa;*/
	background-color: rgba(88, 115, 126, 1);
	/*background-color: #94CAE4;*/
/*	color: #F96;
*/	/*color: #9bc9dc;*/
/*	color: rgba(36, 72, 96, 1);
*/	color: rgba(255, 255, 255, 1);
/*	background-color: #9AC948;
	color: rgba(0,0,0,1)
*/}
#portfolioLinks h3 a {
	text-decoration: none;
}
/*#portfolioLinks h3 a:hover {
	color: rgba(0,0,0,1);
}
*/
/*#gallery .lbm-column {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #9cc94d;
}*/
#mainContent h1 {
/*	color: rgba(52, 105, 139, 1);
*/	color: #575048;
	text-shadow: 1px 1px 3px rgba(000, 000, 000, .4), -1px -1px 1px #FFF;
/*	text-align: center;
*/	padding: 5px 0px 5px 0px;
	margin: 0px;
}
#mainContent h2 {
/*	color: rgba(52, 105, 139, 1);
*/	color: #575048;
/*	background-color: rgba(52, 105, 139, 1);
*/	text-shadow: 1px 1px 3px rgba(000, 000, 000, .4), -1px -1px 1px #FFF;
	padding: 0px 0px 5px 0px;
	font-size: 160%;
/*	-webkit-margin-before: .8em;
	-webkit-margin-after: -.8em;
	margin-before: .8em;
	margin-after: -.8em;
*/
}
#mainContent h4 {
	color: rgba(36, 72, 96, 1);
}
#mainContent h4 a {
	color: rgba(36, 72, 96, 1);
	text-decoration: none;
	border-bottom: 1px dotted;
}
#mainContent h4 a:hover {
	border-bottom: 1px solid;
}
#mainContent ul.multiGallery {
	margin: 0;
	padding: 0;
	text-align: center;
}
#mainContent ul.multiGallery li {
	list-style-type: none;
	display: inline-block;
	margin: 6px;
	verticle-align: middle;
	text-align: center;
	background-color: #2d4c61;
	color: rgba(255, 255, 255, 1);
	font-weight: bold;
	font-size: 100%;
	line-height: 280%;
}
#mapsize {
	margin: auto;
	max-width: 600px;
	border-width: medium;
	border-color: #799e39;
	border-style: solid;
}
.leftCol {
	width: 60%;
/*	display: inline-block;
*/	padding: 0px 20px 0px 0px;
}
.rightCol {
	width: 38%;
	display: inline-block;
}
.boldBlue {
	color: rgba(52, 105, 139, 1);
	font-weight: bold;
}
.boldBlue a {
	color: rgba(52, 105, 139, 1);
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted;
}
.boldBlue a:hover {
	color: #F60;
	border-bottom: 1px solid;
}

.boldOrange {
	color: #F60;
	font-weight: bold;
}
.boldOrange a {
	color: #F60;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted;
}
.boldOrange a:hover {
	color: #688b26;
	border-bottom: 1px solid;
}


#sidebar img {
    display: block;
    margin: auto;
}

#sidebar h1 {
/*	color: rgba(52, 105, 139, 1);
*/	color: rgba(255, 255, 255, 1);
/*	color: #575048;
*/	text-align: center;
	text-shadow: 2px 3px 3px rgba(11, 23, 27, 0.74);
	font-size: 200%;
}
#sidebar h2 {
	text-align: center;
	font-family: /*Roboto, */'Open Sans', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
	color: rgba(36, 72, 96, 1);
}
#sidebar h3, #sidebar h3 a {
/*	color: rgba(52, 105, 139, 1);
    */
	color: rgba(255, 255, 255, 1);
	text-align: center;
	text-shadow: 1px 2px 3px rgba(11, 23, 27, 0.8);
	font-weight: bold;
	font-size: 19px;
	margin: 15px 0px;
}
#sidebar.brown-frost h3 {
	color: #b8f056;
	/*color: rgba(255, 255, 255, 1);*/
	line-height: 200%;
/*	text-align: center;
	text-shadow: 2px 3px 3px rgba(28, 56, 67, 0.66);
*/}
#sidebar.brown-frost h3 .bigg {
/*	color: rgba(153,204,102,1);
*/	color: rgba(255, 255, 255, 1);
/*	line-height: 200%;
*//*	text-align: center;
	text-shadow: 2px 3px 3px rgba(28, 56, 67, 0.66);
*/}
#sidebar.brown-frost h4 {
	color: rgba(255, 255, 255, 1);
	line-height: 150%;
/*	text-align: center;
	text-shadow: 2px 3px 3px rgba(28, 56, 67, 0.66);
*/}

#sidebar h5 {
	font-size: 100%;
	color: rgba(255,255,255,1);
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 155%;
	text-align: center;
}
#sidebar p {
	color: rgba(36, 72, 96, 1);
	font-weight: bold;
	font-size: 95%;
	margin-bottom: 1em;
}
#sidebar p.cite {
	font-family: 'Trirong', serif;
	font-weight: bold;
	font-style: italic;
	font-size: 100%;
	line-height: 150%;
	color: rgba(36, 72, 96, 1);
	margin-bottom: -5px;
}
#sidebar.brown-frost p.cite {
	font-family: 'Trirong', serif;
	font-weight: bold;
	font-style: italic;
	font-size: 100%;
	line-height: 150%;
	color: rgba(255,255,255,1);
	margin-bottom: -5px;
}
#sidebar p.cite-name, #sidebar p.cite-name a {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 90%;
	color: rgba(36, 72, 96, 1);
}
#sidebar.brown-frost p.cite-name, #sidebar.brown-frost p.cite-name a {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 90%;
	color: rgba(255,255,255,1);
}
#sidebar p.cite-name a {
	text-decoration: none;
	border-bottom: 1px dotted;
}
#sidebar p.cite-name a:hover {
	border-bottom: 1px solid;
}
.quoteSym {
	font-size: 170%;
	color: rgb(36, 72, 96);
	color: rgba(36, 72, 96, .7);
	line-height: 50%;
}
#sidebar.brown-frost .quoteSym {
	font-size: 170%;
	color: rgb(255,255,255);
	color: rgba(255,255,255,.7);
	line-height: 50%;
}
.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);
}
.bigg {
	font-size: 180%;
}
.bigg strong {
	font-weight: 400;
}
.smaller {
/*	font-family: 'Open Sans', sans-serif;
*/	font-size: 75%;
	font-weight: normal;
}
/*
Link Styles
Assign one of the following classes to
Text Links on your page
*/
.text-link-light {
	color: #EEE;
	border-bottom: 1px dotted;
}
.text-link-dark {
	color: #413c36;
	border-bottom: 1px dotted;
}
.text-link-dark:hover, .text-link-light:hover {
	border-bottom: 1px solid;
}
.text-link-dark, .text-link-light {
	text-decoration: none;
}
/*Styles*/

#nav {
	position: relative;
	z-index: 40;
	background-color: #9AC948;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F96;
}
#nav .lbm-column {
	padding: 8px 8px;
}
#gallery {
	z-index: 30;
}
.frost {
	background-color:rgb(255,255,255);
	background:rgba(255,255,255,.5);
	padding: 30px;
}
.blue-frost {
	background-color: rgb(151, 173, 188);
	background: rgba(147, 188, 220, 0.3);
	padding: 30px;
}
.brown-frost {
	background-color: #575048;
	background: rgba(87,80,72,.5);
	padding: 30px;
}
.dark-bkg {
	background-color: rgba(87,80,72,.5);
	border-radius: 8px;
	padding: 10px;

}
/*.insert {
	background-color:rgb(160,205,240);
	background:rgba(160,205,240,.6);
}
*/.shadow {
	-moz-box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px rgba(0,0,0,.7);

/*    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,.7);
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.7);
    box-shadow: 0px 0px 30px rgba(0,0,0,.7);
*/}
hr {
	color: #799e39;
}
.spherePlus {
	margin: 0px 10px 0px 0px;
}
#gallery .lbm-column {
	padding: 0px;
	background-color: rgba(87, 80, 72, .7);
/*    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,.7);
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.7);
    box-shadow: 0px 0px 30px rgba(0,0,0,.7);
*/}

.highlight {
	border-color: rgba(170, 239, 46, 1);
	border-style: solid;
	border-width: medium;
	border-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin: 40px 40px;
	overflow: auto;
/*	background: rgb(157, 123, 101);
	background-color: rgba(102, 102, 102, .4);
*/	background-color: rgba(255, 255, 255, .7);
/*	color: #FEE1B7;
*/	font-weight: normal;
	-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, .65);
	-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, .65);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, .65);
	font-weight: bold;
}
.highlight ul {
	list-style-image: url(../images/PirokDesign-Sphere-12.png);
/*	margin: 20px 30px 30px 30px;
	max-width: 100%;*/
}
.highlight li { 
	font-size: 95%;
	font-weight: normal;
	color: #413c36;
	line-height: 190%;
}
.highlight p img {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}
#mainContent .highlight h2 {
	text-align: center;
	color: rgba(255,102,51,1);
	text-shadow: 1px 1px 3px rgba(000, 000, 000, .4);
	font-size: 190%;
}
#mainContent .highlight h5 {
	text-align: left;
/*	color: rgba(255,102,51,1);
*/	color: rgba(52, 105, 139, 1);
/*	text-shadow: 1px 1px 3px rgba(000, 000, 000, .4);
*/	font-size: 120%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.side-feature {
	background-color: rgba(36, 72, 96, 1);
	border-style: solid;
	border-color: rgba(153, 204, 0, 1);
	border-width: medium;
	border-radius: 8px;
	margin: auto;
	margin-top: 20px;
	width: 60%;
/*	padding: 4px;
*/	-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, .65);
	-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, .65);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, .65);
}
.side-segment {
	background-color: rgba(36, 72, 96, 1);
	border-style: solid;
	border-color: rgba(153, 204, 0, 1);
	border-width: medium;
	border-radius: 8px;
	margin: auto;
	margin-top: 20px;
	padding: 5px;
	width: 95%;
/*	padding: 4px;
*/	-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, .65);
	-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, .65);
}
#footer-info {
	background-color: #9AC948;
	box-shadow: inset 0px 16px 40px rgba(255, 255, 255, .5);
	border-top: 1px solid #eeffd9;
	font-size: 0.7em;
	color: #6B645C;
	text-align: center;
	padding: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F96;
}
#footer-base {
	background-color: #575048;
/*	border-top: 2px solid rgb(102,204,255);
*/	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F96;
	padding: 10px;
}
#footer p.copyright {
	text-transform: uppercase;
	margin: 0px;
}
#footer a {
	color: #6B645C;
}
#footer a:hover, #footer a:focus { color: #FFF; }

.bottom-effect {
	background-color: #575048;
	padding-bottom: 20px;

}
/*Media Queries*/

@media only screen and (min-width: 767px) and (max-width: 1100px) {
body {font-size: 85%;}
#header h1 {
	text-align: left;
/*	margin: 0px;
*/}
/*#mainContent h1 {
	padding: 20px 0px 5px 0px;
	margin-top: 0px;
}
*/
.highlight ul {
padding-left: 20px;
}
.side-feature {
	width: 100%;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

body {font-size: 80%;}

#header h1 {
	text-align: center;
/*	margin: 0px;
*/}
/*#mainContent h1 {
	padding: 20px 0px 5px 0px;
	margin-top: 0px;
}
*/
/*.highlight ul {
padding-left: 20px;
}
*/.side-feature {
	width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {

body {font-size: 80%;}

#header h1 {
	text-align: center;
/*	margin: 0px;
*/}
/*.lbm-column .frost {
	padding: 0px 30px;
}
*/
/*#portfolioLinks h3 {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 180%;
}
*/
#mainContent h1 {
font-size: 180%;
}
#portfolioLinks.lbm-row {
	visibility: hidden;
	height: 0px;
}
.highlight {
	margin: 30px 15px;
}
.highlight ul {
padding-left: 20px;
}
/*#mainContent {
	padding: 20px 0px 20px 0px;
}
*/
/*#mainContent h1 {
	padding: 20px 0px 5px 0px;
	margin-top: 0px;
}
*/
.side-feature {
	width: 100%;
}
}