/**************************************************/
/* Author: Lee Averbeck, Scope Interactive */
/**************************************************/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

img,
embed,
object,
video {
  max-width: 100%;
  }

.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  }


body {
	background: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	margin: 0;
	}

body.print { 
	background: #ffffff; 
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	margin: 0;
	}

p {
	font-size: 16px;
	color: #000000; 
	line-height: 20px;
	margin: 10px 10px 15px 10px;
	}
p.notop { 
	font-size: 16px;
	color: #000000; 
	line-height: 20px;
	margin: 0 10px 15px 10px;
	}
p.big { 
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	font-weight: 600;
	}
p.newsdate { 
	font-size: 16px;
	color: #000000; 
	line-height: 11px;
	margin: 10px 5px 0 10px;
	font-weight: bold;
	float: left;
	}
p.HomeMain {
	float: left;
	width: 68.18181818181818%; /* 750px / 1100px */
	font-size: 20px;
	line-height: 24px;
	color: #1e419a;
	font-weight: 600;
	letter-spacing: .09em;
	margin: 45px 0;
	}
@media screen and (max-width: 700px) {
p.HomeMain {
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0;
	margin: 30px 0;
	}
}

.Pright {
	float: right;
	width: 130px;
	margin: 10px 10px 5px 10px;
  }

ul { 
	font-size: 16px;
	color: #000000; 
	line-height: 18px;
	margin-top: 0; 
	margin-bottom: 15px; 
	margin-left: 10px; 
	margin-right: 10px; 
	padding-left: 40px;
	}

ol { 
	font-size: 16px;
	color: #000000; 
	line-height: 18px;
	margin-top: 0; 
	margin-bottom: 15px; 
	margin-left: 10px; 
	margin-right: 10px; 
	padding-left: 40px;
	}

li { 
	margin-top: 0; 
	margin-bottom: 5px; 
	}



h1 { 
	font-size: 22px;
	line-height: 26px;
	color: #800000;
	margin: 10px 10px 5px 10px;
	}

h2 { 
	font-size: 20px; 
	color: #00009C;
	line-height: 24px;
	margin-bottom: 0; 
	margin-left: 10px; 
	margin-right: 10px; 
	clear: left;
	}

h3 {
	font-size: 18px;
	color:#000000;
	line-height: 22px;
	margin-bottom: 0; 
	margin-left: 10px; 
	margin-right: 10px; 
	}

h4 { 
	font-size: 16px;
	color:#000000;
	line-height: 20px;
	margin: 0 10px 10px 10px;
	}

h5 { 
	font-size: 14px;
	color: #800000;
	line-height: 18px;
	margin: 0 10px 10px 10px;
	}

td { 
	font-size: 16px;
	color: #000000; 
	line-height: 18px;
	}
td.EMbuttons {
	line-height: 16px;
	padding: 0;
	}

form {
	margin: 0;
	padding: 0;
	}

input {
	font-size: 16px;
	line-height: 20px;
	color: #000000; 
	}

input.btn { 
	font-size: 16px;
	line-height: 20px;
	margin-top: 3px;
	}

select { 
	font-size: 16px;
	line-height: 20px;
	color: #000000;  
	border: 1px solid #A4A5A4;
	}

textarea {
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	border: 1px solid #a4a5a4;
	}

hr { 
	height: 1px; 
	color: #000;
	border-style: none;
	background-color: #000;
	clear: both;
	margin: 10px 0 20px 0;
	}
hr.inv { 
	height: 1px; 
	color: #ffffff;
	border-style: none;
	background-color: #ffffff;
	clear: both;
	margin: 0;
	padding-top: 10px;
	}


.copy { 
	font-size: 13px;
	color: #000000; 
	line-height: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	}

.letterq { 
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #e27011; 
	line-height: 22px;
	margin-left: 10px; 
	} 

.lettera { 
	float: left; 
	font-size: 16px; 
	font-weight: bold;
	color: #00009c; 
	line-height: 22px;
	margin-left: 10px; 
	} 

p.question { 
	font-size: 16px;
	color: #000000; 
	line-height: 22px;
	margin-top: 2px; 
	margin-bottom: 5px; 
	margin-left: 30px; 
	margin-right: 10px; 
	}

p.answer { 
	font-size: 16px;
	color: #000000; 
	line-height: 22px;
	margin-top: 5px; 
	margin-bottom: 15px; 
	margin-left: 30px; 
	margin-right: 10px; 
	}

ul.twocol {
	list-style-type: none;
	padding: 0;
	margin: 30px 10px 10px 10px;
	}

li.col {
	float: left;
	width: 330px;
	max-width: 100%;
	margin: 0 20px 2px 0;
	padding: 0;
	}
