/* THIS FILE IS COPYRIGHT ©2016 OSCAR STRANGIO AND IS INTENDED ONLY FOR USE ON THE DR DEBORAH AMOTT SITE */

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2015 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/licenses/fontfabric/webfont
 *
 *
 */

/* - - - FONTS & ANIMATIONS - - - */
@import url("fonts/font-awesome.min.css");
@font-face {
    font-family: 'solomon_normal';
    src: url('fonts/Solomon_Normal-webfont.eot');
    src: url('fonts/Solomon_Normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Solomon_Normal-webfont.woff2') format('woff2'),
         url('fonts/Solomon_Normal-webfont.woff') format('woff'),
         url('fonts/Solomon_Normal-webfont.ttf') format('truetype'),
         url('fonts/Solomon_Normal-webfont.svg#solomon_normalregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'solomon_bold';
    src: url('fonts/Solomon_Bold-webfont.eot');
    src: url('fonts/Solomon_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Solomon_Bold-webfont.woff2') format('woff2'),
         url('fonts/Solomon_Bold-webfont.woff') format('woff'),
         url('fonts/Solomon_Bold-webfont.ttf') format('truetype'),
         url('fonts/Solomon_Bold-webfont.svg#solomon_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* - - - BASE STYLES - - - */
*{
	margin:0;
	padding:0;
}
html, body{
	background: white;
	height: 100%;
}
body{
	font-family: 'solomon_normal', Helvetica, Arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 14px;
	background: white;
	color: rgb(80, 80, 80);
	cursor: default;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
hr{
	display: block;
	height: 1px;
	width: 50%;
    border: none;
    border-top: 1px solid #ccc;
    margin: 50px auto;
    padding: 0;
    text-align: center;
}
h1{
	font-family: 'solomon_bold', Helvetica, Arial, sans-serif; 
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	color: inherit;
	line-height: 32px;
}
h2{
	font-family: 'solomon_bold', Helvetica, Arial, sans-serif; 
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: inherit;
	line-height: 22px;
}
h3{
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: inherit;
}
p{
	font-size: 16px;
	line-height: 22px;
}
.indent{
	padding: 10px 20px;
}
li{
	list-style: none;
}
b{
	font-family: 'solomon_bold', Helvetica, Arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
}
a, a:visited{
	color: inherit;
	cursor: pointer;
	font-weight: normal;
	text-decoration: none;
}
p a, p a:visited{
	color: #4497CB;
}
a:hover{
	color: #4497CB;
	text-decoration: underline;
}
p, h1, h2, h3{
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
}
iframe{
	border: none;
	outline: none;
}

/* - - - COMMON ELEMENTS - - - */
.horizontal-wrapper{
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.body-wrapper{
	padding: 50px 0px;
}
.spacer{
	width: 100%;
	height: 1px;
	clear: both;
}
button{
	padding: 4px 6px;
	border: 1px solid rgb(110,110,110);
	background: transparent;
	font-family: 'solomon_bold', Helvetica, Arial, sans-serif; 
	font-weight: normal;
	font-size: 16px;
	border-radius: 4px;
	color: rgb(110,110,110);
}
button:active{
	border: 1px solid #4497CB;
	color: #4497CB;
}

/* - - - HEADER - - - */
.header{
	position: relative;
	width: 100%;
	height: 270px;
	border-top: 30px solid #00b6db;
	border-bottom: 1px solid #ccc;
	background: white;
}
.header .horizontal-wrapper{
	height: 100%;
}
.header .logo-wrapper{
	position: absolute;
	bottom: 62px;
	left: 0px;
	width: 140px;
	height: 140px;
	text-align: center;
}
.header .text-wrapper{
	position: absolute;
	bottom: 60px;
	left: 160px;
	width: 435px;
	text-align: center;
}
.header .text-wrapper .title{
	height: 76px;
	width: 352px;
	margin: 0px auto;
}
.header .text-wrapper hr{
	width: 100px;
	margin: 22px auto;
}
.header .text-wrapper ul{
	padding-top: 3px;
}
.header .text-wrapper ul li{
	display: inline;
}
.header .text-wrapper ul li a{
	font-family: 'solomon_bold', Helvetica, Arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
}
.header .text-wrapper ul li a:hover{
	text-decoration: none;
}
.header .text-wrapper ul li.active a{
	color: #4497CB;
}
.header .image-wrapper{
	position: absolute;
	right: 0px;
	width: 200px;
	height: 241px;
	bottom: 0px;
}

/* - - - FOOTER - - - */
.page-wrapper{
	min-height: 100%;
	margin-bottom: -36px; 
	background: rgb(245, 245, 245);
}
.page-wrapper:after{
	content: "";
	display: block;
}
.footer, .page-wrapper:after{
	height: 36px; 
}
.footer{
	position: relative;
	width: 100%;
	clear: both;
	text-align: center;
	border-top: 0px solid #ccc;
	background: #00b6db;
}
.footer p{
	position: relative;
	top: 8px;
	font-size: 14px;
}
.footer p a, .footer p a:visited{
	color: white;
}
.footer p a:hover{
	color: white;
	text-decoration: underline;
}