/* global styles css - http://www.steve-zatchij.co.uk/
----------------------------------------------- */

* {margin: 0;padding: 0;}
abbr {border-bottom: 1px dotted;cursor: help}
ul li {list-style-type: none}

p.design {float: right; color: #999999; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e1e7ef;}

p.note {font-size: 85%; font-family: Georgia, Arial, Helvetica, sans-serif; background-color: #e1e7ef;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.zat-img {padding: 5px; border: 1px solid #908C85; float: left; margin: 0 5px 0 0;}
.zat-img1 {padding: 2px; float: left; margin: 0 5px 0 0;}
.zat-img2 {padding: 5px; border: 1px solid #908C85; float: right; margin: 0 0 0 5px;}
.zat-img3 {padding: 5px; border: 1px solid #908C85; position: relative; float: left; margin: 0 5px 0 5px;}
.zat-img4 {padding: 5px; border: 1px solid #908C85; float: left; margin: 0 5px 0 0;}

div.left {float: left;}
div.right {float: right;}

a:hover {color: #ff0000;}
a.plain {color: #4f5d6f; text-decoration:none; border-bottom: 1px dotted;}

/*LAYOUT*/
body {
  color: #343639;
  background: #d2dae5 url(../images/layout/top2.gif;) 0 0 repeat-x;
  font-size: 100%;
  font-family: Georgia, Arial, sans-serif;
  line-height: 1.4;
  text-align: center;
}

div#main {
  width: 680px;
  text-align: left;
  background: #fff url(../images/layout/back.gif) 0 0 repeat-y;
  color: #343639;
  font-size: 0.8em;
  margin: 0 auto;
  position: relative;
}

div#header {height: 0; width: 100%; background: #fff url(../images/layout/top5.gif) 0 100% repeat-x;}

/*image replacement*/
div#header div {
  width: 292px;
  height: 95px;
  position: relative;
  top: 66px;
  left: 388px;
  overflow: hidden;
}

div#header div span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 292px;
  height: 95px;
  background: transparent url(../images/logo/szlogo-lg2-rev.jpg) 0 0 no-repeat;
}

div#body {padding-top: 166px; width: 680px; background: transparent url(../images/banner/header1.jpg) 0 0 no-repeat;}

div#body2 {
  padding-top: 166px;
  width: 680px;
  background: transparent url(../images/banner/header2.jpg) 0 0 no-repeat; 
}

div#body3 {
  padding-top: 166px;
  width: 680px;
  background: transparent url(../images/banner/header3.jpg) 0 0 no-repeat; 
}

div#body4 {
  padding-top: 166px;
  width: 680px;
  background: transparent url(../images/banner/header4.jpg) 0 0 no-repeat; 
}

div#body5 {
  padding-top: 166px;
  width: 680px;
  background: transparent url(../images/banner/header5.jpg) 0 0 no-repeat; 
}

div#body6 {
  padding-top: 166px;
  width: 680px;
  background: transparent url(../images/banner/header6.jpg) 0 0 no-repeat; 
}

div#body7 {
  padding-top: 166px;
  width: 680px;
  background: transparent url(../images/banner/header7.jpg) 0 0 no-repeat; 
}

div#body8 {
  padding-top: 166px;
  width: 680px;
  background: transparent url(../images/banner/header8.jpg) 0 0 no-repeat; 
}

div#body9 {
  padding-top: 166px;
  width: 680px;
  background: transparent url(../images/banner/header9.jpg) 0 0 no-repeat; 
}

div#body10 {
  padding-top: 166px;
  width: 680px;
  background: transparent url(../images/banner/header10.jpg) 0 0 no-repeat; 
}

div#text {
  float: right;
  width: 499px;
  line-height: 1.5;
}

div#text p {text-align: justify;}

div#menu {
  width: 180px;
  margin-right: 500px;
  overflow: hidden;
}

div#old-footer {
  clear: both;
  margin-left: 181px;
  background: #fff;
  color: #4f5d6f;
  text-align: left;
  padding: 18px 26px 18px 31px;
  font-size: 0.85em;
  border-top: 1px solid #c0c7d0;
  position: relative;
}