.MainText li.col {
	width: 235px;
	}

.field {
	margin: 15px;
	} 
.field input {
	max-width: 100%;
	}

#aaq {
	margin: 0;
	max-width: 700px;
	}
@media screen and (max-width: 640px) {
#aaq {
	clear: right;
	}
#aaq td {
	display: table-row;
	}
#aaq td textarea {
	width: 100%;
	}
}
@media screen and (max-width: 500px) {
#aaq td input {
	width: 100%;
	}
}

ul.gallery {
	float: left; 
	list-style: none; 
	padding: 0;
	margin: 10px;
	}

ul.gallery li { 
	float: left; 
	width: 120px;
	min-height: 100px;
	text-align: center; 
	} 

input.dphoto { 
	font-size: 16px;
	color: #000000; 
	background: #E27011; 
	border: 1px solid #A4A5A4;
	margin-top: 3px; 
	position: relative; 
	top: -40px; 
	} 

.xname {
	font-size: 17px;
	color: #00009C;
	line-height: 21px;
	font-weight: bold;
	}

.hdateh {
	float: left;
	font-size: 16px;
	color: #00009c; 
	line-height: 22px;
	font-weight: bold;
	width: 80px;
	margin: 0 0 10px 0;
	}
.hnameh {
	float: left;
	font-size: 16px;
	color: #00009c;
	line-height: 22px;
	font-weight: bold;
	margin: 0 0 10px 0;
	}

.hdate {
	float: left;
	clear: left;
	width: 80px;
	margin: 0 0 10px 0;
	line-height: 18px;
	}
.hname {
	float: left;
	width: 525px;
	margin: 0 0 10px 0;
	line-height: 18px;
	}

.prologo { 
	float: right;
	margin: 0px 10px 5px 5px;
	}

img.plogos { 
	display: block;
	margin: 10px auto 10px auto;
	}


a {color:#101084;}
a:hover {color:#CC0000;}


a.smap { 
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #808080;
	font-weight: 700;
	text-decoration: none;
	margin: 5px 0 10px 10px;
	letter-spacing: .15em;
	}
a.smap:hover { 
	color:#cc0000; 
	text-decoration: underline;
	}
a.scont { 
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #808080;
	font-weight: 700;
	text-decoration: none;
	margin: 5px 10px 10px 0;
	padding: 0 10px 0 0;
	letter-spacing: .15em;
	border-right: 1px solid #808080;
	}
a.scont:hover { 
	color:#cc0000; 
	text-decoration: underline;
	}

a.rf {
	font-size: 16px;
	color:#101084; 
	text-decoration: none;
	font-weight: bold;
	border:1px solid #101084;
	padding: 2px 10px 3px 10px;
	}
a.rf:hover { 
	color:#CC0000; 
	text-decoration: none;
	border:1px solid #CC0000;
	}

a#ask { 
	width: 80px;
	float: right;
	color: #00a44d;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0 10px 10px;
	padding: 10px 0 15px 0;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	background-color: #ffffff;
	border: 5px solid #00a44d;
  -moz-border-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
	}
a#ask:hover { 
	color:#CC0000; 
	text-decoration: none;
	border: 5px solid #CC0000;
	}


.clearfix:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}



/************************************************/
/* Layout Divs                                  */
/************************************************/

#Enclose {
  position: relative;
  background: #ffffff;
  width: 100%;
	max-width: 1100px;
  margin: 0 auto;
  }
.Enclose {
  position: relative;
  background: #ffffff;
  width: 100%;
	max-width: 1100px;
  margin: 0 auto;
  }

.cat { 
	display: block;
	color: #636563; 
	font-size: 12px;
	padding: 5px 3px 5px 3px;
	text-decoration: none;
	border: 1px solid #7B797B; 
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 8px;
	margin-right: 8px;
	text-align: left;
	background-color: #efefef;
	font-weight: bold;
	}

#MainHead {
  background: #ffffff;
  padding: 0;
  margin: 0;
  }
#MainHead img {
	float: left;
  padding: 0;
  margin: 0 0 0 0;
  border: 0;
  }
#MainHead img.right {
  float: right;
  margin: 0 0 0 20px;
  }
@media screen and (max-width: 700px) {
#MainHead img {
	float: none;
	display: block;
  margin: 0 auto;
  }
}
@media screen and (max-width: 410px) {
#MainHead img {
	max-width: 70%;
  margin: 0 0 0 50px;
  }
}


.subn {
	background: #3e0000;
	margin: 0;
	padding: 10px 0 10px 170px;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
	font-weight: normal;
  -moz-border-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
	}

