/* general styles */

form {
  margin:0;
  padding:0;
}

a img {
  border:none;
}

a.decoratedLink {
  border-bottom:1px dotted #000000;
}

a.decoratedLink:link {
  text-decoration:none;
  color:#000000;
}

a.decoratedLink:visited {
  text-decoration:none;
  color:#000000;
}

a.decoratedLink:hover, a.decoratedLink:active {
  text-decoration:none;
  border-bottom-color:#ffffff;
  color:#f07800;
}

.clear {
  clear:both;
  width:100%;
  height:0;
}


.content a {
  border-bottom:1px dotted #000000;
}

.content a:link {
  text-decoration:none;
  color:#000000;
}

.content a:visited {
  text-decoration:none;
  color:#000000;
}

.content a:hover, .content a:active {
  text-decoration:none;
  border-bottom-color:#ffffff;
  color:#f07800;
}

.content a.noBorder, .content h2 a, .content h3 a {
  border-bottom:none;
}

.content ul {
  margin-top:0;
  margin-bottom:1em;
  padding-top:0;
  padding-bottom:0;
  list-style-image:url(/images/check.png);
}

h1 {
  margin:0 0 0.3em;
  padding:0;
  font-size:1.6em;
  font-weight:normal;
  clear:both;
}

h2 {
  margin:0 0 0.2em;
  padding:0;
  font-size:1.1em;
  font-weight:bold;
}

h3, h4 {
  margin:0;
  padding:0;
  font-size:1em;
  font-weight:bold;
}

p {
  font-size:1em;
  line-height:1.35em;
  margin:0 0 1em 0;
  padding:0;
}

.bold {
  font-weight:bold;
}


.pageNav {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
}

.pageNav div {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
}

.pageNav .pageNo {
  text-align:center;
}

.pageNav .next {
  text-align:right;
}

/* form elements */

input.textBox, textarea.textBox {
  font-size:1.1em;
  padding:0.2em 0.4em;
  border:1px solid #cccccc;
  background:#ffffff url(/images/input_bg.png) no-repeat top left;
}

input.button {
  font-size:1em;
  color:#000000;
  padding:0.2em;
  background-color:#cccccc;
  border:1px solid #999999;
}

.textBox.error {
  background-color:#ffcccc;
  background-image:none;
  border:1px solid #ff0000;
}

.formSpecial {
  display:none;
}


/* primary layout containers */

#outer {
  position:relative;
  background:#b8b8b8 url(/images/background_main.png) repeat-x;
}

#outerPattern {
	background:url(/images/decoration_main.png) no-repeat 50% 0;
}

#main {
  min-height:36em;
  padding:1.5em 0 1.5em;
}

#main > .content {
  position:relative;
  z-index:2;
}

#clearHeader {
  height:115px;
	background:url(/images/decoration_header.png) no-repeat 50% 100%;
}
#clearMenu {
  position:relative;
  z-index:1;
  height:3em;
  background:#f07800;
}

#wrapper, #outer, #clearHeader, #clearMenu, #header {
  min-width:968px;
}

.centered {
  position:relative;
  margin:0 auto;
  min-width:938px;
  max-width:70em;
}

#subPageMain {
  float:right;
  min-height:36em;
  width:70%;
  padding:2.5em 4%;
  background:#ffffff;
}

/* logo */
#logo {
  display:block;
  position:absolute;
  top:22px;
  left:0;
  z-index:100;
}

/* header */
#header {
  width:100%;
  height:136px;
  position:absolute;
  top:-141px;
  left:0;
  z-index:10;
  overflow:hidden;
}

#header .centered {
  position:relative;
  height:100%;
}


/* top menu */
.buttonMenu {
  position:absolute;
  top:-3em;
  height:2em;
  left:0;
  margin:0;
  padding:0.5em 0;
  z-index:3;
  list-style-type:none;
}

.buttonMenu li {
  float:left;
  position:relative;
  text-align:center;
  margin:0 0.7em 0 0;
}

.buttonMenu li .item {
  position:relative;
  display:block;
  line-height:2em;
  color:#ffffff;
  text-decoration:none;
  white-space:nowrap;
  z-index:10;
  background:#000000 url(/images/menu_corner_br.png) no-repeat bottom right;
}

.buttonMenu li a.item:hover {
  background:#383838 url(/images/menu_hover_br.png) no-repeat bottom right;
}

.buttonMenu li .text {
  position:relative;
  display:block;
  padding:0 1em;
  min-width:80px;
  font-weight:bold;
  background:url(/images/menu_corner_bl.png) no-repeat bottom left;
  z-index:20;
}

