@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'bentonsansregular';
    src: url('bentonsans-regular-webfont.eot');
    src: url('bentonsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('bentonsans-regular-webfont.woff') format('woff'),
         url('bentonsans-regular-webfont.ttf') format('truetype'),
         url('bentonsans-regular-webfont.svg#bentonsansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.eot');
    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-light-webfont.woff') format('woff'),
         url('opensans-light-webfont.ttf') format('truetype'),
         url('opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('opensans-semibold-webfont.eot');
    src: url('opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-semibold-webfont.woff') format('woff'),
         url('opensans-semibold-webfont.ttf') format('truetype'),
         url('opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
  font-family: 'BentonSans-Book';
  src: url('BentonSans-Book.eot?#iefix') format('embedded-opentype'),  url('BentonSans-Book.otf')  format('opentype'),
	     url('BentonSans-Book.woff') format('woff'), url('BentonSans-Book.ttf')  format('truetype'), url('BentonSans-Book.svg#BentonSans-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'BentonSans-Light';
  src: url('BentonSans-Light.eot?#iefix') format('embedded-opentype'),  url('BentonSans-Light.otf')  format('opentype'),
	     url('BentonSans-Light.woff') format('woff'), url('BentonSans-Light.ttf')  format('truetype'), url('BentonSans-Light.svg#BentonSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: 'BentonSans-Thin';
  src: url('BentonSans-Thin.eot?#iefix') format('embedded-opentype'),  url('BentonSans-Thin.otf')  format('opentype'),
	     url('BentonSans-Thin.woff') format('woff'), url('BentonSans-Thin.ttf')  format('truetype'), url('BentonSans-Thin.svg#BentonSans-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
    font-family: 'bentonsans_bookregular';
    src: url('bentonsans_book-webfont.eot');
    src: url('bentonsans_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('bentonsans_book-webfont.woff2') format('woff2'),
         url('bentonsans_book-webfont.woff') format('woff'),
         url('bentonsans_book-webfont.ttf') format('truetype'),
         url('bentonsans_book-webfont.svg#bentonsans_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*================================================================
	default elements
================================================================*/

html, body { margin: 0; padding: 0; border: 0; }
html, body {
    font-size: 100%;
    overflow-x: hidden;
}

html {
  overflow-y: scroll;
}

img {
   border: 0;
}

html, html a {
    -webkit-font-smoothing: antialiased !important;
}

a{color: #276286; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}

p {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #5e5e5e; margin: 10px 0px 0px 0px; font-weight: none; line-height: 23px;}
p.int {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #5e5e5e; margin: 20px 0px 0px 0px; font-weight: none; line-height: 23px;}
p.intro {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #5e5e5e; margin: 10px 0px 0px 0px; font-weight: none; line-height: 23px;}

h1 {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 22px; color: #276286; margin: 20px 0px 10px 0px; font-weight: none;}
h2 {font-family: 'open sans', arial, sans-serif; font-size: 17px; color: #343434; text-transform: uppercase; margin: 20px 0px 10px 0px; font-weight: bold; line-height: 20px; letter-spacing: -.48px;}
h3 {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 17px; color: #276286; margin: 20px 0px 10px 0px; font-weight: none; text-transform: uppercase;}

.spwrapper {width: 250px; float: right;}
.container {width: 1024px; margin:0 auto; padding-top: 8px; }
.containerbtm {width: 878px; margin:0 auto; padding-top: 8px; background: #fff; }
.headwrap {width: 1024px; margin:0 auto; display: inline-block;}
.logo {width: 189px; float: left; margin-top: 20px; margin-bottom: 12px;}
.topwrapper {float: right; width: 380px; margin-top: 20px;}
.topwrap {width: 250px; float: right; margin-top: 33px; display: inline-block;}
.phonenumber {float: left; margin-top: -1px; }
.social {width: 110px; text-align: right; float: right;}
.fb {width: 20px; float: right;}
.tw {width: 20px; float: right; margin-left: 7px;}
.in {width: 20px; float: right; margin-left: 7px;}
.yl {width: 20px; float: right; margin-left: 7px;}

.tpaddress {float: right; text-align: right; margin-top: 5px;}

.splash {display: table; margin-left: auto; margin-right: auto;}
.fadein { position:relative; width:100%; height:481px; }
.fadein img { position:absolute; left:0; top:0; margin: auto; right: 0; display: block;}
#fadeshow1 {margin-left: auto; margin-right: auto;}
#hpmap {display: block; width: 780px; margin: 0 auto;}
.cthp {width: 780px; margin-left: auto; margin-right: auto; margin-top: 13px;}
#ct1 {float: left; width: 240px;}
#ct2 {float: right; text-align: right; width: 250px;}
#line {height: 1px; background: #ccc; margin: 25px 0px 10px 0px;}


.headerwrapper {width: 950px; margin:0 auto; padding-top: 2px;}
.interior-wrap {width: 950px; margin:0 auto; padding-top: 2px;}
.colwrap {width: 950px; display: inline-block;}
.intleft {width: 620px; float: left;}
.intleft1 {width: 700px; float: left;}
.intright {width: 260px; float: right; padding: 21px 0px 0px 0px;}
.intright1 {width: 210px; float: right; padding: 21px 0px 0px 0px;}

/*================================================================
	Paragraph Styles
================================================================*/
p.phone {font-family: arial, sans-serif; font-size: 22px; color: #0d83c6; margin: 0px; font-weight: none; letter-spacing: -1px;}
p.address {font-family: arial, sans-serif; font-size: 17px; color: #276286; margin: 0px; line-height: 21px;}
p.emailaddress {font-family: arial, sans-serif; font-size: 14px; color: #276286; margin: 0px;line-height: 21px;}
p.emailaddress a {font-family: arial, sans-serif; font-size: 14px; color: #276286; margin: 0px;line-height: 21px;}
p.emailaddress a:hover {font-family: arial, sans-serif; font-size: 14px; color: #0f4769; margin: 0px;line-height: 21px;}
p.hdsub {font-family: arial, sans-serif; font-size: 11px; color: #ff0000; margin: 0px; text-transform: uppercase; padding-top: 5px;}
p.addft {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 16px; color: #343434; margin: 0px; font-weight: bold; line-height: 20px; letter-spacing: -.48px;}
p.addrft {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #5e5e5e; margin: 0px; font-weight: none; line-height: 20px;}
p.addrft a {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #5e5e5e; margin: 0px; font-weight: none; text-decoration: none; line-height: 20px;}
p.addrft a:hover {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #057A77; margin: 0px; font-weight: none; text-decoration: underline; line-height: 20px;}
p.addftem {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #343434; margin: 0px; font-weight: bold; line-height: 20px; letter-spacing: -.48px;}
p.addftph {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #343434; margin: 0px; font-weight: bold; line-height: 20px; letter-spacing: -.48px;}
p.addftem {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #343434; margin: 0px; font-weight: none; line-height: 20px; letter-spacing: -.48px;}
p.addftem a {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #343434; margin: 0px; font-weight: none; line-height: 20px; text-decoration: none; letter-spacing: -.48px;}
p.addftem a:hover {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #057A77; margin: 0px; font-weight: none; line-height: 20px; text-decoration: underline; letter-spacing: -.48px;}
p.list {font-family: 'bentonsans_bookregular', arial, sans-serif; font-size: 14px; color: #5e5e5e; margin: 0px 0px 0px 0px; font-weight: none; line-height: 23px;}

/* ============================================================
  Navigation
============================================================ */

.nav {background: #6c6c6c;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family:'arial', sans-serif;, Helvetica, sans-serif;
  background: #6c6c6c;
  background: -moz-linear-gradient(top, #7b7b7b 0%, #585858 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b7b7b), color-stop(100%, #585858));
  background: -webkit-linear-gradient(top, #7b7b7b 0%, #585858 100%);
  background: -o-linear-gradient(top, #7b7b7b 0%, #585858 100%);
  background: -ms-linear-gradient(top, #7b7b7b 0%, #585858 100%);
  background: linear-gradient(to bottom, #7b7b7b 0%, #585858 100%);
}
#cssmenu > ul {
  background: url('/assets/img/bg.png');
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
  font-size: 0;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 18px 24px 21px 26px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #cecece;
  background: #646464;
  background: rgba(0, 0, 0, 0.1);
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #ffffff;
  right: 17px;
  top: 20.5px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #cecece;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 49px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  color: #777777;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #333333;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    background: #6c6c6c;
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    padding: 18px 25px 18px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url('bg.png');
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 25px;
    top: 28px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}




/* ============================================================
  Header Images
============================================================ */

div#imagebg { 
	overflow: hidden; 
	background: #fff; 
	margin: 0 0 30px 0;
}

div#image.cosmetic { 
	height: 256px;
	background: url(/assets/img/cosmetic_img.jpg) bottom center no-repeat #fff;
}


div#image.emergency { 
	height: 256px;
	background: url(/assets/img/emergency_img.jpg) bottom center no-repeat #fff;
}


div#image.general { 
	height: 256px;
	background: url(/assets/img/general_img.jpg) bottom center no-repeat #fff;
}


div#image.implants { 
	height: 256px;
	background: url(/assets/img/implants_img.jpg) bottom center no-repeat #fff;
}


div#image.white { 
	height: 256px;
	background: url(/assets/img/twhite_img.jpg) bottom center no-repeat #fff;
}


div#image.invisalign { 
	height: 256px;
	background: url(/assets/img/invisalign_img.jpg) bottom center no-repeat #fff;
}


div#image.appointments { 
	height: 256px;
	background: url(/assets/img/appointments_img.jpg) bottom center no-repeat #fff;
}


div#image.inthd { 
	height: 63px;
	background: url(/assets/img/hd_img.jpg) bottom center repeat #fff;
}


/* ============================================================
  Grid Styles
============================================================ */


#servicegrid {    
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    
    /* width */
    min-width: 878px;
}

.serviceframe {
    width: 275px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    text-align: center;
    zoom: 1
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}


/* ============================================================
  Header
============================================================ */


.select-header{
	border-top: 1px solid #ccc;
	height: 0px;
	width: 878px;
	margin: 45px auto;
}
.select-header span{
	margin: auto;
	background: #fff;
	padding: 0 10px;
	margin-top: -13px;
	display: block;
	margin-left: auto;
	width: 190px;
	margin-right: auto;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	color: #777;
	font-family: 'open sans', arial, sans-serif;
}

.select-headertp{
	border-top: 1px solid #ccc;
	height: 0px;
	width: 878px;
	margin: 1px auto;
	margin-top: 10px;
	margin-bottom: 38px;
}
.select-headertp span{
	margin: auto;
	background: #fff;
	padding: 0 10px;
	margin-top: -13px;
	display: block;
	margin-left: auto;
	width: 190px;
	margin-right: auto;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	color: #777;
	font-family: 'open sans', arial, sans-serif;
}

/* ============================================================
  Video
============================================================ */


#bvideo {width: 780px; display: block; margin: 0 auto;}


/* ============================================================
  Hover Effects
============================================================ */

img.grayscale{

filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

}

img.grayscale:hover{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .9s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}


/* ============================================================
  Slideshows
============================================================ */



#slideshow { 
    margin: 0px auto; 
    position: relative; 
    width: 780px; 
    height: 438px; 
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}

/* ============================================================
  Footer
============================================================ */
.ft {width: 1024px; display: block; margin: 0 auto; margin-top: 38px; margin-bottom:28px;}
#footer-line {display: inline-block; width: 1024px; height: 1px; background: #ccc; margin: 30px 0px 5px 0px;}
#ftleft {width: 500px; float: left;}
#ftright {width: 500px; float: right; margin-top: -10px;}

p.copyright {font-family: 'open_sansregular', arial, sans-serif; font-size: 13px; color: #666; margin: 5px 0px 0px 0px;}
p.copyright a {font-family: 'open_sansregular', arial, sans-serif; font-size: 13px; color: #666; margin: 5px 0px 0px 0px; text-decoration: underline;}
p.copyright a:hover {font-family: 'open_sansregular', arial, sans-serif; font-size: 13px; color: #057A77; margin: 5px 0px 0px 0px; text-decoration: underline;}

	footer {
		padding-top: 10px!important;
		padding-bottom: 80px!important;
		font-size: 12px!important;
		position:relative;
		z-index:8;
		background: #fff;
		width: 100%!important;
	}	
	
	footer .container{border-top:1px solid #ccc;padding-top:15px;}
		
	#foot-nav, #foot-nav ul { float: right; }
	#foot-nav1, #foot-nav1 ul { float: right; margin-top: 7px; margin-bottom: 20px; }
	
	#foot-nav li { float: left; padding: 0px;margin-right: 25px; }
	
	#foot-nav li.first { padding-left: 0px; }
	
	#foot-nav li.last { padding-right: 0px; }
	
	#foot-nav a.active { font-weight: 400; }
	
	
	
/* Social Icons Footer 
===================================================*/

ul.social-footer{}
ul.social-footer li{float:left;}
ul.social-footer li a{width: 20px;height: 20px;text-indent:-9999999px;display:block;}
#facebook{background: url(/assets/img/facebook.svg) no-repeat;text-indent:-9999999px;}
#twitter{background: url(/assets/img/twitter.svg) no-repeat;text-indent:-9999999px;}
#instagram{background: url(/assets/img/instagram.svg) no-repeat;text-indent:-9999999px;}
#linkedin{background: url(/assets/img/linkedin.svg) no-repeat;text-indent:-9999999px;}
#email{background: url(/assets/img/email.svg) no-repeat;text-indent:-9999999px;}
#facebook:hover, #twitter:hover, #dribbble:hover, #instagram:hover, #linkedin:hover, #linkedin:hover,#email:hover{opacity: 0.5}