/*------------------------------------------------------Please keep all properties in alphabetical order------------------------------------------------------*/
html { 
	background-color: #343434;
	min-height:100%;
	-webkit-padding-start: 0px;
	text-align: center;
	width: 100%;
}
body {
	border:0;			/* This removes the border around the viewport in old versions of IE */
	background-color: #19181D; 								/*Defaults to darker color on IE, Opera, etc instead of gradient*/
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7D7685), to(#343434));	/*Gradient to replace background image*/
	background-image: -moz-linear-gradient(0% 100% 90deg,#343434, #7D7685); 		/*Mozilla Gradient*/
	background: -moz-linear-gradient(top,  #7D7685,  #343434);				/*Mozilla Gradient (FF 3.6+)*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7D7685', endColorstr='#343434'); /*IE gradient*/
	color: #686868;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	height:100%;
	margin: 0;
	min-width:600px;
	overflow: inherit;
	padding:0;
	text-align: center;
	width: 100%;
	zoom: 100%;
}
html>body #minHeight{ /* Opera and IE8 min-height fix */
    float:left;
    width:0;
    height:100%;
    overflow:hidden;
} 

a:link {
	color: #686868;
	font-size: 12px;
}
a:visited {
	color: #686868;
	font-size: 12px;
}
a:hover {
	color: #66669A;
	font-size: 12px;
}
a:active {
	color: #686868;
	font-size: 12px;
}
embed {
	display: block;
	margin: auto;
}

h1 {
	color: #333366;
	font-size: 16px;
	font-weight: bold;
	margin: 1em 0 0 3em;
	padding: 1em 0 0 0;
}

h2 {
	color: #333366;
	font-size: 14px;
	font-weight: bold;
	margin: 1em 0 0 3em;
	padding: 1em 0 0 0;
}
h3 {
	color: #333366;
	font-size: 12px;
	font-weight: bold;
	margin: 1em 0 0 3em;
	padding: 1em 0 0 0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}

/*------------------------------------------------------New Three Column Layout------------------------------------------------------*/
#wrapper1 {
	background-color: #19181D;
	position:relative;
	width:100%;
	min-height: 1000px;
}
#wrapper2 {
	background-color: #19181D;							/*Defaults to darker color on IE, Opera, etc instead of gradient*/
	position:relative;
	width:100%;
}
#maincol {
	background-color: #343434; 								/*Defaults to darker color on IE, Opera, etc instead of gradient*/
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7D7685), to(#343434));	/*Gradient to replace background image*/
	background-image: -moz-linear-gradient(0% 100% 90deg,#343434, #7D7685); 
	background: -moz-linear-gradient(top,  #7D7685,  #343434);				/*Mozilla Gradient (FF 3.6+)*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7D7685', endColorstr='#343434'); /*IE gradient*/
	min-height: 95%;
	margin:0;
	min-width: 100%;
	padding:0;
	position: relative;
}

/*------------------------------------------------------Center------------------------------------------------------*/
#centercol {
	background-color: #19181D; 								
	margin: auto;
	min-height: 100%;
	min-width:600px;
	padding:0;
	position:relative;
	text-align: center; /*fix centering issue in IE*/
	width: 100%;
}	
#centerheader{
	background-color: #19181D;
	height: 10%;
	min-height: 75px;
	min-width:inherit;
	margin:auto;
	padding: 0;
	position: relative;
}
#centerblock {
	background-image:url('img/gradient.jpg');
	background-repeat:repeat;
	height: 40%;
	margin:auto;
	min-height: 450px;
	min-width:inherit;
	position: relative;
