/*-------------------------------------------
	*  Filename:            default.css 
	*  Description          default css
	*  Version              1.0.0 [2012-01-06]
	*  Style ID             5703
	*  Author:              ProSites | Dre now Jayson
	---------------------------------------------*/
	
@import url('../../../css/global.css');
/* RESETS */
	
#w_all, #container, #header, #nav_bg, #flash, #banner, #phone, #footer, #container_bg, #footer_bg {
	margin: 0 auto;
	padding: 0px;
}
body, #w_all, #container_bg, #nav_bg, #phone_bg, #footer_bg, #container, #header {
	text-align: center;
}
/*** GENERAL FORMAT *************************************************************************************/
	
body {
	background: #071b33;
	font: 15px Arial, Helvetica, sans-serif;
	line-height: 22px;
}

body, legend {
	color: #fff;
}

a:link, a:visited, a:active {
	color: #5e96d8;
}

a:hover {
	color: #69a9f5;
}
fieldset, img {
	border-color: #5e96d8;
}
fieldset {
	text-align: left;
}
hr {
	background-color: #5e96d8;
	color: #5e96d8;
}

a img { border: none;}

.Button {
	color: #fff;
	background: #5e96d8;
	border: solid 1px #5e96d8;
}
.ButtonHover {
	color: #fff;
	background: #0c2c52;
	border: solid 1px #000;
}
.clear {
	clear: both;
}
/* PARENT WRAPPERS ***** NOTE** indicate wrapper children in ID/class name ******************************/
	
#w_nav {
    background: #3b7fd0;
	width: 100%;
	min-width: 965px;
	margin: 0 auto;
	padding: 10px 0 10px 0;


}

#wrapper { 	
	width: 100%;
	min-width: 965px;
	margin: 0 auto;
}

#wrapper.interior { 	
	background: url(https://styles.prosites.com/litesite/5705/images/BG-int.jpg) repeat-x;
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
}

#w_footer {
	width: 100%;
	min-width: 965px;
	margin: 0;
	padding: 0px 0 55px 0;
	font-size: 11px;
}

/* CORE INNER ELEMENTS ****************/
	
#header {
	width: 905px;
	height: 65px;
	margin: 0 auto;
	margin-bottom: 28px;
	padding: 0 30px 0 30px;
}
#nav {
	width: 935px;
	margin: 0 auto;
	padding: 0;
}
#nav img{
    margin: 0 0 0 10px;   
}
#jQuery { width: 100%; min-width: 980px; height: 532px; position: relative; margin: 0 auto; z-index: 2; overflow: hidden; }


.logo { position: absolute; right: -20px; top: 171px; z-index: 75; }

.logo-subtxt { 	text-align: center; color: #fff; font-size: 25px; line-height: 32px;
	width: 348px; height: auto; overflow: hidden; position: absolute; right: -20px;	bottom: 120px; z-index: 75; }

#banner {
	background-repeat: no-repeat;
	background-position: bottom;
	width: 1000px;
	height: 441px;
	width: 100%;
}
#content {
	margin: 0px;
	padding: 0 0 30px 0;
	overflow: visible;
	text-align: left;
	width: 599px;
	min-height: 289px;
	text-align: justify;

}
#content-interior {
	margin: 0 auto;
	padding: 50px 0px 55px 0px;
	overflow: hidden;
	text-align: left;
	width: 965px;
	min-height: 289px;
	font-size: 16px;
	text-align: justify;
}
#footer {
	width: 916px;
	height: auto;
	overflow: hidden;
	text-align: left!important;
	color: #d1d1d1;
	font-size: 14px;
	padding: 35px 0 10px 0;
}
/*** CUSTOM DIVS if any custom CORE INNER ELEMENTS is needed please add in the section below*************/

#btn-wrap {
	width: 980px;
	height: auto;
	overflow: hidden;
	margin: 0px auto 50px auto;
	padding: 40px 0 0 0px;
}
#btn-wrap img {
	border: none;
}
#btn-1 {
	margin: 0 27px 0 0px;
	float: left;
}
#btn-2 {
	margin: 0 27px 0 0;
	float: left;
}
#btn-3 {

	float: left;
}
.spacer {
	margin: 44px auto 26px;
}