.buttonMenu li.selected .text {
  background-image:url(/images/menu_corner_bl.png);
}

.buttonMenu a {
  cursor:pointer;
}

.buttonMenu li a.item:hover .text {
  background:url(/images/menu_hover_bl.png) no-repeat bottom left;
}

.buttonMenu li a:link, .buttonMenu li a:visited,
.buttonMenu li a:hover, .buttonMenu li a:active {
  color:#ffffff;
  text-decoration:none;
}

.buttonMenu li .decoration {
  display:block;
  height:50%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  background-color:#383838;
  border-bottom:1px solid #292929;
  z-index:5;
}

.buttonMenu li.selected .decoration, .buttonMenu a:hover .decoration {
  display:none;
}


.buttonMenu li .topRight, .buttonMenu li .topLeft {
  position:absolute;
  display:block;
  width:6px;
  height:6px;
  top:0;
  z-index:6;
}

.buttonMenu li .topRight, .buttonMenu li.selected a:hover .topRight {
  right:0;
  background:url(/images/menu_corner_tr.png) no-repeat top right;
}
.buttonMenu li .topLeft, .buttonMenu li.selected a:hover .topLeft {
  left:0;
  background:url(/images/menu_corner_tl.png) no-repeat top right;
}

.buttonMenu li.selected span.item {
  cursor:default;
}

.buttonMenu li.selected .topRight {
  background-image:url(/images/menu_selected_tr.png);
}
.buttonMenu li.selected .topLeft {
  background-image:url(/images/menu_selected_tl.png);
}

.buttonMenu li:hover {
  color:#383838;
}

/* left column */

.leftColumn {
  float:left;
  width:20%;
}

#leftMenu {
  margin-bottom:2em;
}

.verticalMenu {
  margin:0;
  padding:0;
  list-style-type:none;
}

.verticalMenu li {
  margin-bottom:1px;
}

.verticalMenu .text  {
  display:block;
  padding:0.7em;
  padding-left:1.4em;
  background:#919191 url(/images/left_menu_bg.png) repeat-y top left;
  color:#ffffff;
  text-decoration:none;
}

.verticalMenu li.selected .text {
  background:#919191 url(/images/left_menu_selected.png) repeat-y top left;
}

.verticalMenu li a:hover {
  background:#919191 url(/images/left_menu_hover.png) repeat-y top left;
}

.verticalMenu li a:link, .verticalMenu li a:visited, .verticalMenu li a:hover, .verticalMenu li a:active {
  color:#ffffff;
}


#menuHeading {
  position:relative;
  margin-bottom:1px;
  font-weight:bold;
  color:#ffffff;
  background:#383838 url(/images/menu_heading_bg.png) repeat-x top left;
}

#menuHeading span, #menuHeading a {
  display:block;
  padding:0.5em 0.7em 0.5em 1.4em;
}

#menuHeading .text {
  display:inline;
  padding:0;
  font-size:1.1em;
}

#menuHeading a:link, #menuHeading a:visited,
#menuHeading a:hover, #menuHeading a:active {
  color:#ffffff;
  text-decoration:none;
}


/* content */

#content {
  position:relative;
  float:right;
  width:77%;
}

#wideColumn {
  clear:both;
  margin-bottom:2em;
}

#centerColumn {
  position:relative;
  float:left;
  width:58%;
}


.rightColumn {
  float:right;
  width:36%;
}

.leftColumn .infoBlock {
  margin-top:1.5em;
  padding:1em 8% 1px;
  background:#ffffff;
}


/* block page */

.startPageWrapper .leftColumn {
  position:relative;
  width:60%;
  padding:2.5em 4%;
  background:#ffffff;
}

.startPageWrapper .rightColumn {
  width:30%;
}

.startPageWrapper .leftColumn h1 {
  font-size:2.1em;
}

.startPageWrapper .leftColumn .mainText {
  font-size:1.2em;
}

.startPageWrapper .rightColumn .infoBlock {
  padding:1em 4% 1em;
  margin-bottom:2em;
  background:#ffffff;
}

.blockList {
  width:108%;
  margin-top:2em;
}

.blockList .block {
  position:relative;
  float:left;
  width:24%;
  height:7.5em;
  padding:100px 2% 1em;
  margin:0 4% 2em 0;
  color:#ffffff;
  background:#000000;
}

.content .blockList a {
  border:none;
}

