/* DesignDepot main css */
html {min-height: 100%; margin-bottom: 1px;}
body {background: #fff; font-family: arial, tahoma, verdana, helvetica, sans-serif; font-size: 0.72em; color: #000; padding: 0; margin: 0px; text-align: center}

input, select, table {font-size: 100%; font-family: arial, tahoma, verdana, helvetica, sans-serif;}
form {margin: 0;}
td {vertical-align: top}
a {color: #f15a22}
a:visited {color: #471a00}
a:hover {color: #471a00}
img {border: 0}

.middle {vertical-align: middle !important}
.clear {clear: both; display: block; }
.img-left {float: left; margin-right: 15px}
.img-right {float: right; margin-left: 15px}
.img-center {text-align: center; margin: 20px 0px; display: block}
.lowercase {text-transform: lowercase}
.uppercase {text-transform: uppercase}
.nomargin {margin: 0 !important}
.hide { display:none;}

div.space-height-10 {overflow: hidden; padding: 0; margin: 0; border: 0; height: 10px}
div.space-height-25 {overflow: hidden; padding: 0; margin: 0; border: 0; height: 25px}
div.space-width-25 {overflow: hidden; padding: 0; margin: 0; border: 0; width: 25px}
div.space-width-170 {overflow: hidden; padding: 0; margin: 0; border: 0; width: 170px}
/* main content */
.main {width: 950px; border: 0px; margin: 0px; padding: 0px; margin-right: auto; margin-left: auto; text-align: left;}
/* logo line */
.out-logoline {background: url("img/bg-logo.gif") 0% 0% repeat-x #471a00; width: 100%}
.logoline {padding: 0px; color: #fff; margin: 0; width: 803px; }
.topfocus-link {display: inline; margin-right: 20px; font-family: georgia, "Times New Roman", Times, serif; font-style: italic;}
.topfocus-link a, .topfocus-link a:link, .topfocus-link a:visited {color: #fff; text-decoration: none;}
.topfocus-link a:hover, .topfocus-link a.sel, .topfocus-link a.sel:link, .topfocus-link a.sel:visited, .topfocus-link a.sel:hover {color: #f15a22; text-decoration: none}
.focustoplink {display: block; padding: 5px 0px 0px 0px;}
.focustoplink a {margin: 0 20px 0 0; padding: 0}
a.focustoplink-what, a.focustoplink-what:link, a.focustoplink-what:visited {background: url("img/focustoplink-what.gif") 0% 0% no-repeat}
a.focustoplink-what:hover, a.focustoplink-what-act, a.focustoplink-what-act:link, a.focustoplink-what-act:visited, a.focustoplink-what-act:hover {background: url("img/focustoplink-what-act.gif") 0% 0% no-repeat}
.focustoplink-what img, .focustoplink-what-act img {width: 90px; height: 12px; margin: 0; padding: 0}
/*.focustoplink-arr-what {position: relative; z-index: 5; margin-top: -21px; left: 29px}*/
a.focustoplink-dd, a.focustoplink-dd:link, a.focustoplink-dd:visited {background: url("img/focustoplink-dd.gif") 0% 0% no-repeat}
a.focustoplink-dd:hover, a.focustoplink-dd-act, a.focustoplink-dd-act:link, a.focustoplink-dd-act:visited, a.focustoplink-dd-act:hover {background: url("img/focustoplink-dd-act.gif") 0% 0% no-repeat}
.focustoplink-dd img, .focustoplink-dd-act img {width: 70px; height: 12px; margin: 0; padding: 0}
/*.focustoplink-arr-dd {position: relative; z-index: 5; margin-top: -21px; left: 129px}*/
a.focustoplink-ar, a.focustoplink-ar:link, a.focustoplink-ar:visited {background: url("img/focustoplink-ar.gif") 0% 0% no-repeat}
a.focustoplink-ar:hover, a.focustoplink-ar-act, a.focustoplink-ar-act:link, a.focustoplink-ar-act:visited, a.focustoplink-ar-act:hover {background: url("img/focustoplink-ar-act.gif") 0% 0% no-repeat}
.focustoplink-ar img, .focustoplink-ar-act img {width: 160px; height: 12px; margin: 0; padding: 0}
/*.focustoplink-arr-ar {position: relative; z-index: 5; margin-top: -21px; left: 264px}*/
.focustoplink-arr { position: absolute; z-index: 5; margin-top: -21px; }

.toplogo {margin: 4px 0px 0px 0px}
.img-topright {float: right; margin: 0; width: 144px}
.out-underlogo {background: url("img/bg-midfocus.gif") 0% 0% repeat-x #fff;}
.underlogo {padding: 0px;}
/* focus areas */


.out-topfocusline {background: #ebebd9; }
.topfocusline {background: #ebebd9; padding: 0px; display: none; }
.topfocus {z-index: 0; margin: 0; padding: 0; width: 950px; }
.focus-btn {float: right; position: relative; z-index: 10; margin-bottom: -25px; padding: 0; }

.midfocusline {margin: 0px; border: 0px; width: 950px}
.midfocus-space-top {overflow: hidden; margin: 0; padding: 0; border: 0; height: 10px}
.midfocus-space-bot {overflow: hidden; margin: 0; padding: 0; border: 0; height: 7px}
.midfocus-block {margin-right: 40px; color: #f15a22; font-family: georgia, "Times New Roman", Times, serif; padding-right: 70px; font-weight: bold; font-size: 290%; text-transform: uppercase; background: url("img/f-01.gif") 100% 0% no-repeat; display: block; min-height: 40px; height: auto !important; height: 40px; overflow: visible}
.space-height-midfocus-blick {overflow: hidden; height: 40px; margin: 0; padding: 0; width: 1px}
.midfocus-block a, .midfocus-block a:link, .midfocus-block a:visited, .midfocus-block a:hover {color: #f15a22; text-decoration: none}
.midfocus-block img {margin-left: 10px}
.midfocus-img { margin:5px auto 0px; display:none; cursor:pointer; }

/* portfolio on home */
.portfolioline {padding: 0px; margin: 0; border: 0; }
.line-height-5 {overflow: hidden; height: 5px; border: 0; margin: 0; padding: 0; background: #471a00}
.line-height-2 {overflow: hidden; height: 2px; border: 0; margin: 0; padding: 0; background: #828282}
.portf-link-all {color: #471a00; font-weight: bold; font-size: 85%; text-transform: uppercase; margin: 5px 0px}
.portf-link-all a, .portf-link-all a:link, .portf-link-all a:visited, .portf-link-all a:hover {color: #828282}
.portf-link-all a.cur, .portf-link-all a.cur:link, .portf-link-all a.cur:visited, .portf-link-all a.cur:hover {color: #f15a22}
.portf-link-all .more {background: url("img/f-portf-link.gif") no-repeat 100% 0%; padding-right: 8px}
.portf-link-submenu {background: #fff; display: none; z-index: 100; padding: 5px 10px; position: absolute; left: 400; top: 200; color: #828282; text-transform: uppercase; }
.portf-link-submenu a {display: block; white-space:nowrap;}
.portf-link-submenu a, .portf-link-submenu a:link, .portf-link-submenu a:visited {color: #828282; text-decoration: none}
.portf-link-submenu a:hover, .portf-link-submenu a.cur, .portf-link-submenu a.cur:link, .portf-link-submenu a.cur:visited, .portf-link-submenu a.cur:hover {color: #e16326; text-decoration: none}

.portf-tbl {border: 0; padding: 0; margin:  0 0 20px 0;}
.portf-td-space {width: 25px !important}
.portf-img {padding-bottom: 10px; vertical-align: top}
.portf-block-header {background: #ebebd9; padding: 9px;}
.portf-block-header h3 {font-family: georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; font-size: 105%}
.portf-block-header h5 {font-family: georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; font-size: 95%;  text-transform: lowercase; margin: 0; padding: 0}
.portf-block-text {background: url("img/f-portf.gif") 0% 0% repeat-y; padding: 0px 10px; min-height: 26px}
.portf-tbl a, .portf-tbl a:link, .portf-tbl a:visited, .portf-tbl a:hover {color: #000; text-decoration: none}
.portf-link-h-tbl {border: 0; margin: -20px 0 -17px 0}

/* menu proj */
.out-menuprojline {background: #f15922; }
.menuprojline {padding: 5px 0px; vertical-align: middle; font-family: georgia, "Times New Roman", Times, serif; color: #fff;}
.menuproj-block {float: left; margin-right: 25px; font-weight: bold; text-transform: uppercase; font-size: 95%}
.menuproj-block a, .menuproj-block a:link, .menuproj-block a:visited, .menuproj-block a:hover {color: #fff; text-decoration: none}
.menuproj-ill {background: url("img/menuproj-ill1.gif") no-repeat 100% 50%; min-height: 55px; height: auto !important; height: 55px; width: 170px;}
.menuproj-ill-padding {padding: 10px 60px 0px 0px;}
.menuproj-art {background: url("img/menuproj-art1.gif") no-repeat 100% 50%; min-height: 55px; height: auto !important; height: 55px; width: 170px;}
.menuproj-art-padding {padding: 10px 70px 0px 0px;}
.menuproj-media {background: url("img/menuproj-media1.gif") no-repeat 100% 50%; min-height: 55px; height: auto !important; height: 55px; width: 280px;}
.menuproj-media-padding {padding: 10px 75px 0px 0px;}

.menuproj-ill2 {background: url("img/menuproj-ill2.gif") no-repeat 100% 50% !important; }
.menuproj-art2 {background: url("img/menuproj-art2.gif") no-repeat 100% 50% !important; }
.menuproj-media2 {background: url("img/menuproj-media2.gif") no-repeat 100% 50% !important;}


.menuproj-spectext {color: #471a00; text-decoration: none;}
.menuproj-spectext a { color: #471a00 !important; }
.projline-search {float: right; text-align: left; width: 170px; margin: 0; padding: 0;  font-style: italic; font-size: 95%}
.projline-search input {vertical-align: middle; font-family: arial, tahoma, verdana, helvetica, sans-serif; color: #000}
.projline-inp {width: 110px; border: 1px solid #755340; color: #000}

/* articles list */
.out-articlesline {background: #471a00}
.articlesline {padding: 20px 0px; background: #471a00; color: #fff}
/*.article-bg {background: url("img/bg-articlelist.gif") 0% 0%}*/
.article-td1 {width: 475px; margin: 0px; float: left; background: #471a00}
.article-td {width: 445px; margin: 0px 30px 3px 0px; float: left; background: #471a00}

.article-td3-1 {width: 390px; margin: 0px; float: left; background: #471a00}
.article-td3-2 {width: 560px; margin: 0px; float: left; background: #471a00}
.article-td3-1in {width: 360px; margin: 0px 30px 3px 0px; float: left; background: #471a00}
.article-td3-3 {width: 170px; margin: 0px; float: left; background: #471a00}
.article-td3-3in {width: 170px; margin: 0px 30px 3px 0px; float: left; background: #471a00}


.article-block {margin: 0 0 20px 0; padding: 0; display: block;}
.article-block a, .article-block a:link {display: block; color: #fff; text-decoration: none; padding: 0px 0px 0px 20px; background: url("img/f-articlelist-link.gif") 0% 0% repeat-y}
.article-block a:visited {color: #fff; text-decoration: none; background: url("img/f-articlelist-visited.gif") 0% 0% repeat-y}
.article-block a:hover {color: #fff; text-decoration: none; background: url("img/f-articlelist-link.gif") 0% 0% repeat-y}
.article-block a .article-header, .article-block a:link .article-header {font-family: "Arial Black"; font-weight: bold; text-transform: uppercase; font-size: 120%}
.article-block a .article-subheader, .article-block a:link .article-subheader {font-family: georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase;}
.article-block a .article-date, .article-block a:link .article-date {color: #f15a22}
.article-block a .article-linkmore, .article-block a:link .article-linkmore {font-family: georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; color: #f15a22}
.article-block a:visited .article-header {color: #969696}
.article-block a:visited .article-subheader {color: #969696}
.article-block a:visited .article-date {color: #969696}
.article-block a:visited .article-linkmore {font-weight: normal !important; color: #969696}
.article-block img {margin-top: 5px}
.article-headerspace {margin: 10px 0 0 0; display: block}
.article-linkall {background: #471a00; color: #f15a22; font-family: georgia, "Times New Roman", Times, serif; font-style: italic; text-align: right; margin: 0; padding: 3px 0 0 0}
.article-linkall a, .article-linkall a:link, .article-linkall a:visited,.article-linkall a:hover {color: #f15a22; text-decoration: none;}
.article-clear {clear: both; display: block}
.artopen-tdtext {width: 755px; float: left; margin-right: 25px}
.artopen-tdlinks {width: 170px; float: left}

.out-artopen-linkline {background: url("img/bg-articlelist.gif") 0% 0% #381300;}
.artopen-linkline {margin: 0; padding: 20px 30px; }
.artopen-linkline .article-linkall {background: none; margin: 0; padding: 0; text-align: left; float: left; font-size: 120%}
.out-artopenline {background: #ebebd9;}
.artopenline {background: #ebebd9; padding: 10px 30px}
h3.artopen-h {background: url("img/f-articlelist-link.gif") 0% 0% repeat-y; padding-left: 10px; color: #000; font-size: 150%}
.artopen-h .artopen-subheader {font-style: italic; text-transform: lowercase; color: #f15a22; font-weight: normal; font-size: 70%}
.artopen-h .artopen-date {color: #f15a22; font-weight: normal; font-size: 70%}
.artopen-img {background: url("img/f-articlelist-link.gif") 0% 0% repeat-y; float: left; margin-right: 15px; padding-left: 20px;}

td.left-orange {background: url("img/f-articlelist-link.gif") 0% 0% repeat-y; width:15px; }

.artopen-imgtext {font-style: italic; color: #f15a22; font-family: georgia, "Times New Roman", Times, serif; float: left; margin-top: 5px; width: 170px}
.artopen-copy {color: #969696; text-align: right; float: right}
.copy-shift {margin: -20px 10px 0 0; padding: 10px 0}
h4.artopen-links {font-size: 120%; font-weight: bold; color: #000; text-transform: uppercase; margin: 0 0 5px 0}
.article-td3-3 h4.artopen-links {color: #fff}
.artopen-linkblock {border-top: 1px solid #f15a22 !important; border-bottom: 1px solid #f15a22 !important}
.calendar {border: 0; width: 100%; font-size: 120%}
.calendar td {vertical-align: middle; text-align: center}
.cal-m {border-top: 1px solid #f15a22 !important; border-bottom: 1px solid #f15a22 !important}
.article-td3-3 .calendar td {color: #fff}
.cal-lm {color: #82948f !important; background: #fff;  }
.cal-lm a, .cal-lm a:link, .cal-lm a:visited, .cal-lm a:hover {color: #82948f; text-decoration: none; font-weight:bold;}
.cal-cm {color: #000 !important; background: #fff;}
.cal-cur {background: #f15a22; font-weight: bold}
.cal-cm a, .cal-cm a:link, .cal-cm a:visited, .cal-cm a:hover, .cal-cur a, .cal-cur a:link, .cal-cur a:visited, .cal-cur a:hover {color: #000; text-decoration: none;  font-weight:bold;}

.artsubj-link {font-size: 120%; margin: 1px 0; }
.artsubj-link a, .artsubj-link a:link, .artsubj-link a:visited, .artsubj-link a:hover {color: #000; text-decoration: none}
.article-td3-3 .artsubj-link a, .article-td3-3 .artsubj-link a:link, .article-td3-3 .artsubj-link a:visited, .article-td3-3 .artsubj-link a:hover {color: #fff; text-decoration: none}
.artopen-linknews {display: block; margin: 2px 0 5px 0; text-indent: -0.94em; padding-left: 1em}


/* breadcrumbsline */
.breadcrumbsline {padding: 12px 0px 7px 0px; border-bottom: 1px solid #82948f; color: #f15a22; text-transform: uppercase; font-size: 80%; margin: 0 0 20px 0}
.breadcrumbsline a {color: #82948f; text-decoration: none; background: url("img/f-breadcrumbs.gif") 100% 40% no-repeat; padding-right: 20px}
.breadcrumbsline a:link, .breadcrumbsline a:visited, .breadcrumbsline a:hover {color: #82948f; text-decoration: none}

/* content */
.c-texttd-1 {float: left; width: 255px; margin-right: 25px}
.c-texttd-2w {float: left; width: 670px;}
.c-texttd-2m {float: left; width: 500px;}
.c-texttd-3m {float: right; width: 170px; text-align: right}
.c-texttd-2 {float: left; margin-right: 25px; width: 280px}
.c-texttd-3 {float: left; width: 365px}

.c-portf-links {float: left; margin-right: 25px; width: 170px}
.c-portf-text {float: left; margin-right: 25px; width: 560px}
.c-portf-more {float: left; width: 170px}

.c-clientslisttd {float: left; width: 170px; margin-right: 25px}

h1 {color: #4a3012; font-family: georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; font-size: 300%; margin-top: 0px; padding-top: 0px}
h1.portf-link-h {color: #f15a22; font-size: 280%}
h2 {color: #f15a22; font-family: georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; font-size: 120%;  margin: 0 0 10px 0; text-indent: -1em; padding-left: 1em}
h2.nopadding {text-indent: 0; padding-left: 0}
h3 {color: #f15a22; font-size: 100%; padding-bottom: 0px; margin-bottom: 0px}
h5 {color: #000; font-family: georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 120%; margin: 0 0 10px 0;}


a.speclink, a.speclink:link, a.speclink:visited, a.speclink:hover {color: #82948f; text-decoration: none}
.c-map-tel {font-family: georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; font-size: 120%; color: #82948f; margin-top: 0.9em}
.emph {color: #f15a22; text-transform: uppercase; font-family: georgia, "Times New Roman", Times, serif; font-weight: bold}
strong.emph-bold {color: #f15a22;}
.c-map-mail {font-size: 120%}
.li {text-indent: -0.8em; padding-left: 0.8em; margin: 5px 0; }

.portf-line-height-1 {overflow: hidden; height: 1px; border: 0; margin: 0; padding: 0; background: #666667}
.portf-listlink {text-indent: -1em; font-family: georgia, "Times New Roman", Times, serif; margin: 7px 0; padding-left: 1em}
.portf-listlink .big {font-weight: bold; text-transform: uppercase}
.portf-listlink a, .portf-listlink a:link {color: #000; text-decoration: none}
.portf-listlink a:visited {color: #82948f; text-decoration: none}
.portf-listlink a:hover, .portf-listlink a.cur, .portf-listlink a.cur:link, .portf-listlink a.cur:visited, .portf-listlink a.cur:hover {color: #f15a22; text-decoration: none}
.portf-moreblock {display: block; padding: 0; margin: 15px 0px 5px 0px;}
.portf-moreblock-text {background: #ebebd9; padding: 5px;}
.portf-moreblock-text a, .portf-moreblock-text a:link {color: #000; text-decoration: none}
.portf-moreblock-text a:visited {color: #82948f; text-decoration: none}
.portf-moreblock-text a:hover {color: #000; text-decoration: none}
.portf-moreblock-text a.cur, .portf-moreblock-text a.cur:link, .portf-moreblock-text a.cur:visited, .portf-moreblock-text a.cur:hover {color: #f15a22; text-decoration: none}

.c-portftd-1 {width: 365px; margin-right: 25px; float: left}
.c-portftd-2 {width: 560px; float: left; margin-bottom: 10px}
.c-portftd-1 h1 {font-size: 200% !important}
.c-portftd-1 h1 a, .c-portftd-1 h1 a:link, .c-portftd-1 h1 avisited {color: #4a3012; text-decoration: none}
.c-portftd-1 h1 a:hover {color: #f15a22;}

/* 404 */
.textbig-404 {color: #000; font-size: 250%}
/* search res*/
.search-block {padding: 0; margin: 0 0 30px 0}
.search-block  h4 {margin: 0; font-size: 100%; color: #000}
.search-block  h4 a, .search-block  h4 a:link, .search-block  h4 a:visited {text-decoration: none; color: #000}
.search-block  h4 a:hover {text-decoration: underline}
.search-block  h4 a .search-h-logo {color: #f15a22 !important}
.search-link {color: #828282; margin: 3px}
.search-link a, .search-link a:link, .search-link a:visited, .search-link a:hover {text-decoration: none; color: #828282}
.spec-link a, .spec-link a:link, .spec-link a:visited {color: #828282; text-decoration: none}
.spec-link a:hover {color: #828282; text-decoration: underline}
.spec-link a.sel, .spec-link a.sel:link, .spec-link a.sel:visited {color: #f15a22; text-decoration: none}
.spec-link a.sel:hover {color: #f15a22; text-decoration: underline}
.search-line {color: #828282; padding-left: 1.3em}
.search-line .word {color: #000; font-size: 120%; font-weight: bold; font-family: georgia, "Times New Roman", Times, serif; text-transform: uppercase}
.search-line .num {color: #f15a22; font-size: 120%; font-weight: bold; font-family: georgia, "Times New Roman", Times, serif; text-transform: uppercase}
.link-l-bg img, .link-l-bga img {margin-right: 10px; padding: 0; vertical-align: middle}
.link-r-bg img, .link-r-bga img {margin-left: 10px; padding: 0; vertical-align: middle}


.h-orange {color: #f15a22; font-family: georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; font-size: 120%; }