/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */



#confetti{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
  }

#menu {
	background-color:#8f2b29;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:16px;
	height:550px;
}
#menu ul {
	margin-top:175px;
	text-align: left;
}
#menu ul li {
	line-height:180%;
}
#menu ul li a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-left:15px;
	padding-right:15px;
}
#menu ul li a:hover, #menu ul li a.selected  {
	color:#8f2b29;
	text-decoration:none;
	display:block;
	padding-left:15px;
	padding-right:15px;
	background-color:#FFFFFF;	
}

.logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.knowmorebutton {
	font-size:28px;
	width:170px;
	border:1px solid #8f2b29;
	padding:20px;
	color:#8f2b29;
	background-color:#FFFFFF;
	text-decoration:none;
	text-align:center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.knowmorebutton:hover {
	font-size:28px;
	border:1px solid #8f2b29;
	padding:20px;
	width:170px;	
	color:#ffffff;
	background-color:#8f2b29;
	text-decoration:none;
	text-align:center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.footer {
	margin-top:60px;
	text-align:center;
	border-top:1px solid #444;
}
.footer p {
	font-size:12px !important;
}

#multicollist ul {
  width:600px;
  margin-bottom:20px;
  overflow:hidden;
  font-size:16px;
}
#multicollist ul li{
  line-height:1.5em;
  float:left;
  display:inline;
}
#double li  { width:50%;} 
#triple li  { width:33.333%; }
#quad li    { width:25%; }
#six li     { width:16.666%; }

.team {
	float:left;
	border-bottom:1px solid #444;
	margin-bottom: 30px;
	width: 235px;
	margin-right: 25px;
	height: 430px;
}
.teamname {
	font-size:18px;
	font-weight: bold;
}
.team p {
	font-size: 14px;
}
.team img {
	width: 235px;
}
.box {
	width: 45%;
	height: 100px;
	background-color: #8f2b29;
	float: left;
	text-align: center;
	margin: 20px 20px 10px 0px;
	padding:30px 0;
}
.box a {
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
}
.center {
	margin-left: 24%;
}
/* #Page Styles
================================================== */

.onethirdcolheading {
	color:#ffffff;
	text-align:center;
	background-color:#8f2b29;
	padding:10px;
}
.onethirdcolcontent {
	padding:10px 15px;
	text-align:center;
	background-color:#f7f7f7;
	height:200px;
}
.dropcaps {
	float: left;
	color: #444;
	font-size: 60px;
	padding-top: 16px;
	padding-right: 8px;
	padding-left: 0px;
}

.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  display:none;
}  
#boxes .window {
  position:relative;
  left:0;
  top:0;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
	text-align: center;
}
#boxes #dialog {
  height:400px;
  padding:10px;
	background-color:#ffffff;
	font-size: 18px;
	width: 600px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.maintext{
	font-size: 18px;
	text-decoration: none;
	margin: 0 auto;
}
#lorem p{
	text-align: justify;
	font-size: 14px;
	width: 95%;
	margin: 0 auto;
}
#popupfoot{
	font-size: 18px;
  padding: 10px 20px;
}
#popupfoot a{
	font-size: 18px;
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		
	#menu {
 	height:350px;
	}
	
	#menu ul {
	margin-top:20px;
	}
	
	p img {
	padding-left:0px !important;
	padding-bottom:20px;
	padding-right:5px;	
	}	
	
		
	#double li  { width:100%;} 
	
	.team {
		border-bottom:1px solid #444;
		margin-bottom: 30px;
		width: 250px;
		margin-right: 0px;
		height: 400px;
	}

	.team img {
		width: 250px;
	}

	.box {
		width: 100%;
	}
	.center {
		margin-left: 0%;
	}

	#boxes #dialog {
		width: 100%;
		height:620px;
	}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	#menu {
 	height:350px;
	}
	
	#menu ul {
		margin-top:20px;
	}
	
	p img {
	padding-left:0px !important;
	padding-bottom:20px;
	}	
	
	#double li  { width:100%;} 

	.team {
		border-bottom:1px solid #444;
		margin-bottom: 30px;
		width: 300px;
		margin-right: 0px;
		height: 550px;
	}

	.teamname {
		font-size:22px;
		font-weight: bold;
	}
	.team p {
		font-size: 16px;
	}

	.team img {
		width: 300px;
		padding-bottom: 0px;
	}

	.box {
		width: 100%;
	}

	.center {
		margin-left: 0%;
	}
	
	#boxes #dialog {
		width: 100%;
		height:620px;
	}
	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/