/* CSS Document */

* {margin:0px; padding:0px;}


html, body
{
	height:100%;
	width:100%;
	color:#ffffff;
}

html
{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;

/*
	background: url(../img/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
}


a
{
	color:#ffd6ac;
	text-decoration:underline;
	-webkit-transition:color 0.2s ease-in-out;
}

a:hover
{
	/*color:#fbe7d3;*/
	text-decoration:none;
}

em
{
	color:#ffd6ac;
}

h1
{
	font-size:3rem;
	font-weight:normal;
	margin:15px 0 10px 55px;
}

h2, h3
{
	font-size:18px;
	font-weight:normal;
	margin:0 0 4px 0;
}

h3
{
	font-size:16px;
}



p
{
	font-size:16px;
	margin-top: 10px;
	margin-bottom:14px;
	line-height:1.3em;
}

ul
{
	color:#ffffff;
	font-size:16px;
	list-style-type:disc;
	list-style-position:outside;
	list-style:outside;
	margin: 0px 10px 15px 12px;
}

li
{
	margin-bottom:8px;
}

img
{
	border:none;
}



#full-screen-background-image {
	z-index: -999;
	min-width:100%;
	min-height:100%;
	position: fixed;
	top: 0;
	left: 0;
}

/*

#bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}

#bg img {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0px;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
*/

#containerFrame
{
	min-height:100%;
	position:relative;
	z-index:2;
}


#topMenuFrame
{
	width:100%;
	background:#382819;
	overflow:hidden;
	z-index:2;
	position:absolute;
}

#topMenuInternalFrame
{
	height:70px;
	max-width:900px;
	margin: 0 auto;
	background:none;
	overflow:hidden;
	z-index:2;
}


#contentFrame
{
	padding-top:70px;
	padding-bottom:120px;
	z-index:2;
}

#footerFrame
{
	width:100%;
	min-width:267px;
	height:120px;
	background:url(../img/footer-bg.png) repeat;
	position:absolute;
	bottom:0;
	overflow:hidden;
	z-index:2;

}

#footerInternalFrame
{
	height:120px;
	min-width:267px;
	/*max-width:900px;*/
	/*margin: 0 auto;*/
	margin:10px 40px 10px 40px;
	background:none;
	overflow:hidden;
	z-index:2;
}


#homePageQuoteFrame
{
	margin: 80px 0 50px 100px;
	max-width:330px;
	height:auto;
	background:url(../img/under-bg.png) repeat;
	z-index:2;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#homePageQuoteInnerFrame
{
	width:auto;
	height:auto;
	background:url(../img/quote.png) no-repeat 20px 20px;
	z-index:2;
}

.textColorFrame
{
	margin: 20px 20px 20px 40px;
	max-width:700px;
	height:auto;
	/*min-height:300px;*/
	padding:15px;
	background:url(../img/under-dark-bg.png) repeat;
	z-index:2;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.textColorFrame h2
{
	margin-top:20px;
	font-size:22px;
	color: #ffd6ac;
	border-bottom:1px dotted #BC9596;
}

.textColorFrame h3
{
	margin-top:20px;
	font-size:20px;
}


h1.homePageHead
{
	margin: 35px 0 0 100px;
	font-size:7.2rem;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	text-shadow: 3px 3px 9px rgba(27, 11, 0, 1);
}

h2.homePageSubHead
{
	margin: 25px 0 0 100px;
	font-size:2.8rem;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	/*text-shadow: 3px 3px 9px rgba(27, 11, 0, 1);*/
}

p.homePageQuoteText, p.homePageQuoteName
{
	font-size:2em;
	font-weight:normal;
	padding:32px 20px 20px 75px;
}

p.homePageQuoteName
{
	font-weight:bold;
	padding-top:0;
	padding-bottom:40px;
}

p.footerFont
{
	color:#bbbbbb;
	font-size:12px;
}

div.galMainFrame
{
	overflow:hidden;
}

div.galImageFrame
{
	float:left;
	width:auto;
	height:auto;
	margin: 10px 5px 10px 20px;
}

img.galImageBorder
{
	box-shadow: 0px 0px 1px 1px #f7dfc8;
}

img.galImageBorder:hover
{
	box-shadow: 0px 0px 5px 2px #f7dfc8;
}


div.googleMapStyle
{
	max-width: 530px;
	height: 500px;
	margin-left: 0px;
	border: 1px solid #f7dfc8;
}

img.logoStyle
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:none;
}

img.courseraLogo
{
	width:85px;
	height:89px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/all-logos.png) 0 0;
}

