#mypanorama{

	width: 75%;

	left: auto;

	border:1px solid #333;

	background-image:url('');

	margin-right: auto;

	margin-left: auto;

	right: auto;

		}	

		

	.map-wrapper {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 0px;

	height: 0px;

	overflow: hidden;

	margin-bottom: 10px;

		}

	.video-wrapper {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 0px;

	height: 0px;

	overflow: hidden;

	margin-top: 10px;

	max-width: 100%;

	} 

	

	.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	margin-top: 0px;

	}

/* 

  ------------------------------------------------

  PVII Affinity

  Copyright (c) 2013 Project Seven Development

  www.projectseven.com

  Boardroom Theme

  ------------------------------------------------

*/



body {

	background-color: #8BB1A3;

	background-image: url(../images/background4.png);

	font-family: "Droid Sans", Optima, "Segoe UI", Arial, sans-serif;

	margin: 0px 0px 30px 0px;

	background-repeat: repeat-x;

	font-size: 1em;

}





/*Drop Menu Magic Adjustments*/

.p7DMM03 {

	font-family: Cuprum, Optima, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

}

.p7DMM03.p7DMM.p7dmm-left {

	padding-left: 20px;

}

.p7DMM03.p7DMM.p7dmm-right {

	padding-right: 20px;

}





/*Baseline Adjustment for images needed with strict DOCTYPE*/

img {vertical-align: bottom;}





/*Logo and Banner*/

#logo {

	position: relative;

	z-index: 10;

	background-image: -webkit-linear-gradient(#333, #111);

	background-image: none;

	box-shadow: 0px 0px 0px #000;

	background-repeat: repeat-x;

	max-width: 1380px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

}

#logo .logo_insert {

	margin-right: auto;

	margin-left: auto;

	color: #FFF;

	font-size: 18px;

	font-weight: bold;

	padding: 0px;

	margin-top: 0px;

}

.logo_container {

	float: left;

	min-width: 120px;

	padding-top: 0.25em;

	padding-right: 0.25em;

	padding-bottom: 0.25em;

	padding-left: 1em;

}

.logo_cont2 {

	float: left;

	margin-top: 0.25em;

	max-width: 200px;

	min-width: 100px;

}

.logo_cont2 .btn_div {

	padding-top: 0.5em;

	padding-right: 0.25em;

	padding-bottom: 0.5em;

	padding-left: 0.25em;

	margin-top: .25em;

}



.phone_container {

	float: right;

	width: 20%;

	padding: 0.25em;

	min-width: 200px;

}





.phone {

	float: none;

	color: #FFF;

}





#banner {
	border-bottom: 1px solid #000;
	margin-right: auto;
	margin-left: auto;

}





/*Utility Rules for images. Scalable class makes images scale with window size.*/

img.scalable {

	height: auto !important;

	width: auto !important;

	max-width: 100%;

	vertical-align: bottom;

}

/* 

Add the fancy class to the scalable class to add a drop shadow

<img class="scalable fancy"...>

*/

.fancy {

	border: 1px solid rgba(255,255,255,.5);

	box-shadow: 0px 0px 20px rgba(0,0,0,.5);

}

/* 

Add the accented class to the scalable class to add eounded corners and a border.

<img class="scalable accented"...>

*/

.accented {

	border-radius: 5px;

	border: 1px solid #222;

}





/*Layout Wrapper*/

#layout {

	max-width: 1380px;

	margin: 0px auto;

	box-shadow: 0px 0px 20px rgba(0,0,0,.5);

	border-radius: 0px 0px 7px 7px;

	background-image: url(../images/background_layout.png);

	background-repeat: repeat;

}

#res_center {

	background-color: #6F0;

	width: 45%;

}





/*Default Row Structures*/

.affinity-row {

	padding: 0px;

}



/*Clear Fix to Clear Floats*/

.affinity-row:after {

	visibility: hidden;

	display: block;

	content: "\0020";

	clear: both;

	height: 0;

}



