/* 1140 Width for Computers */
html			{min-height:100%}
body			{padding:0;margin:0;font-family:sans-serif}
.center		{width:960px;margin:0 auto}
input		{-webkit-appearance:none;background:white}
#background	{width:100%;height:auto;position:fixed;top:0px;z-index:-1}
#background img {width:100%;height:auto !important}
#digits		{width:100%;height:15px;padding:10px 0;background-color:rgba(249, 172, 51);background-color:rgba(249, 172, 51, 0.6);color:white;font-size:10px;position:fixed;top:0;z-index:2}
	.icons	{float:left;margin:-10px 20px 0 0}
	#digits	a {color:white;font:1.5em/2em 'Oswald'}
	#phone	{clear:both}
	#searchbox{background:#232323;opacity:.9;padding:5px 20px 10px 0;position:absolute;right:50%;margin:0 -477px 0 0;z-index:3;color:white;height:105px}
		#searchbox .accounts{display:inline}
		#searchbox .accounts img {border-radius:5px;margin:15px 5px -15px 23px}
		#searchbox input[type="radio"]	{visibility:hidden;float:left;margin:0}
		#searchbox input[name="search"] 	{width:200px;padding:8px 0 8px 10px;border:0;margin:9px 20px 0 10px;border-radius:5px}
		#searchbox input[type="submit"] 	{padding:7px;border:0;border-radius:5px}
		#searchbox a	{color:white;font:normal normal .75em/1 sans-serif}

blockquote	{font: normal normal 3em/1em 'Qwigley', cursive;border-top:1px solid white;border-bottom:1px solid lightgray;margin:80px 0;padding:20px 0;text-align:center;color:orange}
#nav		{box-shadow:0 0 5px gray;position:fixed;top:35px;width:100%;height:20px;padding:100px 0 30px;background-color:rgba(255, 255, 255);background-color:rgba(255, 255, 255, 0.8);z-index:2;text-align:right;font-family:'Oswald', sans-serif}
	#logo			{margin:-10% 0 0 -10px;width:30%;height:auto}
	#nav .center ul			{display:inline;padding:0}
	#nav .center ul li			{cursor:pointer;position:relative;list-style:none;padding:26px 14px;display:inherit;font:normal normal 1em/1em 'Oswald', sans-serif}
	#nav .center ul li:hover	{background:rgba(255,255,255);background:rgba(255,255,255,.7)}
	#nav .center ul li:hover ul 	{display:block;opacity:1;visibility:visible}
	#nav .center ul li ul		{width:200px;position:absolute;top:76px;right:-1px;visibility:hidden;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-ms-transition:opacity 0.2s;-o-transition:opacity 0.2s;-transition:opacity 0.2s}
	#nav .center ul li ul li 		{padding:15px 0;background-color:rgba(249, 172, 51, 0.6);border-bottom:1px solid #fbbd7a}
	#nav .center ul li ul li:hover {background-color:rgba(255, 255, 255, 0.6);}
	#nav .center ul li ul li a:link, #nav ul li ul li a:active, #nav ul li ul li a:visited {color:white;padding:0 20px;text-decoration:none}
	#nav .center ul li ul li a:hover{color:#4892D6;padding:0 20px;opacity:.5}
	#nav .center ul li ul li a img	{position:relative;top:7px;margin:0 10px 0 0}/*-- if icons get used within navigation --*/
	#nav .center ul li a		{color:#262626;text-decoration:none}
	#nav .center ul li a:visited{color:#262626}
	#nav .center ul li a:hover	{color:#4892D6}
	
#contentbox	{position:relative;top:500px;border-bottom:10px solid lightblue;border-top:10px solid lightblue;background:#f2f2f2}
	#content			{width:880px;height:auto;padding:40px;z-index:0;position:relative;top:0}
#footerbox	{position:relative;top:500px;width:100%;height:750px;background:rgba(41,41,41,.8);z-index:1;font-size:.7em;color:#c3c3c3}
	#footer				{height:auto;padding:40px 20px;text-transform:uppercase;line-height:1.5}
	#footer a:link 		{text-decoration:none;color:#c3c3c3;padding:1% 0}
	#footer a:visited 	{color:#c3c3c3}
	#footer a:active		{color:#c3c3c3}
	#footer a:hover		{background:#3F3F3F}
.col2		{width:320px;float:left;margin:20px 60px}
.col3		{width:30%;float:left;margin:20px 1.5%}
.col4		{width:220px;float:left;margin:20px 0}

	.imgac			{margin:0}
	.col2 ul,.col3 ul,.col4 ul	{margin:0;padding:0 30px}
	.col2 li,.col3 li,.col4 li	{margin:20px 0;font-size:1.5em}
	.sizing {overflow:hidden;height:auto}
	
