/* ----- GLOBAL CSS ----- */
body 						

{ font-family:Tahoma, Verdana; color:#4C4C4C; font-size:14px; padding:0; margin:0; border-top:10px solid #C8C8C8;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	
	background-image:url(../images/main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-color:#14181B;
	
	background-size: cover; 

}
	
	div, p, span, h1, h2, h3, h4, h5 { margin:0; padding:0; font-weight:normal; }
	h1, h2, h3, h4, h5 { font-family: 'Julius Sans One', sans-serif; line-height:130%; }
	h2 { margin-bottom:20px; }
	.left { float:left; }
	.right { float:right; }
	.clear { clear:both; }
	.space { width:6px; height:6px; }
	.pad15 { padding-top:15px; }
	.pad11 { padding-top:11px; }
	.pad20 { padding-top:20px; }
	
	/* Font Size */
	.f60 { font-size:60px; font-weight:bold; letter-spacing:-2px; }
	.f50 { font-size:50px; font-weight:bold; letter-spacing:-2px; }
	.f40 { font-size:40px; font-weight:bold; letter-spacing:-2px; }
	.f30 { font-size:30px; font-weight:bold; }
	.f26 { font-size:26px; font-weight:normal; }
	.f20 { font-size:20px; font-weight:bold; }
	.f18 { font-size:18px; font-weight:bold; }
	.f11 { font-size:11px; }
	
	/* Font Colors */
	.darkgray { color:#333333; }
	.green { color:#54AF46; }
	.white { color:#FFFFFF; }
	.yellow { color:#E9D341; }
	.silver { color:#C8C8C8; }
	
	/* Font Styles */
	.font1 { font-family: 'Oxygen', sans-serif; }
	.font2 { font-family: 'Julius Sans One', sans-serif; line-height:120%; letter-spacing:-.06em; }
	
	/* Font Weight */
	.bold { font-weight:bold; }
	

/* ----- HOLDER ----- */
#main-holder { width:1000px; margin:0 auto 0 auto; padding:0; }
	/* Header */
	#header-holder { width:1000px; margin:0; padding:0; position: relative; }
		a#logo { width:685px; height:173px; margin:0 auto 0 auto; padding:0; background:url(../images/logo-hover.png) no-repeat 0 0; display:block; text-decoration:none; }
		a#logo:hover { background-position:0 -173px; text-decoration:none; border:0; }
		a#logo span { position:relative; /*top:-999em;*/ visibility:hidden; border:none; text-decoration:none; }
		
	/* Main Navigation */
	#main-navigation { width:860px; height:59px; margin:0 auto 0 auto; padding:0; }
		.nav { margin:-8px 0 0 25px; padding:0; color:#FFFFFF; }
		.nav ul { margin:0; padding:0; list-style:none; }
		.nav ul li { margin:0; padding:0; display:block; float:left; font-family: 'Julius Sans One', sans-serif; font-size:25px; font-weight:bold; letter-spacing:-.06em; }
		
		/* home and about nav */
		.nav ul li a.bg1  { width:105px; height:59px; margin:0 0 0 0; padding:15px 0 0 18px; color:#FFFFFF; text-decoration:none; background:url(../images/hover-new.png) no-repeat 0 -59px; display:block; }
		.nav ul li a.bg1:hover { text-decoration:none; background-position:0 0; color:#14181B; }
		.nav ul li a.bg1.active { text-decoration:none; background-position:0 0; color:#14181B; }
		
		/* services */
		.nav ul li a.services { width:126px; height:59px; margin:0; padding:15px 0 0 18px; color:#FFFFFF; text-decoration:none; background:url(../images/hover-new.png) no-repeat -125px -59px; display:block; }
		.nav ul li a.services:hover { text-decoration:none; background-position:-136px 0; color:#14181B; }
		.nav ul li a.services.active { text-decoration:none; background-position:-136px 0; color:#14181B; }
		
		/* portfolio */
		.nav ul li a.portfolio { width:152px; height:59px; margin:0; padding:15px 0 0 18px; color:#FFFFFF; text-decoration:none; background:url(../images/hover-new.png) no-repeat -295px -59px; display:block; }
		.nav ul li a.portfolio:hover { text-decoration:none; background-position:-295px 0; color:#14181B; }
		.nav ul li a.portfolio.active { text-decoration:none; background-position:-295px 0; color:#14181B; }
		#header-holder .coming-soon {
    position: absolute;
    width: auto;
    right: 0px;
    bottom: 42px;
}
#header-holder .coming-soon a {
    background-color: rgb(255, 248, 57);
    color: #000;
    line-height: 31px;
    float: left;
    padding: 0px 15px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Julius Sans One', sans-serif;
    font-size: 16px;
    border: 5px solid #000;
}

/* Coming soon */

div#comingsoon-holder {
    text-align: center;
}
#comingsoon-holder a {
    width: 100%;
    display: block;
}
#comingsoon-holder a img {
    width: 500px;
}
/* Coming soon ends */	


		/* contact */
		.nav ul li a.contact { width:245px; height:59px; margin:0; padding:15px 0 0 25px; color:#FFFFFF; text-decoration:none; background:url(../images/hover-new.png) no-repeat -467px -59px; display:block; letter-spacing:-.13em; }
		.nav ul li a.contact:hover { text-decoration:none; background-position:-467px 0; color:#14181B; }
		.nav ul li a.contact.active { text-decoration:none; background-position:-467px 0; color:#14181B; }
		
		
	/* Main Content */
	#main-content-holder { width:1000px; margin:20px 0 0 0; padding:0; }
		/* Subpage Content */
		#sub-content-holder { width:960px; margin:50px 0 0 0; padding:20px 20px 40px 20px; background:url(../images/subpage-bg.png) repeat; color:#CFD3D6; line-height:150%; letter-spacing:.05em; }
		#sub-content-holder p { padding:0 0 20px 0;}
		#sub-content-holder p a { color:#fff; text-decoration:underline; }
		#sub-content-holder p a:hover { color:#C8C8C8; text-decoration:underline; }
		
		/* White BG */
		#sub-content-holder-white { width:960px; margin:50px 0 0 0; padding:20px 20px 40px 20px; background: #FFF; color:#000; line-height:150%; letter-spacing:.05em; }
		#sub-content-holder-white p { padding:0 0 20px 0;}
		#sub-content-holder-white p a { color:#000; text-decoration:underline; }
		#sub-content-holder-white p a:hover { color:#C8C8C8; text-decoration:underline; }
		
		.sub-content ul { margin:-8px 0 20px 25px; padding:0; list-style:none; }
		.sub-content ul li { margin:0; padding:0 0 0 20px; font-weight:normal; line-height:170%; background:url(../images/li-img.png) no-repeat 0 10px; }
		.sub-highlight-yellow { width:220px; float:right; margin:0 0 20px 20px; padding:15px; background-color:#E9D341; color:#444444; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
		.sub-highlight-yellow ul { margin:-8px 0 20px 25px; padding:0; list-style:none; }
		.sub-highlight-yellow ul li { margin:0; padding:0 0 0 20px; font-weight:normal; line-height:170%; background:url(../images/li-img-sub.png) no-repeat 0 10px; }
		.sub-highlight-silver { width:220px; float:right; margin:0 0 20px 20px; padding:15px; background-color:#C8C8C8; color:#444444; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
		.sub-highlight-silver ul { margin:-8px 0 20px 25px; padding:0; list-style:none; }
		.sub-highlight-silver ul li { margin:0; padding:0 0 0 20px; font-weight:normal; line-height:170%; background:url(../images/li-img-sub.png) no-repeat 0 10px; }
		#mid-content { width:1000px; height:140px; margin:0; padding:0; }
			/* mid content free quote button */
			a.mid-freequote { width:375px; height:136px; margin:10px 0 0 0; padding:0; text-decoration:none; background:url(../images/quote-btn.png) no-repeat 0 0; display:block; position:absolute; z-index:10px; }
			a.mid-freequote:hover { text-decoration:none; background-position:0 -141px; }
			a.mid-freequote span { position:relative; /*top:-999em;*/ visibility:hidden; border:none; text-decoration:none; }
		
		/* Services */
		#full-project { width:1000px; height:415px; margin:0; padding:0; background:url(../images/content-bg1.png) no-repeat bottom center; }
		#partial-project { width:1000px; height:415px; margin:0 0 0 0; padding:22px 0 0 0; background:url(../images/content-bg2.png) no-repeat top center; }
			.column1 { width:393px; height:393px; margin:0; padding:0; float:left; }
			.column-fullproject { width:398px; height:398px; margin:0 9px 0 12px; padding:0; float:left; background:url(../images/full-project-img.png) no-repeat; }
				.column-fullproject ul { margin:15px 0 0 35px; padding:0; list-style:none; }
				.column-fullproject ul li { margin:0; padding:0 0 13px 20px; font-family: 'Oxygen', sans-serif; font-size:22px; color:#FFFFFF; font-weight:normal; letter-spacing:-.025em; line-height:100%; background:url(../images/li-img.png) no-repeat 0 8px; }
			.column-partialproject { width:398px; height:398px; margin:0 11px 0 8px; padding:0; float:left; background:url(../images/partial-project-img.png) no-repeat; }
			.column-partial-small { width:393px; height:193px; margin:0; padding:0; float:left; background:url(../images/partial-project-img4.jpg) no-repeat; }
				.column-partial-small ul { margin:9px 0 0 25px; padding:0; list-style:none; }
				.column-partial-small ul li { margin:0; padding:0 0 0 20px; font-family: 'Oxygen', sans-serif; font-size:20px; color:#FFFFFF; font-weight:normal; letter-spacing:-.025em; line-height:170%; background:url(../images/li-img.png) no-repeat 0 13px; }	
			.column2 { width:188px; height:393px; margin:0; padding:0; float:left; }
			.column3 { width:190px; height:393px; margin:0; padding:0; float:left; }
			.column4 { width:393px; height:189px; margin:0; padding:0; float:left; }
			.fp-title { font-size:28px; color:#C8C8C8; font-weight:bold; padding-bottom:25px; font-family: 'Oxygen', sans-serif; }
			
			/* free quote button */
			a.free-quote { width:201px; height:159px; margin:240px 0 0 196px; padding:0; text-decoration:none; background:url(../images/quote-banner.png) no-repeat 0 0; display:block; z-index:10px; position:absolute; }
			a.free-quote:hover { text-decoration:none; background-position:0 -162px; }
			a.free-quote span { position:relative; /*top:-999em;*/ visibility:hidden; border:none; text-decoration:none; }
			/* free quote bottom */
			a.free-quote2 { width:158px; height:201px; margin:197px 240px 0 0; padding:0; text-decoration:none; background:url(../images/quote-banner2.png) no-repeat 0 0; display:block; }
			a.free-quote2:hover { text-decoration:none; background-position:0 -202px; }
			a.free-quote2 span { position:relative; /*top:-999em;*/ visibility:hidden; border:none; text-decoration:none; }
			
			
			/* Portfolio */
			#portfolio-holder { margin:0 0 0 12px; padding:0; }
			#portfolio-holder a img { margin:0 5px 5px 0; padding:0; }
			
			
	/* Footer */
	#footer-holder { height:110px; margin:20px 0 20px 0; padding:14px 0 0 0; background:url(../images/footer-shadow.png) no-repeat center top; font-size:11px; }
		#footer { height:80px; background-color:#C8C8C8; margin:0; padding:0; color:#67612A; }
		.footer-content { width:1000px; margin:0 auto 0 auto; padding:12px 0 0 0; text-align:center; color:#67612A; }
		.footer-content p { padding-bottom:2px; }
		.footer-content p a { color:#14181B; text-decoration:none; }
		.footer-content p a:hover { color:#67612A; text-decoration:none; }
			.nav-footer { margin:0 0 5px 0; padding:0; text-decoration:none; color:#14181B; font-size:12px; }
			.nav-footer a { padding:0 25px 0 25px; text-decoration:none; color:#14181B; }
			.nav-footer a:hover { color:#67612A; text-decoration:none; }
			
/* ----- DROPDOWN MENU ----- */
.nav li { float:left; display:block; text-align:left; position:relative; padding:0; margin:0; border:none; }
.nav li a { display:block; text-decoration:none; margin:0; padding:0 60px 0 20px; }

.dropdown { margin:0; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:0; }

/* Drop Down Width */
.dropdown-content-holder { width:150px; height:150px; background-color:#C8C8C8; }
.dropdown { margin:15px 0 0 0; padding:4px 0 0 0; z-index:5; }

/* Shows Drop Down on Hover */
.nav li:hover .dropdown { left:5px; top:28px; color:#FFFFFF; text-decoration:none; font-size:18px; }

/* Columns */
.col_1 { float:left; margin:15px 0 0 0; }
.col_1 a { color:#000; text-decoration:none; margin:0; padding:10px 0 0 0; float:left; font-weight:bold; }
.col_1 a:hover { color:#fff; text-decoration:none; }