.subn a {
	float: left;
	margin: 0 0 0 40px;
	padding: 1px 10px 3px 10px;
	text-decoration: none;
	color: #fff;
  -moz-border-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
	transition: background .5s ease-out;
	}
.subn a:hover {
	background: #800000;
	color: #ffffff;
	}
@media screen and (max-width: 700px) {
.subn {
	min-height: 23px;
	}
.subn a {
	display: none;
	}
}

.about {
	background: #3e0000 url(../images/subn_about.gif) no-repeat 5px 3px;
	}
.contact {
	background: #3e0000 url(../images/subn_contact.gif) no-repeat 5px 3px;
	min-height: 20px;
	}
.informed {
	background: #3e0000 url(../images/subn_informed.gif) no-repeat 5px 3px;
	}
.flooring {
	background: #3e0000 url(../images/subn_info.gif) no-repeat 5px 3px;
	padding: 10px 0 10px 110px;
	}
.solutions {
	background: #3e0000 url(../images/subn_solutions.gif) no-repeat 5px 3px;
	}
.pro {
	background: #3e0000 url(../images/subn_pro.gif) no-repeat 5px 3px;
	}
.training {
	background: #3e0000 url(../images/subn_training.gif) no-repeat 5px 3px;
	}
.market {
	background: #3e0000 url(../images/subn_market.gif) no-repeat 5px 3px;
	}

.SnavSpace {
	float: left;
	margin: 0;
	padding: 1px 10px 3px 10px;
	}


#search { 
	float: right;
	margin: 0;
	padding: 0; 
	text-align: right; 
	} 

#HeadSearch {
  float: right;
  width: 245px;
	text-align: left;
  border: 3px solid #d7d7d7;
  margin: 10px 0 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  }
#HeadSearch input {
	border: 0 !important;
  font-size: 14px; 
	max-width: 210px;
  }
@media screen and (max-width: 1125px) {
a.smap { 
	margin: 5px 10px 10px 10px;
	}
}
@media screen and (max-width: 700px) {
#search { 
	float: none;
	margin: 0 5% 10px 0;
	text-align: center;
	} 
#HeadSearch {
	float: left;
  width: 90%;
  margin: 0 0 10px 8%;
  }
a.smap { 
	float: none;
	display: inline-block;
	margin: 5px 0 10px 10px;
	}
a.scont { 
	float: none;
	display: inline-block;
	margin: 5px 10px 10px 0;
	}
}
@media screen and (max-width: 300px) {
#HeadSearch input {
	max-width: 150px;
  }
}

input.search-button {
	background: #d7d7d7;
	padding: 5px;
	float: right;
	margin: 1px;
	}

#Content {
	margin: 0;
	padding: 0;
	}
.Content {
	margin: 0;
	padding: 0;
	}

#columnleft {
	float: left;
	width: 165px;
	margin: 0 0 10px 0;
	padding: 0 0 100px 0;
	border-right: 1px dotted #a1a7ad;
	}

#columnleft a { 
	display:block;
	color: #636563; 
	font-size:12px;
	padding: 5px 3px 5px 3px;
	text-decoration:none;
	background-color: transparent;
	border: 1px solid #7B797B;
	margin: 10px 8px;
	text-align: right;
  -moz-border-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
	}

#columnleft a.cat { 
	display:block;
	color: #636563; 
	font-size:12px;
	padding: 5px 3px 5px 3px;
	text-decoration:none;
	border: 1px solid #7B797B; 
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 8px;
	margin-right: 8px;
	text-align: left;
	background-color: #efefef;
	font-weight: bold;
	}

#columnleft a.cat:hover { 
	color: #000000; 
	background-color: #ed9041;
	} 
#columnleft a:hover { 
	color: #000000; 
	background-color: #ed9041;
	} 

#columnleft .ttlsol a {
	display: block;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	background-color: #3bb7c2;
	text-align: center;
	border: 0;
  -moz-border-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
	}
#columnleft .ttlsol a:hover {
	color: #ffffff;
	background-color: #ed9041;
	}

.SponsorImages {
	clear: both;
  margin: 20px 0 15px 0;
  }
.SponsorImages img {
  display: block;
  margin: 0 auto;
  border: 0;
  }
.SponsorImages h1 { 
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 5px 0;
	font-weight: 400;
	}

#columnright {
	margin: 0 0 10px 0;
	}

#columnrighta {
	background: #ffffff url(../images/bg_about.jpg) no-repeat;
	width: 100%;
	max-width: 900px;
	margin: 10px auto;
	padding: 1px 0 0 0;
	min-height: 595px;
	}

#columnrightsi { 
	background: #ffffff url(../images/bg_informed.jpg) no-repeat; 
	width: 100%;
	max-width: 900px;
	margin: 10px auto;
	padding: 1px 0 0 0;
	min-height: 595px;
	}

