/*
Theme Name: Only Websites
Theme URI: http://onlywebsites.com
Author: Only Websites
Author URI: http://onlywebsites.com
Description: Reponsive theme using the unsemantic grid system.
Version: 1.1
*/

/* =Reset CSS (v2.0)
-------------------------------------------------------------- */
.opensans{
    font-family: "Open Sans", sans-serif;
}
.opensanscondensed{
    font-family: 'Open Sans Condensed', sans-serif;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
    margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
body.home{
   /* background: url("../images/bg.jpg") no-repeat top center;*/
    background-size: 100%;
    background-attachment: fixed;
}
body {
	line-height: 1;
   /* background: url("../images/bg.jpg") no-repeat top center;*/
    background-size: 100%;
    background-attachment: fixed;
    font-family: arial, sans-serif;
    color: #525252;
}
h1,h2,h3,h4,h5{
    font-family: "Open Sans";
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}

textarea {
	overflow: auto;
	vertical-align: text-top;
}

strong{
    font-weight: bold;
}



/* ==========================================================================
   HTML5 Boilerplate styles
   ========================================================================== */
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
    margin: 0 !important;
    padding: 0;
}
 .grid-container {
  
    max-width: none !important;

  }


html,
button,
input,
select,
textarea {
    color: #222;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
	max-width:100%;
	height:auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
p {
	margin:0 0 15px;
}
a {
	text-decoration:none;
	color:#09F;
}
a:hover {
	text-decoration:underline;
}



    
/* ===== GENERIC SITE STYLES ==================================================
     --This utilized the Unsemantic Responsive Grid Framework. For general usage
       guidlines, reference http://unsemantic.com. All of your page styles will
       go in this style sheet.
   ========================================================================== */



/* ==============
	HEADER
============== */
#header {
	
}

	#logo {
	}


/* ==============
	NAV
============== */
#main-nav {

}
@media screen and (max-width: 1020px) {

	.home-nav-container {
	
		height: 80px;
	
	}

}
    #menu-main, #menu-menu2, .home-white-nav{
        text-align: center;
        font-family: "Gentium Book Basic", arial;
    }
	#main-nav li, #white-main-nav li {
        display: inline-block;
	}
	#main-nav a {
        display: block;
        padding: 15px 20px;
        color: #ffffff;
        text-decoration: none;
        font-size: 18px;
	}
    #white-main-nav a{
        display: block;
        padding: 15px 20px;
        color: #444545;
        text-decoration: none;
        font-style: italic;
        font-size: 18px;
    }
    #white-main-nav li:first-child a{
        padding-left: 0px;
    }
    #white-main-nav li:last-child a{
        padding-right: 0px;
    }
	#menu-menu2 {
		float: left;
	}
	.home-white-nav .privacy{
		float: right;
		color: #444545;
		font-style: italic;
		margin-top: 16px;
	}
	.home-white-nav h2 {
		font-family: "Gentium Book Basic", arial;
		font-weight: bold;
		font-size: 16px;
		float: left;
		padding-top: 16px;
		margin-right: 40px;
	}
    .home-white-nav span{
        font-size: 21px;
        padding: 15px 8px;
        display: block;
    }
    .home-white-nav .icon-email span{
         padding: 0;
         display: inline-block;
     }
    .home-white-nav .icon-telephone span{
        padding: 0;
        display: inline-block;
    }
    .home-white-nav .icon-email, .home-white-nav .icon-telephone{
        margin-top: 10px;
        margin-bottom: 10px;
        color: #1592cf;
        font-size: 18px;
    }
    .home-white-nav .icon-telephone{
        padding-left: 22px;
        font-weight: bold;
    }
    .home-white-nav .icon-email{
        padding-left: 31px;
        font-size: 14px;
    }

    .home-white-nav .icon-email strong, .home-white-nav .icon-telephone strong{
        color: #303839;
    }
    .home-white-nav .tagline{
        padding-left: 0px;
    }
    .home-white-nav{
        color: #444545;
    }
    .home-white-nav nav>ul>li{
        background: url("../images/blue-circle.png") no-repeat right 16px;
        padding-right: 10px;
    }
    .home-white-nav nav>ul>li:last-child{
        background: none;
    }
