/*for win-width*/
* html body {width: expression(document.childNodes[1].offsetWidth < 920 ? '920px' : 'auto')}
body {min-width: 920px}

.trifler {
margin:0;
min-width:920px;
}

* HTML .trifler {padding-left:920px;}
* HTML .gordi {height:0;}
* HTML .content {margin-left:-920px;position:relative;height:0;}

/*for all*/
* {vertical-align: top; font-weight: lighter; border:none}
html, body {font-family:'Calibri', 'Arial', 'Helvetica', sans-serif; font-size:100.01%; background-color:#FFFFFF}
body {margin:0; padding:0 1em 3em 1em}
* table {width:100%; border:0}
* a {color:#2C9EDC}
s {color:#999999}
* ul li {list-style:none}
* ul {padding:0; margin:0}
*b {font-weight:bolder}

#main {margin:1%}

#up {padding:3em 0; position:relative}
	
  #logo {margin:4em 0}	
	.logo1 {background-image:url(images/logo1.png); width:174px; height:77px; position:absolute; top:2em; left:0}
	.logo2 {background-image:url(images/logo2.gif); width:173px; height:65px; position:absolute; top:3em; left:20%}
  #soon {position:absolute; top:1.6em; left:48%; width:50%; line-height:1.2em; font-size:1.4em}
		#starsoon {position:absolute; top:0; left:-1em; color:#F90}
		
#mainbook {display:inline-block}
#mainbook .wrap {width:50%; margin:0; padding:0}
#mainbook .row {margin:0; padding:0; width:200%; //margin-right:-200%; position:relative}
#mainbook .col {margin:0; padding:0; float:left; width:50%}

#bookpicturescon {height:700px; position:relative}
#bookpictures {position:absolute; width:1200px; height:700px; background-image:url(images/book.png); background-position:center; background-repeat:no-repeat; top:0; right: -41%; z-index:5;}
	
#aboutbook {width:90%; font-size:0.9em; line-height:1.8em; z-index:1; margin-left: -1em; position:relative}
#aboutbook ul {font-size:0.8em}

#aboutbook2 {width:800px; font-size:0.9em; line-height:1.8em; z-index:1; position:relative}
#aboutbook2 ul {font-size:0.8em}

#peopleaboutbook {margin:2em 0 0 0; overflow:hidden; padding:0 2em; }
#peopleaboutbook .wrap {width:33%; margin:0; padding:0}
#peopleaboutbook .row {margin:0; padding:0; width:300%; //margin-right:-300%; position:relative}
#peopleaboutbook .col {margin:0; padding:0; float:left; width:33%}
#peopleaboutbook .col p {font-size:0.9em; font-style:italic; width:90%; line-height:1.6em}
.circlecon {width:80%; text-align:center}
.circlecon2 {width:70%; text-align:center}
.circle1 {width:74px; height:74px; background-image:url(images/circle1.png); margin:0 auto}
.circle2 {width:74px; height:74px; background-image:url(images/circle2.png); margin:0 auto}

.kav{
float: left;
font-size: 3.7em;

margin-top: -.5em;
height: 1.5em;
width: .6em;
position: relative;
padding-bottom: 1em;
}

.kav1{
font-size: 3.7em;
padding-left: .1em;
line-height: 1.3em;
position: relative;
top: -.45em;
}

.line {width:100%; position:relative; text-align:center}
.lineline {width:60%; border-bottom:#999 1px solid; margin:0 auto}

#atherbooks {padding:2em 0; widows:100%}
#authors {width:50%; float:left; margin-left:2em; position:relative}
	#authors h3 {font-size:1em; margin-bottom:1em; color:#387da0}
	#authors ul li {list-style:none; font-size:0.9em; margin-bottom:0.3em}
	#authors ul {margin-bottom:2em}
.authorspic {width:80px}

#attention {position:absolute; top:0em; left:102%; width:80%; line-height:1.2em; font-size:1.4em}

#fotter {padding:1em 0 1em 0; background-color:#FFF; clear:both}