/*----------------
PRIMARY
-------------------*/
@font-face {
    font-family: 'aaarghnormal';
    src: url('../font/aaargh-webfont.eot');
    src: url('../font/aaargh-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aaargh-webfont.woff') format('woff'),
         url('../font/aaargh-webfont.ttf') format('truetype'),
         url('../font/aaargh-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {

	font-family:"Open Sans", sans-serif;

	background:#fff url('../images/balloons.jpg') top center no-repeat;

	color:#696969;

}

@media (max-width: 1024px) {
    .flash {
       display:none;
    }
}
 @media (min-width: 1024px) {
    .noflash {
       display:none;
    }
    .flash {
       width:550px;margin:0 auto;
    }
}

h1,h2 {

	font-family: 'aaarghnormal';

}



h1 {

	color:#9dcb3b;

	font-size: 3em;

	padding-bottom:10px;

}



h2 {
	color:#57c4c4;
	font-size:2em;
	font-weight:300;
	padding-bottom:15px;
	line-height: 1.3em;
}

h3 {
	color:#696969;
	font-weight:300;
	padding-bottom:0px;
	line-height:1.3em;
}

a {
	color:#662d91;
}

hr {
	padding:0;
	background:#ffd104;
	height:10px;
	border:0;
	margin-top:10px;
}

/*----------------
HEADER
-------------------*/
header {
	position:relative;
	height:267px;
}

#social {
	background-color:#ffd104;
	vertical-align: middle;
	border-radius: 0 0 10px 10px;
	position:absolute;
	top:0;
	right:10px;
	padding:10px 15px;
}

#social img {
	padding:0 2px;
	vertical-align: middle;
}

#logo {
	float:left;
	margin:25px 0 35px;
}

#logo p {
	margin:70px 0 0 0;
	font-size:1.3em;
	color:#662d91;
}

#logo p a {
	color:#662d91;
}

/*----------------
NAVIGATION 
-------------------*/
nav {
	background-color:#662d91;
	border-radius: 15px 15px 0 0;
	font-size:1.1em;
}

nav ul {
	text-align:center;
	list-style-type:none;
	font-size:1em;
	padding-bottom:0;
}

nav li {
	display:inline-block;
	margin:0;
	position:relative;
}

nav li a {
	display:block;
	font-size:1.2em;
	font-family:'aaarghnormal';
	text-decoration:none;
	color:#fff;
	padding:14px 20px 16px 20px;
	font-weight:600;
}

nav li:hover a {
	background:#893ec1;
}

/*DROPDOWNS */

nav li ul {
    display: none;
}

nav li:hover ul {
    display: block;
    position: absolute;
    top: 54px;
    z-index: 9999;
}

nav li:hover li {
    float: none;
    white-space: nowrap;
    width: 100%;
}

nav li:hover li a {
    background:#ffd104;
    padding: 12px 30px 12px 20px;
    text-align: left;
    font-size:0.9em;
    color:#696969;
}

nav li:hover li a:hover {
    background:#FDE68A;
}

/*----------------
CONTENT 
------------------*/
a.btn {
	display:inline-block;
	color:#f1396d;
	background:#FFD104;
	text-decoration:none;
	padding:2px 23px 4px 23px;
	font-size:1.3em;
	border-radius:20px;
	font-weight:bold;
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
}

a.btn:hover {
	background:#FDDF66;
}

#slideshow {
	background:#f5a03b;
	height:281px;
	width:100%;
	border-bottom-width:5px;
    border-bottom-color:#ffd104;
    border-bottom-style: solid;
}

#slider {
	height:280px;
	width:940px;
	margin:0 auto;
	position:relative;
}

#content {
	background:#fff;
	position:relative;
}

#welcome {
	margin-top:15px;
	font-size:1.1em;
}

#welcome-circle {
	background:url('../images/ellipse-2.png') no-repeat;
	position:relative;
	margin:0;
	text-align:center;
	margin:5px 0 10px 10px;
	height:280px; 
}

#blog {
	width:400px;
	height:230px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	padding-top:8px;
}

#blog h3 {
	padding-bottom:3px;
	margin-top:0px;
}

#blog p {
	padding:3px;
}

#blog hr {
	padding-bottom:0px;
	padding-top:0px;
	height:1px;
	background:#fff;
}

#quicklinks {
	margin:0 auto;
	position:relative;
}

#quicklinks img {
	padding:17px;
	padding-top:10px;
	padding-bottom:10px;
}

#supt {
	background:#f5a03b;
	height:70px;
	padding-top:20px;
	width:100%;
	z-index:100;
}

#supt h2 {
	color:#fff;
	font-size:3.2em;
	margin-left:20px;
}

#supt-content {
	top:10px;
}

#supt-content h3 {
	color:#57c4c4;
	font-size:2.2em;
}

#supt-content img {
	margin:10px;
}

#supt-content hr {
	height:2px;
}

#supt-quicklinks {
	top:10px;
}

#supt-quicklinks img {
	padding-bottom:15px;
}

div.topic {
	font-weight:bold;
	font-size:1.2em;
}

a.trans img {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
    transition: transform 0.2s ease-in 0s;
    -webkit-transition: transform 0.2s ease-in 0s;
}

a.trans:hover img {
	transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
}

.alignright {
	float:right;
	margin-left:15px;
}

.alignleft {
	float:left;
	margin-right:15px;
}

.ortho-topics {
	width:100%;
	margin:auto 0;
	text-align: center;
}

.ortho-topics-photo {
	text-align:center;
	display: inline-block;
	vertical-align:top;
	margin:0 8px;
	padding:0 8px;
	width:190px;
}

.ortho-topics h3 {
	font-size:24px;
	line-height:40px;
}

.ortho-topics p {
	font-family:'Open Sans', sans-serif;
	color:#000;
}

/*----------------
FOOTER 
------------------*/
footer {
	background:#f6f6f6;
	border-top-width:5px;
    border-top-color:#9dcb3b;
    border-top-style: solid;
	font-size:0.9em;
	margin-top:50px;
}

#footer-left {
	margin-top:10px;
}

#footer-right {
	margin-top:10px;
	text-align:left;
}
/*----------------
MISCELLANEOUS
-------------------*/
.clear {clear:both;}
.floatleft {float:left;margin-right:15px;border:5px solid #f1396d;}
.floatright {float:right;margin-left:15px;border:5px solid #f1396d;}
.floatmid {display:block;margin:0 auto;border:5px solid #f1396d;}
.center {text-align:center;}
.border {border:5px solid #f1396d;}