#columnrightf {
	background: #ffffff url(../images/bg_flooring.jpg) no-repeat;
	width: 100%;
	max-width: 900px;
	margin: 10px auto;
	padding: 1px 0 0 0;
	min-height: 595px;
	}

#columnrights {
	background: #ffffff url(../images/bg_solutions.jpg) no-repeat;
	width: 100%;
	max-width: 900px;
	margin: 10px auto;
	padding: 1px 0 0 0;
	min-height: 595px;
	}

#columnrightp { 
	background: #ffffff; 
	width: 100%;
	margin: 10px auto;
	padding: 1px 0 0 0;
	min-height: 595px;
	}

#columnrightm {
	background: #ffffff url(../images/bg_pro.jpg) no-repeat;
	width: 100%;
	max-width: 900px;
	margin: 10px auto;
	padding: 1px 0 0 0;
	min-height: 595px;
	}


#proMapDesc {
}

#proDescription {
	float: left;
	width: 29.54545454545455%; /* 325px / 1100px */
	}

#proMap {
	float: right;
	width: 68.18181818181818%; /* 750px / 1100px */
	}

#proWarranty {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	border: 1px dotted #009092;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	}

.StampLogo {
	float: left;
	width: 200px;
	margin: 5px 0 15px 25px;
	}
.StampLogo img {
	display: block;
	border: 0;
	}

.StampHeader {
	float: left;
	margin: 70px 0 0 130px;
	}

#proNonWarranty {
	clear: both;
	border-bottom: 1px solid #000;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	}

#ProsArea ul {
	margin: 0 0 15px 10px;
	padding: 0 0 0 10px;
	}
#ProsArea ul li {
	float: left;
	width: 30.55555555555556%; /* 330px / 1080px */
	margin: 0 2.77777777777778% 5px 0; /* 30px / 1080px */
	padding: 0;
	}

.ProCity {
	display: block;
	}


#columnrightt { 
	background: #ffffff url(../images/bg_train.jpg) no-repeat; 
	width: 100%;
	max-width: 900px;
	margin: 10px auto;
	padding: 1px 0 0 0;
	min-height: 595px;
	}

.alpha60 {
	margin: 60px 80px 20px 20px;
	padding: 20px 40px 20px 20px;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
  -moz-border-radius: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  }
@media screen and (max-width: 1100px) {
#columnright {
	margin: 0 5px 10px 5px;
	}
}
@media screen and (max-width: 920px) {
.alpha60 {
	margin: 60px 10px 20px 10px;
	padding: 20px;
  }
#ProsArea ul li {
	width: 45%;
	}
}


.MainText {
	float: left;
	width: 75%; /* 825px / 1100px */
	margin: 0 0 20px 0;
	}
.MainText:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.MTnarrow {
	width: 59.09090909090909%; /* 650px / 1100px */
	}

#MainFoot {
	background: #e3e1e0; 
	clear: both;
	margin: 10px 0 0 0;
	padding: 20px 0;
	}
#FootContent {
  width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
#MainFoot p {
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	letter-spacing: .08em;
	}
#MainFoot p.Copy {
	float: left;
	}
#MainFoot p.Legal {
	float: right;
	}
#MainFoot a {
	color: #000000;
	text-decoration: underline;
	}
#MainFoot a:hover {
	text-decoration: none;
	}

#HomeImage {
  position: relative;
  margin: 0;
  }
#HomeImage img {
  display: block;
  margin: 0;
  border: 0;
  }
#HomeImage h1 {
  position: absolute;
  top: 200px;
  left: 40px;
  font-size: 40px;
  line-height: 44px;
  color: #ffffff;
  font-weight: 700;
  margin: 0;
	letter-spacing: .1em;
  }
@media screen and (max-width: 850px) {
#HomeImage h1 {
  position: static;
	background: #3e0000;
	padding: 0 10px;
  font-size: 25px;
  line-height: 32px;
	letter-spacing: 0;
  }
}

#HomeSegments {
	clear: both;
	margin: 0;
	}
#HomeSegments a {
	float: left;
	width: 170px;
	background: #032d53;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin: 0 13px 15px 0;
	padding: 0 0 5px 0;
	text-decoration: none;
	transition: background .5s ease-out;
	}
#HomeSegments a:hover {
	background: #d75f00;
	}
#HomeSegments a img {
	display: block;
	margin: 0 0 5px 0;
	border: 0;
	}


#HomeWarranty {
	clear: both;
	background: #d5d5d5;
	margin: 30px 0;
	padding: 20px 0;
	}

