@import "ajax.css";

@import "menu.css";

/* ---( General Elements )----------------------------------- */

* {	 margin:0; padding:0; }

body {

	color: #000;

	font: 15px/18px Arial,Helvetica,sans-serif;

	background: #ededed;

	width: 100%;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, ol { list-style: none; }

ul.likelist li {

	list-style: none;

	display: block;

	background: url(../images/arrowbullet.gif) no-repeat 0px 5px;

	padding: 3px 7px 0px 20px;

	margin-bottom: 10px;

}

ul.bluelist li{

	list-style:none;

	display:block;

	background:url(../images/bulletz.gif) no-repeat 0px 5px;

	padding:3px 7px 0px 15px;

}

.clear { clear: both; }

.fl { float: left; }

.fr { float: right; }

.center { text-align: center; }

blockquote, q { quotes: none; }

h1 { font: 42px/36px 'Rokkitt',Georgia,Times,serif; }

h2 { font: 30px/28px 'Rokkitt',Georgia,Times,serif; }

h3 { font: 22px/32px 'Rokkitt',Georgia,Times,serif; }

h3.subheading { font: 24px/25px 'Rokkitt',Georgia,Times,serif; }

h3 a { text-decoration: none; }

h3 a:hover {

	color: #000;

	text-decoration: underline;

}

a {

	text-decoration: underline;

	color: #333;

}

.btn a {

	display: block;

	width: 185px;

	height: 40px;

	font: 18px/40px Arial,Helvetica,sans-serif;

	color: #000;

	text-decoration: none;

	text-align: center;

}

.yellow-btn a.yellow {

	background-color: #FEE73F;

	background-position: -1px -83px;

}

.yellow-btn a { background: #9E9E9E url(../images/btn-sprite.png) no-repeat -1px -1px; }

.yellow-btn a.yellow:hover { background-position: -1px -124px; }

.bar {

	width: 100%;

	height: 29px;

	background: url(../images/news-divider.jpg) center no-repeat;

}

.light { background-color: #fee8a3; }

.darkgray { color: #000; font-weight: bold; }

#clients {

	width: 100%;

	background: #FFF;

}

#clients ul {

	height: 38px;

	padding: 0 15px;

	margin: 0 auto;

	list-style: none;

}

#main-nav {

	position: relative;

	background: #3378C6;

	margin: 0 auto;

	box-shadow: 0px 4px 8px #3A88D2;

	-webkit-box-shadow: 0px 4px 8px #3A88D2;

	z-index: 9999;

}

#nav-bg {

	position: absolute;

	background: url(../images/ribbon.gif) repeat-x;

	top: 38px;

	height: 65px;

	width: 100%;

	z-index: -2;

	overflow: hidden;

}

#nav-wrap {

	height: 40px;

	padding: 5px 0;

	margin: 0 auto;

}

.logo {

	float: left;

	background: url(../images/skywritelogo.png) no-repeat;

	width: 240px;

	height: 42px;

	margin-left: 28px;

	overflow: hidden;

}

ul#navmenu { float: right; }

.nav-item {

	float: left;

	font: 18px/30px 'Rokkitt', Georgia, Times, serif;

	position: relative;

	margin-left: 33px;

}

.nav-item a {

	text-decoration: none;

	color: #FFF;

	display: block;

	padding: 8px 0 5px;

}

.nav-item a:hover {color:#ccc;}

.nav-item:hover .drop { display:block; }

.nav-item .drop {

	display: none;

	position: absolute;

	top: 43px;

	left: -12px;

	width: 205px;

	z-index: 7;

}

.nav-item ul {

	padding: 10px 18px 20px 16px;

	background: #3378C6;

}

.nav-item ul li {

	float: none;

	margin: 0;

}

.nav-item ul a {

	padding: 0 11px;

	height: 1%;

}

.nav-item ul a:hover {

	background: #FDC107;

	color: #000;

}

/*** MAIN CONTENT ***/

#main {

	background: #FFF url(../images/bg-img2.jpg) top center no-repeat;

	padding: 24px 15px 0;

	border-top: 0;

	margin: 0 auto;

	overflow: hidden;

}

.statecity {background: #D7D7D7!important;}

#sidebar {

	float:left;

	width: 185px;

}

#sidebar p {

	font-size: 14px;

	color: #000;

}

#sidebar .btn {

	display: block;

	background: #FEE73F url(../images/btn-sprite.png) no-repeat -1px -83px;

	width: 185px;

	height: 40px;

	color: #000;

	font: 18px/40px Arial,Helvetica,sans-serif;

	text-decoration: none;

	text-align: center;

	margin-bottom: 10px;

}

#sidebar .side-nav { padding: 0 16px 13px 15px; }

#sidebar .side-nav li {

	border-bottom: 1px solid #454545;

	padding: 10px 9px 9px;

}

#sidebar .side-nav a { text-decoration: none; }

#sidebar .side-nav a:hover { color: #3378C6; }

.testimonial-block {

	color: #000;

	font: 14px/20px Georgia,"Times New Roman",Times,serif;

	padding-bottom: 26px;

}

