/*
-----------------------------------------------
Style Sheet
Site: TSS International
Author: Olga Litvinenko
----------------------------------------------- */


html {margin:0px; padding:0px;}

body { font-family:Myriad Pro, Arial, Helvetica, sans-serif; text-align:center; background:url(../images/bg.jpg) repeat; margin:0; padding:0;}

#container {margin:0 auto; width:980px; text-align:left; padding:0; background:url(../images/bg_container.jpg) no-repeat top center; position:relative;}

/*
COMMON --------------------- */
p, h1, h2, h3, h4, h5, h6, h7, pre {margin:0;padding:0;}
dt, dl, dd { margin:0; padding:0; list-style-type:none; list-style:none;}

/*
HEADER --------------------- */
#header {height:188px; position:relative;}
a#logo {display:block; text-decoration:none; height:140px; width:380px; position:absolute; top:45px; left:35px; font-size:5px; text-indent:-9000px; cursor:pointer;}
a#logoFooter {display:block; text-decoration:none; height:40px; width:180px; position:absolute; top:7px; left:30px; font-size:5px; background:url(../images/logo_small.jpg) no-repeat; text-indent:-9000px; cursor:pointer;}

#header p { font-size:13px; color:#FFFFFF; padding:162px 80px 0 0; text-align:right;}
#header p span { font-size:16px; color:#ee9c00; font-weight:bold; font-style:italic;}

/*
CONTENT --------------------- */
#content { background:url(../images/bg_content.jpg) no-repeat bottom center; padding:0; margin:0;}
.leftBlock { width:280px; float:left; padding:20px 0 0 0;}
.rightBlock { width:662px; margin:1px 25px 0 0; float:right; padding:0 0 25px 0;}
#menu { list-style:none; list-style-type:none; margin:0 0 7px 40px; padding:0;}
#menu li { background:url(../images/line.gif) no-repeat bottom left; display:block; padding:4px 0 7px 6px; font-size:14px;}
#menu li.last { background:none;}
#menu li a { text-decoration:none; color:#FFFFFF;}
#menu li a:hover, #subMenu li a:hover { text-decoration:underline;}

#subMenu {list-style:none; list-style-type:none; margin:0 0 0 20px; padding:7px 0 7px 5px;}
#subMenu li { background:url(../images/def.gif) no-repeat 0 10px; padding:0 0 0 10px; line-height:20px; font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#subMenu li a { text-decoration:none; color:#FFFFFF;}

.services { height:180px; margin:0 0 0 40px; padding:0;}
.services a { background:url(../images/servises_btn.jpg) no-repeat; display:block; height:27px; width:180px; text-decoration:none; margin-top:4px; padding:0 0 0 25px; line-height:27px; font-size:14px; color:#FFFFFF;}
.services a:hover { text-decoration:underline;}

.rightBlock img { display:block; margin:0; padding:0;}
.text { background:#608cb7 url(../images/bg_text.jpg) no-repeat top left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; }
.h1 { min-height:380px; _height:400px; width:662px;}
.h2 { min-height:220px; _height:220px; width:662px;}
.h3 { min-height:75px; _height:75px; width:178px; margin-top:25px; float:left;}

*+html .h1 {height:400px}
.marginR { margin-right:63px;}

.innern {padding:40px 25px 40px 50px; margin:0;}
.innernSmall { padding:10px; font-size:13px; color:#FFFFFF;}

.text h1 { font-size:14px; text-transform:uppercase; margin:0 0 10px 0; color:#FFFFFF;}
.text p {font-size:13px; color:#FFFFFF; padding:0 0 10px 0;}
.text p a { text-decoration:underline; color:#FFFFFF;}
.text p a:hover {text-decoration:none;}

a.more { text-decoration:none; color:#FFFFFF; font-size:13px; display:block; text-align:right;}
a.more a:hover { text-decoration:underline;}

/*
FOOTER --------------------- */
#footer { height:60px; position:relative;}
/*
FLOAT CLEARING --------------------- */

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