.HWwrap {
	float: left;
	background: #fff;
	width: 50.625%; /* 810px / 1600px */
	max-width: 810px;
	margin: 0 0 0 3.125%; /* 50px / 1600px */
}

.HWimage {
	float: left;
	width: 44.44444444444444%; /* 360px / 810px */
	position: relative;
}
.HWimage:after {
	right: 0;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 30px;
	margin-top: -30px;
}
.HWimage img {
	display: block;
	margin: 0 auto;
	border: 0;
}

.HWinner {
	float: right;
	width: 55.55555555555556%; /* 450px / 810px */
	position: relative;
}
.HWinner h2 {
	font-size: 24px;
	margin: 20px;
}
.HWinner p {
	font-size: 18px;
	line-height: 1.5em;
	margin: 20px 20px 10px 20px;
}
.HWinner a {
	display: block;
	float: left;
	background: #d75f00;
	font-size: 1.25em;
	color: #fff;
	font-weight: 600;
	margin: 5px 20px 20px 20px;
	padding: 5px 20px;
	text-decoration: none;
}
.HWinner a:hover {
	background: #cc0000;
}

.videoContainer {
	float: right;
	width: 40%; /* 640px / 1600px */
	max-width: 640px;
	margin: 0 3.125% 0 0; /* 50px / 1600px */
}
.videoContainer iframe {
	max-width: 100%;
}


#hot {
  float: right;
  width: 26.81818181818182%; /* 295px / 1100px */
  margin: 15px 0 0 0;
  padding: 0 0 5px 0;
  background: none;
	border-left: 5px solid #0a7fc0;
	}
#hot h1 {
  color: #0a7fc0;
  font-size: 36px;
  line-height: 40px;
  margin: 0 0 5px 10px;
  padding: 0;
	}
#hot a {
	display: block;
	color: #001c71;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 10px 10px;
  padding: 0;
	text-decoration: none;
	}
#hot a:hover {
	color: #0a7fc0;
	}
@media screen and (max-width: 1150px) {
.HWwrap {
	float: none;
	width: 100%;
	margin: 0 auto 20px auto;
	}
.videoContainer {
	float: none;
	width: 100%;
	margin: 0 auto;
	}
}
@media screen and (max-width: 700px) {
.MainText {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
	}
p.HomeMain {
	float: none;
	width: 90%;
	margin: 0 auto;
	}
#hot {
  float: none;
	clear: both;
  width: 90%;
  margin: 10px auto;
	}
#proDescription {
	float: none;
	width: 100%;
	}
#proMap {
	float: none;
	width: 95%;
	margin: 0 auto;
	}
#ProsArea ul li {
	float: none;
	width: 95%;
	margin: 0 0 5px 5%;
	}
}
@media screen and (max-width: 675px) {
.HWinner h2 {
	font-size: 20px;
}
.HWinner p {
	font-size: 16px;
	line-height: 1.25em;
}
}
@media screen and (max-width: 470px) {
#HomeSegments a {
	float: none;
	display: block;
	margin: 0 auto 14px auto;
	}
#MainFoot p.Copy {
	float: none;
	text-align: center;
	}
#MainFoot p.Legal {
	float: none;
	text-align: center;
	}
}
@media screen and (max-width: 450px) {
.HWimage {
	float: none;
	width: 100%;
	}
.HWinner {
	float: none;
	width: 100%;
	}
}


.photo {
	float: right;
	margin: 10px;
	padding: 0;
	}
.photo img {
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #000000;
	}
.Xphoto {
	float: right;
	margin: 10px auto;
	padding: 0;
	width: 23.63636363636364%; /* 260px / 1100px */
	max-width: 260px;
	}
.Xphoto img {
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #000000;
	}

.Xpert {
	border-bottom: 1px dotted #000;
	margin: 0 0 10px 0;
	}

@media screen and (max-width: 700px) {
.photo {
	float: none;
	margin: 10px auto;
	}
.Xphoto {
	float: none;
	margin: 10px auto;
	width: 260px;
	}
}

#flash { 
	margin: 0px;
	padding: 0px;
	background: #2F2F2F; 
	} 
* html #flash object { 
	margin-left: -3px;
	}

#formbox {
	width: 61.36363636363636%; /* 675px / 1100px */
	background: #d7d7d7;
	margin: 10px;
	padding: 10px 0;
	border: 1px solid #000000;
	}
#formbox table {
	margin: 10px;
	border: 0;
	}
#formbox td {
	padding: 2px;
	}

#proj { 
	clear: right;
	float: right; 
	width: 150px; 
	margin: 40px 10px 10px 10px;
	padding: 0px;
	background-color: #FFFFFF;
	border: 1px solid #9CB2D6; 
	} 