div#footer {
  clear: both;
  margin-left: 181px;
  background: #fff;
  color: #4f5d6f;
  text-align: left;
  padding: 3px 11px 0 11px;
  font-size: 0.85em;
  border-top: 1px solid #c0c7d0;
  position: relative;
}

div#footer img.absleft {
  position: absolute;
  top: 12px;
  left: 11px;
  display: block;
}

div#quicklinks {margin-bottom: 1.3em;}
div#quicklinks a {margin: 0 5px;}

div#footer a, div#footer a:link, div#footer a:visited {color: #4f5d6f;}
div#footer a:hover {color: #000;}
div#footer p {margin-right: 5px; line-height: 1.6;}

h1, h2 {
  background: #e1e7ef;
  color: #2b323b;
  font-size: 1.4em;
  font-weight: bold;
  padding: 5px 11px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c0c7d0;
}

h3 {
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 11px;
}

div#text p, div#text fieldset, div#text ul {margin: 0 31px 1.5em 11px;}

div#text ul li {
  padding-left: 44px;
  background: transparent url(../images/layout/dot8.gif) 22px 5px no-repeat;
}

div#contact {
  float: right;
  width: 499px;
  line-height: 1.5;
}

div#contact p, div#contact fieldset, div#contact ul {
  margin: 0 31px 1.5em 11px;
}

div#contact ul li {
  padding-left: 44px;
}

div#contact ul {
  font-style: italic;
}

div#contact li {
  font-style: normal;
}

/*highlight***********************/
div#hl {
  padding: 0.5em 0;
  margin: 0 0 1.5em 11px;
  text-align: right;
}

div#hl h3 {
  margin: 0;
  font-size: 0.9em;
}

div#hl div {
  width: 140px;
  margin-right: 20px;
}

div#text div#hl p {
  margin: 0 0 6px 0;
  font-size: 0.85em;
  color: #656565;
  line-height: 1.6;
}

div#hl h3 a {
  display: block;
  padding-top: 60px;
}

div#services1 h3 {background: transparent url(../images/layout/nic-domestic140.gif) 0 0 no-repeat;}
div#services2 h3 {background: transparent url(../images/layout/fire-extinguisher.jpg) 0 0 no-repeat;}
div#services3 h3 {background: transparent url(../images/layout/it-network.jpg) 0 0 no-repeat;}

div#services1 p, div#services2 p, div#services3 p {text-align: left;}

div#services1 h3 a, div#services1 h3 a:link, div#services1 h3 a:visited {
  color: #4a6990;
  text-decoration: none;
}

div#services2 h3 a, div#services2 h3 a:link, div#services2 h3 a:visited {
  color: #ff0000;
  text-decoration: none;
}

div#services3 h3 a, div#services3 h3 a:link, div#services3 h3 a:visited {
  color: #dfaf15;
  text-decoration: none;
}

div#hl h3 a:hover {
  text-decoration: underline;
}

div#hl div.continue2 a, div#hl div.continue2 a:link, div#hl div.continue2 a:visited {
  margin: 0;
  font-size: 0.85em;
  padding: 5px 7px 6px 24px;
  color: #fff;
  text-decoration: underline;
}

div#hl div.continue2 a:hover {
  text-decoration: none;
}

div#services1 div.continue2 a {background: #4a6990 url(../images/layout/dot2.gif) 7px 7px no-repeat;}
div#services2 div.continue2 a {background: #c6322c url(../images/layout/dot3.gif) 7px 7px no-repeat;}
div#services3 div.continue2 a {background: #dfaf15 url(../images/layout/dot4.gif) 7px 7px no-repeat;}

div.niceic {
  width: 64px;
  float: left;
  margin: 3px 11px 0 11px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.0;
  padding: 8px 0 12px 0;
  background: #000000;
  border: 1px solid #656565;
}

div.niceic span {
  display: block;
  margin: 0 auto;
  font-size: 3em;
}

div.news {
  margin-bottom: 1.3em;
  height: 100%;
}

div.news h3 {
  margin-bottom: 2px;
}

div.news div.txt {
  width: 388px;
  margin-left: 78px;
}

