/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #eeeeee; }
a:hover { text-decoration: underline; color: #999999; }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */

* {
	margin: 0;
	padding: 0;
}

div#page-wrap {
	width:941px;
	margin: 0 auto;
}

* html div#page-wrap {
	width:941px;
	margin: auto auto auto auto;
}

div#page-wrap div#header-menu {
	width:100%;
	height:40px;
	background:url(../graphic/header_bg.gif) repeat-x;
	padding-bottom:2px;
}

div#page-wrap div#main-body {
	width:934px;
	margin:0px auto 0px 2px;
	border:#E5E5E5 solid 1px;
}

	/*-----------------------INDEX---------------------------------------*/
	#main {
	left:36px;
	top:45px;
	width:932px;
	height:526px;
	z-index:1;
	}
	#logo-top {
		margin-left:45px;
		margin-top:47px;
		width:270px;
		height:112px;
		z-index:2;
		background-image: url(../graphic/cmyk-logo.gif);
		background-repeat: no-repeat;
	}
	#left-background {
		position:absolute;
		margin-left:20px;
		margin-top:-20px;
		width:232px;
		height:402px;
		z-index:2;
		background-image: url(../graphic/printers-background.png);
		background-repeat: no-repeat;
	}
	#left-main-text {
		position:absolute;
		margin-left:220px;
		margin-top:50px;
		width:196px;
		height:89px;
		z-index:2;
		background-image: url(../graphic/left-maintext.gif);
		background-repeat: no-repeat;
	}
	#left-list {
		position:absolute;
		margin-left:240px;
		margin-top:150px;
		width:65px;
		height:90px;
		z-index:2;
		background-image: url(../graphic/leftlist.gif);
		background-repeat: no-repeat;
	}
	#leranmore-left {
		position:absolute;
		margin-left:240px;
		margin-top:230px;
		width:88px;
		height:23px;
		z-index:2;
		background-repeat: no-repeat;
	}
	#left-logo {
		position:absolute;
		margin-left:240px;
		margin-top:250px;
		width:168px;
		height:46px;
		z-index:2;
		background-image: url(../graphic/logo-left.gif);
		background-repeat: no-repeat;
	}
	#right-background {
		position:absolute;
		margin-left:581px;
		margin-top:-150px;
		width:317px;
		height:363px;
		z-index:2;
		background-image: url(../graphic/apple-background.gif);
		background-repeat: no-repeat;
	}
	#right-title {
		position:absolute;
		margin-left:570px;
		margin-top:-60px;
		width:151px;
		height:91px;
		z-index:2;
		background-image: url(../graphic/apple-text.gif);
		background-repeat: no-repeat;
	}
	#right-list {
		position:absolute;
		margin-left:765px;
		margin-top:50px;
		width:115px;
		height:103px;
		z-index:2;
		background-image: url(../graphic/right-list.gif);
		background-repeat: no-repeat;
	}
	#apple-icon {
		position:absolute;
		margin-left:815px;
		margin-top:10px;
		width:71px;
		height:67px;
		z-index:2;
		background-image: url(../graphic/apple-logo.gif);
		background-repeat: no-repeat;
	}
	#apDiv1 {
		position:absolute;
		margin-left:765px;
		margin-top:137px;
		width:107px;
		height:22px;
		z-index:2;
		background-repeat: no-repeat;
	}
	#logo-right {
		position:absolute;
		margin-left:586px;
		margin-top:200px;
		width:259px;
		height:114px;
		z-index:2;
		background-image: url(../graphic/cmyk-logo.gif);
		background-repeat: no-repeat;
	}
	/*-----------------------END INDEX------------------------------*/
	

div#page-wrap div#footer {
	width:100%;
	max-height:41px;
	background:url(../graphic/footer.gif) repeat-x;
}

*html div#page-wrap div#footer {
	width:100%;
	max-height:41px;
	background:url(../graphic/footer.gif) repeat-x;
}


*:first-child+html div#page-wrap div#footer {
	width:100%;
	max-height:41px;
	background:url(../graphic/footer.gif) repeat-x;
	}
	
	/*--------------*/



div#page-wrap div#footer div#footer-text {
	margin-top:10px;
	margin-left:5px;
	width:100%;
	font-size:14px;
}

*html div#page-wrap div#footer div#footer-text {
	margin-top:10px;
	margin-left:5px;
	width:100%;
	font-size:14px;
}