#proj h1 { 
	color: #ffffff; 
	font-size:13px;
	background: #9CB2D6; 
	line-height: 13px;
	margin: 0;
	padding: 5px; 
	text-align: center;
	}
#proj p { 
	display: block;
	color: #004080; 
	font-size: 13px;
	line-height: 13px;
	margin: 0px;
	padding-top: 7px; 
	padding-bottom: 8px; 
	padding-right: 10px; 
	padding-left: 10px; 
	text-decoration: none;
	}

#lbut {
	float: right;
	width: 200px;
	margin: 20px 0 10px 10px;
	padding: 0;
	}
#lbut a {
	display: block;
	background: #badce6;
	font-size: 20px;
	color: #001c71;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	margin: 0;
	padding: 55px 20px;
  -moz-border-radius: 100px;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
	border: 5px solid #001c71;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
	transition: background .5s ease-out,  color .5s ease-out,  border .5s ease-out;
	}
#lbut a span {
	display: block;
	color: #800000;
	margin: 5px 0 0 0;
	}
#lbut a:hover {
	background: #ffba8f;
	color: #000;
	border: 5px solid #800000;
	}
@media screen and (max-width: 840px) {
#formbox {
	width: 70%;
	}
}
@media screen and (max-width: 735px) {
#lbut {
	float: none;
	width: 200px;
	margin: 20px auto 10px auto;
	}
#formbox {
	width: 90%;
	}
}
@media screen and (max-width: 570px) {
#formbox td {
	display: table-row;
	text-align: left;
	}
#formbox input {
	max-width: 300px;
	}
#formbox select {
	max-width: 300px;
	}
#formbox textarea {
	max-width: 300px;
	}
}
@media screen and (max-width: 390px) {
#formbox input {
	max-width: 250px;
	}
#formbox select {
	max-width: 250px;
	}
#formbox textarea {
	max-width: 250px;
	}
}
@media screen and (max-width: 330px) {
#formbox input {
	max-width: 225px;
	}
#formbox select {
	max-width: 225px;
	}
#formbox textarea {
	max-width: 225px;
	}
}


#cea { 
	display: block; 
	float: left; 
	width: 188px; 
	padding: 10px 0px 15px 0px;
	margin: 10px 5px 20px 20px; 
	border: 1px solid #000000;
	font-size: 13px;
	color: #000000; 
	line-height: 16px;
	text-align: center; 
	} 

#cea img { 
	margin: 10px 10px 0px 10px; 
	} 


/* ************************************************ */
/* Sitemap Styles                                       */
/* ************************************************ */

.mapmain { 
	margin: 0px 10px 10px 10px;
	font-size: 12px; 
	line-height: 12px;
	text-align: center;
	} 

.mapmain h1 { 
	font-size: 14px; 
	background: #e27011;
	color: #ffffff;
	line-height: 14px;
	margin: 0px 0px 5px 0px; 
	padding: 5px 0px 5px 0px; 
	text-align: center;
	}
.mapmain h1 a { 
	font-size: 14px; 
	color: #ffffff;
	line-height: 14px;
	margin: 0px; 
	padding: 0px; 
	text-decoration: none;
	}
.mapmain h1 a:hover { 
	color: #ffffff;
	text-decoration: none;
	}

.mapmain a { 
	margin: 0px 10px 0px 10px;
	font-size: 12px; 
	line-height: 12px;
	} 

.mapsec {
	float: left;
	width: 150px;
	min-height: 175px;
	margin: 0 10px 10px 10px;
	font-size: 12px; 
	line-height: 12px;
	}

.mapsec h1 { 
	font-size: 14px; 
	background: #003366;
	color: #ffffff;
	line-height: 14px;
	margin: 0px 0px 5px 0px; 
	padding: 5px 0px 5px 0px; 
	text-align: center;
	}
.mapsec h1 a { 
	font-size: 14px; 
	color: #ffffff;
	line-height: 14px;
	margin: 0px; 
	padding: 0px; 
	text-decoration: none;
	}
.mapsec h1 a:hover { 
	color: #ffffff;
	text-decoration: none;
	}

.mapsec a { 
	display: block;
	margin: 5px 5px 5px 5px;
	font-size: 12px; 
	line-height: 12px;
	} 
.mapsec a.ind { 
	display: block;
	margin: 0px 5px 3px 15px;
	font-size: 12px; 
	line-height: 12px;
	} 

.mapsec p { 
	display: block;
	margin: 5px 5px 0px 5px;
	font-size: 12px; 
	line-height: 12px;
	}
@media screen and (max-width: 540px) {
.mapsec {
	min-height: 35px;
	}
}
@media screen and (max-width: 370px) {
.mapsec {
	float: none;
	margin: 0 auto 10px auto;
	}
}

