html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #CCCCCC url(images/bg01.png) repeat;
	font-family: "Open Sans", sans-serif;
	font-size: 10pt;
	color: #000000;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 180%;
	font-size: 14px;
}

strong {
}

a {
	color: #EC441A;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

.image
{
	display: inline-block;
}

.image img
{
	display: block;
	width: 100%;
	border-radius: 5px;
}

.image-full
{
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
}

.image-left
{
	float: left;
	margin: 0 2em 2em 0;
}

.image-centered
{
	display: block;
	margin: 0 0 2em 0;
}

.image-centered img
{
	margin: 0 auto;
	width: auto;
}

hr {
	display: none;
}

ul.style1
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li
{
	padding: 10px 0px 20px 0px;
	border-top: 1px solid #242424;
}

ul.style1 a
{
	color: #4E4E4E;
}

ul.style1 .first
{
	padding-top: 0px;
	border-top: none;
}

ul.style2
{
	margin: 30px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

ul.style2 li
{
	float: left;
	margin-right: 10px;
}

ul.style2 img
{
	display: block;
	border-radius: 4px;
}


ul.style3
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	color: #6c6c6c
}

ul.style3 li
{
	padding: 1.6em 0em 0em 0em;
	margin: 0 0 1em 0;
}

ul.style3 p
{
	margin: 0;
}

ul.style3 a
{
	display: block;
	text-decoration: none;
	color: #2D2D2D;
}

ul.style3 a:hover
{
	text-decoration: underline;
}

ul.style3 h3
{
	padding: 1em 0em 5px 0em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 300;
	color: #FFFFFF;
}

ul.style3 .first
{
	padding-top: 0;
	background: none;
}

ul.style3 .date a:hover
{
	text-decoration: none;
}

ul.style4
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #FFF;
}

ul.style4 li
{
	padding: 10px 0px 20px 0px;
	border-top: 1px solid rgba(255,255,255,0.3);
}

ul.style4 a
{
	color: #FFFFFF;
	font-size: 14px;
}

ul.style4 .first
{
	padding-top: 0px;
	border-top: none;
}

/* WRAPPER */

#wrapper {
	overflow: hidden;
	margin: 4em auto;
	background: #141414 url(images/bg02.png) repeat;
}

#featured-wrapper {
	overflow: hidden;
	padding: 6em 50px;
	background: #ec441a;
	color: #2D2D2D;
}

#featured-wrapper h2
{
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.8em;
	color: #FFF;
}

#featured-wrapper span
{
	font-size: 0.80em !important;
	color: #323232;
}

#footer-wrapper {
	overflow: hidden;
	padding: 10em 0em;
}

.container {
	width: 1200px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/* HEADER */

#header {
	overflow: hidden;
	padding-top: 8em;
}

/* Logo */

#logo {
	height: 150px;
	margin: 0px auto 30px auto;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	text-align: center;
	text-transform: uppercase;
}

#logo h1 a {
	font-size: 2em;
	color: #FFF;
}

#logo h1 span {
	color: #E94730;
}

#logo p {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.3em;
	font-family: 'Raleway', sans-serif;
	color: #595959;
}

#logo p a {
	color: #595959;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #1F1F1F;
}

/** MENU */

#menu {
	overflow: hidden;
	width: 1200px;
	margin: 0px 15px;
	height: 80px;
	color: #000000;
	border-bottom: 1px solid #272727;
}

#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	display: inline-block;
	border-left: 1px solid #272727;
}

#menu a {
	display: block;
	margin: 0em 3em;
	padding: 1em 0em;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	color: #999;
	border: none;
}

#menu a:hover, #menu .current a {
	text-decoration: none;
	color: #000;
}

#menu .current a {
	color: #EC441A;
}

#menu .first {
	border-left: none;
}

/** PAGEIMAGE (parent) */

#pageimage {
	overflow: hidden;
	height: 26em;
	padding-top: 4em;
	padding-left: 50px;
	background: url(images/mainpic.png) no-repeat right bottom;
	color: #6A6A6A;
}

/** PAGEIMAGE (child) */

#pageimage2 {
	overflow: hidden;
	padding-top: 4em;
	padding-left: 50px;
	background: no-repeat right bottom;
	color: #6A6A6A;
}

/** PAGEIMAGE (contact) */

#pageimagec {
	overflow: hidden;
	height: 26em;
	padding-top: 4em;
	padding-left: 50px;
	background: url(images/contactpic.png) no-repeat right bottom;
	color: #6A6A6A;
}

/* Footer */

#footer-content
{
	overflow: hidden;
	padding: 3em 0em;
	color: #4D4D4D;
}

#footer-content a
{
	color: #515151;
}

#footer-content h2
{
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: 300;
	color: #262626;
}

#footer-content strong
{
	color: #9F9F9F;
}

#footer-content #fbox3
{
		text-align: center;
		float:none;
		/* width: 350px; */
		padding-left: 20px;
}

#box1
{
	float: left;
	width: 724px;
	margin-right: 24px;
}

#box1a
{
	float: left;
	width: 1000px;
	margin-right: 24px;
}

#box1a p, a
{
	color: #fff;
}

#box1a a:hover
{
	text-decoration: none;
}

