/* Generated by CSS Usage.
   File: file:///D:/workfiles/website/newday/css/style.css.
   DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later.
   Some rules have been deleted, some selectors are prefixed with "UNUSED".
   Look for the UNUSED items and see if you can remove them. */



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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;  font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}

html { height:100%;}
body { height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; color:#333;}
p, ul, ol { margin:0; padding:0 0 8px 0;}

h1 { font-size:28px; line-height:1.5em; font-weight:normal;}
h2 { font-size:24px; line-height:1.5em; font-weight:normal;}
h3 { font-size:20px; line-height:1.5em; font-weight:normal;}
h4 { font-size:16px; line-height:1.5em; font-weight:normal;}
h5 { font-size:14px; line-height:1.5em; font-weight:normal;}
h6 { font-size:12px; line-height:1.5em; font-weight:normal;}

a, a:link { color:#333; text-decoration:none;margin: 0px 10px;}
a:hover { color:#FE700C; text-decoration:underline;}
/* Float & Clear Float */
.float_left { float:left;}
.float_right { float:right;}
.clear_float:before, .clear_float:after { display: table; content: ""; line-height: 0;}
.clear_float:after { clear: both;}
.clear { clear:both;}


#page_wrapper { position:relative; width:100%; min-height:100%; margin:0 auto; padding:30px 0; background:#eaeaea;}
.page_width  {position:relative; width:100%; max-width:1020px; min-width:768px; margin:0 auto; padding:0;}
.page_main { position:relative; background:#fff; padding:0 30px; box-shadow:0 0 2px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.1);}
#page_header { min-height:105px;}
.logo { float:left; padding:20px 10px 0 0;}
.header_right { float:right; padding:18px 0 0 0;}
.phone_info { color:#888; text-align:right;}

/*sns*/
.sns{margin-right: 0px;margin-top: 0px;float: right;}
.sns_f{width: 290px;margin-right: 15px;height: 50px;display: inline-block;width: 290px;background: url(../images/icon.png) 0 0px no-repeat;}
.ss-m{position:relative;width: 144px;height: 50px;display: inline-block;background: url(../images/icon.png) -285px 0px no-repeat;}


.ss-m div{
	display: none;
	position: absolute;
	bottom: -100px;
  left: 18px;
  z-index: 999;
	width: 100px;
	height: 100px;
}
.ss-m:hover div{
	display: block;
}
.ss-m div img{
	display: block;
	width: 100%;
}


.nav_box { display:none;}
#page_nav { position:relative; background:#f5f5f5; min-height:52px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.1); -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,.1);}
.page_banner { min-height:0; margin-top:25px;}
.page_content { padding:10px 0; min-height:500px;}
.inner_content {padding-top: 30px;}
#page_footer  {background:#444; padding:0 30px; color:#fff; box-shadow:0 0 2px 1px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.15); -moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.15);}
.footer_bottom { height:60px; line-height:60px;}
.copyright { float:left; color:#ccc;}
.privacy { float:right; color:#ccc;}
.privacy a:link, .privacy a:visited, .privacy a:active { padding:0 3px; color :#ddd; text-decoration:none;}
.privacy a:hover { color :#fff; text-decoration:underline;}


.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none;}
.sf-menu li { position: relative;}
.sf-menu > li { float: left;}
.sf-menu li a { display: block; position: relative; border-right:1px solid #e1e1e1; text-decoration:none; zoom: 1;}
.sf-menu li a span { display:block; height:52px; line-height:52px; margin:0; padding:0 35px; font-size:15px; color:#555;}
.sf-menu li a:hover span, .sf-menu li.current > a > span { background:#FE700C; color:#fff; transition: background 0.3s ease 0s; -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s;}
.sf-menu ul { display: none; position: absolute; top: 55px; left: -1px; min-width: 190px; *width: 190px; z-index:99; box-shadow:1px 1px 1px 1px rgba(0,0,0,.1); -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,.1);}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block;}
.sf-menu ul li a { border-right:none; cursor:pointer;}
.sf-menu ul li a span { height:45px; padding:0 30px; line-height:45px; background:#f5f5f5; border-bottom:1px solid #e1e1e1; font-size:13px; color:#555;}
.sf-menu ul li:last-child a span { border-bottom:none;}


.social_links { padding:15px 0 0 0;}
.social_links ul { list-style:none; margin:0; padding:0;}
.social_links ul li { float:right; list-style:none; margin:0; padding:0;}
.social-Facebook { display:inline-block; background:url(../images/social-icons.png) no-repeat 0 0 #47c0d8; width:27px; height:28px; padding:0; margin:0 0 0 5px;}
.social-Twitter { display:inline-block; background:url(../images/social-icons.png) no-repeat -26px 0 #49699f; width:27px; height:28px; padding:0; margin:0 0 0 5px;}
.social-Youtube { display:inline-block; background:url(../images/social-icons.png) no-repeat -130px 0 #b72d24; width:27px; height:28px; padding:0; margin:0 0 0 5px;}
.social-RSS { display:inline-block; background:url(../images/social-icons.png) no-repeat -208px 0 #FE700C; width:27px; height:28px; padding:0; margin:0 0 0 5px;}
.social-LinkedIn { display:inline-block; background:url(../images/social-icons.png) no-repeat -286px 0 #2c7cb7; width:27px; height:28px; padding:0; margin:0 0 0 5px;}


/* Container Layout & Container Title */
.container_layout { padding:30px 0 0 0;}
.container_title { display:inline-block; position:relative; background:#f8f8f8; color:#666; padding:6px 15px 6px 15px; margin-bottom:15px;}
.container_title:before { position:absolute; left:0; top:0; background:#FE700C; width:4px; height:100%; content:'';}

/* Read More */
.read_more { display:inline-block; position:relative; background:#22469A; padding:9px 35px 9px 15px;  color:#fff!important;}
.read_more:hover { padding:9px 15px 9px 35px; text-decoration:none; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;}
.read_more:hover:after { right:85px; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;}
.top_icon:hover { background-color:#444;}
.top_title { float:left; padding:5px 0; margin-top:20px;}
.top_title h4 { color:#666;}
.top_text { padding:10px 10px 0 0; font-size:13px; line-height:20px; color:#888;}


.carouFredSel_wrapper { position:relative; padding:0; margin:0;}
.carouFredSel_wrapper ul { list-style:none; margin:0; padding:0; width:auto;}
.carouFredSel_wrapper ul li { position:relative; float:left; list-style:none; background:#f8f8f8; width:auto; min-height:220px; margin-right:15px; padding:0; border-bottom:1px solid #E66A48;}
.carouFredSel_title { text-align:left; font-size:15px; color:#666; padding:8px 0 5px 5px;}
.carouFredSel_info { text-align:left; font-size:12px; color:#888; padding:0 0 0 5px;}
.carouFredSel_nav { position:absolute; right:20px; top:-35px;}
.carouFredSel_prev { background: url(../images/carouFredSel-prev.png) no-repeat center center #FE700C; margin-right:3px; padding:4px 12px;}
.carouFredSel_next { background: url(../images/carouFredSel-next.png) no-repeat center center #FE700C; padding:4px 12px;}
.carouFredSel_prev:hover { background-color:#444; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s;}
.carouFredSel_next:hover { background-color:#444; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s;}
.carouFredSel_img { position:relative;}
.hover_layer { position:absolute; left:0; top:0; width:0; height:100%; background:rgba(255,255,255,.3); text-align:center;}
.carouFredSel_wrapper ul li:hover .hover_layer { width:100%; transition: width 0.5s ease 0s; -moz-transition: width 0.5s ease 0s; -webkit-transition: width 0.5s ease 0s;}


.about_us p { font-size:13px; color:#888;  line-height:22px;}
.list li {
position: relative;
margin: 0 0 7px;
padding: 6px 36px 0 0;
background: none;
}


.testimonials { padding:10px 0 50px;}
.quovolve-box ul { clear: both;list-style: none; margin: 0; padding:5px 0;}
.quovolve-box ul li { list-style:none;padding: 10px; margin:0; position: relative;}
.quovolve-box ul li p { margin: 0; line-height:18px;}
.quovolve-box ul li cite { display: block; position:absolute; left:10px; bottom: -45px; background:none; padding: 2px 6px; margin:0; font-size: 13px;  color: #333; z-index: 900;}
.quovolve-box ul li cite:before { position: absolute; top: 0; left: 25%; content: ""; height: 0; width: 0; border-bottom: 18px solid transparent; border-right: 22px solid #393939; border-top: 0 solid transparent;}
.quovolve-box ul li cite span { float:left; display:inline-block; padding-top:18px; padding-left:80px;}
.quovolve-box ul.quovolve { background:#393939; margin: 10px 0 0;}
ul.quovolve p,ul.quovolve div,ul.quovolve span, ul.quovolve li,ul.quovolve a, ul.quovolve dt, ul.quovolve dd,ul.quovolve h1, ul.quovolve h2, ul.quovolve h3, ul.quovolve h4, ul.quovolve h5, ul.quovolve h6{ color: #cecece;}

.content img.float_left{
	margin-right: 10px;
	margin-bottom: 10px;
}
.content img.float_right{
	margin-left: 10px;
}
.content li {
	line-height: 25px;
}

/* Portfolio */
.portfolio_info { padding-bottom:20px;}
.portfolio_info p { padding-bottom:10px; font-size:14px; color:#888;}

/* Isotope */
.isotope-item { z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width;
 transition-property: height, width;}
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity;}
.element { position: relative; float: left; background:#f8f8f8; border-bottom:1px solid #E66A48; width: 287px; height:auto; min-height:270px; margin: 5px 30px 20px 0; overflow: hidden; color: #222;}
.isotope_img { position:relative;}
.isotope_img img { position: relative; height: auto; width: 100%; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}
.isotope_hover { position:absolute; left:0; top:0; background:rgba(255,255,255,.2); height:100%; width:100%;}
.element:hover .isotope_hover { width:0; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s;}
.isotope_content { display: block; height:auto; padding: 10px 10px 15px 10px; color: #666; text-align: left;}
.isotope_content h3 { font-size:14px; color:#666; margin: 0; padding: 0;}
.isotope_content p { font-size:12px; color:#888; padding:5px 0 0 0;}

/* Breadcrumb */
.breadcrumb {
	clear: both;
	margin: 15px 0;
}

/* Siderbar */
.widget {
line-height: 20px;
}
.sidebar li a {
background: url("../images/link_list_arrow_02.png") no-repeat scroll left 47% rgba(0, 0, 0, 0);
color: #888;
display: block;
padding: 7px 0 7px 12px;
}
.widget h5 {
border-bottom: 1px dotted #E7E7E7;
margin-bottom: 15px;
padding-bottom: 10px;
font-weight: bold;
}

/* About Us */
.about_info { padding-bottom:20px;}
.about_info p { padding-bottom:10px; font-size:14px; color:#888;}
.about_team ul li { position:relative; float:left; background:#f8f8f8; width:300px; padding:0 0 20px 0; margin:0 27px 10px 0; border:1px solid #e1e1e1;}
.about_team ul li:last-child { margin-right:0;}
.about_team ul li:hover { background:none; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s;}
.team_photo { position:relative;}
.about_team ul li:hover .hover_layer { width:100%; transition: width 0.5s ease 0s; -moz-transition: width 0.5s ease 0s; -webkit-transition: width 0.5s ease 0s;}
.team_name { font-size:15px; padding:5px 0 0 10px; color:#888;}
.team_title { font-size:13px; padding:5px 0 10px 10px; color:#888;}
.team_info { border-top:1px solid #e1e1e1; padding:10px 0 0 10px; color:#888;}
.about_contact { background:#f8f8f8; margin:40px 0 30px 0; padding:25px 50px;}
.about_contact p { float:left; padding:6px 5px 0 10px; font-size:16px;}
a.contact_button { float:right; background:#22469A; padding:10px 25px; color:#fff;}
.contact_button:hover { background:#444; text-decoration: none; transition: background 0.5s ease 0s; -moz-transition: background 0.5s ease 0s; -webkit-transition: background 0.5s ease 0s;}

/* Contact */
.contact_info { padding-bottom:20px;}
.contact_info p { padding-bottom:10px; font-size:14px; color:#888;}
.contact_us p { padding:0 0 15px 0; font-size:13px; color:#888;}
.contact_us img { padding-bottom:5px;}
.contact_us h4 { padding:5px 0 5px 0; font-size:12px; color:#999;}
.feedback { padding-bottom:20px;}
.feedback label { font-size:13px; font-weight:bold; color:#888;}
.feedback input, .feedback textarea {  background:#f8f8f8; border: 1px solid #e5e5e5; height: 40px; width: 95%; line-height: 30px; margin: 6px 0; padding: 0 5px; box-shadow:none; color:#888;}
.feedback textarea { min-height:100px;}
.contact_fname, .contact_lname, .contact_email, .contact_tel, .contact_content { padding-bottom:15px;}
.contact_submit { display:inline-block;}
.contact_submit input { display:inline; background:#22469A; border:none; height:38px; line-height:38px; width:100%; margin:0; padding:0 25px; color:#fff;}
.contact_submit input:hover { background:#444; transition: background 0.5s ease 0s; -moz-transition: background 0.5s ease 0s; -webkit-transition: background 0.5s ease 0s;}

#back_top { display:none; position:fixed; bottom:45px; right:40px; background:url(../images/back-top.png) no-repeat 7px 8px #22469A; width:40px; height:40px; overflow:hidden; opacity:0.9; color:fff; text-indent:-9999px; z-index:9999;}
#back_top:hover { background-color:#333; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s;}

@media handheld, only screen and (max-width: 1040px){

#page_wrapper { padding:20px 0;}
.page_main { padding:0 20px; margin:0 20px;}
#page_footer { margin:0 20px;}
}

@media handheld, only screen and (max-width: 960px){
.sf-menu li a span{ padding:0 30px;}
}

@media handheld, only screen and (max-width: 940px){
.sf-menu li a span{ padding:0 29px;}
}

@media handheld, only screen and (max-width: 920px){
.sf-menu li a span{ padding:0 28px;}
}

@media handheld, only screen and (max-width: 900px){
.sf-menu li a span{ padding:0 27px;}
}

@media handheld, only screen and (max-width: 880px){
.sf-menu li a span{ padding:0 26px;}
}

@media handheld, only screen and (max-width: 860px){
.sf-menu li a span{ padding:0 25px;}
}

@media handheld, only screen and (max-width: 840px){
.sf-menu li a span{ padding:0 24px;}
}

@media handheld, only screen and (max-width: 820px){
.sf-menu li a span{ padding:0 23px;}
}

@media handheld, only screen and (max-width: 800px){
.sf-menu li a span{ padding:0 22px;}
}

@media handheld, only screen and (max-width: 767px) {

#page_wrapper { padding:10px 0;}
.page_width { width:96% ;min-width:0; margin:0 auto;}
.page_main { margin:0; padding:0 15px;}
.logo { float:none; padding:10px 0; text-align:center;}
.header_right { float:none; padding:5px 0;}
.phone_info { float:left; padding:2px 0 0 0; text-align:left;}
.social_links { float:right; padding:0;}
.nav_box { display:block; width:100%; border:1px solid #e5e5e5; margin:10px auto 0 auto;}
.nav_box select{ display:block; width:100%; border:none; padding:8px 10px 8px 6px; font-size:14px; line-height:20px; color:#666; outline:none;}
#page_nav { display:none;}
#page_footer { padding:0 15px; margin:0;}
.footer_bottom { padding:15px 0 0 0; height:65px; line-height:25px;}
.copyright { float:none; text-align:center;}
.privacy { float:none; text-align:center;}


#back_top { bottom:25px; right:25px;}


.about_contact { margin:40px 0 30px 0; padding:15px 30px;}
.about_contact p { float:none; padding:6px 5px 10px 0;}
a.contact_button { display:inline-block; float:none;}
}