.content-wrap {
 background:  #134075 url(../images/content-BG.png);
 width: 100%;
 min-width: 965px;
 margin: 0; 
 padding: 0;

}

#col-wrap {
	width: 965px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 30px 0;

}
#col1 {
	width: 660px;
	min-height: 270px;
	padding: 0 0 0 30px;
	float: left;
}
#col2 {
	width: 119px;
	height: auto;
	float: left;
	padding: 80px 0 0 0;
	margin: 0px auto 0;
	text-align: center;

}
#ass-wrap {
	width: 980px;
	margin: 0 auto 50px;
}
#association-wrap img {
	border: none;
	margin-right: 27px;
}
#w_address-bar {
	 width: 240px;
	 float: left;
	 font-size: 17px;

}

#address-bar { 
	margin-top: 23px;
	margin-left: 25px;
}
#social-icon-wrap {
	width: 200px;
	margin: 0 0 25px 0;
	padding: 15px 0 0 0;

}
#social-icon-wrap img {
	border: none;
	margin-right: 4px;
}
.footer-title {
	font-size: 20px;
	font-weight: bold;
	color: #dedfe0;
}
.footer-address {
	line-height: 17px;
}

.folow-us-text {
	font-weight: normal!important;
 	color: #c7c7c7;
}

.office-hours {
	margin-top: 80px;
	margin-bottom: 10px;
}

ul.hours-of-op { 
	margin-left: -30px;
	margin-top: 0px;
}

ul.hours-of-op li { 
	list-style: none;
	font: 16px Arial, Helvetica, sans-serif;
}


/*** BGFADER ***********/

.sliderbutton {
	float: left;
	width: 32px;
	padding-top: 134px
}
.sliderbutton img {
	cursor: pointer
}
.sliderbutton img:hover {
	background: #666
}
#slideshow {
	width: 100%;
	min-width: 900px;
	height: 532px
}
#slideshow ul li {
	margin: 0;
	padding: 0;
}
#slides {
	width: 100%;
	min-width: 900px;
	height: 532px;
	list-style: none;
	overflow: auto;
}
#slides .bgimg {
	width: 100%;
	min-width: 900px;
	height: 532px;
}
#slides li {
	width: 20px;
	height: 20px;
	list-style: none;
}
.pagination {
	list-style: none;
	height: 25px;
	margin: 0;
	position: relative;
	z-index: 100;
}
.pagination li {
	float: left;
	cursor: pointer;
	padding: 0;
	background: #666;
	margin: 0 4px 0 0;
	text-align: center;
	color: #222
}
.pagination li:hover {
	background: #777;
	border: 1px solid #bbb;
	color: #000
}
li.current {
	border: 1px solid #ccc;
	background: #fff
}
#pag {
	width: 128px;
	height: 35px;
	position: relative;
	float: left;
	margin: 0 0 0 80%;
	z-index: 100;
	display: none;
}
li#content {
	width: 464px;
	height: 270px;
	padding: 15px 18px 15px 18px;
	background: #fff
}
#content h1 {
	font: 22px Georgia, Verdana;
	margin-bottom: 15px;
	color: #fff
}

/*** #footer ***********/

#footer-social-wrap {
	width: 280px;
	float: left;
	margin-top: 21px;
	font-size: 17px;
}

#footer-social-wrap ul { 
	overflow: hidden;
	margin: -7px 0 0 0;
}

#footer-social-wrap ul li { 
	float: left; 
	list-style-type: none; 
	width: 21px;
	margin: 0 8px 0 0px
}

#footer-social-wrap ul li img{}

#footer-social-wrap img { 
	vertical-align:middle;

}

.addresssub {
	color: #aeaeae;
	display: block;
	margin-bottom: 5px;
}

#footer-nav-wrap {
	width: 395px;
	float: left;
	margin-top: 5px;
}

