/* Font ideas
    font-family: 'Lato', sans-serif;
    font-family: 'Athiti', sans-serif;
    font-family: 'Kreon', serif;
    font-family: 'Gentium Basic', serif;
    font-family: 'Pragati Narrow', sans-serif;
*/

h1 {
 	font-family: 'Lato', sans-serif;
 }
h2 {
 	font-family: 'Kreon', serif;
 }
h3 {
	font-family: 'Kreon', serif;
	font-size: 1em;
	text-shadow: -1px -2px #000;
}
p {
	font-family: 'Lato', sans-serif;
	line-height: 25px;
}
.contentImg {
	height: 100% auto;
	width: 100%;
	max-width: 350px;
	margin: 10px;
	border: #516ca3 1px solid;
	border-radius: 5px;
}
body {
	background: url("../images/center-bg.jpg") repeat-y; 
	background-position: center;
	margin: 0px;
	margin-bottom: -17px;
}
#blueDiv {
	background: url("../images/blue-top.jpg") repeat-x; 
	height: 49px;
}
#slideBackground {
	width: 100%;
	border-top: #7d8fb3 1px solid;
	background: url("../images/header-toothbrush.jpg") #516ca2;
	background-size: 100% 100%;
	color: #fff;
}
#slidebg2 {
	background: url("../images/menu-full-bg.png") repeat-x;
	background-position: bottom;
}
#slideInterior {
	width: 99%;
	max-width: 900px;
	margin: 0px auto;
}
#slideLeft {
	float: left;
	width: 99%;
	max-width: 280px;
	margin-top: 10px;
}
#slideLeft h2{
 text-shadow: -1px -2px #000;
}
#slideRight {
	float: right;
	width: 99%;
	max-width: 550px;
	margin-top: -25px;
	border-radius: 5px;
	background: #fff;
	padding-top: 20px; 
}
.show {
	border-radius: 5px;
	border: #516ca3 1px solid;
}
#menu {
	width: 100%;
	height: 50px;
	color: #fff;
	margin-top: 12px;
	margin: 0px auto;
	color: #fff;
	font-size: .95em;
}
#menuTabHolder{
	margin: 0px auto;
	padding-top: 18px;
	max-width: 100%;
	height: 30px;
}
.menuTab {
	border-top: 1px #fff solid;
	border-right: 1px #fff solid;
	border-left: 1px #fff solid;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	float: left;
	padding: 1px 8px 0px 8px;
	margin-right: 6px;
	height: 30px;
	background: url("../images/blue-top-menu.jpg") #516ca2;
	text-decoration: none;
	line-height: 30px;
	text-transform: uppercase;
}
.menuTab a{
	text-decoration: none;
	color: #fff
}
.menuTab:hover {
	height: 36px;
	margin-top: -6px;
}
#lowerPageBG {
	background: url("../images/center-bg.jpg") repeat-y; 
	background-position: center;
}
#center {
	width: 99%;
	max-width: 900px;
	margin: 0px auto;
	color: #000;
	font-size: 1.2em;
}
#centerLeft {
	float: left;
	width: 99%;
	max-width: 540px;
	margin-right: 20px
	padding: 12px;
	text-align: justify;
}

#centerLeft h3{
	text-shadow: none;
	color: #516ca3;
}
#centerRight {
	float: right;
	width: 99%;
	max-width: 250px;
	color: #fff;
	padding: 12px;
}
@media screen and (max-width: 890px) {
		#centerRight {
			background: #516ca2;
			max-width: 100%;
			padding-left: 20px;
			float: left;
		    }
		}
#footer {
	width: 100%;
	background: url("../images/page-footer.png") repeat-x;
	background-position: bottom;
	height: 100% auto;

}
#footerContent {
	width: 99%;
	max-width: 900px;
	margin: 0px auto;	
	height: 275px;
}
#footerInterior {
	display: table-cell;
	width: 99%;
	max-width: 900px;
	margin: 0px auto;	
	color: #000;
	height: 275px;
	vertical-align: bottom;
	padding-bottom: 10px;
	font-family: 'Lato', sans-serif;
	font-size: .9em;
}
#footIntLeft {
	float: left;
	width: 99%;
	max-width: 320px;
}
#footIntCenter {
	width: 99%;
	float: left;
	max-width: 260px;
}
#footIntRight {
	width: 99%;
	float: left;
	max-width: 290px;
}
#footerMenu {
	background: rgba(234, 234, 234, 0.5);	
	margin: 0px auto;
	text-align: center;
	line-height: 30px;
	margin-bottom: -30px;
}
.footerMenu {
	text-decoration: none;
	color: #516ca3;
	text-shadow: 2px 2px 8px #516ca3;
}
.footerMenu:hover{
	background: #273452;
	color: #fff;
	border-radius: 5px;
}