body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}
h1 {margin:0; font-weight:100; font-size:200%; color:#1d6ca5;	}
h2 {margin:0; font-weight:normal; font-size:150%; color:#1d6ca5;	}
h3 {margin:0; font-weight:normal; font-size:120%; color:black;	}
p  {font-size:100%}
a img { border: none; }


a {	text-decoration:none; color:#1d6ca5;	}
a:hover {text-decoration:underline;	}

.clearfix, .cf {
	zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
	content: " ";
	display: table;
}
.clearfix:after, .cf:after {
	clear: both;
}

/*classes*/
.deck {
	font-size: 115%;
}
.button {
	display: block;
	background: #1d6ca5;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0.2em 0.2em 0.5em #1d6ca5;
	-webkit-box-shadow: 0.2em 0.2em 0.5em #1d6ca5;
}
.button a {
	color: white;
}
.button a:hover {
	color: #e0cc52;
}
.white {
	color: white;
}
/*classes ends*/

/*Navigation*/
#nav {
	/*width: 170px;*/
	max-width: 100%;
	/*float: left;*/
	margin: 20px 0 20px 0;
	padding: 0;
}
#nav li {
	font-size: 120%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav a {
	border-bottom: 1px solid #e0cc52;
	display: block;
	padding: 8px 5px;
	text-decoration: none;
	color: #1d6ca5;
	margin: 0;
}
#nav a:hover {
	color: #e0cc52;
}
#footer li {
	display: inline;
	margin: 0 0px 0 10px;
}
#footer a {
	color: white;
	padding: 0 0 10px;
	margin: 0;
}
/*navigation ends*/

/*layout*/

#wrapper {
	width: 940px;
	max-width: 100%;
	margin: auto;
}
#header {
	position:relative;
	margin-bottom:20px;
	height:180px;
	border:thin solid white;
	background-color:white;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	-moz-box-shadow:0.4em 0.4em 1em #1d6ca5;
	-webkit-box-shadow:0.4em 0.4em 1em #1d6ca5;
}

.maintenance{
	background-image: url(../images/temp/header-bg.jpg)!important;
}

#main-wrapper{
background-color:white;
margin-bottom:20px;
border:thin solid #999999;
-moz-box-shadow:0.4em 0.4em 1em #1d6ca5;
-webkit-box-shadow:0.4em 0.4em 1em #1d6ca5;
}
#nav {
	margin: 20px 0 20px;
	max-width: 100%;
}
#content {
	padding: 0 20px;
	max-width: 94.6%;
	margin: 20px 0 20px;
}
#map {
	/*float: right;
	padding: 0 20px;*/
	width: 700px;
	max-width: 100%;
	margin: 20px 0 20px;
	position: relative;
}

#map-ap {
	padding: 0 10px;
}

#map img {
	float: none;
	margin: 0;
	max-width: 100%;
	height: auto;
}

#content img {
	float: right;
	margin-left: 10px;
	margin-bottom: 3px;
	max-width: 100%;
}
.get-a-quote #content img {
	float: none;
}
#js-holder {
	background-color: white;
	border: thin solid #999999;
	-moz-box-shadow: 0.4em 0.4em 1em #1d6ca5;
	-webkit-box-shadow: 0.4em 0.4em 1em #1d6ca5;
}
#footer {
	background-color: #1d6ca5;
	padding: 7px 20px;
	color: white;
	font-size: 120%;
	-moz-box-shadow: 0.4em 0.4em 1em #1d6ca5;
	-webkit-box-shadow: 0.4em 0.4em 1em #1d6ca5;
}
#logo-text {
	position: absolute;
	left: 23px;
	bottom: 6px;
	width: 300px;
	max-width: 100%;
	text-align: center;
	font-weight: 100;
	padding: 0 0 3px;
}

#logo-text span {
	font-size: 24px;
	color: #1d6ca5;
}

#phone-number {
	position: absolute;
	top: 5px;
	right: 10px;
	color: white;
	width: 400px;
	max-width: 100%;
	color: #FFFFFF;
	font-size: 200%;
	text-align: right;
}
.form {
	background-color: white;
	border: solid thin #e0cc52;
	padding: 20px;
}

.footer-links {
	font-size: 10px;
	float: right;
}

#credit {
	text-align: center;
	margin-top: 20px;
}
#credit a {
	color: #CCCCCC;
	text-decoration: none;
}
#credit a:hover {
	text-decoration: underline;
	color: #990000;
}

/*layout ends*/
/*slider css*/
#slider							{ background: white url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
								  position: relative; margin: 0 0; }

                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 940px; float: left; position: relative; }
