/* ----------reset all css-------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
form {margin-top:0;margin-bottom:0;}
object {outline:none;}
/*html {overflow:scroll;}*/
html {overflow-y:scroll;}
img {-ms-interpolation-mode:bicubic;}
/*img {max-width:100%;height:auto;}*/
@media \0screen {img { width:auto; /* for ie 8 */}}
a {outline-style:none;}
textarea {resize:vertical;}
textarea, input {outline:none;}
.clearboth {clear:both;height:0;font-size:1px;line-height:0px;}

.group:before, .group:after {content:"";display:table;} 
.group:after {clear: both;}
.group {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}


/* ---------- text styles -------------- */
a {color:#E55E37;text-decoration:none;font-family:'oxygenbold',Arial,Helvetica,sans-serif;}
a:hover {color:#2C2925;text-decoration:underline;}
p {padding:0px 0px 15px 0px;}
strong {font-family:'oxygenbold',Arial,Helvetica,sans-serif;font-weight:normal;color:#231F20;}

ul{margin:0px 0px 7px 0px;padding:0px;}
ol{margin:0px 0px 7px 0px;padding:0px;}
li{margin:0px;padding:0px 0px 5px 20px;background:url(../images/bullet.jpg) 0px 5px no-repeat;list-style:none;}

h1 {font-size:21px;padding:0px 0px 15px 0px;line-height:125%;color:#E55E37;font-family:'oxygenbold',Arial,Helvetica,sans-serif;margin-top:-5px;}
h2 {font-size:16px;padding:0px 0px 10px 0px;line-height:normal;font-family:'oxygenbold',Arial,Helvetica,sans-serif;color:#E55E37;}
h3 {font-size:16px;padding:10px 0px 10px 0px;line-height:normal;font-family:'oxygenbold',Arial,Helvetica,sans-serif;color:#E55E37;}
h4 {font-size:16px;padding:10px 0px 10px 0px;line-height:normal;font-family:'oxygenbold',Arial,Helvetica,sans-serif;color:#000000;}

h1 span {color:#DCAF2A;font-family:'oxygenregular',Arial,Helvetica,sans-serif;}

.txt_caption {font-size:11px;line-height:normal;}
.txt_small {font-size:12px;line-height:normal;}
.txt_default {font-size:13px;}
.txt_large {font-size:16px;line-height:normal;}
.txt_larger {font-size:18px;line-height:normal;}
.txt_big {font-size:24px;line-height:normal;}
.txt_huge {font-size:32px;line-height:normal;}

.white {color:#F5F5F5;}
.orange {color:#E55E37;}
.dark-grey {color:#2C2925;}

.left_image{float:left;margin: 3px 15px 7px 0px;}
.right_image{float:right;margin: 3px 0px 7px 15px;}

.border_bottom {border-bottom:1px solid #CCCCCC;padding-bottom:15px;margin-bottom:15px;}

hr {border: 0;color: #CCCCCC;background-color: #CCCCCC;height: 1px;width: 100%;text-align: left;}


/* ---------- image styles -------------- */
.inset-left {float:left;margin:0 20px 10px 0!important;max-width:200px;height:auto;}
.inset-right {float:right;margin:0 0 10px 20px!important;max-width:200px;height:auto;}


/* ---------- start css -------------- */
body {margin:0px;padding:0px;font-family:'oxygenregular',Arial,Helvetica,sans-serif;color:#231F20;font-size:13px;background:#FFF;}
.container {width:920px;margin:0 auto;background:#FFF;}

/* ---------- header -------------- */
#header-wrapper {width:100%;border-top:20px solid #565451;}
#header {height:160px;margin-bottom:1px;position:relative;}
.header-logo {position:absolute;left:33px;top:54px;width:230px;height:80px;}
.tel-no {position:absolute;right:0px;top:100px;}
.tel-no a {color:#2C2925;text-decoration:none;font-size:30px;font-family:'oxygenlight',Arial,Helvetica,sans-serif;}
.tel-no a:hover {color:#E55E37;text-decoration:none;}

#nav {height:50px;line-height:52px;background:#E55E37;border-bottom:2px solid #FFF;font-family:'oxygenbold',Arial,Helvetica,sans-serif;}
ul.nav_main {margin:0; padding:0;overflow:hidden;}
ul.nav_main li {float:left;list-style:none;width:20%;text-align:center;margin:0;padding:0;background:none;}
ul.nav_main li a {display:block;color:#FFF;padding:0px;margin:0px;font-size:14px;text-decoration:none;text-transform:uppercase;}
ul.nav_main li a:hover{color:#2C2925;text-decoration:none;}

#home .home, #services .services, #case-studies .case-studies, #news .news, #contact .contact {color:#2C2925!important;cursor:default!important;}

#banner {background:#FFF;margin-bottom:50px;overflow:hidden;border-bottom:10px solid #2C2925;}
#banner > div {width:920px;height:350px;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#banner .overlay {position:absolute;left:0px;bottom:0px;width:100%;background:url(../images/overlay-01.png);padding:10px 0 10px 0;}
#banner .title {color:#2C2925;font-size:21px;font-family:'oxygenlight',Arial,Helvetica,sans-serif;text-align:right;padding:0 20px 0 0;}


/* ---------- main layout -------------- */
#midrow {/*width:920px;*/padding:0px 0px 0px 0px;margin-bottom:40px;}

#leftcol {float:left;width:220px;padding:0px 0px 0px 0px;margin:0px 40px 0px 0px;line-height:153%;}
#midcol {float:left;width:400px;padding:0px 0px 0px 0px;line-height:153%;}
#rightcol {float:right;width:220px;padding:0px 0px 0px 0px;line-height:153%;}
#rightcol-wide {float:right;width:570px;padding:0px;line-height:153%;margin-right:60px;}

#leftcol img,#rightcol img,#rightcol-wide img {display:block;border:2px solid #E55E37;margin:0px 0px 20px 0px;width:100%;height:auto;}
#leftcol img,#rightcol img,#rightcol-wide img {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#rightcol-wide img {margin:0px 0px 10px 0px;}

.submenu {margin:-8px 0px 0px 0px;}
.submenu ul {margin:0;padding:0;}
.submenu li {list-style:none;margin:0;padding:0;background:none;text-transform:uppercase;font-size:14px;border-top:2px solid #FFF;border-bottom:2px solid #FFF;}
.submenu li a {display:block;padding:7px 10px 7px 10px;color:#2C2925;border-left:2px solid #FFF;}
.submenu li a:hover {color:#E55E37;text-decoration:none;border-left:2px solid #E55E37;}
.submenu li.current a {color:#E55E37;text-decoration:none;border-left:2px solid #E55E37;}

.list-01 {line-height:140%;border-bottom:1px solid #445A6A;padding:15px 0px 15px 0px;}


/* ---------- footer -------------- */
#footer-end {padding:15px 0px 50px 0px;border-top:5px solid #565451;}
#footer {clear:both;text-align:left;position:relative;padding:0 0 4px 0;}
#footer span {color:#565451;}
#footer span a {font-size:11px;text-decoration:none;color:#E55E37;padding:0px 0px 0px 0px;text-transform:uppercase;}
#footer span a:hover {color:#2C2925;}
#footer-text {float:left;font-size:11px;padding:0;}
#footer-text span strong {color:#E55E37;}
#footer-text a {ont-size:11px;text-decoration:none;font-weight:normal;color:#E55E37;padding:0px 0px 0px 0px;font-family:'oxygenregular',Arial,Helvetica,sans-serif;}
#footer-text a:hover {color:#2C2925;}
#footer-image {float:right;}
#footer-image img {display:block;width:auto;height:70px;}


/* ---------- forms and tables -------------- */
/*#received {display:none;}
#contact-form {display:none;}
.row {margin:0px 0px 7px 0px;}
.input {width:170px;padding:7px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#FFF;border:1px solid #FFF;background:#6A7B87;}
.btn-submit {border:1px solid #FFF;width:100px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#FFF;background:#6A7B87;padding:7px 0px 7px 0px;text-align:center;text-transform:uppercase;margin:10px 0px 10px 0px;font-family:'oxygenbold',Arial,Helvetica,sans-serif;}
.btn-submit:hover {cursor:pointer;color:#445A6A;background:#FFF;}*/


/* ---------- responsive / tablet -------------- */
.desktop-only {display:block;}
.mobile-only {display:none;}
/*#footer-text br {display:none;}*/
.nav-btn {display:none;}


/* ---------- responsive / tablet -------------- */
@media (max-width: 940px) {
.desktop-only {display:none;}

.container {width:auto;padding:0 25px 0 25px;}

#leftcol {float:left;width:23%;padding:0px 0px 0px 0px;margin:0;line-height:153%;}
#midcol {float:left;width:43%;padding:0px 0px 0px 0px;line-height:153%;}
#rightcol {float:right;width:23%;padding:0px 0px 0px 0px;line-height:153%;}
#rightcol-wide {float:right;width:62%;padding:0px;line-height:153%;margin-right:6%;}

#banner {}
#banner > div {width:100%;height:350px;}
#banner .overlay {padding:10px 0 10px 0;}
#banner .title {font-size:21px;padding:0 20px 0 0;}

#footer-text .hide-me {display:none;}
#footer-text br {display:block;}

.inset-left {float:left;margin:0 20px 10px 0!important;max-width:150px;height:auto;}
.inset-right {float:right;margin:0 0 10px 20px!important;max-width:150px;height:auto;}
}

/* ---------- responsive / mobile -------------- */
@media (max-width: 700px) {
.nav-btn {display:block;height:50px;line-height:52px;background:#E55E37;color:#FFF;border-bottom:2px solid #FFF;font-family:'oxygenbold',Arial,Helvetica,sans-serif;position:relative;z-index:500;}
.nav-btn {font-size:14px;text-decoration:none;text-transform:uppercase;text-indent:25px;}
.nav-btn:hover {background:#2C2925;color:#FFF;text-decoration:none;}
.btn-menu {display:block;float:right;width:15px;height:13px;margin:18px 25px 0px 0px;}

#nav {display:none;height:auto;line-height:normal;background:#E55E37;border-bottom:2px solid #FFF;font-family:'oxygenbold',Arial,Helvetica,sans-serif;position:relative;z-index:500;}
ul.nav_main {margin:0; padding:0;overflow:hidden;}
ul.nav_main li {float:none;list-style:none;width:auto;text-align:left;margin:0;padding:0;background:none;border-bottom:1px solid #FFF;}
ul.nav_main li a {display:block;color:#FFF;padding:12px 0px 10px 25px;margin:0px;font-size:14px;text-decoration:none;text-transform:uppercase;}
ul.nav_main li a:hover{color:#2C2925;text-decoration:none;}

#leftcol {float:none;width:auto;padding:0px 0px 30px 0px;margin:0;line-height:153%;}
#midcol {float:none;width:auto;padding:0px 0px 0px 0px;line-height:153%;}
#rightcol {float:none;width:auto;padding:0px 0px 0px 0px;line-height:153%;}
#rightcol-wide {float:none;width:auto;padding:0px;line-height:153%;margin-right:6%;}

#banner > div {height:250px;}
#footer-text br {margin-top:7px;}

.inset-left {float:left;margin:0 20px 10px 0!important;max-width:100px;height:auto;}
.inset-right {float:right;margin:0 0 10px 20px!important;max-width:100px;height:auto;}

#footer-text {padding-bottom:15px;}
#footer-image {float:none;}
}

@media (max-width: 500px) {
#header {height:160px;margin-bottom:1px;position:relative;}
.header-logo {position:absolute;left:0px;top:30px;width:200px;height:auto;}
.tel-no {position:absolute;left:0px;top:120px;}
.tel-no a {color:#2C2925;text-decoration:none;font-size:16px;font-family:'oxygenlight',Arial,Helvetica,sans-serif;}	
	
#banner > div {height:150px;}
#banner .overlay {padding:7px 0 7px 0;}
#banner .title {font-size:16px;font-family:'oxygenregular',Arial,Helvetica,sans-serif;}

#rightcol-wide {float:none;width:auto;padding:0px;line-height:153%;margin-right:0px;}

.inset-left {float:none;margin:0 0 20px 0!important;max-width:100%;height:auto;}
.inset-right {float:none;margin:0 0 20px 0!important;max-width:100%;height:auto;}
}