p.clr { 
	font-size: 13px;
	color: #000000; 
	line-height: 20px;
	margin: 10px 10px 50px 10px; 
        clear: both;
	}

/* ************************************************ */
/* Symposium Styles                                 */
/* ************************************************ */

#RiteBar {
  float: right;
  margin: 10px 10px 10px 20px;
  }
#RiteBar img {
  display: block;
  margin: 10px 10px 10px 10px;
  border: 1px solid #000000;
  }
#RiteBar img.but {
  display: block;
  margin: 10px 10px 10px 50px;
  border: 1px solid #000000;
  }

img.sbanner {
  float: right;
  margin: 10px 10px 10px 20px;
  border: 0px;
  padding: 0px;
  }

img.Spon08 {
  display: block;
  margin: 0px auto 10px auto;
  border: 0px;
  border: 1px solid #6c6f70;
  }


p.SymPlace { 
	font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  color: #009092;
  margin: 10px 10px 15px 10px; 
  padding: 10px;
  border: 1px solid #e27011;
  width: 250px;
  }

p.SymSpons { 
	font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  margin: 10px auto 15px auto; 
  padding: 10px;
  border: 1px solid #e27011;
  width: 675px;
  }

#genform {
  margin: 0px 0px 0px 50px;
  }

p.ReqFields {
  margin-left: 50px;
  color: #ff0000;
  }

.OpenUserEditTab td {
  padding: 0 10px 10px 0;
  vertical-align: top;
  }


/* ********************************************* */
/* Training Styles                               */
/* ********************************************* */


.TCstate {
  margin: 0 0 30px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #000;
  }

.TCenter {
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #000;
  }
.TClast {
  border-bottom: 0;
  }

.TCtext {
  float: left;
  width: 59.09090909090909%; /* 650px / 1100px */
  }
.TCtext p {
  margin: 10px;
  }

.TCmap {
  float: right;
  width: 36.36363636363636%; /* 400px / 1100px */
  }
.TCmap iframe {
  max-width: 100%;
  }

a.InterTrain {
	display: block;
	background: #cc0000;
	font-size: 2em;
	color: #fff;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	margin: 30px 0;
	padding: 20px;
}
a.InterTrain:hover {
	background: #101084;
}


@media screen and (max-width: 600px) {
.TCtext {
  float: none;
  width: 100%;
  }
.TCmap {
  float: none;
  width: 100%;
  }
}




*|*:-moz-list-bullet, *|*:-moz-list-number {font-size: 1em;}




/***********************************************/
/* Market Segmentation Styles                  */
/***********************************************/

.MScontent {
	float: left;
	width: 63.63636363636364%; /* 700px / 1100px */
	margin: 20px 0;
	}
.MScontent p {
	line-height: 24px;
	}

.MSsidebar {
	float: right;
	width: 31.81818181818182%; /* 350px / 1100px */
	margin: 20px 0;
	padding: 0;
	}

.MSSB-item {
	max-width: 350px;
	background: #ebebeb;
	margin: 0 auto 20px auto;
	padding: 0 0 1px 0;
	}
.MSSB-item img {
	display: block;
	margin: 0 auto 10px auto;
	border: 0;
	}
.MSSB-item h1 {
	font-weight: 600;
	margin: 10px 20px 5px 20px;
	}
.MSSB-item h2 {
	color: #000;
	font-weight: 600;
	margin: 0 20px 5px 20px;
	padding: 20px 0 0 0;
	}
.MSSB-item p {
	line-height: 22px;
	margin: 10px 20px 15px 20px;
	}
.MSSB-item ul {
	line-height: 22px;
	margin: 10px 20px 15px 20px;
	padding: 0;
	}
.MSSB-item li {
	margin: 0 0 5px 15px;
	padding: 0;
	}

a.VCS {
	display: block;
	width: 175px;
	background: #d75f00;
	color: #fff;
	font-weight: 600;
	border-radius: 10px;
	margin: 20px auto;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .03em;
	}
a.VCS:hover {
	background: #cc0000;
	}

p.AdditionalCS {
	font-size: 18px;
	font-weight: 600;
	margin: 50px 10px 15px 10px;
	}

.MSfocus {
	position: relative;
	margin: 20px 0;
	}
.MSfocus img {
	display: block;
	border: 0;
	margin: 0;
	}

.case-study-info {
	position: absolute;
	top: 30px;
	right: 0;
	width: 300px;
	background: rgba(255,255,255,.9	);
	}
.case-study-info h1 {
	font-weight: 600;
	}
.case-study-info p {
	color: #7d7d7d;
	margin: 10px 10px 0 10px;
	text-transform: uppercase;
	}
