/* CSS Document */

body {
	background: none repeat scroll 0% 0% #ECE8E5 !important;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

p a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

h1 { color: #0000FF; }
h2, h3, h4, h5, h6 { color: #000; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h3.tight, h4.tight, h5.tight, h6.tight { margin-bottom: 0px; }

.clear { clear: both; }

p.small { font-size: 10px; }
p.italic { font-style: italic; }
p.padtop { margin-top: 10px; }

/*------------- Address -------------*/
div.header {
	padding: 10px 0px 10px 0px;
}

div.header .col-xs-12 p.companyname {
	color: #0000FF;
	font-size: 18px;
	font-weight: bold;
}
div.header .col-xs-12 p.hours {
	clear: both;
	color: #000000;
	font-size: 12px;
}
div.header .col-xs-12 p.companyname img {
	max-width: 200px;
	max-height: 57px;
}


/*------------- Navigation Bar -------------*/
.navbar-toggle .icon-bar {
	color: #FFF;
}

.navbar {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.navbar.navbar-default {
	/* top, bottom, left, right; */
    -webkit-box-shadow: 0px -1px 3px rgba(50, 50, 50, 0.75),
						0px 4px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px -1px 3px rgba(50, 50, 50, 0.75),
						0px -4px 3px rgba(50, 50, 50, 0.75);
    box-shadow:         0px -1px 3px rgba(50, 50, 50, 0.75),
						0px 4px 3px rgba(50, 50, 50, 0.75);

	/*border: none;*/
}
.navbar,
.navbar-default .navbar-nav a,
.navbar-default .navbar-nav a:active,
.navbar-default .navbar-nav a:link,
.navbar-default .navbar-nav a:hover,
.navbar-default .navbar-nav a:visited,
.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav .dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus {
	background-color: #0098D4 !important;
    color: #fff;
	background-color: #FFF !important;
    color: #172E5E;

}

.navbar-default .navbar-nav a:active,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #fff !important;
    color: #0098D4;
	background-color: #172E5E !important;
    color: #FFF;
}

.nav-button {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 10px;
}


@media (min-width:992px) and (max-width:1199px) {
.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 6px !important;
}
}


/*------------- Carousel -----------------------------------*/
.carousel-inner img { margin: auto; }

/*------------- Special full device width divs -------------*/
.full-width {
	width: 100%;
	margin: 0px;
	padding: 10px;
}


	
/*------------------- Special Background ------------------*/
.background1,
.background2,
.background3,
.background4,
.background5,
.background6,
.background7,
.background8,
.background9,
.background10,
.background11,
.background12 { 
	background-size: 100% auto;
	height: auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
}
.background1 { background: url('/img/') no-repeat top; }
.background2 { background: url('/img/') no-repeat top; }
.background3 { background: url('/img/') no-repeat top; }
.background4 { background: url('/img/') no-repeat top; }
.background5 { background: url('/img/') no-repeat top; }
.background6 { background: url('/img/') no-repeat top; }
.background7 { background: url('/img/') no-repeat top; }
.background8 { background: url('/img/') no-repeat top; }
.background9 { background: url('/img/') no-repeat top; }
.background10 { background: url('/img/') no-repeat top; }
.background11 { background: url('/img/') no-repeat top; }
.background12 { background: url('/img/') no-repeat top; }


/*------------------- Aligning ------------------*/
.center { text-align: center; }
.justified { text-align: justify; }


/*------------- Foreground/Background Color Combos -------------*/
.black { background-color: transparent; color: #000; }
.light-blue { background-color: #3297d0; color: #FFF; }   /* #0098D4; */
.blue { background-color: #172E5E; color: #FFF; }   /* #2a2c81; #365bd9; */
.grey { background-color: #ECE8E5; color: #000; }
.white { background-color: #FFF; color: #000; min-height: 450px; }
.blue { background-color: #0098D4; border-bottom: 2px solid #000; border-top: 2px solid #000; color: #000000; }



/*--------------------- Domain / Hosting ------------------------------*/

/* forms */
/* top, bottom, left, right; */
div.form {
	border: solid 1px #172E5E;
    -webkit-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 	4px 4px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 		 4px 4px 3px rgba(50, 50, 50, 0.75);
	clear: both;
	display: block;
	padding: 0px;
	width: 100%;
}

div.form-header {
	background-color: #172E5E;
	color: #FFF;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

div.form-body {
	background-color: #FFF;
	padding: 10px;
	text-align: center;
	width: 100%;
}

/* control heights */
div.form-body input[type=radio],
div.form-body input[type=text],
div.form-body select {
	height: 22px;
	margin: 0px;
}

div.form-body input[type=radio],
div.form-body label {
	font-weight: normal;
   	padding: 0px;
    vertical-align: middle;
}
div.form-body label { padding-left: 5px; }

/* form buttons */
div.formbutton input#checknow ,
div.formbutton input#registernow, 
div.formbutton input.ordernow {
	background-color: #172E5E; 
	color: #FFF;
	font-size: 12pt; 
	height: auto; 
	width: auto;
}

/* form lists */
div.form ul { font-size: 10pt; text-align: center; }
div.form ul li { text-align: left; }

/*--------------------- Contact Us------------------------------*/
sup { color: #000; }

#name.focus,
#phone.focus,
#email.focus,
#message.focus,
#phone2.focus {
	background-color: #FFF; 
	color: #000;
	width: 100%;
}

#name.nofocus,
#phone.nofocus,
#email.nofocus,
#message.nofocus {
	background-color: #C0C0C0; 
	color: #FFF;
	width: 100%;
}

div.footnote { 
	margin-bottom: 10px;
	width: 100%;
}
div.footnote span { 
	font-size: 8pt;
	font-style: italic;
	vertical-align: top;
}

/* contains wrapper to center form button */
div.formbutton { 
	height: 50px;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}

/* form buttons */
div.formbutton input#sendemail,
div.formbutton input#callmenow {
	background-color: #172E5E; 
	color: #FFF;
	font-size: 14pt; 
	height: 50px; 
	width: 50%;
}

/* contact status */
div#status {
	background-color:#FFF;
	border-radius: 10px 10px 10px 10px;
 	margin-top: 10px;
	padding: 5px;
	text-align: left;
	width: 100%;
}
div#status.sending { color: #0098D4; }
div#status.error { color: #FF0000; }
div#status.success { color: #172E5E; }

.ui-dialog-titlebar-close { visibility: hidden; 
}

/*-------------------------------------Footer--------------------------------------*/
.footer {
	background: none repeat scroll 0% 0% #ECE8E5 !important;
	border-top: 2px solid #000;
	padding-top: 5px;
	text-align: center;
	width: 100% !important;
}

.footer p.small { font-size: 10px; }

.footer a,
.footer a:active,
.footer a:link,
.footer a:hover,
.footer a:visited {
	text-decoration: none;
}