/*
	z-index: 101;*/
	-moz-box-shadow: 0px 3px 4px #999;
	-webkit-box-shadow: 0px 3px 4px #999;
	box-shadow: 0px 3px 4px #999;
	background: -moz-linear-gradient(top,  #1A191E,  #7D7685); /*additional mozilla fix*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A191E', endColorstr='#7D7685'); /*IE gradient*/
}
#centerblock_ge {
	background-color: #7D7685; 								/*Defaults to darker color on IE, Opera, etc instead of gradient*/
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1A191E), to(#7D7685));	/*Gradient to replace background image*/
	background-image: -moz-linear-gradient(0% 100% 90deg,#7D7685, #1A191E); 		/*Mozilla Gradient*/
	background: -moz-linear-gradient(top,  #1A191E,  #7D7685); /*additional mozilla fix*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A191E', endColorstr='#7D7685'); /*IE gradient*/
	min-height: 600px;
	min-width:inherit;
	position: relative;
	text-align:center;
	z-index: 102;
	-moz-box-shadow: 0px 3px 4px #999;
	-webkit-box-shadow: 0px 3px 4px #999;
	box-shadow: 0px 3px 4px #999;
}
#centerblock_ge embed {
	display: block;
	margin: auto;
	padding: 2px 0 0 0;
	position: relative;
	text-align: center; /*fix centering issue in IE*/

}
#centerblock_ge img {
	display: block;
	margin: auto;
	padding: 2px 0 0 0;
	position: relative;
	text-align: center; /*fix centering issue in IE*/

}
#centerblock img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:1px;
	position: relative;
	text-align: center; /*fix centering issue in IE*/
	width: 542px;
}
#centerblock video {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:1px;
	position: relative;
	text-align: center; /*fix centering issue in IE*/
	width: 542px;
}
#kaltura {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:1px;
	position: relative;
	text-align: center; /*fix centering issue in IE*/
	width: 542px;
}
#kaltura large{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:1px;
	position: relative;
	text-align: left;/*fix centering issue in IE*/
	width: 640px;
}

/*------------------------------------------------------White Area------------------------------------------------------*/

#whitenav {
	border: 1px solid white;
	background: #fff;
	height: 5%;
	margin: 0px auto;
	min-height: 40px;
	padding: 0;
	position:relative;
	/* z-index: 99;*/
}
#whitenav ul {
	display: block;
	list-style-type: none;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 95%;
}
#whitenav ul li{
	display: inline;
	padding: 0 1em;
	white-space: nowrap;
}
#whitenav a {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
#white {
	background: #fff;
	display: block;
	float: inherit;
	/*height: 37%;*/
	min-height: 37%;
	min-width: 600px;
	overflow: auto;
	padding: 1em 0 0 0;
	position: relative;
}
#whiteleft {
	background:#fff;
	float: left;
	margin-left: 2em;
	padding: 0 0 2em 0;
	position: relative;
	text-align: left;
	width: 45%;
}
#whiteleft p {
	padding:0 2em;
	color: #686868;
}
#whiteleft img {
	padding: 0 0 1em 2em;
}
#whiteright {
	background: #fff;
	float: right;
	padding: 0 0 2em 0;
	position: relative;
	text-align: left;
	width: 50%;
}
#whiteright p {
	padding: 2em;
	color: #686868;
}
#panel {
	display: table;
	line-height: 800px;
	margin: auto;
	width: inherit;
	position: relative;
	text-align: center;
}
#panel img {
	display: inline;
	margin: 20px;
	padding:auto;
	position: relative;
	width: auto;
}
img.arrowprev {                                         
        float:left;
	height: 29px;
	padding: 300px 0 0 0;
	position:absolute;
	width: 25px;
}
img.arrownext {
	float:right;
	height: 29px;
	position: relative;
	width: 25px;
}
img.main {
	border: 1px solid #DDDDDD;
	float: left;
	height: 600px;
	width: 800px;
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	shadow: 3px 3px 4px #333;
}
a.arrowprev {
	float:left;
	height: 29px;
	margin-left: -5em;
	position:absolute;
	width: 25px;
}
a.arrownext {
	float: right;	
	padding: 300px 0 0 50px;
	height: 29px;
	width: 25px;
}
/*------------------------------------------------------Purple Area------------------------------------------------------*/
#purple {
	background: #dddfff;
	margin: auto;
	padding: 15px;
	width: 85%;
}
#purple p {
	color: #686868;
	padding: 1.5em 2em 0 2em;
}
#purplefloat {
	background: #dddfff;
	clear: both;
	display: block;
	float: auto;
	height: 200px;
	margin: 1em 4em 3em 4em;
	padding: .5em 0 1em 0;
	position: relative;
	width: 85%;
}
#purplefloat h3 {
	color: #333366;
	margin-top: 8px;
	margin-left: 15px;
	padding: 0 2em 1.5em 0em;
}
#purpleinset {
	background: #dddfff;
	margin:auto;
	padding: 0 0 2em 3em;
	width: 85%;
}
#purplecase {
	background: #dddfff;
	clear: both;
	float: auto;
	height: 75px;
	margin: auto;
	padding: 15px;
	width: 85%;
}
#purpleiPad {
	background: #dddfff;
	clear: both;
	float: auto;
	height: 100px;
	margin: auto;
	padding: 15px;
	width: 85%;
}
#insetmenu {
	background: #fff;
	height: 21%;
	margin: auto;
	overflow: auto;
	padding: 0;
	width: 80%
}
/*------------------------------------------------------Footer styles------------------------------------------------------*/
#footer {
	background:#343434;
	clear: both;
	color:#CCC;
	height: 7%;
	min-height: 60px;
	min-width: 750px;
	margin: 0;
	position:relative;
	text-align: center;
	width: 100%;
}
#footer p {
	color: #CCC;
	margin:0;
	padding:10px;
	text-align: center;
	text-shadow: 0px 0px 5px #111;
}
#footer a {
	color: #CCC;
	font-size: 12px;
}

