@charset "windows-1251";

/*==============================================================*/
/*	Main CSS document. Aerate (aerate@aerate.ru) 02.09.2008		*/ 
/*==============================================================*/


@import url("hack.css");		/*	for Firefox, Opera and Safari	*/



/* Default
====================================================================================================*/

* {padding:0; margin:0; text-align:left}
html,
body {background:#FFF; color:#555; cursor:default; font-family:"Lucida Grande","Lucida Sans Unicode",Lucida, Verdana, Arial, Helvetica, sans-serif; text-align:center; height:100%}
html {font-size:100.01%; line-height:100%.01%; overflow-y:scroll}
body {font-size:62.5%}
table,
td,
th,
img {border:0; vertical-align:top; border-spacing:0; border-collapse:collapse}
table {empty-cells:show; border-spacing:0}
img {font-size:1em; color:#DDD}

h1, h2, h3, h4, h5, h6 {font:normal 150% "Times New Roman", Times, serif; padding:0 0 0.28em 0; line-height:1em}

h1 {color:#555; white-space:nowrap; font:normal 45px "Times New Roman", Times, serif; padding-bottom:40px}
h2 {font-size:24px; color:#C0C3C6}
h3 {font-size:22px; color:#FFF; padding:25px 0 0 0}
h4 {font-size:2em; color:#C0C3C6}
h5 {color:#555; font-family:"Lucida Grande","Lucida Sans Unicode",Lucida, Verdana, Arial, Helvetica, sans-serif; padding-bottom:11px; font-size:11px}
h6 {color:#555; font-family:"Lucida Grande","Lucida Sans Unicode",Lucida, Verdana, Arial, Helvetica, sans-serif}

p {font-size:11px; line-height:14px; padding-bottom:0.8em}

textarea, input, select, button {padding:0 1px; font:normal 1.3em Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}
input, button {overflow:visible}
textarea {vertical-align:top}
input[type=button],
input[type=reset],
input[type=submit],
input[type=image],
button,
.btn {cursor:pointer; text-align:center}

input[type=checkbox],
input[type=radio] {width:auto}

a {}
a:link {cursor:pointer; text-decoration:underline; color:#E35200/*FF7100*/}
a:visited {text-decoration:underline; color:#E35200}
a:hover, 
a:active, 
a:focus {text-decoration:none; outline:none}

a[href^="http://"],
a[href^="https://"] {padding-right:12px; background:url(../img/out.gif) right 60% no-repeat}
a[href$=".pdf"] {}	/* for file link (pdf) work in IE7!! */

*:focus {outline:none}

fieldset {border-width:1px; border-style:solid}
legend {padding:0 4px; margin-left:-4px}

acronym,
abbr {cursor:help; letter-spacing:1px; border-bottom:1px dashed green}

ul {list-style:none; padding-bottom:1em}
ol {padding-bottom:1em}
ol li {list-style-type:decimal}
ol li,
ul li {vertical-align:bottom}

sup,
sub {position:relative; font-size:0.8em; bottom:0.3em; vertical-align:baseline}
sub {bottom:-0.2em}

object {}


/* Elements
====================================================================================================*/

.sorry,
.screen,
.print,
.pda {display:none; visibility:hidden} 

.access {display:block; visibility:visible}

.temp {position:absolute; left:4px; top:54px; z-index:500}
.temp li {padding:2px 0}
.grey_page .temp li {color:#B5B5B5}

.main {display:none; visibility:hidden}
a.home {display:none}

.zoom,
.presentation {display:block; padding-left:30px; background-position:left center; background-repeat:no-repeat; font-size:10px; line-height:26px; height:30px; background-image:url(../img/zoom.png); margin-bottom:20px; text-decoration:none !important}
.presentation {background-image:url(../img/presentation.png); line-height:12px}
  
.view img {margin:0 6px 0 0}
.view a img {border:4px solid #454348}
.view span img {border-style:solid; border-width:4px}

.list_view {color:#EEE; font-weight:bold; font-size:16px}
.list_view a,
.list_view a:visited {text-decoration:none}

/* Layout
====================================================================================================*/

.page {min-height:100%; position:relative; min-width:970px; max-width:1300px; margin:0 auto}
.box {margin:0 5%; position:relative}


/* Pages
====================================================================================================*/

/*	Grey	*/

.grey_page {background:#454348}
.grey_page .head td * {display:none}
.grey_page .head,
.grey_page .head td {height:100px; background:#454348}
.grey_page .menu,
.grey_page .change_type {display:none}
.grey_page .main {color:#FFF; display:block; visibility:visible}
.grey_page .foo {color:#B5B5B5; background:#454348}
.grey_page .content,
.grey_page .page {background:#454348}
.grey_page a.home {display:block; visibility:visible; position:absolute; right:5%; font-size:12px; top:40px; position:absolute; text-decoration:none; z-index:1100; width:160px}
.grey_page .main .left {float:left; width:34%}
.grey_page .main .left h3 {padding:0 0 10px 0; margin-left:10px}
.grey_page .main .left ul {padding-bottom:100px}
.grey_page .main .left li {border:1px solid #454348}
.grey_page .main .left li a,
.grey_page .main .left li a:visited,
.grey_page .main .left li div {line-height:30px; font-size:10px; display:block; padding-left:10px; text-decoration:none; color:#FFF; position:relative; float:left; padding-right:20px}
.grey_page .main .left li div.selected {float:none}
.grey_page .main .left .lvl2 {padding-left:20px}
.grey_page .main .left .lvl3 {padding-left:30px}
.grey_page .main .left .lvl4 {padding-left:40px}
.grey_page .main .left .lvl5 {padding-left:50px}
.grey_page .main .left li em {position:absolute; right:6px; top:13px; height:6px; width:6px; font-size:1px; line-height:1px;background-repeat:no-repeat;}
.grey_page .main .left li em {background-image:url(../img/arrow_d.png);}
.grey_page .main .left li .selected em {background-image:url(../img/arrow_r.png)}
.grey_page .main .left li .expanded em {background-image:url(../img/arrow_u.png)}
.grey_page .main .left a.sort {text-decoration:none; color:#FFF !important}
.grey_page .main .right {float:right; width:140px}
.grey_page .main .right p {font-size:10px}
.grey_page .main .right p strong {display:block; font-weight:normal; padding:6px 0; font-size:12px}
.grey_page .main .center {margin:0 150px 0 34%}

 
/*	Error page	*/

.error .creator {visibility:hidden}
.error .content {position:absolute; width:500px; overflow:visible; height:100px; top:50%; left:50%; margin:-180px 0 0 -280px}
.error .content p {font-size:12px; color:#555; padding-bottom:6px}
.error .content h6 a {font-size:12px; font-weight:bold; text-decoration:none !important}


/*	Map page	*/

.grey_page.map .main .left {float:left; width:18%}
.grey_page.map .main .left h3 {margin-top:100px}
.grey_page.map .main .center {margin:0 150px 0 18%}
.grey_page.map #map_canvas {border:1px solid #555; height:460px}
.grey_page.map .center .phone {float:right; text-align:right; color:#E35200; font:normal 28px 'Times New Roman', Times, serif; line-height:28px}
.grey_page.map .center .address {padding-bottom:30px}
.grey_page.map .center .address strong {display:block; padding-bottom:6px}
.grey_page.map .right .mail {margin-left:20px; font-size:14px; line-height:22px}
.grey_page.map .right a.print_version {color:#FFF; text-decoration:underline; background:#E35200; display:block; padding:6px 0 8px 20px; font-size:12px; position:relative; margin-bottom:160px}
.grey_page.map .right p {margin-left:20px}
.grey_page.map .foo .address,
.grey_page.map .foo .mail {/*visibility:hidden*/}


.grey_page.map .center .address {padding-bottom:30px}
.grey_page.map .center .address strong {display:block; padding-bottom:6px}


.structure .main {padding:30px 0 0 0}
.structure .main .left h3 {padding-top:146px}
.structure .main .left {width:18%}
.structure .main .center {margin:0 0 0 18%}
.structure .main .right {display:none}

/* header
----------------------------------------------------------------------------------------*/

.logo {position:absolute; top:0; left:5%; z-index:1000; width:208px; height:80px; background:url(../img/logo.png)}

.head {z-index:100; background:#FFF; width:90%}

.head td {vertical-align:bottom}

#content_main {border:1px solid #FFF;}
#content_main td {border:1px solid #FFF;}

.grey_page #content_main {border:1px solid #454348;}
.grey_page #content_main td {border:1px solid #454348;}



.type1 .head .left {width:43%}
.type1 .head .center div {height:310px; width:14%;}
.type1 .head .center div * {display:none}
.type1 .head .right {width:43%}

.type2 .head .left {width:38%}
.type2 .head .left div {height:310px}
.type2 .head .center {height:auto; width:43%}
.type2 .head .right {width:19%}

.type3 .head .left {width:80%}
.type3 .head .center div {height:310px; width:10%}
.type3 .head .center div * {display:none}
.type3 .head .right {width:10%}

.type4 .head .left {width:38%}
.type4 .head .center div {height:310px; width:19%}
.type4 .head .center div * {display:none}
.type4 .head .right {width:43%}

.type5 .head .left {width:19%}
.type5 .head .left div {height:310px; width:38%}
.type5 .head .left div * {display:none}
.type5 .head .right {width:43%}


/* newsblock	*/
.right div {position:relative; padding:0 0 1px 0; z-index:20}
.right div h2 {padding-left:14px; line-height:0.9em}
.right div img {float:left; margin:0 0 0 -2px}
.right div div {margin:0 -32px 2px 274px; padding:0; text-align:left; position:relative}
.right div h6 {padding:0 0 2px 12px; cursor:pointer; line-height:8px; position:relative; overflow:hidden}
.right div h6 span {word-spacing:-1px; font-size:9px; line-height:8px; padding:0 4px 0 0}
.right div h6 strong {position:absolute; top:1px; left:1px; padding:1px 0 0 1px; width:20px; z-index:-1; color:#555; height:100px; font-size:9px; text-indent:100px} 
.right div .open h6 {cursor:default; position:relative}
.right div .open h6 strong {text-indent:0}
.right div p {margin-left:28px; padding:4px 0 3px 0; font-size:11px; line-height:11px}
body.news_folded .right div {left:auto; right:4px; padding:0; bottom:0}
body.news_folded .right div div,
body.news_folded .right div img {display:none}
body.news_folded .right div h2 {cursor:pointer; color:#555; padding:4px 10px 6px 0; text-align:right; font:normal 11px "Lucida Grande","Lucida Sans Unicode",Lucida, Verdana, Arial, Helvetica, sans-serif; background:url(../img/up_arrow.gif) 100% center no-repeat}


/* clients */
.head .center div {position:relative; font-size:10px; z-index:20; background:#FFF}
.center div h2 {color:#E35200; margin-left:10px; line-height:0.9em}
.center div ul {width:45%}
.center div li {padding:0 0 1px 0!important; margin:0 0 0 10px; font-size:11px; line-height:14px}
.center div strong {font-size:11px; color:#E35200}
.center div ul.portfolio {float:right; width:50%}
.center div ul.portfolio li {padding:1px 0; margin:0 0 0 0; color:#444;font-size:11px;line-height:14px;}
.center div ul.portfolio strong {color:#555; display:block; padding:0 0 4px 2px}
.center div ul.portfolio li a {padding:1px 2px; font-size:11px; line-height:14px; cursor:pointer;display:inline-block;}

body.type5 .center h2 {color:#555}
body.type5 .center p {margin-left:10px; color:#555}

/* content */
.head .left div h2 {padding-left:10px; color:#E35200; width:49%; line-height:0.9em}
.left div div {float:right; width:48%}
.left div div.first {float:left !important; margin-left:10px}
.left div div h6 {color:#E35200; font-size:11px; font-weight:bold; padding-bottom:4px}
.left div div p {}
body.type4 .left div {float:left; margin:0; width:98%}
body.type4 .left div h2 {width:auto}
body.type4 .left div div {float:none; visibility:hidden; display:none}
body.type4 .left div div.first {visibility:visible; display:block; width:auto; margin-left:10px}
body.type4 .left div img {margin:0 0 0 -10px}
body.type4 .left .first.color div.open img {float:left}
body.type4 .left .first.color div.open {padding:0; text-align:left; position:relative; display:block; visibility:visible}
body.type4 .left .first.color div h6 {padding:0 0 0 12px; cursor:pointer; line-height:13px; position:relative; overflow:hidden}
body.type4 .left .first.color div.open h6 {padding-bottom:1px;cursor:auto;}
body.type4 .left .first.color div h6 span {word-spacing:-1px; font-size:9px; line-height:8px; padding:0 4px 0 0;font-weight:normal;}
body.type4 .left .first.color div h6 strong {position:absolute; top:-1px; left:2px; padding:0 0 0 1px; width:10px; color:#555; height:100px; font-size:9px; color:#E35200; font-weight:normal;z-index:1;}
body.type4 .left .first.color div h6 strong {text-indent:-12px;}
body.type4 .left .first.color div.open p {margin-left:185px; padding:4px 0 3px 0; font-size:10px}

/* main
----------------------------------------------------------------------------------------*/

.content {padding-bottom:120px}


/*	first lvl	*/
.menu li {float:left; width:19%; position:relative; z-index:10}
.menu li a,
.menu li a:visited {display:block; text-decoration:none; color:#FFF; font:normal 24px "Times New Roman", Times, serif; background:#555; line-height:1em; padding:0 0 4px 10px; letter-spacing:1px}
.menu li.last {width:43%}
.menu li.last a {padding-left:14px}
.menu li.orange a,
.menu li.orange a:visited {background:#E35200}


/*	second lvl	*/
.menu li ul {padding:10px 0 0 0}
.menu li ul li {float:none; padding:3px 0 3px 10px; margin-right:6px; width:auto; position:relative}
.menu li ul li em {position:absolute; left:0; top:5px; font-style:normal}
.menu li ul li a,
.menu li ul li a:visited,
.menu li ul li div {color:#555; font:normal 12px "Lucida Grande","Lucida Sans Unicode",Lucida, Verdana, Arial, Helvetica, sans-serif !important; line-height:1em; display:block; letter-spacing:normal}
.menu li.orange ul li,
.menu li.orange ul li a,
.menu li.orange ul li a:visited,
.menu li.orange ul li div {color:#E35200}
.menu li ul li a,
.menu li ul li a:visited {cursor:pointer; padding:0 !important; background:none !important}
.menu li.last ul {width:275px; color:#555; padding:0}
.menu li.last ul li {padding:0 0 0 7px; margin:0; background-position:0 0; background-repeat:repeat-y !important}
.menu li.last ul li span,
.menu li.last ul li.selected span,
.menu li.last ul li a,
.menu li.last ul li a:visited {line-height:22px !important; text-indent:7px}
.menu li.last ul li span {padding:4px 6px 4px 8px}
.menu li.folded ul {background:#FFF; height:12px; margin-right:-1px; line-height:1px; font-size:1px; padding:0}
.menu li.folded ul li {display:none}


/*	third lvl	*/
.menu li li ul {padding:3px 0 0 0}
.menu li li li {font-size:10px; padding:3px 0 3px 0; margin-left:12px}
.menu li li li.item_selected {margin-left:0}
.menu li li li.item_selected a {display:inline !important; padding-left:3px !important}
.menu li li li a,
.menu li li li a:visited,
.menu li li li div {font-size:10px !important}
.menu li.last ul ul {width:auto; color:#555; background:none; padding:0; margin:0}
.menu li.last ul li a {display:inline;padding:3px 5px 3px 7px !important;font-size:13px!important;}
.menu li.last ul li.selected {font-size:12px !important}
.menu li.last ul li.selected ul li {padding-left:0; margin:1px 0 1px 0; color:#555; font-size:9px;vertical-align:top;}
.menu li.last ul li.selected ul li.selected {margin-top:0; position:relative}
.menu li.last ul li.selected ul li a,
.menu li.last ul li.selected ul li a:visited {font-size:10px !important; background-repeat:repeat; display:inline; line-height:12px !important; padding:0 5px 0 0 !important}
.menu li.last ul li.selected ul li.selected a {background-image:none !important; color:#555 !important; position:relative; z-index:100}
.menu li.last ul li.selected ul li.selected em {position:absolute; font-style:normal; left:6px; top:2px; font-size:10px; z-index:200}

/* fourth lvl */
.menu li.last ul li.selected div.lvl3 {position:relative; margin:-14px 0 0 -7px; padding:14px 0 6px 24px}
.menu li.last ul li.selected div.lvl3 ul {width:30%; float:left}

/* fifth lvl */
.menu li.last ul li.selected div.lvl3 ul li.selected a {font-weight:bold !important}
.menu li.last ul li.selected div.lvl3 ul li.selected ul {width:auto; float:none; margin-left:10px; padding-bottom:4px}
.menu li.last ul li.selected div.lvl3 ul li.selected ul li a {font-size:9px !important}


/* menu switcher first_column */
.first_selected .change_type li em {visibility:visible}
.first_selected .change_type li.second em {visibility:hidden}
.first_selected .second ul li {display:none}
.first_selected .second ul {background:#FFF; padding:0; margin-right:-1px; height:10px}
.first_selected .first ul ul {width:180%; position:relative; padding:4px 0 0 0; margin-left:14px}
.first_selected .first ul ul li {float:right; width:46%; padding:0; margin:0}
.first_selected .first ul ul li:first-child,
.first_selected .first ul ul li.first-child {float:left},
.first_selected .first ul ul li,
.first_selected .first ul ul li a,
.first_selected .first ul ul li a:visited,
.first_selected .first ul ul li div {font-size:8px !important}
.first_selected .first ul ul li div {padding:4px 0 4px 0 !important; position:relative; display:block; color:#F26E21}
.first_selected .first ul ul li div em {position:absolute; top:3px; left:-10px; font-weight:bold; font-style:normal}
.first_selected .menu li.second a {background-image:url(../img/down_arrow.gif); background-position:96% center; background-repeat:no-repeat}

/* menu switcher third_column */
.third_selected .change_type li.last em {display:none}
.third_selected .change_type li.last { display:none}
.third_selected .menu .last ul {background:#FFF; padding:0 40px 0 0; margin-right:-1px; height:10px}
.third_selected .menu .last ul li {display:none}
.third_selected .change_type li.second {width:21%}
.third_selected .change_type li.second em {visibility:visible; width:100%; padding-right:254px}
.third_selected .change_type li.second a {position:relative; z-index:100}
.third_selected .menu li.third div.clients_all {position:relative; width:222%; padding:20px 0}
.third_selected .menu li.third div ul {float:left; width:33%}
.third_selected .menu li.third div ul li {padding:2px 0 2px 10px}
.third_selected .menu li.third div ul li a,
.third_selected .menu li.third div ul li a:visited,
.third_selected .menu li.third div ul li div {font-size:10px !important}



/*	color	*/

.menu li.last ul li.green,
.menu li.last ul li.green.selected a,
.menu li.last ul li.green ul li a,
.menu li.last ul li.green ul li a:visited,
.green .lvl1,
body * .lvl1.green {background-image:url(../img/green.png) !important; color:#FFF !important}
.green .lvl2,
body * .lvl2.green {background-color:#3EC534 !important; color:#FFF !important}
.green .lvl3,
body * .lvl3.green,
.green h6 span,
.green h6 strong,
a.green,
.menu li.last ul li.green.selected div.lvl3 {background-color:#7FD974 !important; color:#555 !important}
.green .lvl4,
body * .lvl4.green {background-color:#BEEDB6 !important; color:#555 !important}
.green .view span img {border-color:#00B000}

.menu li.last ul li.blue,
.menu li.last ul li.blue.selected a,
.menu li.last ul li.blue ul li a,
.menu li.last ul li.blue ul li a:visited,
.blue .lvl1,
body * .lvl1.blue {background-image:url(../img/blue.png) !important; color:#FFF !important}
.blue .lvl2,
body * .lvl2.blue {background-color:#6BA6FF !important; color:#FFF !important}
.blue .lvl3,
body * .lvl3.blue,
.blue h6 span,
.blue h6 strong,
a.blue,
.menu li.last ul li.blue.selected div.lvl3 {background-color:#99C3FF !important; color:#555 !important}
.blue .lvl4,
body * .lvl4.blue {background-color:#CAE1FF !important; color:#555 !important}
.blue .view span img {border-color:#3E89FF}

.menu li.last ul li.violet,
.menu li.last ul li.violet.selected a,
.menu li.last ul li.violet ul li a,
.menu li.last ul li.violet ul li a:visited,
.violet .lvl1,
body * .lvl1.violet {background-image:url(../img/violet.png) !important; color:#FFF !important}
.violet .lvl2,
body * .lvl2.violet {background-color:#FF00D7 !important; color:#FFF !important}
.violet .lvl3,
body * .lvl3.violet,
.violet h6 span,
.violet h6 strong,
a.violet,
.menu li.last ul li.violet.selected div.lvl3 {background-color:#FF57E3 !important; color:#555 !important}
.violet .lvl4,
body * .lvl4.violet {background-color:#FFA9F2 !important; color:#555 !important}
.violet .view span img {border-color:#FF00C6}

.menu li.last ul li.red,
.menu li.last ul li.red.selected a,
.menu li.last ul li.red ul li a,
.menu li.last ul li.red ul li a:visited,
.red .lvl1,
body * .lvl1.red {background-image:url(../img/red.png) !important; color:#FFF !important}
.red .lvl2,
body * .lvl2.red {background-color:#FF0027 !important; color:#FFF !important}
.red .lvl3,
body * .lvl3.red,
.red h6 span,
.red h6 strong,
a.red,
.menu li.last ul li.red.selected div.lvl3 {background-color:#FF606A !important; color:#555 !important}
.red .lvl4,
body * .lvl4.red {background-color:#FFAEB2 !important; color:#555 !important}
.red .view span img {border-color:#FF0000}

.menu li.last ul li.orange,
.menu li.last ul li.orange.selected a,
.menu li.last ul li.orange ul li a,
.menu li.last ul li.orange ul li a:visited,
.orange .lvl1,
body * .lvl1.orange {background-image:url(../img/orange.png) !important; color:#FFF !important}
.orange .lvl2,
body * .lvl2.orange {background-color:#F8B200 !important; color:#FFF !important}
.orange .lvl3,
body * .lvl3.orange,
.orange h6 span,
.orange h6 strong,
a.orange,
.menu li.last ul li.orange.selected div.lvl3 {background-color:#F9CD60 !important; color:#555 !important}
.orange .lvl4,
body * .lvl4.orange {background-color:#FDE5AA !important; color:#555 !important}
.orange .view span img {border-color:#F69800}

.menu li.last ul li.crimson,
.menu li.last ul li.crimson.selected a,
.menu li.last ul li.crimson ul li a,
.menu li.last ul li.crimson ul li a:visited,
.crimson .lvl1,
.lvl1.crimson {background-image:url(../img/crimson.png) !important; color:#FFF !important}
.crimson .lvl2,
.lvl2.crimson {background-color:#FF0483 !important; color:#FFF !important}
.crimson .lvl3,
.lvl3.crimson,
.crimson h6 span,
.crimson h6 strong,
a.crimson,
.menu li.last ul li.crimson.selected div.lvl3 {background-color:#FF61AE !important; color:#555 !important}
.crimson .lvl4,
.lvl4.crimson {background-color:#FFAFD6 !important; color:#555 !important}
.crimson .view span img {border-color:#FF005C}

.lvl5 {background:#FFF !important; color:#555 !important}




/* Menu change_layout_type line */
.change_type {font-size:9px}
.change_type li {float:left; width:19%; padding:0 0 6px 0; position:relative}
.change_type li:first-child,
.change_type li.first-child {width:38%}
.change_type li a,
.change_type li a:visited {margin-left:8px; cursor:pointer; z-index:2; color:#E35200; padding-right:10px; text-decoration:none}
.change_type li.second a {color:#E35200}
.change_type li.last {width:275px; background:#CED1D4}
.change_type li.last a,
.change_type li.last a:visited {color:#555; display:block; position:relative}
.change_type li em {position:absolute; bottom:0; height:4000px; width:100%; left:0; z-index:1; background:#FFD3BE; visibility:hidden}
.change_type li.last em {background:#CED1D4; visibility:visible; left:-1px; padding-right:1px}


/*	Lists in content box	*/
.text ul,
.text ol {font-size:1.35em; margin-left:4em}
.text ul li,
.text ol li {margin:0.6em 0}
.text ul li ul,
.text ol li ul {font-size:0.9em; padding-bottom:0.1em}
.text ul li:before {content:'\2014\a0'; margin-left:-1.4em}


/* foo
----------------------------------------------------------------------------------------*/

.foo {height:60px; position:relative; min-width:950px; max-width:1300px; margin:-60px auto 0 auto}
.foo ul li {float:left; font-size:10px; padding-left:6px}
.foo .copy {width:19%; float:left}
.foo .creator {width:37%}
.foo .address {width:auto}
.foo .address strong {color:#E35200; /*color:#FF7100;*/ display:block; font:normal 28px "Times New Roman", Times, serif; margin:-0.2em 0 0 0}
.foo .mail {float:right; line-height:1.6em}


/* ---------------------------------- Progress Bar ---------------------------------------- */
iframe.waitwindowlocal {position:absolute; border:0px; z-index:9999;}
div.waitwindowlocal {position: relative; top: 44%; width:240px; height: 106px; z-index:10000; text-align: center; vertical-align: middle; padding-top: 40px;  background-image: url(/img/background_progress_bar.gif); background-position:center; background-repeat:no-repeat; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); color: #FFF; font-size: 12px;}
div.waitwindowlocalshadow {position:absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index:9998;  }
div.waitwindowlocalshadow {/*opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/}