/* Reset default browser CSS.
-------------------------------------------------------------- */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}

/* =Main CSS.
-------------------------------------------------------------- */
html {
  min-width:1000px; height:100%;
  
  }
  body {
    height:100%;
    font: 14px Arial, Verdana;
	background-color:#e9e9e9;
	}
	a:hover {
	  text-decoration:none;
	  }
	#wrapper {
	  width:1000px; min-height:100%;
	  margin:0 auto;
	  }
	  #padding {
	    height:331px;
		}
		
/* =Header.
-------------------------------------------------------------- */
#header {
  width:1000px; height:80px;
  margin:0 auto;
  }
  #header-logotype {
    padding-top:15px;
	padding-left:5px;
	}
  #header-info {
    float:right;
	}
    #header-info ul li {
	  margin-left:45px;
	  padding-top:35px;
	  padding-left:25px;
	  float:left;
	  color:#026da5;
	  }
	  .header-phone {
	    background:url(../images/phone.png) left 35px no-repeat;
		}
	  .header-icq {
	    background:url(../images/icq.png) left 37px no-repeat;
		}
	  .header-email {
	    background:url(../images/email.png) left 40px no-repeat;
		}
		
/* =Top menu.
-------------------------------------------------------------- */
#top-menu {
  height:83px;
  margin:0 10px;
  margin-bottom:10px;
  background:url(../images/top-menu-bg.png) left top repeat-x;
  position:relative;
  }
  #top-menu ul {
    overflow:hidden;
    text-align:center;
	}
    #top-menu ul li {
      float:left;
	  margin-left:-2px;
	  background:url(../images/top-menu-line.jpg) left center no-repeat;
	  }
	  #top-menu ul li:first-child {
	    margin-left:20px;
		}
	  #top-menu ul li a {
	    height:83px;
		padding:0 20px;
		line-height:80px;
	    text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
		color:#fff;
		display:block;
		background:url(../images/top-menu-line.jpg) left center no-repeat;
		}
		#top-menu ul li a:hover {
		  background:url(../images/top-menu-bg-active.png) left top repeat-x;
		  -webkit-box-shadow:  0px 0px 5px 1px #000000;
          box-shadow:  0px 0px 5px 1px #000000;
		  position:relative;
		  z-index:1;
		  }
	#top-menu .private-office {
	  margin-left:50px;
	  background:url(../images/top-menu-line.png) left center no-repeat;
	  }
	  #top-menu .private-office a {
	    padding-left:50px;
	    text-transform:none !important;
		text-decoration:underline;
		background:url(../images/cabinet-img01.png) 25px center no-repeat;
		}
		#top-menu .private-office a:hover {
		  background:url(../images/cabinet-img01.png) 25px center no-repeat;
		  box-shadow:none;
		  text-decoration:none;
		  }
  #top-menu .contact a {
    background:url(../images/top-menu-line.jpg) right center no-repeat;
    }
#top-menu-left  {
  width:10px;height:83px;
  position:absolute;
  background:url(../images/top-menu-left.png) left top no-repeat;
  left:-10px;
  }
#top-menu-right  {
  width:10px;height:83px;
  position:absolute;
  background:url(../images/top-menu-right.png) right top no-repeat;
  right:-10px;top:0;
  }
  
/* =Content.
-------------------------------------------------------------- */
#content {
  margin-bottom:50px;
  overflow:hidden;
  }
  
/* =Content slider.
-------------------------------------------------------------- */
#content-slider {
  height:245px;
  margin-bottom:20px;
  padding:10px;
  background-color:#fff;
  border:#c4c4c4 1px solid;
  border-radius:8px;
  overflow:hidden;
  }
  #content-slider ul .slider-first {
    width:155px; height:245px;
	float:left;
	background:url(../images/slider-img01.png) center center no-repeat;
	}
  #content-slider ul .slider-second {
    width:410px; height:245px;
	margin-right:40px;
	float:left;
	}
	#content-slider ul .slider-second h2 {
	  margin-bottom:10px;
	  font-size:20px;
	  font-weight:bold;
	  color:#ec6a01;
	  }
	#content-slider ul .slider-second p {
	  margin-bottom:20px;
	  font-size:12px;
	  }
	#content-slider ul .slider-second  input[type="image"] {
	  float:right;
	  }
  #content-slider ul .slider-third {
    width:370px; height:245px;
	float:left;
	}	
	  