/*Strctural wrapper for 2-column row*/

.affinity-row .column-half {

	width: 50%;

	float: left;

}



/*Strctural wrapper for 3-column row*/

.affinity-row .column-third {

	width: 33.3333333%;

	float: left;

}

/*Strctural wrapper for 4-column row*/

.affinity-row .column-fourth {

	width: 25%;

	float: left;

}

/*Strctural wrapper for 5-column row*/

.affinity-row .column-fifth {

	width: 20%;

	float: left;

}



/*Strctural wrapper for 2-column sidebar-left row*/

.affinity-row.sidebar-left .column-1 {

	width: 76%;

	float: right;

}

.affinity-row.sidebar-left .column-2 {

	width: 24%;

	float: right;

}

.affinity-row.sidebar-left .column-content {

	line-height: 1.5;

}

.affinity-row.sidebar-left .column-2 .column-content {

	font-size: .9em;

}



/*Strctural wrapper for 2-column sidebar-right row*/

.affinity-row.sidebar-right .column-1 {

	width: 76%;

	float: left;

}

.affinity-row.sidebar-right .column-2 {

	width: 24%;

	float: left;

}

.affinity-row.sidebar-right .column-content {

	line-height: 1.5;

}

.affinity-row.sidebar-right .column-2 .column-content {

	font-size: .9em;

}

.left-border {

	border-left: 1px solid #000;

}

.right-border {

	border-right: 1px solid #000;

}

.left-right-border {

	border-left: 1px solid #000;

	border-right: 1px solid #000;

}



/*Column Content*/

.column-content {

	line-height: 1.25;

	padding-top: 10px;

	padding-right: 24px;

	padding-bottom: 10px;

	padding-left: 24px;

}

.affinity-row.sidebar-right .column-content,

.affinity-row.sidebar-left .column-content,

.affinity-row.thirds.full-height .column-content {

	padding: 30px;

}

/*Padding Management for Nested Rows*/

.no-pad-left-top-bottom {

	padding-top: 0px !important;

	padding-bottom: 0px !important;

	padding-left: 0px !important;

}

.no-pad-right-top-bottom {

	padding-top: 0px !important;

	padding-right: 0px !important;

	padding-bottom: 0px !important;

}

.no-pad-top-bottom {

	padding-top: 0px !important;

	padding-bottom: 0px !important;

}





/*Headings*/

h1, h2, h3, h4 {

	font-family: Cuprum, Optima, Arial, Helvetica, sans-serif;

	line-height: normal;

	color: #999;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	font-size: 1.5em;

}

p {

	color: #999;

	line-height: 1.35em;

	font-size: 1em;

}



.column-content h1:first-child,

.column-content h2:first-child,

.column-content h3:first-child,

.column-content h4:first-child {

	margin-top: 10px;

}

ul {

	color: #963;

	line-height: 1.75em;

}



/*Use this class when you add a heading inside a row that contains multiple columns.*/

.inner-row-heading {

	position: relative;

	top: 20px;

	margin: 0px 0px 0px 24px;

}



/*Footer and Copyright*/

