/* ============================ common ============================== */

body { 
	color: #a6acb3; background: #010b17 url(../img/bg.jpg);
	font: normal 62.5% "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

a{ color: #4d97bc; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

h2{ font-size: 3em; font-weight: normal; }
h3{ margin: 0 0 0.7em 0; font-size: 2.4em; font-weight: normal; }
h3 em{ display: block; font-size: 0.5em; font-style: normal; }

.back-link{
	position: absolute;
	top: 15px; right: 15px;
}

p{ margin: 0 0 1em 0; font-size: 1.2em; }

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{
	float: none;
	clear: both;
	width: 100%; height: 1px;
	margin: 0; padding: 0;
}

.aural{
	position: absolute;
	left: -2007px;
	font-size: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

.holder{ 
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.tab{
	background: url(../img/bg-tab.jpg) no-repeat 50% 100%;
}
body.tab{
	padding: 15px;
	background: url(../img/bg-tab.jpg) no-repeat 50% 100%;
}
.tab .holder{
	padding: 0 0 20px 0;
	/*background: url(../img/bg-tab-holder.png) no-repeat 0 0;*/
}

.block{
	padding: 25px 0 0 0;
}
.block h2{
	float: left;
	width: 260px;
	text-align: center;
}
.block .main{
	float: right;
	width: 690px;
}

.cols-3 .col{
	float: left; display: inline;
	width: 210px;
	margin: 0 20px 10px 0;
}

#header{
	background: url(../img/bg-header.jpg) no-repeat 50% 100%;
}

#footer .tab{
	background: none;
}

/* ========================== layout end ============================ */

/* ========================== navigation ============================ */

.nav{
	padding: 15px;
	background: url(../img/bg-nav.png) repeat-x 0 100%;
	font: normal 1.2em Arial, sans-sefif; text-transform: uppercase;
}
.nav li{
	float: left; display: inline;
	padding: 0 5px;
	background: url(../img/dot.gif) no-repeat 0 50%;
}
.nav li:first-child{
	background: none;
}
.nav li a{
	color: #4d97bc;
	padding: 2px;
}
.nav li.current a,
.nav li a:hover,
.nav li a:focus,
.nav li a:active{
	color: #1c0d02; background: #4d97bc;
	text-decoration: none;
}

/* ======================== navigation end ========================== */

/* ============================ header ============================== */

#header .holder{
	position: relative;
}

#header h1{
	float: left;
}

a.rss{
	position: absolute;
	bottom: 10px; right: 10px;
	height: 38px; width: 200px;
	background: url(../img/ico-rss.gif) no-repeat 100% 0;
	font-size: 1.2em;
}
a.rss:hover,
a.rss:focus,
a.rss:active{
	background-position: 100% 100%;
}
a.rss span{
	position: absolute;
	bottom: 0; right: 50px;
}

a.rss2{
	display: block;
	margin: 20px 0 0 0; padding: 40px 0 0 0;
	background: url(../img/ico-rss.gif) no-repeat 50% 0;
	font-size: 1.2em; text-align: center;
}
a.rss2:hover,
a.rss2:focus,
a.rss2:active{
	background-position: 50% -238px;
}

/* ========================== header end ============================ */

/* ============================ content ============================= */

#our-work p strong{
	display: block;
	padding: 0 0 0 25px;
	text-transform: uppercase; font-weight: normal; font-size: 0.9em;
}
.services{
	margin: 0 0 15px 0;
}
.services li{
	padding: 0 0 0 25px;
	background: url(../img/bg-services.gif) no-repeat 5px 50%;
	font-size: 1.2em;
}
#our-work h3 a{
	display: block; position: relative;
	width: 205px; height: 170px;
}
#our-work h3 a span{
	position: absolute;
	width: 100%; height: 100%;
}
#our-work h3 a:hover span,
#our-work h3 a:focus span,
#our-work h3 a:active span{
	background-position: 0 100%;
}

a.visit{
	float: left; display: inline;
	margin: 0 0 20px 25px; padding: 2px 5px;
	color: #1c0d02; background: #a6acb3;
	text-transform: uppercase; font-size: 1.1em;
}
a.visit:hover,
a.visit:focus,
a.visit:active{
	color: #1c0d02; background: #4d97bc;
	text-decoration: none;
}

#about-us .main{
	display: inline;
	width: 450px; min-height: 217px;
	padding-right: 250px;
	background: url(../img/old-photo.png) no-repeat 100% 0;
}

#news-item .main{
	display: inline;
	min-height: 217px;
	
}

#clients .col{
	height: 130px;
}

#newsletter{
	float: left;
	width: 260px;
}
#newsletter h2{
	float: none;
}
#newsletter fieldset{
	position: relative;
	width: 179px;
	margin: 15px auto 50px auto;
}
#newsletter label{
	position: absolute;
	top: 28px; left: 0;
	width: 100%;
	text-align: center; font-size: 1.2em;
}
#newsletter input.text{
	float: left; display: inline;
	width: 100px; height: 20px;
	padding: 3px 2px 0 42px;
	color: #d3b799; background: url(../img/bg-newsletter-input.gif) no-repeat 0 0;
	font: normal 1.2em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	border: none;
}
#newsletter input.submit{
	position: absolute;
	top: 0; right: 0;
}

#contact-form{
	float: left;
	width: 65%;
}
#contact-form label{
	display: block;
	margin: 10px 0 0 0;
}
#contact-form .fmtext,
#contact-form .fmtextarea{
	display: block;
	width: 95%;
	padding: 6px;
	color: #a6acb3; background: #010b17 url(../img/bg-fmtext.gif) repeat-x 0 0;
	font: normal 1em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #000;
}
#contact-form .submit input{
	display: block;
	margin: 10px auto; padding: 4px 20px;
	color: #a6acb3; background: #010b17;
	font: bold 1.2em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; text-transform: uppercase;
	border: 1px solid #000;
}
#contact-form .submit input:hover,
#contact-form .submit input:focus,
#contact-form .submit input:active{
	color: #efefef;
}

#contact-details{
	float: right;
	width: 33%;
}
.comunicators li{
	float: left; display: inline;
	margin: 0 10px 10px 0;
}
.comunicators li a{
	display: block;
	overflow: hidden;
	text-indent: -2007px;
}
.yahoo a{
	width: 36px; height: 36px;
	background: url(../img/ico-yahoo.gif) no-repeat 0 0;
}
.gtalk a{
	width: 77px; height: 36px;
	background: url(../img/ico-gtalk.gif) no-repeat 0 0;
}
.skype a{
	width: 38px; height: 38px;
	background: url(../img/ico-skype.gif) no-repeat 0 0;
}
.comunicators li a:hover,
.comunicators li a:focus,
.comunicators li a:active{
	background-position: 0 100%;
}

/* ========================== content end =========================== */

/* ============================= footer ============================= */

#copyright{
	margin: 0; padding: 15px;
	background: url(../img/bg-nav.png) repeat-x 0 100%;
}
#sites{
	float: right; display: inline;
	margin: -3.2em 60px 0 0;
}
#sites p{
	margin-bottom: 30px;
	text-align: right
}
#sites li{
	float: right;
}


/* =========================== footer end =========================== */