/* =Tariffs.
-------------------------------------------------------------- */
#tariffs {
  margin-bottom:50px;
  overflow:hidden;
  }
  #tariffs ul li  {
    float:left;
	margin-right:2px;
    }
	#tariffs ul li .traffics-top {
	  width:198px; height:69px;
	  background:url(../images/tariffs-top.jpg) top center no-repeat;
	  line-height:69px;
	  text-align:center;
	  font-weight:bold;
	  font-size:20px;
	  color:#5a5a5a;
	  }
	#tariffs ul li .start {
	  width:198px; height:69px;
	  background:url(../images/tariffs-top02.jpg) top center no-repeat;
	  }	  
	  #tariffs ul li.traffics-last {
	    margin-right:0;
		}
	#tariffs ul li .traffics-body {
	  width:178px;
	  padding:10px;
	  font-size:14px;
	  color:#026da5;
	  
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-8 */	  
	  }
	  #tariffs ul li .traffics-body p {
	    margin-bottom:10px;
		}
	#tariffs ul li .traffics-bottom {
	  width:198px; height:75px;
	  background:url(../images/tariffs-bottom.jpg) bottom center no-repeat;
	  line-height:69px;
	  text-align:center;
	  font-weight:bold;
	  font-size:20px;
	  color:#d35e00;
	  }
	  
/* =CMS.
-------------------------------------------------------------- */
#cms {
  margin-bottom:40px;
  clear:both;
  }
#cms p {
  color:#01598d;
  }
  #cms ul {
    margin-top:10px;
	}
  #cms ul li {
    width:97px; height:85px;
	margin-right:3px;
	float:left;
	}
	#cms ul li a {
	  display:block;
	  height:85px;
	  }
	.joomla {
	  background:url(../images/cms-button.jpg) left top no-repeat;
	  }
	.wp {
	  background:url(../images/cms-button.jpg) -100px top no-repeat;
	  }
	.drupal {
	  background:url(../images/cms-button.jpg) -200px top no-repeat;
	  }
	.phpbb {
	  background:url(../images/cms-button.jpg) -300px top no-repeat;
	  }
	.deltax {
	  background:url(../images/cms-button.jpg) -400px top no-repeat;
	  }
	.bitrix {
	  background:url(../images/cms-button.jpg) -500px top no-repeat;
	  }
	.typo {
	  background:url(../images/cms-button.jpg) -600px top no-repeat;
	  }
	.shop-script {
	  background:url(../images/cms-button.jpg) -700px top no-repeat;
	  }
	.virtue-mart {
	  background:url(../images/cms-button.jpg) -800px top no-repeat;
	  }
	.virtue-mart2 {
	  background:url(../images/cms-button.jpg) -900px top no-repeat;
	  }
	  
/* =Content inner.
-------------------------------------------------------------- */	  
#content .content-block {
  color:#015b90;
  }
  #content .content-block h2 {
    margin-bottom:15px;
    font-size:18px;
	font-weight:normal;
	}
  #content .content-block h3 {
    margin-bottom:5px;
	}	
  #content .content-block img {
    margin-bottom:15px;
    border:#fff 5px solid;
	border-radius:5px;
	}
  #content .content-block p {
    margin-bottom:15px;
	}
  #content .content-block input[type="image"] {
    margin-bottom:45px;
	}
  #content .content-block textarea {
    width:500px; height:75px;
	display:block;
	margin-bottom:30px;
	}	
  #content .content-block .banner img {
    border:0;
	border-radius:0;
	}	
  
/* =Footer.
-------------------------------------------------------------- */
#footer {
  height:331px;
  margin-top:-331px;
  clear:both;
  background:url(../images/footer-bg.png) left top repeat-x;
  }
  #footer-inner {
    width:1000px;
	margin:0 auto;
	padding-top:40px;
	}
	#footer-inner ul {
	  margin-right:55px;
	  float:left;
	  }
	  #footer-inner ul li {
	    margin-bottom:5px;
		padding-left:15px;
	    color:#fff;
		background:url(../images/triangle.png) left center no-repeat;
		}
		#footer-inner ul li h3 {
		  margin-bottom:15px;
		  text-transform:uppercase;
		  font-size:14px;
		  }
		  .ul-title {
		    background:none !important;
			padding-left:0 !important;
			}
		  .footer-ul-last {
		    float:right !important;
			margin-right:0 !important;
			
			}
			.footer-ul-last li {
			  margin-bottom:15px !important;
			  padding-left:0 !important;
			  background:none !important;
			  }
		  .ul-second {
		    font-size:12px;
			}
			.ul-second li a {
			  color:#fff;
			  }
#footer-copyright {
  padding-top:21px;
  clear:both;
  }
  #footer-copyright p {
    width:280px;
	padding-top:10px;
    float:left;
	color:#fff;
	font-size:12px;
	}
  #footer-copyright img {
    float:right;
	}