strong.heading {

	display: block;

	font: 14px/28px Arial,Helvetica,sans-serif;

	color: #666;

	margin-bottom: 9px;

}

.testimonial-block q {

	font-style: italic;

	display: block;

}

#selectstate {

	background: #FFF;

	width: 162px;

	height: 17px;

	border: 2px inset #AAA;

}

#statelist {

	position: absolute;

	width: 162px;

	height: 200px;

	background: #FFF;

	display: none;

	overflow: auto;

	z-index: 3;

	border-left: 2px inset #AAA;

}

#statelist a {

	display: block;

	width: 148px;

	text-decoration: none!important;

	background: rgba(0, 0, 0, 0);

	color: #000!important;

	font-size: 12px!important;

	padding: 0;

	margin: 0!important;

}

.vis { display: block!important; }

#sidebar .social { margin: 0 11px 10px 14px; }

#sidebar .social ul {

	overflow: hidden;

	margin-bottom: 14px;

}

#sidebar .social li {

	float: left;

	margin: 0 5px 0 5px;

}

#sidebar .social a {

	text-indent: -9999px;

	overflow: hidden;

	display: block;

	width: 30px;

	height: 30px;

	background: url(../images/social-icons-2.gif) no-repeat;

}

#sidebar .social a.linked { background-position: -30px 0; }

#sidebar .social a.facebook { background-position: -60px 0; }

#sidebar .social a.youtube { background-position: -90px 0; }

#main-content {

	line-height: 18px;

	z-index: 1;

}

#main-content p { padding-bottom: 18px; }

#main-content .fr { margin: 5px 0 0 6px; }

#main-content .fl { margin:5px 16px 0 0; }

.text-block {

	overflow: hidden;

	padding-bottom: 5px;

}

.btn-block {

	width: 216px;

	margin: 0 auto;

	text-align: center;

	font-size: 14px;

	padding: 15px 0 26px;

}

.btn-quote {

	display: block;

	width: 216px;

	height: 65px;

	padding: 69px 0 9px;

	background: url(../images/btn-quote.png) no-repeat;

}

.btn-quote a {

	display: block;

	height: 100%;

	text-indent: -9999px;

	overflow: hidden;

}

.btn-block .phone {

	display: block;

	font: bold 20px/20px Arial,Helvetica,sans-serif;

}

.btn-block a { text-decoration: none; }

#bg-img-wrap {

	margin: 0 auto;

	overflow: hidden;

}

#bg-img {

	display: block;

	top: 38px;

	z-index: -1;

}



/*** CONTACT ***/

.red { color: #F00; }

.formcontent {

	background: #FFF;

	padding: 16px;

	border: 1px solid #000;

	margin-top: 25px;

	clear: both;

}

.formcontent form {overflow: hidden;}

.formcontent .field {

	padding: 6px 8px 6px 6px;

	clear: both;

	overflow: hidden;

}

.formcontent label {text-align: left;}

.formcontent .infusion-option {

	display: block;

	height: 22px;

}

.formcontent.infusion-radio label { float: none!important; }

.formcontent form input[type="radio"]{

	float: left;

	margin-right: 5px;

}

.formcontent form input, #contactForm .formcontent form textarea, #contactForm .formcontent form button {

	border-radius: 5px;

	padding: 5px 3px;

	border: 1px solid #CCC;

	border-radius: 5px;

	-moz-border-radius: 5px;

}

.infusion-submit input {

	background: #FEE73F url(../images/btn-sprite.png) no-repeat -1px -83px;

	text-align: center;

	font: 18px/20px Arial,Helvetica,sans-serif;

	color: #000;

	width: 185px;

	height: 40px;

	margin-bottom: 10px;

}



/*** FOOTER ***/

footer {

	overflow: hidden;

	color: #666;

	padding: 20px 0 0;

	border-top: 1px solid #CCC;

}

footer h4 {

	font-weight: bold;

	color: #999;

	text-transform: uppercase;

}

footer a {

	color: #666;

	text-decoration: none;

}

#nav-block {

	overflow: hidden;

	margin: 0 -3px 19px 3px;

}

#nav-block nav {

	width: 286px;

	float: left;

	font-size: 11px;

	line-height: 18px;

}

#nav-block .list-holder { overflow: hidden; }

#nav-block ul {

	float: left;

	width: 138px;

	margin-right: 5px;

}

footer .social {

	float: right;

	margin-top: -5px;

}

footer .social li {

	float: left;

	margin-left: 8px;

}

footer .social a {

	width: 20px;

	height: 20px;

	text-indent: -9999px;

	overflow: hidden;

	display: block;

	background: url(../images/social-icons-lite.gif) no-repeat;

}

footer .social a.twitter { background-position: 0 0; }

footer .social a.facebook { background-position: -20px 0; }

footer .social a.youtube {

	width: 21px;

	background: url(../images/social-youtube.gif) no-repeat;

}

footer .social a.google { background-position: -40px 0; }

footer .social a.rss { background-position: -60px 0; }

.copy { font-size: 10px; }



/* MAKO STYLE OVERRIDES */

