/* Copyright (c) 2010-2020 SWG Media - All Rights Reserved */

body {background:url(images/behindtop.jpg) repeat-x center top #333;
	margin:0px;
	padding:0px;
	font-family:'Segoe Ui', Calibri, 'Myriad Pro', Helvetica, 'Sans-Serif';}

img {border:none;}

header, section, nav, p, h1, h2 {margin:0px;
	padding:0px;}
		
h2 {font-size:18pt;
	font-family:'Adelle', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight:normal;
	text-align:left;
	margin:0 0 10px 0;}

.wrapper {width:97%;
	max-width:1100px;
	margin:0px auto;
	padding:0px 5px;}
	
#pagelightbg {width:100%;
	margin:0;
	overflow:hidden;
	background-color:#ccc;}
	
.spadding {padding:10px; overflow:hidden;}
.mpadding {padding:20px; overflow:hidden;}
.lpadding {padding:40px 0px;}
	
		#top {width:100%;
			max-height:150px;
			margin:0px auto;
			padding:0;}
	
		/** Fixes FireFox glitch that throws the entire page off the right side of the screen **/
		@-moz-document url-prefix() {
		#top {height:150px;}
		}
			
			#toplr {width:20%;
				float:left;
				padding:20px 0;
				font-size:16pt;
				color:#fff;
				text-align:right;
				font-family:'Adelle', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
			
			/* Bakersfield Epoxy Floors Logo */
			#toplogo {width:60%;
				float:left;
				margin:15px 0 10px 0;
				text-align:center;}
				#toplogo img {width:100%;
					max-width:422px;}
				
			#topnav {width:605px;
				margin:0 auto;
				text-align:left;
				color:#fff;
				font-size:16pt;
				font-family:'Adelle', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
						
			/** Dropdown Menu. Code from http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly **/
				#nav {width:100%;
					top: 0px;}

					#nav > a {display: none;
						text-decoration:none;}

					#nav li {position: relative;
						list-style:none;}
						#nav li a {
							display: block;}
						#nav li a:active {color:#9a2576  !important;}

					#nav span:after {width: 0;
						height: 0;
						content: '';
						vertical-align: middle;
						display: inline-block;
						position: relative; }

					/* first level */

					#nav > ul {height: 100%;
						margin:0 0 5px 0;}
						#nav > ul > li {height: 100%;
							float: left;}
							#nav > ul > li > a {height: 100%;
								text-decoration:none;
								padding:8px 15px;
								color: #ffffff;}
								#nav > ul > li:hover > a,
								#nav > ul:not( :hover ) > li.active > a 
									{color:#cc9900;
									text-decoration:underline;
									-webkit-transition: all 0.3s ease-in-out;
									-moz-transition: all 0.3s ease-in-out;
									-o-transition: all 0.3s ease-in-out;
									-ms-transition: all 0.3s ease-in-out;
									transition: all 0.3s ease-in-out;}
				
	#slideshow {width:100%;
		float:left;
		margin:35px 0 0 0;}
		#slideshow img {width:100%;
			max-width:1100px;}
		
	.pagebody {width:90%;
		float:left;
		margin:35px 0 0 0;
		padding:5% 5%;
		background-color:#fff;
		font-size:13pt;
		line-height:27px;}
	.pagebodydark {width:90%;
		float:left;
		margin:0 0 -35px 0;
		padding:2.5% 5%;
		background-color:#999;
		font-size:13pt;
		text-align:center;
		line-height:27px;}
		.pagebodydark img {width:100%;
			margin:0 auto;}
		
		.pagesection {width:100%;
			float:left;
			margin:0 0 5% 0;}
			.pagesection:nth-last-of-type(1) {margin:0;}
			
			.halfpage {width:49%;
				float:left;}
				.halfpage:nth-of-type(n+1) {margin:0 1% 1% 0;}
				.halfpage:nth-of-type(n+2) {margin:0 0 1% 1%;}
				.halfpageimg {width:100%;
					max-width:482px;}
					
			.mhalfpageimg {display:none;}
			
			.purpleh {color:#9a2576;}
			.purpletext {font-weight:normal;
				border-top:1px solid #9a2576;}
				
			.blueh {color:#2e2d72;}
			.bluetext {font-weight:normal;
				border-top:1px solid #2e2d72;}
			
		.pagebody h3, .pagebodydark h3 {font-weight:normal;
			font-size:16pt;
			font-family:'Adelle', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
			margin:0;}
			
		
		.flooringcolor {width:30%;
			float:left;
			margin:0 0 20px 0;
			padding:0 0 10px 0;
			border-bottom:1px solid #ddd;}
			.flooringcolor:nth-of-type(3n) {padding:0 4% 10px 4%;}
			.flooringcolor img {width:100%;}
			
	/*--- Slideshow Stuff (most is now on seperate flexslider.css page) ---*/
		
		.slides img {width:100%;
			max-width:1000px;
			margin:0;}
			
	/*--- End of Slideshow Stuff ---*/	
	@media only screen and (min-width: 1000px) {
	.photospage {width:100%;
		float:left;
		margin:0px;
		text-align:center;}
		.doublephoto {width:100%;
			margin:10px 0;}
		.singlephoto {width:70%;
			margin:10px 15%;}
	}
	@media only screen and (max-width: 999px) {
	.photospage {width:100%;
		float:left;
		margin:0px;
		text-align:center;}
		.doublephoto {width:100%;
			margin:10px 0;}
		.singlephoto {width:90%;
			margin:10px 5%;}
	}


	#bottom {width:100%;
		float:left;
		text-align:center;
		background-color:#333;
		color:#fff;}
		#bottom a {color:#fff;
			text-decoration:none;}
			#bottom a:hover {color:#cc9900;
				text-decoration:underline;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;}
		
		#bottomnav {width:98%;
			margin:25px auto;
			font-size:14pt;
			color:#fff;
			font-family:'Adelle', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
			#bottomnav a, #bottomnav u {margin:0px 10px;
				padding:5px 10px;}
		#spyder {width:98%;
			font-size:10pt;
			color:#eee;
			margin:60px 0 40px 0;}
			#spyder a {color:#eee;
				text-decoration:none;}