img.courseraLogo:hover
{
	background:url(../img/all-logos.png) -80px 0;
}

img.homeoHelpLogo
{
	width:85px;
	height:89px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/all-logos.png) -340px 0;
}

img.homeoHelpLogo:hover
{
	background:url(../img/all-logos.png) -420px 0;
}

img.hwcLogo
{
	width:85px;
	height:89px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/all-logos.png) -160px 0;
}

img.hwcLogo:hover
{
	background:url(../img/all-logos.png) -250px 0;
}



div.footerAllLogosFrame
{
	float:left;
	width:auto;
	min-width:267px;
	height:auto;
	margin-left:0px;
	margin-right:10px;
}

div.footerLogoFrame
{
	float:left;
	width:auto;
	height:auto;
	margin-right:10px;
	margin-top:0px;
	text-align:center;
}

div.footerLogoFrame a
{
	font-size:12px;
	text-decoration:none;
}

div.footerCopyright
{
	float:right;
	margin-top:10px;
	margin-left:0px;
	text-align:right;
}

div.clearAll
{
	clear:both;
}


.blogCommentsFrame
{
	/*margin: 20px 20px 20px 40px;*/
	margin: 0;
	max-width:700px;
	height:auto;
	padding:15px;
	/*background:url(../img/under-dark-bg.png) repeat;*/
	background:#fff;
	background:rgba(255,255,255,0.80);

	z-index:2;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;

}


p.articleDate, p.articleAuthor
{
	font-size:14px;
	color:#ffd6ac;
	padding:5px;
	width:auto;
	display:inline-block;
	background:url(../img/under-dark-bg.png) repeat;
	margin-right:5px;
	z-index:2;
}



p.readMoreStyle
{
	margin:15px 10px 0px 0px;
	width:auto;
}

p.readMoreStyle a
{
	/*color:#0089fe;*/
	padding:0px;
	width:auto;
	/*border:1px solid #ffc0ad;*/
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}


h1.articleHeading, h2.articleHeading
{
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom:1px dotted #ffc0ad;
}

h1.articleHeading a, h2.articleHeading a
{
	text-decoration:none;
}

h1.articleHeading a:hover, h2.articleHeading a:hover
{
	text-shadow: 0px 0px 15px rgba(228, 207, 187, 0.7);
}


.articleImage
{
	/*
	max-width:530px;
	max-height:300px;
	*/
    max-width: 100%;
    height: auto;
    display: block;
	webkit-box-shadow:rgba(228, 207, 187, 0.7) 0 1px 10px 1px;
	box-shadow:rgba(228, 207, 187, 0.7) 0px 1px 10px 1px;
	margin:5px 0 0 0;
}

a:hover .articleImage
{
	box-shadow:rgba(228, 207, 187, 0.7) 0px 0px 10px 3px;
	webkit-box-shadow:rgba(228, 207, 187, 0.7) 0 0px 10px 3px;
}

.articleImageBorder
{
    max-width: 100%;
    height: auto;
    display: block;
	webkit-box-shadow:rgba(228, 207, 187, 0.7) 0 1px 10px 1px;
	box-shadow:rgba(228, 207, 187, 0.7) 0px 1px 10px 1px;
	margin:5px 0 10px 0;
}

