@import url("Grid960.css");
@import url("main.css");
@import url("title.css");
@import url("menu.css");
@import url("classlink.css");
/* basic parameters */

body , html {
	margin: 0;
	padding: 20px 0px;
}

body {
	color:#4c4c4c;
	font: normal 0.7em/1.2em  'Myriad Pro', arial ,serif;
	font-weight:lighter;
	background: #fff url(images/body_bg.png)   top left repeat-x;
	padding-bottom:50px;
}

.logo {
	position:absolute;
	right:0px;
	bottom:0px;
}

p, ul, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}


div#header h1 a, div#header h1 a:hover , div#footer a, div#footer a:hover , a img, .form input.submit { border:none; }


/* different float */
.right {float:right;}
.left {float:left;}
.center { position:relative; margin:0 auto; }
.autoHorizontal { position:relative; margin-left: auto; margin-right: auto; }
.autoVertical { position:relative; margin-top: auto; margin-bottom: auto; }

.alignRight { text-align:right; }

.dotted {
border-bottom:1px dotted #333; padding:10px;
}

.annule { cursor:pointer; }


img { behavior: url(iepngfix.htc) }
#pageflip {
	position: absolute;
	right: 0; top: 0px;
	float: right; 
	
}
#pageflip img {
	width: 100px; height: 102px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 100px; height: 98px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(images/subscribe.png) no-repeat right top;
}