/***********************************************/
/* schweiss.css                             */
/***********************************************/
/* @import url('fonts.css'); */
/* @import url('footer.css'); */
/************************************************************************/
/* Mobile browsers only */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	body { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
}
section {
	display: block;
}
.story {
	font-size:16px;
	text-align:left;
}
.schweissLogo {
	background-image:url(assets/schweiss.gif);
	background-repeat:no-repeat;
	background-position:top center;
	height:30px;
	padding-top:56px;
	width:350px;
}
.schweissLabel {
	font-family:'Arial Black',Arial;
	font-size:18px;
	text-align:right;
}
.logo {
	width:450px;
	height:100px;
	position:relative;
	font-size:24px;
	font-weight:bold;
	font-family:'Arial Black', Arial;
	background-image:url(assets/schweiss.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.logoCaption {
	font-size:30px;
	font-family: 'Arial Black',Arial, sans-serif;
	font-weight:bold;
}
.mainCaption {
	font-size:18px;
	font-family:'Arial Black', Arial;
	font-weight:normal;
}
.sectionLabel {
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	padding-left:20px;
	text-align:left;
}
.lineBreakU {
	margin-top:2px;
	margin-bottom:10px;
}
.lineBreakD {
	margin-top:10px;
	margin-bottom:2px;
}
.tinyText {
	font-size:10px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
.tinyTextBold {
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
.medTextPlain {
	font-size:14px;
	font-weight:normal;
	text-align:left;
}
.bullet {
	font-size:16px;
	font-weight:bold;
	padding-right:5px;
}
.tableItem {
	font-size:16px;
	font-weight:normal;
}
.tableTitle {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}
.tableHead {
	font-size:16px;
	font-weight:bold;
}
.medTextBold {
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
.lgTextBold {
	font-size:16px;
	font-weight:bold;
	font-style:normal;
}
.info {
	visibility:hidden;
	display:none;
	font-size:12px;
}
/*General*/
#right .clearfix:after, .clearfix:after {
	content: " "; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
/* Simple styles to use instead of inline styling for everything */
.robotoC { font-family: 'Roboto Condensed', sans-serif; }
.roboto { font-family: 'Roboto', sans-serif; }
/* Useful for creating square periods and other things */
.sans-serif { font-family:sans-serif; }
.oblique { font-style: oblique; }
.italic { font-style: italic; }
.uppercase { text-transform:uppercase; }
.underline { text-decoration:underline; }
.bold { font-weight:700; -webkit-text-stroke:0; text-stroke:0; }
.regular { font-weight:400; }
.red { color:#F00; }
.ylw, .yellow { color:#FF0; }
.ylw1 { color:#FFEF1F; }
.wht, .white { color:#FFF; }
.blk { color:#000; }
.blu { color:#0000ff; }
.grn { color:#0B0; }
.center { text-align:center; }
.left { text-align:left; }
.justify { text-align:justify; }
.right { text-align:right; }
.fltL   { float:left; }
.fltR   { float:right;}
.fltClr { clear:both; }
.rel { position: relative; }
.abs { position: absolute; }
.noborder{ border: 0; }
.img-container{ position:relative; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a.red2{
	color: #FF0000;
	text-decoration: none;
}
a.red2:link{
	color: #000000;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}
a.red2:visited{
	color: #000000;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}
a.red2:hover{
	color: #FF0000;
	font-weight:bold;
	text-decoration: underline;
	font-size:12px;
}
a.red2:active{
	color: #000000;
	text-decoration: none;
}
/************************************************************************/
/* link properties for "red" scheme site navigation located on link.php */
/************************************************************************/
a.blue:link {
	color:#0000FF;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}
a.red{
	color: #FF0000;
	text-decoration: underline;
}
a.red:link{
	color: #FF0000;
	text-decoration: underline;
	font-weight:bold;
	font-size:16px;
}
a.red:visited{
	color: #FF0000;
	text-decoration: underline;
	font-weight:bold;
	font-size:16px;
}
a.red:hover{
	color: #FF0000;
	text-decoration: underline;
	font-weight:bold;
	font-size:16px;
}
a.red:active{
	color: #ff0000;
	text-decoration: underline;
}
/***********************************************/
/* link properties for default site navigation */
/***********************************************/
a, a:link{
	color: #000000;
	text-decoration: none;
}
a:visited, a:hover, a:active {
	color: #0066ff;
	text-decoration: underline;
}
/***************************************************************/
/* link properties for navigation for "Back to Top"            */
/***************************************************************/
a.page {
	color: #006699;
	font-weight:bold;
}
a.page:link{
	font-weight:bold;
	color: #0033FF;
}
a.page:visited, a.page:hover, a.page:active {
	font-weight:bold;
	color: #990000;
}
a.pageBig {
	color: #006699;
	font-weight:bold;
	font-size:14px;
}
/***************************************************************/
/* link properties for navigation from inside of page content  */
/***************************************************************/
a.reg{
	color: #006699;
	text-decoration:underline;
}
a.reg:link{
	text-decoration:underline;
	color: #0033FF;
}
a.reg:visited, a.reg:hover, a.reg:active{
	text-decoration:underline;
	color: #990000;
}
/*****************************************************/
/* End of Link Properties                            */
/*****************************************************/
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	background:white;
}
body {
	background-image: url(assets/background-2015.jpg);
	background-repeat:repeat;
	background-color:#780C0F;
	background-position: top center;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	list-style-position:inside;
	color: #000000;
}
ul.white {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	list-style-image:url(assets/dot2_white.gif);
	list-style-position:inside;
	color: #000000;
	text-indent:1em;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size: 160%;
	color: #000000;
	margin: 0;
	padding: 0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FF0000;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 170%;
	color: #FF0000;
	margin: 0;
	padding: 0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 165%;
	font-weight: 400;
	color: #000000;
	margin: 0;
	padding: 0;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper {
	width: 990px;
	height:auto;
	text-align:left;
	background-color:#DC001E;
	background-color: #ffffff;
	/* background-color: transparent; */
	margin:0 auto;
	overflow: hidden;
}
#right {
	height:auto;
	width:990px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	background-color:#FFFFFF;
}
/* The right2 div is for the right content area of pages that are shorter than the menu */
#right2 {
	height:auto;
	width: 990px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	background-color:#FFFFFF;
}
a.buttonLink,a.buttonLink:link, a.buttonLink:visited, a.buttonLink:hover, a.buttonLink:active {
	text-decoration: none;
	color: #FFF;
	position:relative;
}
.left_top {
	width: 168px;
	float:left;
}
#left_bottom {
	background-color:#DC001E;
	width: 220px;
	height:auto;
	font-size:12px;
	clear:left;
	float:left;
}
/* The left_base is used for the information listed accross the bottom of each page */
.left_base{
	width:295px;
	height:154px;
	float:left;
}
#right_testimonial{
	height:2200px;
	width: 662px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	background-color:#FFFFFF;
	border-right-width:1px;
	border-right-color:#000000;
	border-right-style:solid;
	border-left-width:1px;
	border-left-color:#000000;
	border-left-style:solid;
}
/* TOP MESSAGE BAR */
.messageTop{ color:white; background:red;background:linear-gradient(180deg, red,  #e70700); padding:10px; font-family:'Roboto Condensed', sans-serif; font-style:italic; }
.messageTop.displayNone{ display:none!important; }
 /* TOP LOGO / SEARCH / PHONE */
.top-bar {position: relative; background-color: #fff; background-image: url('assets/footerbg2.jpg'); background-repeat: repeat; width: 990px; height: 80px;}
.top-bar a .topContact { display: table; position: relative; float:right; width: 142px; height: 35px; background-color: red; background: #9a0000; background: -webkit-linear-gradient(#ff0000, #9a0000); background: -o-linear-gradient(#ff0000, #9a0000); background: -moz-linear-gradient(#ff0000, #9a0000); background: linear-gradient(#ff0000, #9a0000); box-shadow: 0px 0px 5px #000; font-family: 'Roboto Condensed', sans-serif; font-size: 16.5px; line-height: 35px; letter-spacing: .1em; font-weight: bold; text-transform: uppercase; text-align: center; color: white; white-space: nowrap; padding: 3px 0; margin: 20px 20px 0 10px; }
.top-bar a .topPhone { float:right; font-family: "Roboto Condensed", sans-serif; font-size:24px; font-weight:normal; font-style:normal; color:#ff0000; margin:24px 10px auto 10px; }
.opaqueHover:hover {opacity: 0.7;}
.searchInput { width:130px; background: url(assets/search-icon.png) no-repeat left 5px center; background-color:white; font-size:10px; font-weight:bold; line-height:14px; margin:26px 10px 0 10px; padding: 5px 0; padding-left:20px; }
nav ul li a.buttonLink span.new {white-space: pre; text-transform: none; color: #ffff00;}
/* TOP HEADER / ABOVE SLIDER */
nav.topButtons { position: relative; border-top: 2px solid #fff; border-bottom: 2px solid #fff; border-left: none; border-right: none; box-sizing: border-box; display: flex; flex-direction: row; box-shadow: 0px 0px 8px black; z-index: 2; }
nav.topButtons ul { list-style-type: none; list-style-position: inside; height: 90px; display: flex; flex-direction: column; flex-wrap: wrap;}
nav.topButtons ul li { margin: 0; padding: 0; }
nav.topButtons ul li a.buttonLink {
	background: #696969;
	background: -webkit-linear-gradient(#696969, #3f3f3f);
	background: -o-linear-gradient(#696969, #3f3f3f);
	background: -moz-linear-gradient(#696969, #3f3f3f);
	background: linear-gradient(#696969, #3f3f3f);
	font-family:'Roboto Condensed', sans-serif;
	font-size: 16.5px;
	line-height: 17px;
	letter-spacing: .02em;
	font-weight: normal;
	text-transform: uppercase;
	border-right: 2px solid #fff;
	box-sizing: border-box;
	padding-left: 15px;
	padding: 0;
	justify-content: center;
	display: flex;
	align-items: center;
	height: 45px; }
nav.topButtons ul li:nth-of-type(even) a.buttonLink {border-bottom: 1px solid #fff; }
nav.topButtons ul li a.buttonLink:hover, nav.topButtons ul li a.buttonLink.active {
	background: #9a0000 !important;
	background:-webkit-linear-gradient(#ff0000, #9a0000) !important;
	background:-o-linear-gradient(#ff0000, #9a0000) !important;
	background:-moz-linear-gradient(#ff0000, #9a0000) !important;
	background:linear-gradient(#ff0000, #9a0000) !important;
	background-clip: padding-box !important; /* Fix issues with Safari background bleeding over borders with a radius */}
nav.topButtons ul {width: 865px;}
nav.topButtons ul li:nth-of-type(1) a.buttonLink,
nav.topButtons ul li:nth-of-type(2) a.buttonLink,
nav.topButtons ul li:nth-of-type(3) a.buttonLink {width: 160px;}
nav.topButtons ul li:nth-of-type(4) a.buttonLink,
nav.topButtons ul li:nth-of-type(5) a.buttonLink {width: 170px;}
nav.topButtons ul li:nth-of-type(6) a.buttonLink,
nav.topButtons ul li:nth-of-type(7) a.buttonLink {width: 220px;}
nav.topButtons ul li:nth-of-type(8) a.buttonLink,
nav.topButtons ul li:nth-of-type(9) a.buttonLink {width: 160px;}
nav.topButtons ul li:nth-of-type(10) a.buttonLink,
nav.topButtons ul li:nth-of-type(11) a.buttonLink {width: 160px;}
nav.topButtons ul li:nth-of-type(12) a.buttonLink,
nav.topButtons ul li:nth-of-type(13) a.buttonLink,
nav.topButtons ul li:nth-of-type(14) a.buttonLink {width: 120px; border-right: none; padding: 0; justify-content: center;}
nav.topButtons ul li a.buttonLink.ddProjects {
	background: #0e62fa;
	background:-webkit-linear-gradient(#0e62fa, #0e56d6);
	background:-o-linear-gradient(#0e62fa, #0e56d6);
	background:-moz-linear-gradient(#0e62fa, #0e56d6);
	background:linear-gradient(#0e62fa, #0e56d6);
	color: #fff;
	padding: 0;
	justify-content: center;
}
nav.topButtons ul li a.buttonLink.dd1, nav.topButtons ul li a.buttonLink.dd2, nav.topButtons ul li a.buttonLink.strapLatches, nav.topButtons ul li a.buttonLink.competitors {padding: 0; justify-content: center;}
nav.topButtons ul li a.buttonLink.hydraulic, nav.topButtons ul li a.buttonLink.bifold, nav.topButtons ul li a.buttonLink.tiltUp, nav.topButtons ul li a.buttonLink.home, nav.topButtons ul li a.buttonLink.reviews, nav.topButtons ul li a.buttonLink.about {height: 30px; border-bottom: 1px solid #fff; }
nav.topButtons ul li:last-of-type a.buttonLink, nav.topButtons ul li:nth-of-type(3) a.buttonLink {border-bottom: none;}

nav.topButtons ul li a.buttonLink.tiltUp span.new {font-size: 15px; margin-right: 2px; margin-bottom: 2px; transform: rotate(-30deg);}

nav.topButtons .topButtonsHang {position: absolute; bottom: 0px;}
nav.topButtons .topButtonsHang ul {width: 100%; height: auto;}
nav.topButtons .topButtonsHang ul li a.buttonLink {
	background: #002c7c;
	background: -webkit-linear-gradient(#0e62fa, #0e56d6);
	background: -o-linear-gradient(#0e62fa, #0e56d6);
	background: -moz-linear-gradient(#0e62fa, #0e56d6);
	background: linear-gradient(#0e62fa, #0e56d6);
	font-family:'Roboto Condensed', sans-serif;
	/* font-size: 15px; */
	/* line-height: 15px; */
	/* font-weight: bold; */
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	/* width: 115px;
	height: 45px; */
	width: 145px;
	height: 45px;
	border: none;
	border: 3px solid #fff;
	border-top: 1px solid #fff;
	border-radius: 0px 0px 8px 8px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center; }
nav.topButtons .topButtonsHang ul li.shadow {filter: drop-shadow(0px 3px 2px rgba(0,0,0,0.6));}
nav.topButtons .topButtonsHang ul li a.buttonLink.myths {position: absolute; bottom: -45.5px; left: 15px;  background: #fff; clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%); display: flex; align-items; center; justify-content: center; border: none;}
nav.topButtons .topButtonsHang ul li a.buttonLink.myths:hover, nav.topButtons .topButtonsHang ul li a.buttonLink.myths.active {background: #fff !important;}
nav.topButtons .topButtonsHang ul li a.buttonLink.myths span {width: calc(100% - 6px); height: calc(100% - 4px); background: #002c7c; background: -webkit-linear-gradient(#0e62fa, #0e56d6); background: -o-linear-gradient(#0e62fa, #0e56d6); background: -moz-linear-gradient(#0e62fa, #0e56d6); background: linear-gradient(#0e62fa, #0e56d6); clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%); display: flex; justify-content: center; align-items: center; margin-bottom: 2px;}
nav.topButtons .topButtonsHang ul li a.buttonLink.myths span:hover, nav.topButtons .topButtonsHang ul li a.buttonLink.myths.active span {background: #9a0000; background: -webkit-linear-gradient(#ff0000, #9a0000); background: -o-linear-gradient(#ff0000, #9a0000); background: -moz-linear-gradient(#ff0000, #9a0000); background: linear-gradient(#ff0000, #9a0000);}

/* SLIDEBOX SLIDER */
.swiper { position:relative; height: 556px; background-image:url('assets/footerbg2.jpg'); background-repeat:repeat; z-index: 1; }
section.swiper div.swiper-slide { display: flex; justify-content: center; align-items: center; }
section.swiper div.swiper-slide img { max-width: 100%; height: auto; vertical-align: top; }
section.swiper .swiper-button-prev, section.swiper .swiper-button-next { color: #f00; }
section.swiper .swiper-button-prev:hover, section.swiper .swiper-button-next:hover { color: #fff; }
section.swiper .swiper-button-prev::after, section.swiper .swiper-button-next::after { font-size: 60px; transform: scale(1,1.5); padding: 20px; }
section.swiper .swiper-pagination { bottom: 25px !important; }
section.swiper .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 7px !important; }
section.swiper .swiper-pagination-bullet:hover { background: #fff; opacity: 100%; }
section.swiper .swiper-pagination-bullet-active { background: #f00; }
#sliderController {width: 570px; height: 105px; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; border: 1px solid #fff; border-bottom: 2px solid #fff; border-top: none; border-left: none; background-image: url('assets/footerbg2.jpg'); background-repeat: repeat;}
#sliderController #photoSliderCtrl { display: flex; flex-direction: row; height: 100%; align-items: center;width: 365px; border-right: 1px solid #fff; }
#sliderController #installSliderCtrl { display: flex; flex-direction: row; height: 100%; align-items: center; width: 205px; border-left: 1px solid #fff; }
#sliderController #photoSliderCtrl .sliderButtons {max-width: 280px; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; }
#sliderController #installSliderCtrl .sliderButtons {max-width: 90px; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; }
#sliderController .chooseSliderBtn { position: relative; box-sizing: border-box; width: 80px; height: 50px; border: 1px solid #da0000; border-radius: 8px 0px 0px 8px; padding-right: 20px; clip-path: polygon(0% 0%, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0% 100%); background: linear-gradient(#fd0000, #d90000); font-family: "Roboto Condensed", sans-serif; font-size: 16px; line-height: 18px; font-weight: bold; text-transform: uppercase; color: #fff; margin-left: 20px; }
#sliderController .sliderControlThumb {color: #fff; border: 1px solid rgba(80,80,80,0.9); border-radius: 16px; background: linear-gradient(#6b6b6a, #5d5d5c); margin: 1px 2px; font-size: 14px; font-weight: bold; width: 28px; height: 28px;}
#sliderController #photoSliderCtrl .sliderControlThumb:nth-of-type(9) { margin-left: 18px; }
#sliderController #installSliderCtrl .sliderControlThumb:nth-of-type(3) { margin-left: 18px; }
#sliderController .selectedSliderControlThumb {background: linear-gradient(#ff0000, #9a0000); border: 1px solid rgba(255,255,255,0.9) }
#currentSlider:hover, .chooseSliderBtn:hover, .sliderControlThumb:hover {opacity: 0.7; cursor: pointer; user-select: none; -ms-user-select: none; -webkit-user-select: none;}
#currentSlider {display: none;}
/* BOTTOM HEADER / BELOW SLIDER */
nav.btmButtons {position: relative; display: flex; justify-content: space-between; z-index: 1000; box-shadow: 0px 0px 8px black; }
nav.btmButtons .bottomButtonsMain {position: relative; display: inline-block; vertical-align: top; width: 570px; border-bottom: 2px solid #fff; border-top: 2px solid #fff;}
nav.btmButtons ul {list-style-type: none; list-style-position: inside; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; box-sizing: border-box;}
nav.btmButtons ul li a.buttonLink {
	background: #696969;
	background: -webkit-linear-gradient(#696969, #3f3f3f);
	background: -o-linear-gradient(#696969, #3f3f3f);
	background: -moz-linear-gradient(#696969, #3f3f3f);
	background: linear-gradient(#696969, #3f3f3f);
	font-family:'Roboto Condensed', sans-serif;
	font-size: 15.5px;
	line-height: 16px;
	letter-spacing: .02em;
	font-weight: normal;
	text-align: center;
	width: 142.5px;
	height: 45px;
	border-bottom: 1px solid #fff;
	border-right: 2px solid #fff;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center; }
nav.btmButtons ul li a.buttonLink:hover, nav.btmButtons ul li a.buttonLink.active {
	background: #9a0000 !important;
	background:-webkit-linear-gradient(#ff0000, #9a0000) !important;
	background:-o-linear-gradient(#ff0000, #9a0000) !important;
	background:-moz-linear-gradient(#ff0000, #9a0000) !important;
	background:linear-gradient(#ff0000, #9a0000) !important;
	background-clip: padding-box !important; /* Fix issues with Safari background bleeding over borders with a radius */ }
nav.btmButtons .bottomButtonsMain ul li:nth-of-type(4n) a.buttonLink {border-right: none;}
nav.btmButtons .bottomButtonsMain ul li:nth-of-type(4n-3) a.buttonLink {text-align: left; justify-content: unset; padding-left: 20px;}
nav.btmButtons .bottomButtonsDesignerDoors {position: absolute; top: -10px; left: 570px; width: 311px; box-sizing: border-box; display: block; z-index: 10; white-space: nowrap; font-size: 0; border: 4px solid #fff; border-radius: 16px; box-shadow: 0px 2px 10px black, 0px 3px 5px black; overflow: hidden; }
nav.btmButtons .bottomButtonsDesignerDoors .sdd {font-family: "Roboto Condensed", sans-serif; font-size: 28px; line-height: 50px; font-weight: bold; color: #ffff00; letter-spacing: .1em; text-align: center; text-transform: uppercase; box-sizing: border-box; z-index: 3; display: flex; justify-content: center; align-items: center; background: #0e56d6; background: linear-gradient(#0e62fa, #0e56d6); }
nav.btmButtons .bottomButtonsDesignerDoors ul li a.buttonLink {
	background: #002c7c;
	background: -webkit-linear-gradient(#0e62fa, #0e56d6);
	background: -o-linear-gradient(#0e62fa, #0e56d6);
	background: -moz-linear-gradient(#0e62fa, #0e56d6);
	background: linear-gradient(#0e62fa, #0e56d6);
	font-family:'Roboto Condensed', sans-serif;
	font-size: 17px;
	line-height: 18px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	width: 151px;
	height: 44px;
	border: none;
	border-top: 1px solid #fff;
	border-right: 2px solid #fff;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center; }
nav.btmButtons .bottomButtonsDesignerDoors ul li:nth-of-type(1) a.buttonLink,
nav.btmButtons .bottomButtonsDesignerDoors ul li:nth-of-type(2) a.buttonLink {height: 75px;}
nav.btmButtons .bottomButtonsDesignerDoors ul li:nth-of-type(5) a.buttonLink {width: 302px; }
nav.btmButtons .bottomButtonsDesignerDoors ul li:nth-of-type(2) a.buttonLink,
nav.btmButtons .bottomButtonsDesignerDoors ul li:nth-of-type(4) a.buttonLink,
nav.btmButtons .bottomButtonsDesignerDoors ul li:nth-of-type(5) a.buttonLink,
nav.btmButtons .bottomButtonsDesignerDoors ul li:nth-of-type(7) a.buttonLink {border-right: none;}
nav.btmButtons .bottomButtonsRight {position: relative; display: flex; flex-direction: column; border-top: 2px solid #fff; border-bottom: 2px solid #fff; width: 109px; box-sizing: border-box;}
nav.btmButtons .bottomButtonsRight .buttonLink {width: 109px; height: 55px; border-bottom: 1px solid #fff; border-right: none; border-top: none; box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-transform: uppercase; font-size: 15px;}
nav.btmButtons .bottomButtonsRight .buttonLink.contact {height: 75px; font-size: 17px; letter-spacing: .02em; font-weight: bold; text-transform: uppercase; border-bottom: 4px solid #fff;}
nav.btmButtons .bottomButtonsHang {position: absolute; bottom: 0px;}
nav.btmButtons .bottomButtonsHang ul li a.buttonLink {
	background: #002c7c;
	background: -webkit-linear-gradient(#0e62fa, #0e56d6);
	background: -o-linear-gradient(#0e62fa, #0e56d6);
	background: -moz-linear-gradient(#0e62fa, #0e56d6);
	background: linear-gradient(#0e62fa, #0e56d6);
	font-family:'Roboto Condensed', sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	width: 145px;
	height: 45px;
	border: none;
	border: 3px solid #fff;
	border-top: 1px solid #fff;
	border-radius: 0px 0px 8px 8px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center; }
nav.btmButtons .bottomButtonsHang ul li.shadow {filter: drop-shadow(0px 3px 2px rgba(0,0,0,0.6));}
nav.btmButtons .bottomButtonsHang ul li a.buttonLink.myths {position: absolute; bottom: -42.5px; left: 140px;  background: #fff; clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%); display: flex; align-items; center; justify-content: center; border: none; font-size: 14px;}
nav.btmButtons .bottomButtonsHang ul li a.buttonLink.myths:hover, nav.btmButtons .bottomButtonsHang ul li a.buttonLink.myths.active {background: #fff !important;}
nav.btmButtons .bottomButtonsHang ul li a.buttonLink.myths span {width: calc(100% - 6px); height: calc(100% - 4px); background: #002c7c; background: -webkit-linear-gradient(#0e62fa, #0e56d6); background: -o-linear-gradient(#0e62fa, #0e56d6); background: -moz-linear-gradient(#0e62fa, #0e56d6); background: linear-gradient(#0e62fa, #0e56d6); clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%); display: flex; justify-content: center; align-items: center; margin-bottom: 2px;}
nav.btmButtons .bottomButtonsHang ul li a.buttonLink.myths span:hover, nav.btmButtons .bottomButtonsHang ul li a.buttonLink.myths.active span {background: #9a0000; background: -webkit-linear-gradient(#ff0000, #9a0000); background: -o-linear-gradient(#ff0000, #9a0000); background: -moz-linear-gradient(#ff0000, #9a0000); background: linear-gradient(#ff0000, #9a0000);}

.btnSave {
	width: 340px;
	float: left;
	padding: 15px;
	background-color: #0960AE;
	color: #FFEF1F;
	border-radius: 10px;
	text-align: center;
	font-weight: 700;
	margin:0 auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	position: absolute;
	top: 45px;
	right: 120px;
	-webkit-box-shadow: 1px 1px 1px 1px #333, -1px -1px 1px 1px #333;
	-moz-box-shadow: 1px 1px 1px 1px #333, -1px -1px 1px 1px #333;
	box-shadow: 1px 1px 1px 1px #333, -1px -1px 1px 1px #333;
}
.btnSave:hover {
	text-decoration: underline;
	-webkit-box-shadow: inset 1px 1px 1px 1px #444,inset -1px -1px 1px 1px #444;
	-moz-box-shadow: inset 1px 1px 1px 1px #444,inset -1px -1px 1px 1px #444;
	box-shadow: inset 1px 1px 1px 1px #444,inset -1px -1px 1px 1px #444;
}
/*****************************************************/
/* menu divs                                         */
/*****************************************************/
.dot{
	width: 35px;
	height:auto;
	font-size:12px;
	float:left;
	padding-top:2px;
}
.miniwrap{
	width: 220px;
	height:auto;
	font-size:1px;
	clear:left;
	float:left;
}
.miniwrap2{
	background-image:url(assets/sidenav_button.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:38px;
	clear:left;
	float:left;
}
.spacer{
	clear:left;
	width: 220px;
	height:4px;
	font-size:8px;
	font-weight:bold;
	color:#FFFF00;
}
.menuItem{
	font-family:Helvetica, sans-serif;
	width: 175px;
	height:auto;
	font-size:14px;
	letter-spacing:1px;
	clear:right;
	float:right;
	padding-right:5px;
	padding-left:5px;
	padding-top:1px;
}
.menuhead{
	font-family:Helvetica, sans-serif;
	width: 220px;
	height:auto;
	font-size:14px;
	font-weight:bold;
	color:#F00;
	padding-left:7px;
	padding-right:10px;
}
/************************************************************************************/
/* The menu bottom div holds the line image that forms the line at the bottom of each
page, The only way to make the line show up on cross platforms is to use an image of a
line, It still does not diplay on IE 5.2  Mac                                       */
/************************************************************************************/
#menuBottom{
	text-align:left;
	width:832px ;
	height:1px;
}
/*****************************************************/
/* End menu divs                                     */
/*****************************************************/
/************************************* END NAV MENU STYLES ********************************/
.miniwrap2 a:link{ color:#000000; }
.miniwrap2 a:visited{ color:#FF0000; }
.miniwrap2 a:hover{ color:#FF0000; text-decoration: underline; }
.miniwrap2 a:active{ color:#FF0000; }
/* Styles for links need to be defined in the following order to avoid overwriting styles
a:link { }
a:visited { }
a:hover { }
a:active { }
*/
a:link {color:#00F; text-decoration: none; }
a:active {color: #000000; }
a:visited {color:#F00; text-decoration: none; }
a:hover {color:#00F; text-decoration: underline; }
/********************************************/
/* Controlling Margin                       */
/********************************************/
.noMargin{
	margin:0;
}
img{
	vertical-align:middle;
}