/*----------------
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;
	color:#696969;
}

h1,h2{
	font-family: 'aaarghnormal';
}

h1{
	color:#81806F;
	font-size: 3em;
	padding-bottom:10px;
}

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

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

h4{
	font-weight:300;
	padding-bottom:0px;
	line-height:1em;
}

a{
	color:#86b797;
}

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

/*----------------
HEADER
-------------------*/
header{
	position:relative;
}

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

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

#logo{
	float:left;
	margin-top:10px;
}

#logo p{
	margin-top:67px;
	text-align:right;
}
/*----------------
NAVIGATION 
-------------------*/
nav{
	background-color:#d9eddf;
	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:#81806f;
	padding:14px 20px 15px 20px;
	font-weight:600;
		}

nav li:hover a {
	background:#9BD3AE;
}

/*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:#ffea7d;
    padding: 12px 30px 12px 20px;
    text-align: left;
    font-size:0.9em;
    color:#696969;
}
nav li:hover li a:hover {
    background:#ffd602;
}

/*----------------
CONTENT 
------------------*/
a.btn {
	display:inline-block;
	color:#f75f54;
	background:#ffd602;
	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:#9CD4AD;
	height:280px;
	width:100%;
	border-bottom-width:5px;
    border-bottom-color:#ffd602;
    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:390px;
	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;
        text-align: center;
	position:relative;
}

#quicklinks img{
	padding:6px;
	padding-top:10px;
	padding-bottom:10px;
        max-width: 140px;
}

#supt{
	background:#9BD3AE;
	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:#9BD3AE;
	font-size:2.2em;
}

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

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

#supt-quicklinks{
	top:10px;
}

#supt-quicklinks img{
	padding-bottom:15px;
        max-width: 100%;
}

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);
}

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

.dental_home { /*For the baby dental visit on dental home */

	width:95%;

	height:10em;

	margin:0 auto;

	margin-bottom:15px;

	padding:5px 10px 5px 10px;

	background-color:#D9EDDF; /*Edit this for the background of each step on dental home*/

	}



.dhome_title {

	width:250px;

	float:left;

	height:10em;

	}

	

#Activity {
		width:200px;
		padding-bottom:15px;
		text-align:center;
		float:left;
	}
	
iframe#ada {
	margin-top:0px;
	width:810px;
	height:950px;
}

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

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

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

#form .clear {clear:both;}
#form .center {text-align:center;}
#form h3 {margin:0 1%;}
#form small {font-style:italic;}
#form hr {width:98%;margin:10px 1% 15px 1%;}

/*GRID */
#form .column {
	float:left;
	margin:0 1%;
}

#form .full {width:98%;margin:0 1%;}
#form .half {width:48%;}
#form .twothird {width:65%;}
#form .onethird {width:31%;}

/*FORM STYLES*/

#form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
	width:96%;
	padding:10px 2%;
}

#form input[type=radio] {
	margin-bottom:5px;
}

#form textarea {
	width:96%;
	resize:none;
	padding:10px 2%;
	font:95%/1.4 'Tahoma',sans-serif;
}

#form select {
	width:101%;
	padding:10px 2%;
}

/*MEDIA QUERIES */

@media (max-width:767px) {
	#form .column {
		float:none;
		margin:0;
	}
	#form .full, #form .half, #form .twothird, #form .onethird {
		width:100%;margin:0;
	}
	
	#form .clear {clear:both;}
#form .center {text-align:center;}
#form h3 {margin:0 1%;}
#form small {font-style:italic;}
#form hr {width:98%;margin:10px 1% 15px 1%;}

/*GRID */
#form .column {
	float:left;
	margin:0 1%;
}

#form .full {width:98%;margin:0 1%;}
#form .half {width:48%;}
#form .twothird {width:65%;}
#form .onethird {width:31%;}

/*FORM STYLES*/

#form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=image]) {
	width:96%;
	padding:10px 2%;
}

#form input[type=radio] {
	margin-bottom:5px;
}

#form textarea {
	width:96%;
	resize:none;
	padding:10px 2%;
	font:95%/1.4 'Tahoma',sans-serif;
}

#form select {
	width:101%;
	padding:10px 2%;
}

}

/* MEDIA QUERIES */


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

@media (max-width:767px) {
	#form .column {
		float:none;
		margin:0;
	}
	#form .full, #form .half, #form .twothird, #form .onethird {
		width:100%;margin:0;
	}
}