/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline }
*:focus { outline:0 }
span {font-family: 'Ubuntu',sans-serif; font-weight:normal}

/*body*/
body {background:url("../images/bg.jpg") repeat-x scroll 0 0 }

/*Links*/
a, a:link, a:visited, a:active, a:focus { text-decoration:none;outline:0 none }
ul{list-style-type:none;}


.header {width:100%; height:121px}
.hdr-cont {width:1000px; height:121px; margin:0 auto; }
.logo {background: url("../images/logo.jpg") no-repeat scroll 0 12px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 99px;
    margin-top: 23px;
    width: 274px;}
.container {width:1000px; margin:0 auto; background-color:#fff; box-shadow:#000}
.amazingslider-nav-0 { top:104% !important}

.block {background-color: #272626;
    height: 20px;
    left: 138px;
    position: absolute;
    top: 143px;
    width: 337px;
    z-index: 2;
	display:none}
.items { float:left; width:294px; height:363px; margin:24px 59px 0 0 }
.items h1 {font: 25px 'Ubuntu',sans-serif;padding:9px 0px 10px 0px;width: 294px} 
.items p {color: #4f4f4f;
    font: 13px/21px 'Ubuntu',sans-serif;
    padding-left: 0;
    text-align: justify;
	padding-top:10px}
	
.items a {float:right; display:block; font: 13px/21px 'Ubuntu',sans-serif; color:#F60 }
.items a:hover { text-decoration: underline}

.footer {width:100%; background-color:#272626; float:left; margin-top: 80px;}
.footer-cont {width:1000px; margin:0 auto; height:283px}
.left {width:420px; float:left;height:253px }
.left ul {float: left;
    height: 234px;
    width: 201px;
    margin-top: 28px;}

.left ul li a {background: url("../images/footer-bg.jpg") no-repeat scroll 0 13px rgba(0, 0, 0, 0);
    border-bottom: 1px solid #848282;
    color: #848282;
    display: block;
    float: left;
    font: 14px 'Ubuntu',sans-serif;
    height: 23px;
    padding: 12px 0 0 26px;
    width: 131px;}
	
.left ul li a:hover { color:#cacaca}

.right {width:500px; float:right;height:253px }
.right p {font: 14px 'Ubuntu',sans-serif; float:left;  color: #848282; margin: 34px 0 0 173px;}
.social {
   float: right;
    height: 95px;
    margin: 14px 53px 0 0;
    width: 200px;}
.fb {  background: url("../images/fb.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 51px;
    margin: 25px -40px 0 71px;
    width: 61px;}

.fb:hover {  background: url("../images/fb-hover.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}


.tw { background: url("../images/tw.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 54px;
    margin: 25px 0 0 12px;
    width: 56px}
	
.tw:hover {  background: url("../images/tw-hover.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}

.leftside {width:482px; float:left; }
.rightside {width:482px; float:right; }
.leftside h1 {font: 33px 'Ubuntu',sans-serif;
    padding: 20px 0 9px;
    width: 412px;;
	color:#3d3d3d}
.leftside p { color: #4f4f4f;
    font: 13px/21px 'Ubuntu',sans-serif;
    text-align: justify;
    width: 452px;
}
.rightside p { color: #4f4f4f;
    font: 13px/21px 'Ubuntu',sans-serif;
    text-align: justify;
    width: 452px;
}
.rightside h1 {font: 33px 'Ubuntu',sans-serif;
    padding: 17px 0 9px 0px;
    width: 412px;;
	color:#3d3d3d}

.leftside img { margin-bottom: 22px; width:452px}


.team {float;left; width:400px;}
.team-member {float:left; width:450px; height:68px; background-color:#f0f0f0; margin:20px 0 0 0}
.team-member img {float:left; margin:7px; width:54px; height:54px}
.team-member span {color: #323232;
    float: left;
    font: 13px 'Ubuntu',sans-serif;
    margin: 12px 0 0;
    text-align: left;
    width: 183px;}
	
.team-member:hover { background-color:#cecdcd}

.note {background: url("../images/note-bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    font-size: 13px;
    height: 40px;
    padding-left: 51px;
    width: 401px;
    color: #4f4f4f;
	padding-top: 7px;
    line-height: 20px;
	text-align:justify}




.graphic-data { height:443px;float:left; width:266px; border:1px solid #ccc; margin-right: 32px; margin-right: 65px; margin-top:24px}
.graphic-data h3 {font:25px bold; padding:11px 0 0 11px; font-family:'Ubuntu',sans-serif;}
.graphic-data img {width:266px; height:150px}
.graphic-data p {font:13px bold; width:auto; font-family:'Ubuntu',sans-serif; color:#4f4f4f; line-height:21px; text-align:justify; padding:2px 12px 22px}

.clear { clear:both}




.notes {background: url("../images/right.jpg") no-repeat scroll 0 -1px rgba(0, 0, 0, 0);
    color: #7f7f7f;
    float: left;
    font: 13px 'Ubuntu',sans-serif;
    margin-left: 4px;
    margin-top: 10px;
    padding: 5px 0 0 36px;
    text-align: left;
	width: 883px;}
	
.notes2 {background: url("../images/photo-note.jpg") no-repeat scroll 0 -1px rgba(0, 0, 0, 0);
    color: #4f4f4f;
    float: left;
    font: 15px 'Ubuntu',sans-serif;
    margin-left: 4px;
    margin-top: 10px;
    padding: 5px 0 0 36px;
    text-align: left;
	width: 883px;}

.photography-items {float:right; width:470px;  margin-top: 59px; }

.photography-items h2 {font:25px bold; padding:11px 0 0 0; font-family:'Ubuntu',sans-serif; color:#000}
.photography-items img {float: left;
    height: 70px;
    margin: 10px 13px 0 0;
    width: 103px;}



.contact {border: 1px solid #ccc;
    float: left;
    height: 429px;
    margin-bottom: 35px;
    margin-right: 27px;
    width: 313px;}

.contact h3 {font:19px bold; padding:11px 0 0 11px; font-family:'Ubuntu',sans-serif; color:#ae0000}
.contact p {font:13px bold; width:auto; font-family:'Ubuntu',sans-serif; color:#4f4f4f; line-height:21px; text-align:justify; padding:12px; margin-bottom::20px !important}

.hotline { margin:0 auto; width:519px; height:225px; background:url("../images/hotline.jpg") no-repeat scroll 30px 0}




















#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 {
  background: linear-gradient(to bottom, #000 0%, #000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    font-family: 'Open Sans',Helvetica,sans-serif;
    margin-top: 53px;
    width: 548px;
    z-index: 2;
}
#cssmenu > ul {
  background: url('images/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;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 18px 25px 21px 25px;
  border-left: 1px solid #474545 !important;
  border-right:none !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-right: 1px solid #424141;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #ffd200;
 
  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: #d3eced;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#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: 52px;
  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;
}
.active { color:#000}

























#lightbox{

	padding: 10px;

	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: -11px; right: -11px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}