#footer-nav-wrap h1 span.brown-period {color:#44b0d3; }

#footer-nav-wrap h1 { 
	color: #5abbd8;
	font-size: 20px;
}

#footer .footer_nav {
	margin: 0px;
	padding: 7px 0px 10px 0px;
}
#footer p {
	margin: 3px;
	padding: 0px;
	line-height: 18px;
}
#footer .devby {
	margin: 0px;
	padding: 2px 0px 0 0px;
}

.devby{
	color: #d1d1d1;
}


a.blue-link { 
	color: #5e96d8!important;
	text-decoration: none!important;
	font-weight: bold!important;
    font-size: 16px;
}

a.blue-link:hover { 
	color: #fff!important;
	font-weight: bold!important;
	text-decoration: none!important;
	font-size: 16px;

}
.driving-dir{
	color: #5e96d8;
	font-weight: bold;

}
.driving-dir:hover{
	color: #fff;
	font-weight: bold;

}
#footer br {
	display: inline!important;
} /* hide coded breaks*/

#footer a:link, #footer a:visited, #footer a:active {
	color: #d1d1d1;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

.footer-link {
	font-weight: bold;
	display: block;
	padding: 10px 0 0 0;
}

.phone-num {
	font-size: 17px;
	display: block;
	padding: 7px 0 0 0;
}

/************************************************
	*												*
	*	NOTE: Section below is for the default 		*
	*	pages in the engine. Only color,			*
	*	background color and border should be 		*
	*	changed. There is an exception for custom	*
	*	websites.									*
	*												*
	************************************************/

	/*  BORDER COLORS FOR DEFAULT PAGES *********************************************************************/
	
.PageService_Line_Group_Name,  .PageService_Line_Item_Name,  .PageInternetLink_Category_Container,  .PageFAQ_Answer,  .PageTestimonial_Intro,  .PageTestimonial_Container,  .PageContact_Office_Photo,  .PageContact_Contact_Photo,  .PageContact_Contact_Seperator {
	border-color: #5e96d8;
}
/*  INTERIOR DEFAULT FORMS ******************************************************************************/

	/* MAIN CONTACT PAGE FORM **********/
	
.qcform {
	background: #e6e6e6;
	border: none;
	color: #787878;
	font-size: 14px;
	text-align: left;
	line-height: 18px;
} /*container form*/
.qcformcolor {
	background: #d5d5d5;
	border-color: #bfbfbf;
	color: #000;
} /*input field*/
hr.qcform {
	background-color: #67a6f1;
}
/* AppointmentRequestForm */
#AppointmentRequestForm .qcformcolor {
	font: 12px verdana, arial, sans-serif;
	padding: 2px;
	width: 234px;
	background-color: #d5d5d5!important;
	border: 1px solid #bfbfbf;
	color: #000;
}
/* MINI FORM PLUGIN ****************/

.m-form,  .m-form-low,  .m-form-services,  .m-form-inner-services {
	background: #e6e6e6!important;
	border: none;
	color: #787878;
	font-size: 14px;
	text-align: left;
	line-height: 18px;
}/*container form*/
.m-formcolor,  .m-form-innercolor {
	background: #d5d5d5;
	border-color: #bfbfbf;
	color: #000;
}/*input field*/
.m-form h1,  .m-form-low h1,  .m-form-services h1,  .m-form-inner-services h1 {
	font-family: arial; /*NEED TO DECLARE FONT HERE*/
}
/* MINI FORM POSITION **************/
	/*NEED TO ADJUST TOP MARGIN FOR EACH*/ 
	
.m-form {
	margin: 88px 0px 7px 20px;
}
.m-form-low {
	margin: 69px 0px 7px 20px;
}
.m-form-services {
	margin: 88px 0px 7px 20px;
}
.m-form-inner-services {
	margin: 98px 0px 7px 20px;
}
		
	/* Webkit - Browsers have an offset of 1px horizontally - due to odd nuber in pixel resolution vieport */
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
html {
	overflow-x: scroll;
	margin-left: -1px;
}
}