/*------------------------------------------------------Additional Styles------------------------------------------------------*/
.style1 {color: #686868}
.style6 {color: #999999}
.style17 {font-size: 14px}
.style26 {font-size: 12px}
.style27 {font-size: 10px}
.style28 {
	font-size: 11px;
	font-style: italic;
}
.list {
	display: block;
	color: #686868;
	padding-bottom: 1em;
}
.list a {
	display: block;
	color: #686868;
	margin: 0;
	padding-bottom: 0;
	font-size: 12px;
}
.list ul {
	display: block;
	margin-left: 2em;
	padding-bottom: 1em;
}
.list ul li {
	display: block;
	color: #686868;
	margin: 0;
	padding-bottom: 0;
	font-size: 12px;
}
ul.floatlist {
	display: inline;
	color: #686868;
	float: left;
	margin-left: 0px;
	padding-left: 20px;
	position: absolute;
}
ul li.floatlist  {
	display: inline;
	left: 1em;
	list-style-type: disc;
	list-style-position: inside;
	margin: 10px;
	padding: 0;
	position: relative;
}
.floatlist a {
	display: block;
	color: #686868;
	margin: 0;
	padding-bottom: 0;
	font-size: 12px;
}
.floatimg {
	float: left;
	margin: -10px 1em 0 -50px;
	padding: 0 2em 0 0;
	position: relative;
	width: 181px;
}
.floathead {
	float: left;
	padding: 0 5em 0 0;
	position: relative;
	width: 309px;
}
.phoneno {
	color:#ccc; 
	float: right;
	font-size: 16px;
	padding: 2em 2em 0 0;
	position: relative;
}
.sub {
	font-weight: 200;
	font-size: 10px;
}
.dot {
	font-weight: 800;
	font-size: 18px;
}
a.here {
	color: #ccc;
	font-size: 14;
	text-decoration: none;
}
.award ul {
	display: block;
	list-style-type:none;
	margin: 0;
	padding-bottom: 1em;
}
.award ul li {
	display: block;
	color: #686868;
	list-style-type:none;
	margin: .5em 0;
	padding-bottom: 0;
	font-size: 12px;
}
p.quote {
	color: #686868;
	display: block;
	font-family: "Myriad Pro", Helvetica, sans-serif;
	font-size: 14;	
	font-style: italic;
	font-weight: normal;
	margin: auto;
	position: relative;
}
.beginq {
	float: left;
	height: 45px;
	margin: -5px 15px 0 -5px;
	padding-top: -10px;
	position: relative;
	font-size: 300%;
	color: #686868;
}
.endq {
	color: #686868;
	float: right;
	font-size: 300%;
	height: 25px;
	margin: 0px 5px 0 0;
	padding: 0 0 0 0;
	position: relative;
}
p.ml {
	display: block;
	margin: 1em;
	padding: 0;
	position: relative;
}
h2.ml {
	display: block;
	margin: 1em;
	padding: 0;
	position: relative;	
}
h3.ml {
	display: block;
	margin: 1em;
	padding: 0;
	position: relative;	
}
a.ml {
	color: #333366;
	font-size: 12px;
	font-weight: bold;
}
h3.pad {
	margin: 1em;
	padding: 1em 1em 0 1em;
	position: relative;
}
a.case {
	color: #686868;
	margin: 0em 0 0em 0em;
	padding: 0em 0 0.5em 0;
	position: relative;
	font-size: 18px;
}
img.thumb {
	display: inline;
	float: left;
	margin: 0px 25px 0px 0px;
	position: relative;
}
img.heartthumb {
	display: inline;
	float: left;
	margin: -25px 25px 0px 0px;
	position: relative;
}
img.appbadge {
	margin: 0px 0px 10px 12px;
	padding: 0 0 0 12px;
}
a.thumb {
	color: #333366;
	font-weight: bold;
	margin: 0px;
}
/*MailChimp Markup for index.html*/
#mc_embed_signup {
	background: #fff;
	clear: left;
	font-family: "HelveticaNeue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}
#mc_embed_signup form {
	display:block; 
	position:relative; 
	text-align:left; 
	padding:10px 0 10px 3%
}
#mc_embed_signup h2 {
	font-weight:bold; 
	padding:0; 
	margin:15px 0; 
	font-size:1.4em;
}
#mc_embed_signup input {
	border:1px solid #999; -webkit-appearance:none;
}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {
	border-color:#333;
}
#mc_embed_signup .button {
	clear:both; 
	background-color: #aaa; 
	border: 0 none; 
	border-radius:4px; 
	color: #FFFFFF; 
	cursor: pointer; 
	display: inline-block; 
	font-size:15px; 
	font-weight: bold; 
	height: 32px; 
	line-height: 32px; 
	margin: 0 5px 10px 0; 
	padding:0; 
	text-align: center; 
	text-decoration: none; 
	vertical-align: top; 
	white-space: nowrap; 
	width: auto;
}
#mc_embed_signup .button:hover {
	background-color:#777;
}
#mc_embed_signup .small-meta {
	font-size: 11px;
}
#mc_embed_signup .nowrap {
	white-space:nowrap;
}     
#mc_embed_signup .clear {
	clear:none; 
	display:inline;
}