.slide span						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #1d6ca5; }
.slide p						{ color: #666666; font-size: 14px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
.slide-click						{ position: absolute; top: 190px; left: 520px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #1d6ca5; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
/*slider css ends*/
.hidden {
	display: none;
	visibility: hidden;
}
#west {
	position: absolute;
	height: 126px;
	width: 137px;
	max-width: 100%;
	left: 139px;
	top: 398px;
	font-weight: bold;
	font-size: 110%;
	padding: 10px 10px 0 10px;
	display: block;
}


#mid {
	position: absolute;
	height: 139px;
	width: 99px;
	max-width: 100%;
	left: 295px;
	top: 317px;
	font-weight: bold;
	font-size: 110%;
	display: block;
}
#mid-east {
	position: absolute;
	height: 148px;
	width: 99px;
	max-width: 100%;
	left: 393px;
	top: 207px;
	font-weight: bold;
	font-size: 110%;
	display: block;
}
#east {
	position: absolute;
	height: 183px;
	width: 99px;
	max-width: 100%;
	left: 495px;
	top: 174px;
	font-weight: bold;
	font-size: 110%;
	display: block;
}
.west {
	display: block;
	padding: 10px;
	text-align: center;
}
.mid {
	display: block;
	padding: 30px 5px 30px 5px;
	text-align: center;
}
.mid-east {
	display: block;
	padding: 70px 5px 70px 5px;
	text-align: center;
}
.east {
	display: block;
	padding: 70px 5px 70px 5px;
	text-align: center;
}
.form-element {
	display: block;
	width: 250px;
	max-width: 100%;
}
/*what not to do starts*/
.case-wrapper {
	padding: 12px;
}
.case-image{
	float: right;
	width: 350px;
	max-width: 100%;
}
.case-wrapper .wp-caption p,
.case-image p {
	text-align: center;
	color: #666666;
	font-size: 10px;
	padding: 5px 0;
	width: auto;
}
.case-image img {
	width: 350px;
	height: 200px;
}
.case-wrapper .wp-caption img {
	width: 312px;
}
.case-text{
	float: left;
	max-width: 100%;
/*width: 44%;*/
}
.case-text p {
	max-width: 100%;
}
.case-text h3{
	font-size: 16px;
}

.case-text .alignright {
	float: none;
	margin: 0 auto;
}

.alignright {
	float: right;
}

.wp-caption, textarea {
	max-width: 100%;
}

#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent, #colorbox img {
	max-width: 100% !important;
}

/*what not to do ends*/

/* MEDIA QUERIES */
@media screen and (min-width: 655px) {
	#map {
		float: none;
		max-width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}

	#map-ap {
		position: absolute;
		width: 300px;
		top: 61px;
		left: 38px;
	}

	#west {
		left: 21%;
		top: 73%;
	}
	#mid {
		left: 40%;
		top: 58%;
	}
	#mid-east {
		left: 54%;
		top: 38%;
	}
	#east {
		left: 67%;
		top: 33%;
	}
}

@media screen and (min-width: 735px) {
	.case-text p {
		width: 50%;
	}

	.case-text .alignright {
		float: right;
	}
}

@media screen and (min-width: 928px) {
	#nav {
		width: 170px;
		float: left;
	}

	#content {
		width: 700px;
		border-left: 1px solid #e0cc52;
		float: right;
	}

}

@media screen and (max-width: 620px) {
	#header {
		background-position: left 20px;
		background-color: #008acb;
		padding-bottom: 20px;
	}

	#phone-number {
		right: 0;
		font-size: 18px;
		text-align: center;
	}

	.alignright {
		float: none;
		margin: 0 auto;
	}
}

@media screen and (max-width: 630px) {
	.jquery-responsive-select-menu.jrsm-0 {
		width: 60% !important;
	}

	#content img {
		float: none;
		display: block;
		margin: 10px auto;
	}
}

@media screen and (max-width: 655px) {
	#west {
		left: 15%;
		top: 72%;
		width: 80px;
	}
	#mid {
		left: 37%;
		top: 60%;
		width: 62px;
	}
	#mid-east {
		left: 48%;
		top: 40%;
		width: 76px;
	}
	#east {
		left: 68%;
		top: 36%;
		width: 68px;
	}
}

@media screen and (max-width: 836px) {
	.jquery-responsive-select-menu.jrsm-0 {
		display: block;
		width: 30%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 928px) {
	#menu-main-menu {
		padding: 0 20px;
	}

	#menu-main-menu li {
		display: inline-block;
	}

	ul.btn-wrap {
		padding: 0 20px;
	}
}