.footer {

	color: #FFF;

	font-size: 0.8em;

	border-radius: 0px 0px 5px 5px;

	border-top: 1px solid;

	border-color: #726561;

	background-color: #663 !important;

	background-image: -webkit-linear-gradient(#857671, #5F5450) !important;

	background-image: none !important;

	clear: both;

}

.footer h3, .footer h4 {

	font-family: "Droid Sans", Optima, "Segoe UI", Arial, sans-serif;

	font-weight: normal;

	text-transform: uppercase;

	margin: 10px 0px 0px 0px;

}

.footer ul {

	margin: 0px;

	padding: 0px;

	margin-top: 10px;

	color: #FFF;

}

.footer li {

	list-style-type: none;

	line-height: 1.75;

	color: #FFF;

}

.footer a {

	color: #FFF;

}

.footer a:hover, .footer a:focus {

	color: #CFC9C7;

}

.copyright {

	font-size: 0.85em;

	text-transform: uppercase;

	clear: both;

	padding: 5px 10px 15px 20px;

	color: #FFF;

}





/*Assign this class to set large text and the stylish Cuprum font*/

.column-content.largesse, .largesse {

	font-size: 1.25em;

	line-height: 1.75em;

	font-family: Cuprum, Optima, Arial, Helvetica, sans-serif;

}

/*Use this class to asign a black accent box around your content*/

.affinity-row .blast {

	font-family: Cuprum, Optima, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	line-height: 1.5em;

	color: #BBB;

	border-radius: 0px 0px 10px 10px;

	margin-bottom: 5px;

	background-image: none;

	padding-top: 5px;

	padding-right: 36px;

	padding-bottom: 5px;

	padding-left: 36px;

	background-color: #CC9;

	border: thin solid #333;

}

#credits {

	background-image: none;

	margin-right: auto;

	margin-left: auto;

	max-width: 1380px;

}



/*Add the gray class to the blast class to make your accent box gray*/

.affinity-row .blast.gray {

	background: -webkit-linear-gradient(#EEE, #AAA);

	background: linear-gradient(#EEE, #AAA);

	background-color: #DDD;

	color: #000;

}

.affinity-row.sidebar-left .column-content .blast,

.affinity-row.sidebar-right .column-content .blast,

.full-round {

	border-radius: 6px !important;

}

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/

@media only screen and (min-width: 0px) and (max-width: 700px) {

body {

	margin: 0px;

}

.p7DMM03.p7DMM.p7dmm-left, .p7DMM03.p7DMM.p7dmm-right {

	padding: 0px !important;

}

#layout {

	max-width: none;

	padding: 0px;

}

.column, .column-1, .column-2, .column-3,

.column-half, .column-third, .column-fourth,

.column-fifth {

	float: none !important;

	width: auto !important;

}

.column-content {

	height: auto !important;

	max-height: 888678px;

	border: none !important;

}

}

/*Medium windows - reduce padding content padding*/

@media only screen and (min-width: 700px) and (max-width: 1380px) {

#layout {

	max-width: none;

	font-family: "Droid Sans", Optima, "Segoe UI", Arial, sans-serif;

}

}

#layout #banner .affinity-row .column-half #res_resources {

	padding-left: 3.5em;

	line-height: 1.75em;

	font-size: 1.2em;

}

#layout #banner .affinity-row .column-half #res_resources ul li a {

	text-decoration: none;

	color: #963;

}

#layout #banner .affinity-row .column-half #res_resources ul li a:link {

	color: #963;

	text-decoration: none;

}

#layout #banner .affinity-row .column-half #res_resources ul li a:hover {

	color: #963;

	text-decoration: underline;

}

#layout #banner .affinity-row .column-half #res_resources ul li a:active {

	color: #963;

	text-decoration: none;

}

#layout #banner .affinity-row .column-half #res_resources ul li a:visited {

	color: #963;

	text-decoration: none;

}

.address_block {

	margin: 0px;

	padding: 0px;

	line-height: .8em;

}

.address_block p {

	line-height: .9em;

	padding: 0px;

	margin-top: .5em;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#layout #lower_nav {

	background-image: none;

	background-repeat: repeat;

	border-top-width: thin;

	border-bottom-width: thin;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #000;

	border-bottom-color: #000;

	background-color: #000;

}

#layout #lower_text {

	background-image: url(../images/background_layout.png);

	background-repeat: repeat;

	clear: both;

}

.affinity-row.footer #section8_disclaim p {

	margin: 0px;

}

#logo .logo_insert .phone_container .phone h5 {

	margin-top: 0px;

	margin-bottom: 0px;

}

#layout .affinity-row.footer #section8_disclaim {

	border-bottom-width: medium;

	border-bottom-style: solid;

	border-bottom-color: #000;

}

#layout .affinity-row.footer #credits {
	clear: both;
	margin-right: auto;
	margin-left: auto;
}