.home-nav {
	background-image: url(../images/sub-new-pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 455px;
	background-color: #6E91B7;
}

.home .home-nav {
	background-image: url(../images/home-new-pic.jpg);
}

@media screen and (max-width: 1020px) {
	
	.home-nav {
		
		height: 80px;
		background-image:none!important;
		background-color: #FFF;
		
		
	
}
	
	.home-nav > .grid-container {
		
		height: 80px;
		
	}
	
	.home-nav > .grid-container img {
	
		/*width: 90%;*/
		height: 100%;
	
	}
	
}

.home-white-nav{
    background: url("../images/white-nav-bg.png");
}
.home-white-nav-bottom{
    position: absolute;
    bottom: 0px;
}
.home-nav-group{
    display: inline-block;
    width: 100%;
}
#site-logo{
    float: left;
    height: 90%;
}
#topright {
	float: right;
	color: #fff;
	margin: 5px 0;
	padding-right: 30px;
}
	#topright #contact {
		float: right;
		margin-left: 15px;
		line-height: 30px;
	}
	#topright #contact div span {
	color: #444;
	font-size: 22px;
	font-weight: bold;
	font-family: "Gentium Book Basic", arial;
	}
	#topright #social {
		float: right;
		margin-top: 5px;
	
		display: none !important;
}


/* ==============
	SLIDER
============== */



/* ==============
	MAIN CONTENT
============== */
#content {
	overflow:hidden;
	clear:both;
    background: #ffffff;
}
.sidebox .newslist li{
    list-style-type: none;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
}
.sidebox .newslist li h3{
    font-size: 18px;
    font-weight: bold;
    color: #379cce;
    padding-top: 20px;
    padding-bottom: 15px;
}
.sidebox .newslist li h3 a{
    color: #379cce;
}
.sidebox .newslist li .readmore{
    color: #379cce;
    font-size: 12px;
    text-decoration: underline;
}
#main {
    padding: 30px 0;
	line-height:18px;
}
#main h1{
    font-size: 30px;
}
#main article{
	line-height: 24px;
}
#main article.page h2, #main article.post h2{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 15px;
}
#main article.page h1, #main article.post h1{
    font-size: 30px;
    padding-bottom: 15px;
}
#main article.page ul, #main article.post ul{
	padding-left: 34px;
	padding-bottom: 20px;
}
#main article.page, #main article.post{
	padding-left: 20px;
}
	#main h1 {
		font-size: 30px;
		line-height:normal;
        padding-bottom: 20px;
	}
	#main h2 {
	}
	#main h3 {
	}
	#main ul, #main ol {
	}


#featuredbox{
    background: #efefef;
}
#featuredbox .opensanscondensed, #featuredbox .opensanscondensed a {
    color: #151f28;
}
.headline span{
    text-align: center;
    display: block;
    padding: 10px 0px;
    background: url("../images/white-nav-bg.png");
    font-size: 18px;
    font-weight: bold;
}
.btn-sched{
    padding-right: 0px !important;
}
.AU-directions{
    background: #E5F6FD;
    border: 1px solid #ADC4DD;
    padding: 10px;
    margin-bottom: 20px;
}
.conditionbox{
    background: #E5F6FD;
    border: 1px solid #ADC4DD;
    padding: 20px;
    margin-bottom: 20px;
}
div.floatleft.paddingleft30.white-col img {
    width: 26px;
    padding-top: 10px;
}
div#hide {
display: none;
}
/* ==============
	SIDEBAR
============== */
#sidebar {
}
.sidebox .readmore{
    float: right;
}
.sidebox h1{
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 0px !important;
}
.sidebox .postnum{
    font-size: 24px;
    float: left;
}
/* ==============
	FOOTER
============== */
#footer {
	padding: 0 0 15px 0;
	background: #353536;
	color: #fff;
}
#footer .grid-container {
	padding-left: 0;
	padding-right: 0;
}
#add-footer {
	width: 70%;
	margin: 15px auto;
	font-family: "Open Sans", arial;
	line-height: 25px;
	font-size: 15px;
}
#add-footer > div {
	padding: 15px 30px;
}
#add-footer .col1 {
	border-right: 1px solid #eee;
}
#add-footer .col3 {
	border-left: 1px solid #eee;
}
#home-footer {
	background: #32393e;
	color: #ffffff;
	padding: 5px 10px;
	font-size: 90%;
	border-top: 5px solid #7093b9;
	border-bottom: 5px solid #7093b9;
}
#footer .a, #footer .b{
	padding: 20px 10px;
}
#footer .b span{
	float: right;
}
#footer .c img{
	padding-top: 5px;
}


/* ==============
	alignments
============== */

.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.text-justify{
    text-align: justify;
}
/* ==============
	Float
============== */
.floatleft{
    float: left;
}
.floatright{
    float: right;
}
/* ==============
	Paddings
============== */
.padding20{
    padding: 20px;
}
.padding10{
    padding: 10px;
}
.paddingleft20{
    padding-left: 20px;
}
.paddingright20{
    padding-right: 20px;
}
.paddingleft30{
    padding-left: 30px;
}
.paddingright20{
    padding-right: 30px;
}
.paddingtop10{
    padding-top: 10px !important;
}
.paddingtop20{
    padding-top: 20px !important;
}
.paddingtop50{
    padding-top: 50px !important;
}
.paddingtop80{
    padding-top: 80px !important;
}
/* ==============
	Font sizes
============== */
    .font-14{
        font-size: 14px;
    }
    .font-18{
        font-size: 18px;
    }
    .font-24{
        font-size: 24px;
    }
    .font-bold{
        font-weight: bold;
    }