.content .blockList a:link, .content .blockList a:visited,
.content .blockList a:hover, .content .blockList a:active {
  border:none;
}

.blockList .block .imageLink {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:170px;
  height:100px;
}

.blockList .block .content {
  padding-top:0.5em;
}

.blockList .block a:link, .blockList .block a:visited,
.blockList .block a:hover, .blockList .block a:active {
  color:#ffffff;
  text-decoration:none;
}


/* references */

#referenceList {
  float:left;
  margin:2em -28px 0 0;
}

#referenceList .reference {
  float:left;
  margin:0 28px 28px 0;
}

.referenceLink {
  float:right;
  display:block;
  width:200px;
  height:164px;
}

.referenceLink img {
  display:block;
}


/* page */

.rightColumn .infoBlock {
  margin-top:1.5em;
  
}


/* simple contact form */

.contactMe {
  width:84%;
  padding:1.5em 8%;
  color:#ffffff;
  background:url(/images/contact_bg_blue.png);
}

.webTheme .contactMe {
  background:url(/images/contact_bg_blue.png);
}
.etailTheme .contactMe {
  background:url(/images/contact_bg_blue.png);
}
.supportTheme .contactMe {
  background:url(/images/contact_bg_blue.png);
}

.contactMe input {
  display:block;
  margin:0.1em 0 0.5em;
}

.contactMe .textBox {
  width:92%;
}

.contactMe .button {
  float:right;
  margin:0;
}


.contactBlock {
  position:relative;
}

.contactInfo {
  position: absolute;
  right: 5px;
  bottom: 5px;
  text-align:right;
}


/* extended contact form */

table.contactForm {
  width:100%;
  margin:0;
  padding:0;
  border-spacing:0;
  border:none;
}

table.contactForm td {
  padding:0.2em 0.3em 0.2em 0;
}

table.contactForm .textBox {
  width:94%;
}

table.contactForm textarea.textBox {
  width:98%;
  padding-left:1%;
  padding-right:1%;
  margin-left:-2px;
}

/* header */

#header {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:115px;
}

#infoMenu {
  position:absolute;
  bottom:0px;
  right:0;
  margin:0;
  padding:0;
  list-style-type:none;
  z-index:25;
}

#infoMenu li {
  float:left;
  background:#555555;
  margin-left:0.5em;
  text-align:center;
}

#infoMenu .item {
  display:block;
  color:#ffffff;
  font-size:0.95em;
  background: url(/images/infomenu_buttonbg.png);
}

#infoMenu .text {
  display:block;
  padding:0.3em 0.5em;
  min-width:80px;
  background: url(/images/info_menu_shadow.png) repeat-x bottom left;
}

#infoMenu li.selected .item {
  background:#606060 none;
}

#infoMenu li.selected span.item {
  cursor:default;
}

#infoMenu a {
  cursor:pointer;
}

#infoMenu a:link, #infoMenu a:visited,
#infoMenu a:hover, #infoMenu a:active {
  color:#ffffff;
  text-decoration:none;
}

#infoMenu a:hover {
  background: url(/images/infomenu_buttonbg_selected.png);
}

#infoMenu .selected {	
  background: url(/images/infomenu_buttonbg_selected.png);
  color:#000000;
}


/* top block */

#topBlock {
  position:absolute;
  top:0;
  margin:0 11px 0 0;
  padding:0 0.5em;
  right:0;
  background:url(/images/transcluscent_bg.png);
  color:#ffffff;
  z-index:20;
}

#topBlock .links {
  padding-top:0.5em;
}

#topBlock .links a {
  display:block;
  float:left;
  padding:0 0.5em;
  border-left:1px solid #ffffff;
  color:#ffffff;
  text-decoration:none;
  font-size:0.8em;
}

#topBlock .links a:hover {
  text-decoration:underline;
}

#topBlock .links a.first {
  border:none;
  padding-left:0;
}

#topBlock .links a.last {
  padding-right:0;
}

#topBlock .left, #topBlock .right, #topBlock .bottom {
  position:absolute;
  background:url(/images/transcluscent_bg.png);
}

#topBlock .left {
  top:0;
  left:-6px;
  width:6px;
  height:100%;
}

#topBlock .right {
  top:0;
  right:-6px;
  width:6px;
  height:100%;
}

#topBlock .bottom {
  bottom:-6px;
  left:0;
  width:100%;
  height:6px;
}

#topBlock .corner {
  position:absolute;
  width:6px;
  height:6px;
  bottom:-6px;
}