#box3
{
	float: right;
	width: 252px;
}

/* Footer */

#footer {
	overflow: hidden;
	padding-bottom: 3em;
}

#footer p {
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	font-size: 0.80em;
	color: #525252;
}

#footer a {
	color: #666666;
}

.commsimages {
	float: right;
	border: #fff solid 2px;"
	max-height: 250px;
	height: 250px;
}


		.speechbubble {
			width:120px;
			margin:20px auto;
			background-color: Cornsilk;
			color: black;
			padding: 5px;
			text-align: center;
			font-weight: 900;
			position: fixed;
			box-shadow: 0 0 10px gray;
			z-index: 99;
			border-radius: 15px;
		}

		#sb1 {
			display: block;
			opacity: 1;
			bottom: 15px;
			right: 95px;
			transition: all 1s;
		}

		#sb2 {
			opacity:0;
			display: block;
			bottom: 15px;
			right: 95px;
			transition: opacity 0.5s ease;
		}

		#sb3 {
			opacity:0;
			display: block;
			bottom: 90px;
			right: 95px;
			transition: opacity 0.5s ease;
		}

		#sb4 {
			opacity:0;
			display: block;
			bottom: 170px;
			right: 95px;
			transition: opacity 0.5s ease;
		}


		.speechbubble:before {
			content: "";
			width:0px;
			height:0px;
			position: absolute;
			border-left: 10px solid Cornsilk;
			border-right: 10px solid transparent;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			right: -17px;
			bottom: 6px;
		}

		#myContactBtn {
		  display: block;
		  position: fixed;
		  bottom: 20px;
		  right: 20px;
		  z-index: 99;
		  border: none;
		  outline: none;
			height:60px;
			width:60px;
			border-radius:50%;
		  cursor: pointer;
		  padding: 0px;
			overflow: hidden;
			box-shadow: 0 6px #666;
		}

		#myContactBtn img {
			transform: scale(1);
			transition: 0.5s ease;
		}

		#myContactBtn img:hover {
			transform: scale(1.1);
			transition: 0.5s ease;
		}

		#myContactBtn:active {
			box-shadow: 0 3px #666;
			transform: translateY(3px);
		}

		#myHideBtn {
			display: none;
		  position: fixed;
		  bottom: 20px;
		  right: 20px;
		  z-index: 99;
		  border: none;
		  outline: none;
			height:60px;
			width:60px;
			border-radius:50%;
		  cursor: pointer;
		  padding: 0px;
			overflow: hidden;
			box-shadow: 0 6px #666;
		}

		#myHideBtn img {
			transform: scale(1);
			transition: 0.5s ease;
		}

		#myHideBtn img:hover {
			transform: scale(1.1);
			transition: 0.5s ease;
		}

		#myHideBtn:hover + #sb2 {
			opacity: 1.0;
			transition: opacity 0.5s ease;
		}

		#myHideBtn:active {
			box-shadow: 0 3px #666;
			transform: translateY(3px);
		}

		#my3Btn {
			display: none;
		  position: fixed;
		  bottom: 100px;
		  right: 20px;
		  z-index: 99;
		  border: none;
		  outline: none;
			height:60px;
			width:60px;
			border-radius:50%;
		  cursor: pointer;
		  padding: 0px;
			overflow: hidden;
			box-shadow: 0 6px #666;
		}

		#my3Btn img {
			transform: scale(1);
			transition: 0.5s ease;
		}

		#my3Btn img:hover {
			transform: scale(1.1);
			transition: 0.5s ease;
		}

		#my3Btn:hover + #sb3 {
			opacity: 1.0;
			transition: opacity 0.5s ease;
		}

		#my3Btn:active {
			box-shadow: 0 3px #666;
			transform: translateY(3px);
		}

		#my4Btn {
			display: none;
		  position: fixed;
		  bottom: 180px;
		  right: 20px;
		  z-index: 99;
		  border: none;
		  outline: none;
			height:60px;
			width:60px;
			border-radius:50%;
		  cursor: pointer;
		  padding: 0px;
			overflow: hidden;
			box-shadow: 0 6px #666;

		}

		#my4Btn img {
			transform: scale(1);
			transition: 0.5s ease;
		}

		#my4Btn img:hover {
			transform: scale(1.1);
			transition: 0.5s ease;
		}

		#my4Btn:hover + #sb4 {
			opacity: 1.0;
			transition: opacity 0.5s ease;
		}

		#my4Btn:active {
			box-shadow: 0 3px #666;
			transform: translateY(3px);
		}




/* flex bits */

@media only screen and (max-width: 1100px) {

	.container {
		width: 1000px;
	}

	#menu {
		width: 1000px;
		margin: 0px 5px;
		height: 120px;
	}


	#box1a
	{
		width: 900px;
	}

}

@media only screen and (max-width: 800px) {

	.container {
		width: 500px;
	}

	.commsimages {
		float: none;
		border: #fff solid 2px;"
	}

	#menu {
		width: 500px;
		margin: 0px 5px;
		height: 120px;
	}


	#box1a
	{
		width: 400px;
	}

	#pageimage {
		background: url(images/mainpic.png) no-repeat center bottom;
	}


}