/* ==============
	Icons
============== */
.icon-telephone{
    background: url("../images/icon-telephone.png") no-repeat 0px 0px;
    padding-left: 35px;
}
.icon-email{
    background: url("../images/icon-email.png") no-repeat 0px 14px;
    padding-left: 35px;

}
/* ==============
	buttons/links
============== */
.clickhere{
    padding: 5px 40px;
    background: #304665;
    color: #ffffff;
}
article.page.grid-70.tablet-grid-70 {
min-height: 10px;
}
/* ===================
	BLOG STYLES - Adjust as needed.
=================== */

		.postinfo ul.meta{
			margin: 0;
			padding: 0;
		}
		.postinfo ul.meta li{
			display: inline-block;
			*display: inline;
			list-style: none;
			font-size: 12px;
			padding-right: 15px;
		}
		
		
		.post .commentlist{
			margin: 30px 0 15px;
			padding: 0 0 20px 0;
			border-bottom: 1px dashed #DBDBDB;
			
		}
		.commentlist li{
			list-style: none;
		}
		.comment-author{
			background: #DBDBDB;
			vertical-align: middle;
			
			height: 40px;
		}
		.avatar{
			float: left;
			padding-right: 20px;
		}
		.fn, .says{
			vertical-align: middle;
			line-height: 40px;
		}
		.comment-meta{
			font-size: 12px;
			padding: 4px 0;
		}
		.comment-body{
			font-size: 13px;
		}
		.reply{
			margin: -15px 0 15px 20px;
		}
		.comment-form-comment label{
			display: block;
		}
/* ===================
   GRAVITY FORMS - Adjust as needed
   =================== */
   body #content .gform_body ul.gform_fields{
	   margin: 0;
	   padding: 0;
   }
   body .gform_wrapper input, body .gform_wrapper select, body .gform_wrapper textarea {
	   border-radius: 5px;
	   border: 1px solid #333;
	   padding: 3px;
	   font-size: 12px;
	   letter-spacing: 1px;
	   font-family:Arial, Helvetica, sans-serif;
   }
   body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]{
		background: #0099CC; /* Old browsers */
		border: none;
		padding: 8px 20px; 
		font-size: 16px;
		border-radius: 5px;
		cursor: pointer;

   }
   .gform_description{
       font-size: 11px;
       background: #ECECEC;
       padding: 10px;
       border: 1px solid #A5A5A8;
       display: block;
       line-height: 18px;
   }

/* ########## WORDPRESS CORE ########## */
    .display-none{
        display: none;
    }
	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter, div.aligncenter {
		display:block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float:left;
		margin: 5px 20px 20px 0;
	}

	.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	a img.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float:left;
		margin: 0px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin:0;
		max-width: 98.5%;
		padding:0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size:11px;
		line-height:17px;
		margin:0;
		padding:0 4px 5px;
	}
/* ########## END WORDPRESS CORE ########## */

.wang-logo {
  width: 98px;
background-color: #28a4e1;

  padding: 0px;
padding-left: 30px;
margin-right: -4px;
}

.blue {
  background-color: #28a4e1;
  }

@media only screen and (min-width : 1020px) {

div#site-logo img {
height: 98px;
}

}

/* ===================
   Media Querie Styles
=================== */

@media only screen and (max-width : 1178px) {
    .lower-right 	{
    width:100%;
    }
  .privacy {
    float:right;
    }
  .floatleft.white-col {
float:left;
    text-align:left;
    }
}

@media only screen and (max-width : 1365px) {
    #white-main-nav a {
        padding: 15px 15px;
        font-size: 18px;
    }
    #main-nav a {
        padding: 15px 15px;
        font-size: 18px;
    }
    .btn-sched{
        /* display: none; */
    
        position: relative;
        height: 0;
        top: 54px;
        right: 123px;
        width: 100%;
        text-align: center;
}
    .btn-sched-2{
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 60px;
    }
    .white-col{
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        float: none;
    }
	.home-white-nav h2 {
		margin-right:10px;
	}
}
@media only screen and (max-width : 1122px) {
    .home-white-nav span{
        font-size: 14px;
    }
    .home-white-nav .icon-email, .home-white-nav .icon-telephone{
        font-size: 12px;
    }
    .home-white-nav .icon-email strong, .home-white-nav .icon-telephone strong{
        font-size: 12px;
    }
    .white-col br{
        display: none;
    }
    .icon-telephone{
        background: none;
    }
    .icon-email{
        background: none;
    }
}

html[xmlns*=""]:root .wang-logo  { height: 98px  }