p, li	{font:bold normal 1.5em/1.5em 'Lato', sans-serif;text-align:justify}
	p a:link, li a:link	{text-decoration:none;color:#4892D6}
	p a:visited, li a:visited 	{color:#4892D6}
	p a:active, li a:active	{color:#4892D6}
	p a:hover, li a:hover	{color:#ef922e}

.smaller {font:bold normal 1em/1.5em 'Lato', sans-serif;text-align:justify}
.blogposts {font:bold normal 1em/1em 'Lato',sans-serif;}
	.blogposts img {float:left;margin:5px 20px 20px 0}
.postinfo {color:green;font:normal normal 0.6em/0 sans-serif;text-transform:uppercase;padding:0;margin:0;line-height:2em}

#filebox {padding:0 0 100px}
h1 {color:#232323;font:3em/2em 'Oswald', Impact;text-transform:uppercase}
h2 {font:1.5em/3em 'Oswald', Impact;text-transform:uppercase}
h3 {font:1.25em/3em 'Oswald', Impact;text-transform:uppercase}
h4 {font:1em/1em 'Oswald', Impact;text-transform:uppercase}
	h1  a:link,h2  a:link,h3  a:link,h4  a:link {text-decoration:none;color:#4892D6}
	h1  a:visited,h2  a:visited,h3  a:visited,h4  a:visited {color:#4892D6}
	h1  a:active,h2  a:active,h3  a:active,h4  a:active	{color:#4892D6}
	h1  a:hover,h2  a:hover,h3  a:hover,h4  a:hover {color:#ef922e;text-decoration:underline}
h5 {font-family:sans-serif;margin:0 auto;font-size:60%;color:#292929;text-align:center;margin:20px 0}
	
.tal	{text-align:left}
.tac	{text-align:center}
.taj	{text-align:justify}
.tar	{text-align:right}

.icon {margin:10px 5px -10px 0}
.fr	{float:right;margin:10px 0 -10px 10px}
.fl	{float:left;margin:10px 10px -10px 0}
img 	{border:0}

a	{text-decoration:none}
.clear {clear:both}
hr {height:0;margin:0;border:0;border-bottom:1px solid #5b5b5b;font-size:1px;clear:both}
#scrollup {background:url("bw-images/scroll.png") no-repeat;width:60px;height:60px;position:fixed;bottom:10px;right:10px;display:none;text-indent:-9999px;z-index:1}

#contactus input, #contactus textarea, #contactus select {background: rgba(255,255,255,1);overflow:none;border:1px solid #c0c0c0;padding:10px;color:#525252;font:12px sans-serif;margin:10px 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#contactus textarea {width:100%;height:40px;max-width:500px}
#contactus input:hover, #contactus textarea:hover, #contactus select:hover{box-shadow:1px 1px 5px gray}

.imagel 	{float:left;margin:10px 3% 0 0;width:30%;text-align:justify}
.imager	{float:right;margin:10px 0 0 3%;width:30%;text-align:justify}
.imagel img, .imager img {margin:0 0 30px}

.slickbox {display:none}

/* Tablets in Portrait */

@media only screen and (min-width:768px) and (max-width:959px) {
	#searchbox	{margin:0 -381px 0 0}
	#logo		{margin:-13% 0 0 -10px;height:auto}
	#nav .center ul li		{padding:26px 8px;font:normal normal .9em/1em 'Oswald', sans-serif}
	#nav .center ul li ul	{top:410px}
	
	#background img {width:120%}
	.center		{width:760px;margin:0 auto}
	#contentbox	{top:400px}
		#content	{width:auto;padding:0 20px}
	#footerbox	{top:400px}
	h1 	{font:2em/2em 'Oswald', Impact}
	p	{font:bold normal 1.25em/1.5em 'Lato'}
	.imgac		{width:100%}
}
/* Mobiles in Portrait */

@media only screen and (max-width:767px) {
	#digits		{background-color:rgba(251, 179, 101, 1);text-align:center}
	.icons		{float:none}
	#digits a	{font:1em/1.4em "Oswald";margin:0 10px}
	#searchbox	{position:absolute;top:186px;right:0;margin:0;width:100%;z-index:0;text-align:center;padding:18px 10px 26px}
		#searchbox label {margin:0 0 0 20px}
		#searchbox input[type="radio"]	{margin:0 0 0 2px}
		#searchbox input[name="search"] 	{margin:10px 4px 10px 1px}
		#searchbox a	{font:normal normal .5em/1 sans-serif}
		
	#logo		{width:80%;height:auto;margin:-20% 0 0 -10px}
	#nav	{padding:65px 0;background:white}
	#nav .center ul		{position:absolute;top:-11px;right:5px;width:97%}
	#nav .center ul li		{padding:6px 0;display:list-item;font:normal normal 0.75em/1em 'Oswald';text-align:right}
	#nav .center ul li:hover{background:rgba(249, 172, 51);background:rgba(249, 172, 51, 1)}
	#nav .center ul li ul	{width:80%;top:0;right:70px}
	#nav .center ul li ul li	{z-index:4;background-color:rgba(249, 172, 51, 1);font:normal 1em/1em 'Oswald'}
	#nav .center ul li ul li:hover {background-color:rgba(255, 255, 255, 1);}
	
	.center	{width:100%}
	#background {display:none}
	#contentbox	{top:325px}
		#content	{width:auto;padding:0 20px}
	#footerbox	{top:325px;height:auto}
	.col3 {width:100%}
	.col2	{width:200px;margin:20px 11%}
	h1,h2 	{font:1em/2em 'Oswald', Impact}
	p, li	{font:bold normal 1.1em/1.5em 'Lato'}
	#fb {margin:-5px 20px 0 5px}
	.smaller {font:bold .75em/1.5em 'Lato'}
	#scrollup {bottom:60px}
	#contactus form, #contactus textarea{width:90%;margin:0 auto}
}

/* Mobiles in Landscape */

@media only screen and (min-width:480px) and (max-width:767px) {
	
}