/** Pagination --------------- */
.pagination {
	margin: 20px 20px 50px 40px;
	max-width:530px;
	height:auto;
	padding:15px;
	background:url(../img/under-dark-bg.png) repeat;
	z-index:2;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.pagination a {
	text-decoration:none;
}

.pagination .page-numbers {
	box-shadow:rgba(228, 207, 187, 0.7) 0px 1px 10px -1px;
	webkit-box-shadow:rgba(228, 207, 187, 0.7) 0 1px 10px -1px;
	/*border:1px solid #ffc0ad;*/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:4px 8px;
	margin-right:2px;
	margin-left:2px;
    font-size:14px;
    font-weight:normal;
}

.pagination p {
    color:#ffd6ac;
	font-size:14px;
	font-weight:normal;
	margin-bottom:0;
}

.pagination .current {

	box-shadow:rgba(228, 207, 187, 0.7) 0px 1px 10px 1px;
	webkit-box-shadow:rgba(228, 207, 187, 0.7) 0 1px 10px 1px;
	font-size: 14px;
	color: #f7dfc8;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	/*background:#FC9;*/
    color:#ffffff;
}

.page-numbers:hover {
    color:#ffffff;
	box-shadow:rgba(228, 207, 187, 0.7) 0px 1px 10px 1px;
	webkit-box-shadow:rgba(228, 207, 187, 0.7) 0 1px 10px 1px;

	/*background:#FC9;*/
	text-decoration:none;
}

.current:hover {
	/*background:none;*/
    color:#ffffff;
	text-decoration:none;
}

.pagination .next, .pagination .prev {
	box-shadow:none;
	webkit-box-shadow:none;
	background:none;
	font-size:14px;
}

.pagination .next:hover, .prev:hover {
	text-decoration:none;
	box-shadow:rgba(228, 207, 187, 0.7) 0px 1px 10px 1px;
	webkit-box-shadow:rgba(228, 207, 187, 0.7) 0 1px 10px 1px;
}
/** End Pagination --------------- */


/** Share -------------------------------*/
.sharrre .box{
	margin: 10px 20px 0 0px;
	background:#6f838c;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(#6f838c,0),color-stop(#4d5e66,1));
	background:-webkit-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
	background:-moz-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
	background:-o-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
	background:linear-gradient(top, #6f838c 0%, #4d5e66 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f838c', endColorstr='#4d5e66',GradientType=0 );
	-webkit-box-shadow:0 1px 1px #d3d3d3;
	-moz-box-shadow:0 1px 1px #d3d3d3;
	box-shadow:0 1px 1px #d3d3d3;
	height:22px;
	display:inline-block;
	position:relative;
	padding:0px 55px 0 8px;
	padding-right:240px;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:12px;
	float:left;
	clear:both;
	overflow:hidden;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.sharrre .left{
	line-height:22px;
	display:block;
	white-space:nowrap;
	text-shadow:0px 1px 1px rgba(255,255,255,0.3);
	color:#ffffff;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	cursor:default;
}

.sharrre .middle{
	position:absolute;
	height:22px;
	top:0px;
	right:30px;
	width:200px;
	background:#63707e;
	text-shadow:0px -1px 1px #363f49;
	color:#fff;
	white-space:nowrap;
	text-align:left;
	overflow:hidden;
	-webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	-webkit-transition:width 0.3s linear;
	-moz-transition:width 0.3s linear;
	-o-transition:width 0.3s linear;
	transition:width 0.3s linear;
}
.sharrre .middle a{
	color:#fff;
	font-weight:bold;
	padding:0 9px 0 9px;
	text-align:center;
	float:left;
	line-height:22px;
	-webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
}
.sharrre .right{
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
	width:45px;
	text-align:center;
	line-height:22px;
	color:#4b5d61;
	background:#f1faf9;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1faf9,0),color-stop(#bacfd2,1));
	background:-webkit-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
	background:-moz-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
	background:-o-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
	background:linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1faf9', endColorstr='#bacfd2',GradientType=0 );
	cursor:default;
}
.sharrre .box:hover{
	/*padding-right:130px;*/
	padding-right:240px;
}
.sharrre .middle a:hover{
	color:#FF0;
	text-decoration:none;
}
.sharrre .box:hover .middle{
	/*width:90px;*/
	width:200px;
}
/** End Share -------------------------------*/


/* Form style ---------------------------------- */
.pageFormStyle {
    max-width: 500px;
	margin:20px 0 20px 0;
	background: none;
	padding:0px 20px 20px 20px;
	box-shadow:rgba(228, 207, 187, 0.7) 0 0px 10px -1px;
	-webkit-box-shadow:rgba(228, 207, 187, 0.7) 0 0px 10px -1px;
	font-size: 14px;
	color: #f7dfc8;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

}
.pageFormStyle h2 {
     font-size: 22px;
     padding: 10px 0px 10px 0px;
	 margin:0;
     display: block;
     border-bottom: 1px dotted #e4cfbb;
     color: #f7dfc8;
}
.pageFormStyle h2>span {
     display: block;
     font-size: 12px;
	 font-weight:normal;
     color: #f7dfc8;
}
.pageFormStyle label {
     /*display: block;*/
     margin: 0px 0px 0px;
}
.pageFormStyle label>span {
     float: left;
     width: 100%;
     text-align: left;
     margin-top: 10px;
     color: #f7dfc8;
}
.pageFormStyle input[type="text"], .pageFormStyle input[type="email"], .pageFormStyle textarea,.pageFormStyle select
{
     color: #555;
     width: 95%;
     padding: 5px 5px 5px 5px;
     margin-top: 2px;
     margin-right: 2px;
     margin-bottom: 0px;
     border: 1px solid #e6b3a3;
     /*background: #fbfbfb;*/
     outline: 0;
     -webkit-box-shadow: inset 0px 0px 10px rgba(230,179,163,0.4);
     box-shadow: inset 0px 0px 5px rgba(230,179,163,0.4);
	 font-size:14px;
	font-family:Arial, Helvetica, sans-serif;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.pageFormStyle input[type="checkbox"]
{
    color: #f7dfc8;
    width: auto;
    margin-top: 10px;
    margin-right: 3px;
	margin-left:8px;
    margin-bottom: 0px;
	padding:0;
    outline: 0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;

}


.pageFormStyle textarea{
     height:150px;
	 font-family:Arial, Helvetica, sans-serif;
}

/*
select::-ms-expand {
    display: none;
}
*/

.pageFormStyle select {
     background: url(../img/down-arrow.png) no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #f2f2f2 100%);
     background: url(../img/down-arrow.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#f2f2f2));
    appearance:none;
     -webkit-appearance:none;
    -moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: '';
     width: 99%;
	 padding:5px;
	 cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
}


.pageFormStyle input[type="submit"]
{
	margin-top:15px;
	width:100%;
}

.sph
{
	display:none;
}

.sendButton {
	font-family: Arial, Helvetica, sans-serif;
	cursor:pointer;
	font-size: 14px;
	color: #000;
	padding: 6px 10px;
	border-radius: 4px;
	border: 1px solid #f7dfc8;
	box-shadow:
		0px 1px 3px rgba(82,82,82,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
}

.sendButton:hover {
	color:#cd6748;
	border: 1px solid #f7dfc8;
	box-shadow:
		0px 0px 3px #f7dfc8,
		inset 0px 0px 1px rgba(255,255,255,1);
}


.pageFormStyle .button {
     -moz-box-shadow:inset 0px 1px 0px 0px #e6b3a3;
     -webkit-box-shadow:inset 0px 1px 0px 0px #e6b3a3;
     box-shadow:inset 0px 1px 0px 0px #e6b3a3;
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6b3a3), color-stop(1, #c06347) );
     background:-moz-linear-gradient( center top, #e6b3a3 5%, #c06347 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6b3a3', endColorstr='#c06347');
     background-color:#e6b3a3;
     border-radius:9px;
     -webkit-border-radius:9px;
     -moz-border-border-radius:9px;
     border:1px solid #cd6748;
     display:inline-block;
     color:#ffffff;
     font-family:Arial;
     font-size:15px;
     font-weight:bold;
     font-style:normal;
     height:30px;
     line-height:28px;
     width:100px;
     text-decoration:none;
     text-align:center;
     text-shadow:1px 1px 0px #c70067;
	 cursor:pointer;
}
.pageFormStyle .button:hover {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0) );
     background:-moz-linear-gradient( center top, #ef027d 5%, #ff5bb0 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
     background-color:#ef027d;
}
.pageFormStyle .button:active {
     position:relative;
     top:1px;
}

div.formErrorFrame
{
	border:1px dotted #ffffff;
	padding:0px;
	margin: 20px 0px 0 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.formErrorFrame ul
{
	margin: 10px 10px 10px 20px;
}

div.formErrorFrame ul li
{
	color: #ffffff;
}

div.formErrorFrame p
{
	margin: 10px 10px 10px 20px;
	color: #ffffff;
}

div.formInnerBlockFrame
{
	margin:0;
	background: none;
	padding:0px 10px 10px 10px;
	border: 1px solid rgba(228, 207, 187, 0.7);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

div.formInnerShowHideBlockFrame
{
	display:none;
}

/* End Form style ---------------------------------- */


/* Table style ------------------------------------- */

table
{
	font-size:14px;
	margin:0px;
	border-collapse:collapse;
 	/*border: 1px solid #b4b4b4;*/
	min-width:100%;
	border-bottom: 1px solid #f7dfc8;
}

table th
{
	font-weight:normal;
	text-align:left;
	font-size:14px;
}

table td, table th
{
	padding:2px;
	border-bottom: 1px solid #f7dfc8;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}


table tr:first-child th
{
  	border-top: 0;
  	border-top: 0;
}

table tr:last-child td
{
  	border-bottom: 0;
}

table tr td:first-child,
table tr th:first-child
{
	border-left: 0;
}
table tr td:last-child,
table tr th:last-child
{
	border-right: 0;
}




td
{
	padding:2px;
}

.tableLine td, .tableLine th
{
    border-bottom: 1px solid #f7dfc8 !important;
}

td p
{
	margin:0px;
	padding:0px;
}

/* End Table style --------------------------------- */




/* Start Top Main Menu ------------------------------------------- */

#mainMenuFrame
{
	text-align: center;
	vertical-align: middle;
	padding:0px;
	margin:0;
	height:100%;
	line-height: 70px;
}

#topMenu ul
{
	width:100%;
	padding:0px;
	margin:0px;
	list-style-type:none;
}


#topMenu a
{
	text-decoration:none;
	font-size:1.8rem;
	font-weight:normal;
	text-transform:uppercase;
	color:#bbbbbb;
	padding: 35px 10px;
	border-right:1px solid #62350c;
}

#topMenu li:first-child a
{
	border-left:1px solid #62350c;
}

#topMenu a:hover
{
	background-color: #62350c;
	color:#ffffff;
}

#topMenu li
{
	padding:0px;
	margin:0px;
	display:inline;
}




/* End Top Main Menu --------------------------------------------- */

.diagram-in-blog {
	overflow: hidden;
	background: #fff;
}

.diagram-in-blog h3 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color: #382819;
	margin: 10px 10px 0 10px;
}

.diagram-legend {
	max-width: 400px;
	/*border: 1px solid #ffd6ac;*/
	padding: 20px;
	margin: 0 auto;
}

.diagram-legend p {
	display: inline-block;
	color: #382819;
}

.legend-box {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	margin-top: 5px;
}

.blue {
	background: #4d81bd;
}

.red {
	background: #c1514e;
}


.diagram-in-blog img {
	max-width: 100%;
	height: auto;
	display: block;
}

.share-frame {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
}

.share-frame a {
	text-decoration: none;
}

.share-button {
    padding: 10px;
    flex: 1;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.2s ease-in-out;
    border: none;
}

.share-button:hover {
    border: none;
}

.fb {
    background: #3c5b98;
		opacity: 0.8;
}

.fb:hover {
    background: #324c80;
}

.tw {
    background: #0aaceb;
		opacity: 0.8;
}

.tw:hover {
    background: #0898d1;
}

.gp {
    background: #db4a38;
		opacity: 0.8;
}

.gp:hover {
    background: #c24332;
}

.share-with-margins {
	margin: 20px 0 20px 0;
}


/* Media settings -------------------------------------------------*/

/*@media all and (min-width: 680px) and (max-width: 1200px)*/
@media all and (min-width: 640px) and (max-width: 1200px)
{
	html {
		font-size: 8px;
	}

	p
	{
		font-size:16px;
	}

	#topMenuInternalFrame
	{
		height:50px;
	}

	#mainMenuFrame
	{
		line-height: 50px;
	}

	#topMenu a
	{
		font-size:1.8rem;
		padding: 25px 10px;
	}

	#contentFrame
	{
		padding-top:50px;
		padding-bottom:120px;
	}

	#footerFrame
	{
		height:120px;
	}


	h1.homePageHead
	{
		font-size:8rem;
		margin: 5px 0 0 50px;
	}

	h2.homePageSubHead
	{
		margin: 5px 0 0 50px;
		font-size:3.2rem;
	}

	#homePageQuoteFrame
	{
		margin: 20px 0 20px 50px;
		max-width:290px;
	}

	p.homePageQuoteText, p.homePageQuoteName
	{
		/*font-size:2em;
		font-weight:normal;*/
		padding:32px 20px 20px 75px;
	}

}


/*@media all and (min-width: 100px) and (max-width: 679px)*/
@media all and (min-width: 100px) and (max-width: 639px)
{
	html {
		font-size: 8px;
	}

	p
	{
		font-size:16px;
	}

	#topMenuFrame
	{
		width:100%;
		background:#382819;
		overflow:hidden;
		z-index:2;
		position:absolute;
	}

	#topMenuInternalFrame
	{
		height:210px;
		margin:0;
		background:none;
		overflow:hidden;
		z-index:2;
		max-width:none;
	}

	#mainMenuFrame
	{
		line-height:normal;
	}

	#topMenu a
	{
		font-size:1.8rem;
		padding: 25px 10px;
	}

	#contentFrame
	{
		padding-top:210px;
		padding-bottom:220px;
	}

	#footerFrame
	{
		height:220px;
	}

	#footerInternalFrame
	{
		height:220px;
		margin:10px 40px 10px 10px;
	}

	div.footerCopyright
	{
		float:left;
		margin-top:20px;
		margin-left:10px;
		text-align:left;
	}

	div.footerLogoFrame
	{
		margin-right:2px;
	}


	h1.homePageHead
	{
		font-size:7rem;
		margin: 5px 0 0 30px;
	}

	h2.homePageSubHead
	{
		margin: 5px 0 0 30px;
		font-size:2.8rem;
	}

	#homePageQuoteFrame
	{
		margin: 20px 0 20px 30px;
		max-width:280px;
	}

	p.homePageQuoteText, p.homePageQuoteName
	{
		font-size:1.8em;
		font-weight:normal;*/
		padding:32px 20px 20px 75px;
	}


	/* Start Top Main Menu ------------------------------------------- */
	#mainMenuFrame
	{
		text-align: center;
		vertical-align: middle;
		padding:0px;
		margin:0;
		margin-top:5px;
		height:auto;
		width:100%;
		line-height: normal;
	}


	#mainMenuFrame ul
	{
		width:100%;
		padding:0px;
		margin:0px;
		list-style-type:none;
	}


	#topMenu a
	{
		text-decoration:none;
		font-size:1.8rem;
		font-weight:normal;
		text-transform:uppercase;
		color:#bbbbbb;
		padding: 8px 5px;
		border-right:none;
		display:block;
		border-bottom:1px solid #62350c;
	}

	#topMenu li:first-child a
	{
		border-left:none;
		border-top:none;
	}

	#topMenu li:last-child a
	{
		border-left:none;
		border-top:none;
		border-bottom:none;
	}

	#topMenu a:hover
	{
		background-color: #62350c;
		color:#ffffff;
	}

	#topMenu li
	{
		padding:0px;
		margin:0px;
		width:100%;
		display:block;
	}
	/* End Top Main Menu --------------------------------------------- */

	.share-button {
	    padding: 10px;
	    flex: 1;
	    color: #fff;
	    font-size: 12px;
	    font-weight: bold;
	    text-transform: uppercase;
	    text-align: center;
	    transition: all 0.2s ease-in-out;
	    border: none;
	}

	.textColorFrame
	{
		margin: 20px 10px 20px 10px;
		max-width:700px;
		height:auto;
		/*min-height:300px;*/
		padding:15px;
		background:url(../img/under-dark-bg.png) repeat;
		z-index:2;

		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
	}

}