/* Safari 2 - 3.1, Opera 9.25 */
*|html[xmlns*=""] .wang-logo { height: 98px  }

html[xmlns*=""]:root .wang-logo  { width: 98px  }

/* Safari 2 - 3.1, Opera 9.25 */
*|html[xmlns*=""] .wang-logo { width: 98px  }


@media screen and (max-width: 1020px) {
  .wang-logo {
width: 75.5px !important;
    height:100%!important;
    }
	
    #main-nav a {
        padding: 40px 15px;
        font-size: 14px;
    }
	
	/*#main-nav li {
	
		line-height: 80px;	
		
	}*/

  }

@media screen and (max-width: 1139px) and (min-width: 1020px) {
	#main-nav a {
padding: 0px 7px;
font-size: 18px;
padding-top: 0px;
}

  #main-nav {
width: 60%;
}

}
@media screen and (max-width: 950px) {
  
  #main-nav a {
padding: 40px 6px;
font-size: 14px;
}
  }

@media only screen and (max-width : 1000px) {
    #white-main-nav a {
        padding: 15px 10px;
        font-size: 16px;
    }
    #site-logo{
        display: block;
    }
    #main-nav{
        float: none;
    }
    #main-nav ul{
        text-align: center;
    }
}
/* Tablets */
@media only screen and (max-width : 1024px) {
  
	
}

@media screen and (max-width: 855px) {
	
    #main-nav a {
        padding: 40px 4px;
        font-size: 14px;
    }
	
}
@media screen and (max-width: 795px) {
	
    #main-nav a {
        padding: 40px 2px;
        font-size: 14px;
    }
	
}

/* Mobile */
@media only screen and (max-width : 767px) {
    body{
        background-size: 100%;
    }

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	
	img {max-width:100%;}

	#topright {
		display:none;
	}
	
	.home-white-nav span {
		font-size: 18px;
	}
	.home-white-nav .icon-telephone {
		padding: 5px 35px !important;
	}
	.icon-telephone {	
		background: url("../images/icon-telephone.png") no-repeat 0px 0px;
		padding-left: 35px;
	}
	
	.middle-nav {
		background: url("../images/nav-bg.png");
	}
		.middle-nav #main-nav li{
			display: block;
			width: 100%;
			border-bottom: 1px solid #4e4d4d;
		}
		.middle-nav #main-nav a {
			padding: 13px 0;
			font-size: 16px;
			font-family: "Gentium Book Basic", arial;
		}
	
	.home-white-nav {
		position: relative !important;
	}
	.home-nav {
		clear: both;
	}
	
	.home-nav {
		background-image:none;
		background-color: #FFF;
	
}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#topright {display:none;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	
}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	
	body{
        background-size: 100%;
       
    }
}


/*home media queries */
@media(max-width: 870px){
    body.home, body{
       
    }
    .clickhere{
        padding:5px 10px;
    }

}
@media(max-width: 767px){
	.home-white-nav nav>ul>li{
		background:inherit;
		padding-right: 0;
	}
	#white-main-nav a{
		padding: 15px 15px;
	}

	.home-white-nav>div>div>span{
		display: inline-block;
		padding-left: 15px;
	}
	.home-white-nav>div>div>span.icon-telephone, .home-white-nav>div>div>span.icon-email{
		padding-right: 0px;
	}
	#featuredbox>div{
		padding-top: 20px;
	}
    .home-white-nav>div>div.btn-sched{
        display: none;
    }
    body.home, body{
        /*background: url("../images/mobilebody-bg.jpg") no-repeat;
		background-size:100%;*/
    }

    .white-col span{
        margin: 0px;
    }
    .home-white-nav .icon-email, .home-white-nav .icon-telephone{
        margin: 0px;
        padding: 2px 0px;
    }
    .home-white-nav{
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding: 12px 0px;
    }
	
	#site-logo {width: 320px; }
}


/*---- NAV ------- */


#menu-main li {float: left; position: relative;}
	
	
#menu-main li a:hover, #menu-main li li a:hover  {
	color: #444;
}
#menu-main li ul li {float: none; position: relative; }

@media only screen and (min-width : 768px) {

#menu-main .sub-menu {
	position: absolute;
	top:40px;
	left:0px;
	display: none;
	width:193px;
	padding-top: 15px;
	z-index: 600;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #444;
	background-image: url(../images/bg-dropmenu.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#menu-main .sub-menu li { width: 193px; }
	
#menu-main li:hover > ul {display: block;}

#menu-main li ul li a {
	text-align: left;
	line-height: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
	float: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #444;
	background-color: #04A6DD;
}
}
	
.sidebox h3 {
	font-size: 18px;
	color: #299DCB;
	margin-bottom: 10px;
}
.sidebox p {
	line-height: 1.4em;
	font-style: italic;
}


.smallcopy {font-size: 12px; line-height: normal;}

.tinynav { display: none }