#topBlock .corner.bottom_left {
  background:url(/images/corner_transcluscent_bottom_left.png) no-repeat top left;
  left:-6px;
}

#topBlock .corner.bottom_right {
  background:url(/images/corner_transcluscent_bottom_right.png) no-repeat top left;
  right:-6px;
}

#topBlock .imagePhone {	
  margin-right:0.3em;
  vertical-align:baseline;	
  font-weight:bold;
}

#topBlock .bold {
	clear:both;
	font-weight:bold;
	margin-top:0.5em;
	font-size:1.1em;
}



/* news */

.inlineNews {
  background-color:#ffffff;
  padding-bottom:0.7em;
  margin-bottom:1.5em;
}

.inlineNews h2 {
  padding:0.3em 4% 0.1em;
  margin:0;
  font-weight:normal;
  font-size:1.4em;
  color:#ffffff;
  background:#f07800;
}

.inlineNews .item {
  padding:0.1em 4% 0.7em 4%;
}

.inlineNews .first {
  padding-top:0.8em;
  padding-bottom:1.6em;
}

.inlineNews h3 {
  min-height:2.6em;
  margin:0.3em 0 0.4em;
  font-weight:normal;
}

.inlineNews .first h3 {
  font-weight:bold;
}

.inlineNews .date {
  float:left;
  padding:0.1em 0.4em;
  background:#dfdfdf;
  text-align:center;
  margin:0 1em 0.5em 0;
  font-size:0.95em;
  font-weight:bold;
}

.inlineNews .date div {
  width:2.2em;
  border-top:1px solid #000000;
  font-size:1.2em;
}

.inlineNews .item p {
  clear:both;
  margin:0.5em 0 0;
  padding-top:0.3em;
  border-top:1px solid #000000;
}

.inlineNews .moreNews {
  float:right;
  margin:0;
}

.content a.arrowLink {
  border-bottom:none;
  font-weight:bold;
  margin-right:4%;
  padding-right:14px;
  background:url(/images/link_arrow.png) no-repeat right;
}

.content .leftColumn a.arrowLink {
  margin-right:0;
}


.newsBlock {
  margin-top:1.2em;
}

.newsBlock .date {
  font-weight:bold;
  padding-bottom:0.2em;
  border-bottom:1px solid #ff6701;
  margin-bottom:0.2em;
}

.moreNews {
  text-align:right;
  margin:0 0 1em;
  padding:0;
}

.content .newsList {
  clear:both;
  margin:0;
  padding:1em 0 0 0;
  position:relative;
  list-style-type:none;
  list-style-image:none;
}

.newsListItem {
  margin:0;
  padding:0 0 2em;
}

.newsDate {
  font-size:0.95em;
}


/* search */

.searchResults {
  padding-bottom:1.5em;
}

.searchResult {
  margin-bottom:2em;
}


/* sitemap */

#sitemap {
  list-style-type:none;
  list-style-image:none;
  margin:2em 0;
  padding:0;
}

#sitemap ul {
  margin:0.4em 0 0.4em 1.5em;
  padding:0;
  list-style-type:none;
  list-style-image:none;
}

#sitemap li {
  margin:0 0 0.4em;
  padding:0;
  font-weight:bold;
}

#sitemap li li {
  font-weight:normal;
}


/* footer */

#clearFooter {
  width:100%;
  clear:both;
}

#footer {
  position:relative;
  min-height:50px;
  padding:1.5em 0;
  color:#7b7b7b;
}

#footer a {
  color:#7b7b7b;
  border-bottom:1px solid #7b7b7b;
}

#footer a:link {
  text-decoration:none;
  color:#7b7b7b;
}

#footer a:visited {
  text-decoration:none;
  color:#7b7b7b;
}

#footer a:hover, #content a:active {
  text-decoration:none;
  border-bottom-color:#ffffff;
  color:#ffffff;
}

#footer a.noBorder {
  border-bottom:none;
}

#footer .leftColumn {
  padding:0 4%;
  position:relative;
  width:60%;
}

#footer .rightColumn {
  width:27%;
  padding-right:2%;
}


/* misc */

.slideshow {
  position:relative;
  width:938px;
  height:168px;
  margin:0 auto 2em;
}

.slideshow .slide {
  position:absolute;
  top:0;
  left:0;
}

#errorColumn {
  position:relative;
  min-height:36em;
  padding:2em 3%;
  background:#ffffff;
  z-index:10;
}

#map {
  position:relative;
  width:100%;
  height:400px;
  background:#E5E3DF;
}