html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height: 0;height: 0;} 
.clearfix{display: inline-block;}
 html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/***************************************************
****************************************************
/**************************************************/

body {background:#000 url('../images/body-bg.jpg') top left repeat-x}

.rocket {background:transparent url('../images/rocket.png') no-repeat;height:224px;left:-7px;position:absolute;top:0;width:661px}

.wrapper,
.header,
.content,
.footer {width:980px;min-width:980px;display:block}

.wrapper {margin:0 auto}

.header {position:relative;background:transparent url('../images/header.png') no-repeat;height:424px;margin-top:65px}

.logo {background:transparent url('../images/webfab.png') no-repeat;height:155px;left:40px;position:absolute;top:-40px;width:525px}

.header .menu {position:absolute;left:160px;top:170px;padding-left:0}
.header .menu li {padding:3px 0;width:100px}
.header .menu a {font-family:'MS Sans Serif';font-size:18pt;color:#2e85ab;font-weight:bold;text-decoration:none}
.header .menu a:hover {text-decoration:underline}

.header #tagCloud {position:absolute;left:430px;top:140px;width:295px;height:138px}

.content {position:relative;background:transparent;color:#fff;display:inline-block;min-height:640px}

.footer {position:relative;background:#000 url('../images/footer.jpg') no-repeat;color:#fff;height:451px}

/*
little stuff
*/
h1,h3,h4 {float:left; font-family:'Century Gothic'; width:710px;padding:21px 135px;/*clear:right*/}
h1 {font-size:22pt;padding:10px 0 20px 135px}
h3 {font-size:12pt;padding-bottom:20px;line-height:20px}
h4 {font-size:14pt;line-height:20px}

ul {padding-left:135px;clear:left}

p,li {font-family:'Tahoma';font-size:9pt;line-height:20px;letter-spacing:1.5px;width:710px}
p {padding:8px 137px;float:left}

.fl {float:left}
.fr {float:right}

h1.large {font-size:43px}
h1.panel {width:100%;height:56px;background:transparent url('../images/h1_panel.png') no-repeat;font-family:'MS Sans Serif';font-size:21pt;color:#2e85ab;font-weight:bold;padding:26px 0 0 50px;text-transform:uppercase;margin:35px 0;float:left}

.block-left *,.block-right * {padding-bottom:5px;padding-right:0;padding-left:0;text-align:left}
.block-left * {width:290px}
.block-right * {width:340px}

.blue {color:#2e85ab}
.bold {font-weight:bold}
.center {text-align:center;padding-left:0px}
.bigger {font-size:100%}

.bitrix_logo {margin-left:58px;width:175px;margin-left:360px}
/*
blocks
*/

.block-left {width:291px;float:left;margin-left:133px;/*clear:left*/}
.block-right {width:341px;float:right;margin-right:158px;/*clear:right*/}


/*
portfolio on index page
*/
.monitor {width:727px;height:334px;float:left;background:url('../images/monitor.png') no-repeat; padding:20px 10px 5px 63px; position:relative;margin-top:31px}
	.img_wrapper{height:200px;position:relative;}
	.img_wrapper ul {height:300px; list-style-type:none; overflow:hidden; position:relative;padding-left:0}
		.img_wrapper ul li {display:inline; float:left; height:300px; width:710px;}
		.monitor ul li .project{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0;}
			.monitor ul li .project-bg{ background:url('../images/project.png') no-repeat 0 0; width:197px; height:130px; padding:6px 0 0 6px;}
		a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url('../images/plus.png') no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:166px; z-index:5;}
	
	.jcarousel-clip { width:710px; height:300px; overflow:hidden; position:relative; }
	.jcarousel-prev, .jcarousel-next { font-size:0; line-height:0; cursor:pointer; width:49px; height:30px; text-indent: -4000px; position:absolute; top:300px; }
	.jcarousel-next { background:url('../images/arrows.png') 49px 0; left:385px; }
	.jcarousel-prev { background:url('../images/arrows.png'); left:247px; }

/*
portfolio page
*/
.portfolioItems,.portfolioDevelopItems,.portfolioLogosItems {float:left;padding-left:0}
.portfolioItems li,.portfolioDevelopItems li,.portfolioLogosItems li {float:left;width:200px;overflow:hidden;margin:10px}

.portfolioItems li p,.portfolioDevelopItems li p,.portfolioLogosItems li p {padding-left:0;padding-right:0;width:200px}

.portfolioItems li {height:200px}
.portfolioDevelopItems li {height:175px}

.portfolioPic {float:left;width:191px;height:124px;background:transparent url('../images/portfolio_dummy.png') no-repeat; padding:5px}
.portfolioLogosItems .portfolioPic {height:80px;background:transparent url('../images/portfolio_logos_dummy.png') no-repeat}

/*
copyright block stuff
*/
.copyright {margin-left:135px;padding-top:85px}
.copyright p {padding:1px}
.copyright ul li{line-height:15px;margin-left:70px;width:140px}

/*
phones block in top
*/
.phones {position:absolute;right:20px;top:-50px;color:#fff}
.phone {padding:0 0 18px}
.phone .digits {position:relative;top:25px;right:80px}
.phone .digits span {font-size:32pt;position:relative;top:9px}