#mc_embed_signup label {
	color: #333366;
	display:block; 
	font-size:14px; 
	margin: 1em 0 0 0;
	padding-bottom:10px; 
	font-weight:bold;
}
#mc_embed_signup input.email {
	display:block; 
	padding:8px 0; 
	margin:0 4% 10px 0; 
	text-indent:5px; 
	width:58%; 
	min-width:130px;
}
#mc_embed_signup input.button {
	display:block; 
	width:35%; 
	margin:0 0 10px 0; 
	min-width:90px;
}

#mc_embed_signup div#mce-responses {
	float:left; 
	top:-1.4em; 
	padding:0em .5em 0em .5em; 
	overflow:hidden; 
	width:90%;
	margin: 0 5%; 
	clear: both;
}
#mc_embed_signup div.response {
	margin:1em 0; 
	padding:1em .5em .5em 0; 
	font-weight:bold; 
	float:left; 
	top:-1.5em; 
	z-index:1; 
	width:80%;
}
#mc_embed_signup #mce-error-response {
	display:none;
}
#mc_embed_signup #mce-success-response {
	color:#529214; 
	display:none;
}
#mc_embed_signup label.error {
	display:block; 
	float:none; 
	width:auto; 
	margin-left:1.05em; 
	text-align:left; 
	padding:.5em 0;
}