/*
-----------------------------------------------
Style Sheet
Site: Insol
Author: Inetart
	Olga Litvinenko
	http://www.inetart.ru
	info@inetart.ru
	+7 (495) 768-07-23
----------------------------------------------- */

html {margin:0;padding:0;height:100%;width:100%;overflow:hidden}
body {margin:0;padding:0;font-size:100.01%;font-family:Arial, Helvetica, sans-serif;height:100%;width:100%;overflow:hidden}

.layout {height:100%;width:100%;overflow:auto;position:relative;margin:0;padding:0}
.page {min-width:1000px;max-width:1400px;padding:0;position:relative;margin:0;overflow:hidden}
.inner {background:#fff;margin:24px 11px 0 24px;padding-bottom:100px;position:relative;_position:inherit}

#main {background:url(../img/main.jpg) repeat}
#about {background:url(../img/about.jpg) repeat}
#services {background:url(../img/services.jpg) repeat}
#solutions {background:url(../img/solutions.jpg) repeat}
#contacts {background:url(../img/contacts.jpg) repeat}

/*-- COMMON --------------------- */
p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0}

a:link {outline:none;text-decoration:underline;color:#005cd9}
a:hover {text-decoration:none;color:#af0c00}
a:visited {text-decoration:underline;color:#af00a9}
a img {border:medium none}

sup, sub {vertical-align:middle;position:relative;font-size: 75%}
sup {bottom: 0.5em}
sub {top: 0.5em}

.left {float:left}
.right {float:right}
.clear {clear:both}

/*-- HEADER --------------------- */
#header {height:207px;padding:0;background:url(../img/bg_header.png) repeat-x top left;position:relative;top:-11px;_background:none}

#logo {position:relative;top:45px;left:45px;color:#b3b3b3;height:120px;width:310px;font:normal 30px Georgia, "Times New Roman", Times, serif}
#logo a {background:none;cursor:pointer;display:block;padding:0}
#logo img {position:absolute;top:0;left:0;vertical-align:top}

#header .tel {font-family:Georgia, "Times New Roman", Times, serif;position:absolute;top:35px;right:28px;font-size:18px;overflow:visible}
#header .tel em {display:block;text-decoration:underline;padding:0 0 0 70px}
#header .tel p {font-size:36px}
#header .tel p span {font-size:16px;color:#aaa}

#menu {position:absolute;top:122px;right:15px}
#menu ul {list-style-type:none;font:normal 16px Georgia, "Times New Roman", Times, serif}
#menu ul li {float:left;margin:0 10px;//margin:0 8px;_display:inline}
#menu a, #menu span {padding:2px 12px;//padding:2px 14px;border:1px solid #fff;display:block}
#menu a.about {color:#c6aa2e}
#menu a.about:hover, #menu ul span.about {border:1px solid #b0982c;background:#dab925 url(../img/bg_m_about.gif) repeat-y top left}
#menu a.services {color:#306695}
#menu a.services:hover, #menu ul span.services {border:1px solid #30618b;background:#2c72b2 url(../img/bg_m_sevice.gif) repeat-y top right;padding:2px 11px}
#menu a.solutions {color:#43873e}
#menu a.solutions:hover, #menu ul span.solutions {background:#4c9e45 url(../img/bg_m_solutions.gif) repeat-y top right;border:1px solid #4a8547;padding:2px 12px}
#menu a.contacts {color:#848484}
#menu a.contacts:hover, #menu ul span.contacts {background:#dcdcdc url(../img/bg_m_contacts.gif) repeat-y top right;border:1px solid #868686;padding:2px 3px}
#menu ul li a {text-decoration:underline}
#menu a:hover, #menu ul span.about, #menu ul span.services, #menu ul span.solutions, #menu ul span.contacts {text-decoration:none;color:#fff;font-style:italic}

#header ul.nav {list-style-type:none;position:absolute;top:48px;left:0}
#header ul.nav li {width:28px;height:26px}
#header ul.nav li a, #header ul.nav li span {display:block;width:28px;height:26px;text-decoration:none;background:url(../img/icons_top.gif) no-repeat;text-indent:-7000px}
#header ul.nav li a {cursor:pointer}
#header ul.nav li a.home {background-position:0 0}
#header ul.nav li a.home:hover, #header ul.nav li span.home {background-position:0 -26px}
#header ul.nav li a.flag {background:#fff; text-indent:0px; padding:9px;}
#header ul.nav li a.search {background-position:0 -52px}
#header ul.nav li a.search:hover, #header ul.nav li span.search {background-position:0 -78px}

/*-- CONTENT --------------------- */
#content {padding:0 28px 0 47px;min-height:300px;_height:300px;}

h2 {color:#bea330;font:normal 30px Georgia, "Times New Roman", Times, serif;margin:3px 0 15px 0}
h3 {color:#c4a82e;font:italic bold 15px "Trebuchet MS";padding:5px 0}
#about h2 {color:#bea330}
#services h2 {color:#2d72b2}
#solutions h2 {color:#448c40}
#contacts h2 {color:#939393}

#content ul {list-style-type:none;margin:0 0 0 40px}

.wrap {float:left;width:100%}
.preveiw {margin:0 255px 0 0;font-size:14px;line-height:17px}
#content .about {margin:0 310px 0 0;font-size:14px;line-height:17px;padding:0 0 20px 0}
.text {font-size:14px;line-height:17px}
.preveiw h2 {color:#42883e;font:normal 30px Georgia, "Times New Roman", Times, serif;margin:3px 0 15px 0}

.preveiw p  {margin:0 0 15px 0}
.text p, #content .about p {margin:0 0 18px 0}
.pic, .list {float:left;margin-left:-255px;width:255px}
.pic img {position:relative;left:43px}

.list {list-style-type:none}
.list dt {color:#231f20;font:italic normal 30px Georgia, "Times New Roman", Times, serif;margin:3px 0 15px 0}
.list dd {font-size:13px;margin:0 0 8px 0}
.list dd a {text-decoration:underline;color:#2f6798}
.list dd a:hover {text-decoration:none}
.list dd.current {color:#231f20;font:italic normal 13px "Trebuchet MS"}

dl dd dd {font-size:11px;margin:0 0 12px 0}


.solutions, .preveiw, .pic, .text, .about, .list {z-index:7;position:relative}

#main .solutions h2 {font:normal 30px Georgia, "Times New Roman", Times, serif;margin:3px 0 0 0;color:#2f6594}
.superOffer {background:url(../img/1sol.png) no-repeat center top;padding:33px 0 0 0 }
.superOffer2 {background:url(../img/2sol.png) no-repeat center top;padding:33px 0 0 0 }
.forStud {float:left;min-height:365px;_height:365px}
.forArch {float:right;margin:62px 0 0 0}
.forStud, .forArch {width:33%;list-style-type:none}
.forStud dt, .forArch dt {font:italic normal 22px "Trebuchet MS";padding:0 0 0 18px;margin:0 0 15px 0}
.forStud dd, .forArch dd {font-size:14px;background:url(../img/line_list.gif) no-repeat 0 7px;margin:0 0 10px 0;padding:0 0 0 18px}
.forStud dt a, .forArch dt a {text-decoration:underline}
.forStud dt a:hover, .forArch dt a:hover {text-decoration:none}
.forStud dt a, .forStud dt  {color:#4b9b44}
.forArch dt a, .forArch dt {color:#1174ca}


.forCompany {float:left;min-height:365px;_height:365px}
.forEnt {float:right;margin:62px 0 0 0}
.forCompany, .forEnt {width:33%;list-style-type:none}
.forCompany dt, .forEnt dt {font:italic normal 22px "Trebuchet MS";padding:0 0 0 18px;margin:0 0 15px 0}
.forCompany dd, .forEnt dd {font-size:14px;background:url(../img/line_list.gif) no-repeat 0 7px;margin:0 0 10px 0;padding:0 0 0 18px}
.forCompany dt a, .forEnt dt a {text-decoration:underline}
.forCompany dt a:hover, .forEnt dt a:hover {text-decoration:none}
.forCompany dt a, .forCompany dt  {color:#c6aa2e}
.forEnt dt a, .forEnt dt {color:#848484}


.devide {height:389px;background:url(../img/devide.gif) repeat-x top left;margin:-150px -28px -150px -47px;z-index:1}

.blocks {padding:20px 0 0 0;overflow:hidden}
.blocks dl {width:33%;float:left;padding:15px 0 20000px 0;margin-bottom:-20000px}
.blocks dl dt {font:italic normal 24px Georgia, "Times New Roman", Times, serif;margin:0 0 16px 0;padding:0 20px 0 40px}
.blocks dl dd {font-size:14px;padding:0 35px 15px 40px}
.blocks dl.col1 {background:url(../img/col_1.gif) repeat-y top left}
#services dl.col1 { background:url(../img/col1_s.gif) repeat-y top left}
#solutions dl.col1 { background:url(../img/col1_s.gif) repeat-y top left}
#about dl.col1 { background:url(../img/col1_s.gif) repeat-y top left}
.blocks dl.col1 dt {color:#bba130}
.blocks dl.col2 {background:url(../img/col_2.gif) repeat-y top left}
#services dl.col2 { background:url(../img/col2_s.gif) repeat-y top left}
#solutions dl.col2 { background:url(../img/col2_s.gif) repeat-y top left}
#about dl.col2 { background:url(../img/col2_s.gif) repeat-y top left}
.blocks dl.col2 dt {color:#2c72b2}
.blocks dl.col3 {background:url(../img/col_3.gif) repeat-y top left}
#services dl.col3 { background:url(../img/col3_s.gif) repeat-y top left}
#solutions dl.col3 { background:url(../img/col3_s.gif) repeat-y top left}
#about dl.col3 { background:url(../img/col3_s.gif) repeat-y top left}
.blocks dl.col3 dt {color:#407e3b }

.shL {width:11px;height:100%;background:url(../img/shadow_l.png) repeat-y 0 0;position:absolute;top:0;left:-11px;z-index:1}
.shR {width:11px;height:100%;background:url(../img/shadow_r.png) repeat-y 0 0;position:absolute;top:0;right:-11px;z-index:1}
#footer .shL, #footer .shR {height:116px}

*html .shL, *html .shR {display:none}

#scanerline {height:31px;width:100%;background:url(../img/scanerline.gif) repeat-x top left;position:absolute;top:0;left:0;z-index:200;display:none }

/*-- FOOTER --------------------- */
#footer {height:230px;min-width:1000px;max-width:1400px;margin:0; //position:relative;}
#footer .block {margin:0 11px 0 24px;background:url(../img/bg_footer.png) repeat-x top left;_background:url(../img/bg_ie.gif) repeat-x top left;height:230px;position:relative}
#footer .info {background:url(../img/line.gif) no-repeat 45px 0;padding:30px 0 0 45px;font:normal 14px/18px Georgia, "Times New Roman", Times, serif}
#footer .info p {float:left;margin:0 32px 0 0}
#footer .info a {color:#2d70ae;text-decoration:underline}
#footer .info a:hover {text-decoration:none}

.madeBy {width:250px;position:absolute;top:136px;right:0}
.madeBy p {float:left;text-align:right;font-size:13px;color:#000}
.madeBy a {color:#000;font-size:13px;text-decoration:underline}
.madeBy a:hover {text-decoration:none}
a.aboutSite {width:75px;text-align:left;display:inline;float:left}
a.inetart {display:block;height:33px;width:33px;text-decoration:none;margin:2px 15px 0 15px;float:left;cursor:pointer}
a.inetart img {border:medium none}

a.btn {display:block;background:url(../img/btn.gif) no-repeat 100% -108px;text-decoration:none;font-size:14px;text-decoration:none;float:left;height:54px;line-height:54px;padding-right:10px;color:#000}
a.btn span {display:block;height:54px;line-height:54px;background:url(../img/btn.gif) no-repeat 0 0;padding-left:10px;float:left;cursor:pointer}
a.btn:hover {background:url(../img/btn.gif) no-repeat 100% -162px}
a.btn:hover span {background:url(../img/btn.gif) no-repeat 0 -54px}

#footer a.btn {position:absolute;top:136px;left:0;text-decoration:none}

/*-- FLOAT CLEARING --------------------- */
.clearfix:after, .superOffer:after, .superOffer2:after {content:".";clear:both;height:0;visibility:hidden;display:block}
.clearfix, .superOffer, .superOffer2 {display:inline-block}


/* Hides from IE-mac \*/
* html .clearfix, *html .superOffer, *html .superOffer2 {height:1%}
.clearfix, .superOffer, .superOffer2 {display:block}
/* End hide from IE-mac */

img, div {behavior: url(java/iepngfix.htc) }