div.continue {
  float: right;
}

div.news div.continue a, div.news div.continue a:link, div.news div.continue a:visited {
  text-decoration: underline;
  color: #c6322c;
}

div.news div.continue a:hover {
  color: #000;
}

div#text div.news p {
  margin-bottom: 2px;
}

div#text div.news div.news2 p {
  margin-bottom: 1.5em;
}

div.news div.continue a, div.continue a {
  display: block;
  padding-left: 20px;
  background: transparent url(../images/layout/dot1.gif) 0 4px no-repeat;
}

/************************* MENU *******************/
ul#mainMenu {
  border-top: 1px solid #fff;
  margin-top: 50px;
  font-size: 0.9em;
}

ul#mainMenu li {
  border-bottom: 1px solid #fff;
}

ul#mainMenu li.last {
  border-bottom: 0 none;
}

ul#mainMenu a, ul#mainMenu a:link, ul#mainMenu a:visited {
  display: block;
  padding: 8px 10px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  background: #4a6990;
}

ul#mainMenu a.active:link, ul#mainMenu a.active:visited {
  color: #fff;
  background: #ff0000;
}

ul#mainMenu a:hover {
  color: #fff;
  background: #000;
}

/*menu 2. radu*/
ul#mainMenu ul {
  font-size: 0.95em;
  border-top: 1px solid #fff;
}

ul#mainMenu ul a, ul#mainMenu ul a:link, ul#mainMenu ul a:visited {
  display: block;
  padding: 4px 10px 4px 24px;
  text-transform: lowercase;
  color: #fff;
  text-decoration: none;
  background: #c6322c url(../images/layout/dot6.gif) 10px 8px no-repeat;
}

ul#mainMenu ul a.active:link, ul#mainMenu ul a.active:visited {
  color: #fff;
  background: #000 url(../images/layout/dot7.gif) 10px 8px no-repeat;;
}

ul#mainMenu ul a:hover {
  background: #000 url(../images/layout/dot7.gif) 10px 8px no-repeat;;
}

div#banner1, div#banner2 {
  width: 180px;
  height: 233px;
  border-bottom: 1px solid #fff;
}

div#banner3 {
  width: 180px;
  height: 122px;
  border-bottom: 1px solid #fff;
}

div#banner1 {background: transparent url(../images/layout/auto2.jpg) 0 0 no-repeat;}
div#banner2 {background: transparent url(../images/layout/call-filament.jpg) 0 0 no-repeat;}
div#banner3 {background: transparent url(../images/layout/niceic.jpg) 0 0 no-repeat;}

div#testimonials {
  background: #b3bedc;
  font-size: 0.85em;
  line-height: 1.6;
  padding: 6px 0 8px 0;
}

div#menu h3 {
  color: #2b323b;
  font-size: 1.1em;
}

div#menu p {
  margin: 0 11px;
}

ul#cert-list {
  font-size: 0.85em;
  line-height: 1.6;
  margin: 0 11px;
  padding: 11px 0;
}

ul#cert-list li {
  background: transparent url(../images/layout/dot5.gif) 0 5px no-repeat;
  padding-left: 18px;
  margin-bottom: 4px;
}

fieldset {
  margin: 0 31px 1.5em 11px;
  border: 0 none;  
}

table {
  border-collapse: collapse;
  vertical-align: middle;
  font-size: 1em;
  margin: 0 31px 1.5em 11px;
}

td {
  padding: 0 11px 1px 0;
}

input.sub {
  padding: 4px;
  background: #34b327;
  color: #fff;
}

p.error {
  font-weight: bold;
  color: red;
}

/* Form */
#mailing label {
  display: block;
}

#mailing input, textarea {
  width: 400px;
}

#mailing input.sub {
  width: auto;
}

#mailing textarea {
  height: 200px;
}

p.intro {
  color: #4a6990;
  font-style: italic;
}

img.left {
  float: left;
  margin: 0 11px 11px 11px;
}

img.right {
  float: right;
  margin: 5px 31px 11px 11px;
  border: 1px solid #b3bedc;
}

img.right2 {
  float: right;
  margin-right: 31px;
}