/*** Reset ***/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-align: justify;
}
/*** html 5 ***/
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {  display: block; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font-family: Arial, Helvetica, sans-serif; text-align:justify } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 0; list-style: none; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
em{ font-style: italic; }
strong{ font-weight: bold; }

::-moz-selection{ background: #e77817; color:#fff; text-shadow: none; }
::selection { background:#e77817; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #e77817; }

button {  width: auto; overflow: visible; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.fl{ float: left; }
.fr{ float: right; }
.fnone{ float: none; }
.txt-center{ text-align: center; }
.txt-left{ text-align: left; }
.txt-right{ text-align: right; }
.clear{ clear: both; font-size: 1px; }




/** Wrapper **/
/*------------------------*/
.home { background: #fff url(../images/home-bg.png) repeat-x top; }
.inner { background: #fff url(../images/inner-bg.png) repeat-x top; }
.wrap{ width: 960px; margin: 0 auto; }
.home .wrap{ width: 980px; }
.inner .wrap{ padding-left: 20px; }

/** Header **/
/*------------------------*/
#header{ height: 100px; position: relative; }
#logo{ float: left; margin: 14px 0 0 0; }
.home #logo{ margin: 14px 0 0 20px; }

.search{ float: right; margin: 4px 0 20px; width: 245px; }
.search fieldset{ display: inline; float: left; }
.search .txt{ float: left; width: 204px; border: #e0e0e0 1px solid; border-right: none; color: #bdbdbd; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 5px; }
.search .sub{ width: 30px; height: 23px; border: none; background: url(../images/btn-search.png) no-repeat; cursor: pointer; }

/** Navigation **/
/*------------------------*/
#nav{ font-size: 16px; float: right; clear: right; width: 700px;}
#nav a{ color: #797068; text-decoration: none; text-transform: uppercase; }
#nav li{ display: inline; float: left; margin: 0 15px; *margin: 0  0 0 10px; }
#nav li.last{ margin-right: 0; }
#nav a:hover, #nav li.active a{ color: #40362b; }


/** Banner **/
/*------------------------*/

#banner{ width: 100%; height: 430px; padding: 22px 0 0; background: url(../images/banner-bg2.jpg) no-repeat center 0px; position: relative; margin-bottom: 25px; }
#banner ul li{ position: relative; display: inline; width: 980px; }
#banner .desc{
	width: 246px;
	height: 170px;
	background: url(../images/cap.jpg) no-repeat;
	overflow: visible;
	color: #FFF;
	font-size: 12px;
	position: absolute;
	top: 140px;
	z-index: 800;
	right:0px;
	padding:10px;
}
#banner .desc h3{ color: #fff; font-size: 18px; display:block; line-height: 18px; padding:8px 8px; margin-bottom: 5px; background: url(../images/double-line.png) repeat-x bottom;
*background: url(../images/double-line.jpg) repeat-x bottom;}
#banner .desc p {padding: 4px 10px 4px 8px;}

#banner .wrap{ position: relative; width:980px; margin:0 auto;}
#banner .bx-pager{ width: 170px; position: absolute; top: 390px; left: 805px; z-index: 999; }
#banner .bx-pager a{ width: 16px; height: 16px; text-align: center; text-decoration: none; color: #c8c1ba; background: #fff; border: #c8c1ba 1px solid; line-height: 16px; display: block; float: left; margin: 0 3px; font-size: 12px; }
#banner .bx-pager a:hover, #banner .bx-pager a.pager-active{ color: #fff; background: #f28b0c; border: #f28b0c 1px solid; }



#small-slider{ width: 364px; background: #fff url(../images/small-slide-bg.png) repeat-x bottom; padding: 8px; position: relative; border: #dfdfdf 1px solid; }
#small-slider li{ display: inline; float: left; }
#small-slider li .item{ margin: 0 3px; }
#small-slider li p{ margin: 0; }
#small-slider li a{ color: #be9c79; font-size: 12px; text-decoration: none; }

#small-slider .bx-prev{ width: 26px; height: 26px; text-indent: -9999em; display: block; position: absolute; top: 25px; left: -28px; background: url(../images/prev.png) no-repeat; outline:none }
#small-slider .bx-next{ width: 26px; height: 26px; text-indent: -9999em; display: block; position: absolute; top: 25px; right: -30px; background: url(../images/next.png) no-repeat; outline:none}


/** Content **/
/*------------------------*/
#content{ color: #797979; font-size: 12px; padding-bottom: 50px; }
.inner #content{ padding-top: 20px; }
#content #main{ width: 530px; float: left; }
#content #col-right{ width: 380px; float: right; }
#main cite {font-size:14px; float:right; padding-right:50px;}
ul#ppr { padding-left:40px;}
ul#ppr li{ padding:4px 4px; list-style: square ; }
h2#con {font-size:14px; width:140px;  margin-top:20px;}
h2#clients{width:300px; padding-left:80px; font-size:26px;}
h2#clients a,h2#clients a:visited {color:#3a3a3a;}
p.con{font-size:12px; margin-left:152px; padding-top:0; margin-top:-18px;  }
p.con a {text-decoration:none; color:#797979}
#content h1{ color: #797979; font-size: 30px; margin-bottom: 10px; }
#content h1 span{ color: #f28b0c; }

#content p{ line-height: 22px; margin-bottom: 15px;   }
img#iso{padding-top:48px; padding-left:54px;}

.served, div#clients {float:left; padding-top:100px}
#page-title{ height: 187px; }
#page-title .wrap{ position: relative; }
#page-title .page-image{ float: left; width: 524px; overflow: hidden; height: 186px; }
#page-title h1{ width: 400px; height: 42px; background: url(../images/page-title.png) no-repeat; position: absolute; top: 63px; left: 544px; line-height: 42px; padding-left: 15px; color: #40362b; font-size: 30px; }

#sub-menu-wrap{ position: relative; float: left; }
#sub-menu{ padding: 20px 0 5px; border-bottom: #cccccc 2px solid; margin-bottom: 30px; position: relative; z-index: 1; }
#sub-menu ul{ float: left; }
#sub-menu ul li{ display: inline; float: left; text-align: center; }
#sub-menu ul li a{ color: #9b948e; font-size: 14px; padding: 0 20px; text-decoration: none; margin-bottom: -2px; padding-bottom: 5px; position: relative; z-index: 10; }
#sub-menu ul li a:hover, #sub-menu ul li.active a{ color: #e77817; }
/*#sub-menu ul li a:hover, #sub-menu ul li.active a{ color: #e77817; border-bottom: #e77817 2px solid; }*/

#slyd{ height: 2px; background: #e77817; position: absolute; bottom: -7px; font-size: 0; }


.print-share{ float: right; font-size: 11px; }
.print-share a{ text-decoration: none; color: #808080; display: block; float: left; margin-right: 15px; padding-left: 20px; line-height: 15px; }
.print-share .print{ background: url(../images/print.png) no-repeat top left; }
.print-share .share{ background: url(../images/share.png) no-repeat top left; }


#sidebar-left{ float: left; width: 190px; background: #eae5e0; }
#sidebar-left h3{ padding: 20px 15px 0 15px; color: #4a4a4a; font-size: 14px; margin-bottom: 10px; }
#sidebar-left .side-menu{ }
#sidebar-left .side-menu li{  font-size: 11px; width: 100%; clear: both; float: left; }
#sidebar-left .side-menu li a{ display: block; padding: 9px 5px 8px 15px; background: url(../images/arrow.png) no-repeat 5px 12px; color: #40362b; font-weight: bold; text-decoration: none; }
#sidebar-left .side-menu li:hover, #sidebar-left .side-menu li.active, #sidebar-left .side-menu li.hover {background: #e8862f url(../images/left-menu-hover.jpg) repeat-x bottom; }
#sidebar-left .side-menu li a:hover, #sidebar-left .side-menu li.active a{ background: url(../images/arrow-white.png) no-repeat 5px 12px; color: #fff; border-bottom: #fff 1px solid; }


#content-right{ width: 720px; float: right; padding-right: 20px; }
#content-right #inner-content{ width: 480px; float: left; }
#content-right #sidebar-right{ width: 220px; float: right; }

#content-right #sub-menu{ border-bottom: #cccccc 1px solid; padding-top: 10px; margin-bottom: 20px; }


#photo-slider{ position: relative; padding-bottom: 20px; }
#photo-slider .bx-pager{ float: right; padding: 5px 5px 0 0; }
#photo-slider .bx-pager a{ display: block; float: left; width: 10px; height: 10px; text-indent: -9999em; margin: 0 2px; background: url(../images/pager.jpg) no-repeat;outline:none }
#photo-slider .bx-pager a:hover, #photo-slider .bx-pager .pager-active{ background: url(../images/pager-active.jpg) no-repeat; outline:none }



#inner-content h2{ font-size: 24px; margin-bottom: 15px; color: #40362b; font-weight: normal; }
#inner-content h4{ font-size: 18px; margin-bottom: 15px; color: #40362b; font-weight: normal; line-height: 24px; }
#inner-content h5{font-size: 12px;  font-weight: normal; line-height:22px; margin-bottom:10px;}


.colors{ border: #e4e4e4 1px solid; width: 100%; }
.colors tr{ }
.colors td{ border-left: #e4e4e4 1px solid; border-right: #e4e4e4 1px solid;  border-bottom: #e4e4e4 1px solid; vertical-align: middle; }
.colors .main-title{ background: #ea7f00; color: #fff; width: 80px; text-align: left; }
.colors .main-title h5{ font-size: 17px; color: #fff; padding-left: 10px; text-transform: uppercase; }
.colors .col-title{ background: #2a2a2a; color: #fff; vertical-align: middle; height: 38px; }
.colors .col-title h4{ color: #ffffff!important; font-size: 19px!important; text-align: center; text-transform: uppercase; margin: 0!important; line-height: 38px; }
.colors .color{ height: 38px; width: 50px; }
.colors .black{ background: #000000; }
.colors .blue{ background: #0070c0; }
.colors .green{ background: #009900; }
.colors .gray{ background: #a6a6a6; }
.colors .red{ background: #ff1d1d; }
.colors .white{ background: #fff; }
.colors .yellow{ background: #ffff00; }


.colors .data{ color: #2a2a2a; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.colors .data td{ text-align: center; height: 45px; background: #fff; }
.colors .data .even{ background: #f6f6f6; }

/** Footer **/
/*------------------------*/
#footer{ color: #928981; font-size: 13px; padding: 22px 0; background: #40362b url(../images/footer-bg.png) repeat-x top; }
#footer .menu{ float: left; }
#footer .menu li{ display: inline; float: left; border-right: #928981 1px solid; padding-right: 15px; margin-right: 15px; }
#footer .menu li.last{ border: none; margin-right: 0; padding: 0; }
#footer .menu li a{ text-decoration: none; color: #928981; }
#footer .menu li a:hover{ color: #fff; }

#footer .copy{ float: right; }
#footer .copy span{ color: #fff; text-transform: uppercase; }
#footer a.credits{ text-decoration:none; color:#676767; float:right; padding-right:10px;}
/** Misc **/
.orange{ color: #f28b0c; }
.gray{ color: #92867c; }
.uppercase{ text-transform: uppercase; }

#search-block-form input.form-submit, #search-form input.form-submit {
  height: 24px;
  width: 24px;
  cursor: pointer;
  text-indent: -9999px;
  border: none;
  background: url(images/btn-search.png) no-repeat left top;
}
.link{  float: right;
    padding-top: 6px;
    width: 62px;}