.case-study-info h3 {
	font-weight: 600;
	margin: 5px 10px 10px 10px;
	}

@media screen and (max-width: 700px) {
.MScontent {
	float: none;
	width: 100%;
	}
.MSsidebar {
	float: none;
	width: 100%;
	}
}

/***********************************************/
/* Navigation Styles                          */
/**********************************************/

#MainNav {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-align: right;
	}
#MainNav ul { margin:0; padding:0; list-style-type:none;}

/* Targeting both first and second level menus */
#nav { float: right;}
#nav li { float: left; position: relative; list-style-type: none;}
#nav li a {
	display: inline;
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 0 29px;
	text-decoration: none;
	color: #0a7fc0;
	padding: 0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .02em;
	 }
#nav li a:hover { color: #001c71; }


/* Targeting the first level menu */
#nav { padding: 0; z-index: 100; position: relative;}
#nav > li > a { text-decoration: none;}

/* Targeting the second level menu */
#nav li ul {background: #02a2b0; color: #000; display: none; margin: 0 1px 1px 25px; width: 200px; position: absolute; border: 1px solid #003366;}
#nav li ul.FAP {width: 150px;}
#nav li ul.STdrop {width: 150px;}
#nav li ul li { width: 100%; text-align: left; }
#nav li ul li a {
	display: block;
	color: #ffffff;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	padding: 3px 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
#nav li ul li a:hover { background: #800000;color: #ffffff;}

/* A class of current will be added via jQuery */
#nav li.current > a { background: #ffffff; }

/* CSS fallback */
#nav li:hover > ul.child { display: block; }
@media screen and (max-width: 1100px) {
	#MainNav ul#nav { margin:0 10px 0 0;}
	#nav li ul {margin: 0 1px 1px 0;}
	#nav li ul.STdrop {margin: 0 1px 1px -30px;}
}
@media screen and (max-width: 1070px) {
#nav li a {
	font-size: 16px;
	margin: 0 0 0 15px;
	letter-spacing: 0;
	text-transform: none;
	}
	#nav li ul.STdrop {margin: 0 1px 1px -60px;}
}
@media screen and (max-width: 750px) {
#nav li a {
	font-size: 15px;
	margin: 0 0 0 10px;
	}
}



.slicknav_menu {
  display:none;
  }

@media screen and (max-width: 700px) {
#MainNav {
	display: none;
	}

  .js #nav {
  display:none;
  }

  .js .slicknav_menu {
  display:block;
  }
}


.slicknav_btn { float: left;
  background: none;
  }
.slicknav_menu .slicknav_icon-bar {
    background-color: #001c71;
	width: 1.3125em; /* 21px / 16px */
	height: 0.25em;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 0;
}
.slicknav_nav li {
  background: #0099a9;
	margin: 0;
}
.slicknav_nav li.SubLink {
	margin: 0 0 0 20px;
}
.slicknav_menu {
  background: none;
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
height:0px;
    overflow:visible;
  padding: 0;
  z-index: 90;
  }
.slicknav_nav a{
  font-size: 18px; /* 16px / 16px */
  padding: 5px 0;
  margin: 0 10px;
  text-decoration:none;
  text-transform: uppercase;
  color:#fff;
  }
.slicknav_nav a:hover{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #0099a9;
    color: #3e0000;
}
.slicknav_nav {
    position: relative;
		background: #fff;
    top: 0;
}
.slicknav_nav .slicknav_row:hover {
    background: #0099a9;
}

/* ********************************************* */
/* Sticky Social Sidebar                         */
/* ********************************************* */

#sticky-social {
   right: 0;
   position: fixed;
   top: 0;
	 z-index: 90;
}
#sticky-social ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sticky-social li {
	margin: 0;
	padding: 0;
}
#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 35px;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
	 text-decoration: none;
   font-size: 16px;
}
#sticky-social a span {
   line-height: 25px;
   top: 10px;
	 right: -200px;
   position: absolute;
   text-align:center;
   width:120px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	 z-index: 100;
	transition: all 0.5s ease-out;
}
#sticky-social a:hover span {
	 right: 35px;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }  

@media screen and (max-width: 1200px) {
#sticky-social {
	width: 98%;
	bottom: 0;
	top: inherit;
  right: 1%;
	padding: 10px 0 0 0;
	background: rgba(0,0,0,.8);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
  }
#sticky-social ul {
	width: 110px;
	margin: 0 auto;
	}
#sticky-social li {
	float: left;
	}
#sticky-social a span {
   top: 50px;
	 right: 35px;
}
#sticky-social a:hover span {
   top: 10px;
	}
#MainFoot {
	padding: 20px 0 40px 0;
	}
}