*:first-child+html div#page-wrap div#footer div#footer-text {
	margin-top:10px;
	margin-left:5px;
	width:100%;
	font-size:14px;
}



/*-----*/

div#page-wrap div#footer div#footer-text a {
	color:#333333;
}

/*------*/

div#page-wrap div#footer div#footer-text div#moving-text2 {
	margin-top:-42px;
	margin-left:68px;
	}
	
*html div#page-wrap div#footer div#footer-text div#moving-text2 {
	margin-left:20px;
	margin-top:-42px;
	}
	
*:first-child+html div#page-wrap div#footer div#footer-text div#moving-text2 {
	margin-left:20px;
	margin-top:-42px;
	}

div#page-wrap div#footer div#footer-text div#latte {
	padding-top:6px;
}

*:first-child+html div#page-wrap div#footer div#footer-text div#latte {
	padding-top:0px;
}

*html div#page-wrap div#footer div#footer-text div#latte {
	padding-top:0px;
}
	
	/*-----*/
	
	div#page-wrap div#footer div#footer-text div#moving-text div#news-content-text {
	font-style:italic;
	}

	/*----------------PRINTERS AND COPIERS-------------------------*/

							/***********************LEFT FRAME********************/
							
							div#page-wrap div#main-body div#printers-left-frame {
								float:left;
								width:50%;
								height:580px;
							}
							
							div#page-wrap div#main-body div#apple-left-frame {
								float:left;
								width:50%;
								height:580px;
							}
	
	

							/****************END LEFT FRAME**********************/





							/****************************RIGHT FRAME*************/
							div#page-wrap div#main-body div#printers-right-frame {
								float:right;
								width:50%;
								height:595px;
							}
							
							div#page-wrap div#main-body div#apple-right-frame {
								float:right;
								width:50%;
								height:580px;
							}
							
							
							/*************************END RIGHT FRAME************/
							
							
		/*------------END PRINTERS AND COPIERS-------------------------*/
		
		
/*------------------------------map-----------------------*/

div#map-body {
	width:100%;
	padding-bottom:5px;
}

div#map-body a {
	color:#666666;
	font-size:14px;
	}
	
div#map-body div#side_bar {
	float:left;
	margin-left:50px;
	margin-top:50px;
	width:200px;
	text-align:center;
}

div#map-body div#map {
	float:right;
	margin-top:5px;
	margin-right:14px;
	border:solid 10px #ECECEC;
}

.map-city {
	border:1px solid #eee;
	background-color:#f5f5f5;
	color:#444;
	line-height:2em;
	padding:20px;
	margin:0 0 20px 0;
	}
	
.map-city:hover{
	border:1px solid #B5DF99;
	background-color:#CDEFB6;
	color:#358610;
	text-decoration:none;
}

.location-title {
	font-size:14px;
	text-align:center;
}

.location-sub-title {
	font-size:12px;
	color:#333333;
	text-align:center;
}

.news-position {
	border:1px solid #eee;
	background-color:#f5f5f5;
	color:#444;
	line-height:2em;
	margin:10px 0 20px 10px;
	width:870px;
}

.news-position a {
	color:#333333;
}

.news-position:hover {
	border:1px solid #B5DF99;
	background-color:#CDEFB6;
	color:#358610;
	text-decoration:none;
}

.news-position .news-position-title {
	margin-top:2px;
	margin-left:5px;
	font-size:14px;
}

.news-position .news-position-content {
	margin-top:5px;
	margin-left:5px;
	font-size:12px;
}

/*-----*/

.news-position .news-position-date {
	float:right;
	margin-top:-20px;
	margin-right:5px;
	font-size:11px;
}

*html .news-position .news-position-date {
	float:right;
	margin-top:10px;
	margin-right:5px;
	font-size:11px;
}

*:first-child+html .news-position .news-position-date {
	float:right;
	margin-top:10px;
	margin-right:5px;
	font-size:11px;
}

/*dispaly news--------------------------------------*/


div#display_news_position_title {
	margin-top:10px;
	margin-left:10px;
	font-size:14px;
}

div#display_news_position_date {
	margin-top:10px;
	margin-left:10px;
	font-size:12px;
}

div#display_news_position_content {
	margin-left:10px;
	font-size:12px;
	margin-top:10px;
	color:#333333;
	width:700px;
	text-align:justify;
	padding-bottom:10px;
}