#listingInfomationBlock {

	overflow: hidden;

	margin-bottom: 30px;

}



/*** MEDIA QUERIES ***/

@media (min-width: 768px){

	.mobile {display: none;}

	body {min-width: 1263px;}

	#bg-img-wrap {width: 1008px;}

	#bg-img {

		position: absolute;

		width: 1008px;

	}

	#main-nav {width: 1000px;}

	#nav-bg {min-width: 1263px;}

	#nav-wrap {width: 930px;}

	#clients ul {width: 930px;}

	#main {

		width: 930px;

		border: 1px solid #ABABAB;

	}

	#main-content {

		float: right;

		width: 712px;

		padding: 0 0 0 15px;

		border-left: 1px solid #ABABAB;

		z-index: 1;

	}

	.locations .first-col, .locations .third-col, .locations .fifth-col {

		width: 220px;

		margin-right: 60px;

	}

	.locations .sec-col, .locations .fourth-col, .locations .six-col {width: 220px;}

	.photos object {

		width: 525px;

		height: 430px;

	}

	.formcontent form {

		width: 550px;

		padding: 10px 30px;

	}

	.formcontent label {float: left;}

	.formcontent .field .full {

		width: 285px;

		float: right;

	}

	.formcontent .infusion-radio {

		width: 300px;

		float: right;

	}

	.infusion-submit {

		float: right;

		width: 300px;

		margin: 20px auto 0;

	}

	.compquote{

		font-size:24px;

		padding:30px 20px;

		text-align:center;

		line-height:1.2em;

	}

	footer {

		width: 895px;

		margin: 40px auto;

	}

}



@media (max-width: 767px){

	.desktop, #clients, #main-nav, #news, footer #nav-block, footer #bottom-row .social, .bar, #sidebar, #bg-img-wrap,

	.flmovie {display: none;}

	#main {margin-top:100px;}

	#main-content {

		width: 90%;

		margin: 0 auto 20px;

		overflow: hidden;

	}

	#main-content h2 {margin-bottom:10px;}

	#main-content a img, #main-content div img, p img {max-width:100%;}

	#main-content h1 {margin-bottom:15px;}

	.locations .fl {width:45%}

	.compquote{

		font-size:18px;

		padding:15px;

		text-align:center;

	}

	.infusion-submit {text-align: center;}

	/** HEADER **/

	header.mobile {

		width: 100%;

		position: fixed;

		top: 0;

		z-index: 6;

	}

	header.mobile #ybar {

		overflow: hidden;

		padding: 0 10px;

		background: url(../images/topbtn-bg.gif) top left repeat-x;

	}

	header.mobile #bbar {

		overflow: hidden;

		padding: 0 10px;

		background: url(../images/menu-bg.gif) top left repeat-x;

	}

	header.mobile .first {

		width: 49%!important;

		border-right: 1px solid #000;

	}

	header.mobile .topbtn {

		float: left;

		width: 50%;

		height: 50px;

		text-align: center;

	}

	header.mobile .topbtn a {

		display: block;

		text-decoration: none;

		font-size: 18px;

		font-family: 'Rokkitt',Georgia,Times,serif;

		padding-top: 18px;

	}

	.afternav {height:100px;}

	#logo {

		width: 70%;

		max-width: 240px;

		padding-top: 5px;

	}

	#logo img {width:100%;}

	#mobile-menu-btn {

		color: #fff;

		width: 25%;

		border-left: 1px solid #fff;

		text-align: right;

		padding: 16px 0;

	}

	#mobile-menu-btn a {

		color: #fff;

		text-decoration: none;

		font-size: 20px;

		font-family: 'Rokkitt',Georgia,Times,serif;

	}

	#mobilemenu {

		display: none;

		position: fixed;

		width: 100%;

		max-height: 256px;

		background: #fac20a;

		font-size: 13px;

		top: 100px;

		z-index: 5;

		overflow-y: scroll;

	}

	#mobilemenu .top {

		position: relative;

		background: url(../images/menu-bg.gif) top left repeat-x;

		border-bottom: 1px solid #05274d;

		padding: 11px 0;

	}

	#mobilemenu .top a {color: #fff;}

	#mobilemenu .item a {

		display: block;

		text-decoration: none;

		padding: 5px 20px;

		font-family: 'Rokkitt',Georgia,Times,serif;

		font-size: 17px;

	}

	.drop {

		display: none;

		padding:5px 15px;

	}

	.drop div {

		margin: 3px 0;

		padding: 10px 0;

		border-bottom: 1px solid #333;

	}

	.drop a {

		color: #333!important;

		font-weight: normal!important;

	}

	/** FOOTER **/

	footer {

		padding: 20px;

		text-align: center;

	}

}



@media (max-width: 480px){

	h1 {font: 24px/18px 'Rokkitt',Georgia,Times,serif!important;}

	h2 { font: 18px/16px 'Rokkitt',Georgia,Times,serif!important; }

	.locations .fl {width:40%}

	p .fr, p .fl {

		margin: 5px!important;

	}

	.formcontent input[type="text"] {width:80%;}

}

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}