@font-face{
	font-family: "Raleway-Light";
	src: url('../fonts/Raleway-Light.ttf') format('truetype');
}
@font-face{
	font-family: "Goudy-Sans";
	src: url('../fonts/itc-goudy-sans-lt-bold-italic.ttf') format('truetype');
}
@font-face{
	font-family: "GoudySansBoldItalic";
	src: url('../fonts/GoudySansStd-BoldItalic.otf') format('opentype');
}
body{
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	font-weight: lighter;
}
.mainContainer{
	padding: 0;
}
.mainSidebar{
	display: block;
	position: fixed;
	float: left;
}
.col-md-3{
	background-image: url(../../img/Sidebar-Background.png);
	background-size: cover;
	height: 100%;
	-moz-box-shadow: 1px 1px 3px #444;
	-webkit-box-shadow: 1px 1px 3px #444;
	box-shadow: 1px 1px 3px #444;
}
.logoClick{
	display: block;
	width: 100%;
	padding: 32.5% 0;
	margin-top: 10%;
}
.navbarTwo{
	display: none;
}
.navbar{
	margin-bottom: 0px;
}
.companyLogo{
	width: 68%;
	margin: 27% 16% 30% 16%;
}
.container{
	width: 100%;
	padding: 0;
	margin-top: 20%;
}
.navbar{
	border: none;
}
.navbar-header{
	padding-bottom: 30px;
	border-color: transparent;
}
.nav>li>a{
	padding: 5px 15px;
}
.nav-pills>li>a{
	border-radius: 0px;
	color: #fff;
	font-family: "GoudySansBoldItalic", sans-serif;
	font-size: 1.85em;
	font-weight: bolder;
	padding-left: 20px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
.nav-pills > li > a:hover{
	background-color: #fff;
	color: #005bab;	
}
.nav-pills >li>a:hover{
	background-color: #FFF;
	color: #005bab;
}	
.navbar-collapse{
	padding-left: 0px;
	padding-right: 0px;
}
.navbar-default{
	background-color: transparent;
	border-radius: 0px;
	border-color: transparent;
}
.item img{
	width: 100%;
}
.item p{
	background-color: rgba(0,0,0,0.3);
	font-size: 40px;
}
#content{
	margin-top: 0px;
}
#contact_area{
	padding-top: 15px;	
}
.col-md-9{
	display: block;
	position: relative;
	float: right;
	padding: 0;
}
.row{
	margin: 20px 40px 40px 40px;
}
.row2{
	margin: 40px;
}
.content{
	padding: 20px;
	width: 60%;
	background-color: rgba(255,255,255,.7);	
}
.row3{
	clear: left;
	margin: 40px;
}
.col-md-4 p{
	font-size: 1.5em;
}
.gold{
	background-color: rgba(255,176,0,0);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	
}
.green{
	background-color: rgba(0, 134, 0, 0);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.red{
	background-color: rgba(0, 134, 0, 0);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blue{
	background-color: rgba(0, 134, 0, 0);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;	
}
.services{
	margin: 2.5% 5%;
}
table{
	margin: 40px 0;
	font-size: 1.5em;
}
table td{
	width: 30px;
	padding: 20px 10px;	
}
.footer1{
	display: block;
	position: relative;
	color: #FFF;
	margin-top: 100px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 10px;
}
footer{
	display: none;	
}
.map{
	padding: 20px 0 0 0;	
}
.map iframe{
	width: 800px;
	height: 600px;	
}
.full{
	padding: 20px 20px;
}
.exterior{
	padding: 20px 20px;
}
.service{
	padding: 20px  20px 0 20px;	
}
h1,h2,h3{
	font-family: "GoudySansBoldItalic";
	font-weight: bolder;
	text-align: left;
}
h1{
	color: #06C;	
}
p{
	font-size: 1.5em;	
}


@media (max-width: 991px ){
	.mainSidebar{
		display: none;
	}
	.navbarTwo{
		background-image: url(../../img/Navbar-Background.png);
		display: block;
	}
	.navbar-toggle{
		background-color: #fff;
		border-color: transparent;
	}
	.nav{
		background-color: transparent;
		margin-top: 0px;
		margin-right: 0px;
	}
	.nav>li>a{
		border-radius: 0px;
		line-height: 1em;
		font-family: "GoudySansBoldItalic", sans-serif;
		font-size: 1.2em;
		font-weight: bolder;
		line-height: 80px;
		height: 80px;
		padding: 0 10px;
	}
	.navbar-default .navbar-nav > li > a {
		color: #FFF;
	}
	.navbar-default .navbar-nav >li>a:hover{
		background-color: #FFF;
		color: #005bab;
	}
	.container{
		background-color: transparent;
		padding: 0px;
		margin-top: 0px;
		margin-left: 0px;
	}
	.col-md-9{
		margin-top: 80px;
		display: block;
		position: relative;
		float: left;
		padding: 0;
	}
	.navbar-header{
		border-color: transparent;
		padding-bottom: 0px;
	}
	.navbar-brand{
		line-height: 80px;
		height: 80px;
		padding: 7px;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
		margin-left: 35px;
	}
	.col-md-3{
		background-color: #005bab;
		padding-bottom: 0;
	}
	.navbar-collapse{
		border-top-color: #005bab;
		max-height: 300px;
	}
	.item p{
		font-size: 15px;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
		color: #005bab;
		background-color: #FFF;
		
	}
	footer1{
		display: none;	
	}
	footer{
	display: block;
	position: fixed;
	width: 100%;
	background-color: #54a4db;
	padding: 10PX 30px;
	font-family: Helvetica, sans-serif;
	bottom: 0;
	}
	.text-muted{
		color: white;
		font-size: 14px;	
	}
	.row{
		margin: 20px 40px 60px 40px;
	}
	.row2{
		margin: 40px 40px 60px 40px;
	}
	.row3{
		margin: 40px 40px 60px 40px;
	}
}
@media (max-width: 770px){
	.nav{
		margin-top: 0px;
		margin-right: 0px;
	}
	.nav>li>a{
		border-radius: 0px;
		line-height: 1em;
		font-family: "GoudySansBoldItalic", sans-serif;
		font-size: 1.25em;
		font-weight: bolder;
		line-height: 30px;
		height: 30px;
		padding-left: 40px;
	}
	.navbar-default .navbar-nav > li > a{
		color: #005bab;
	}
	.navbar-default .navbar-nav > li.active > a{
		background-color: #005bab;
		color: #FFF;	
	}
	.navbar-default .navbar-nav >li>a:hover{
		background-color: #005bab;
		color: #FFF;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
		margin-left: 30px;
	}
	.navbar-toggle{
		margin-right: 30px;
		margin-top: 25px;
	}
	.navbar-collapse, .collapse{
		background-color: #fff;
	}
	.navbar-nav{
		margin: 0;
	}
	.map iframe{
		width: 500px;
		height: 400px;	
	}
}
@media (max-width: 420px){
	.row{
		margin: 10px 5px 60px 5px;
	}
	.row2{
		margin: 10px 5px 20px 5px;
	}
	.row3{
		margin: 10px 5px 60px 5px;
	}
	.map{
		padding: 0;	
	}
	.map iframe{
		width: 100%;
		height: auto;	
	}
	.col-md-6{
		width: 100%;	
	}
	table td{
		width: 30px;	
	}
	table textarea{
		width: 200px;	
	}
}