body{ margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(imgs/mainbg.jpg)}
img{border:0px;}
.clear{ clear:both}
ul, li, dt, dl, dd { list-style-type:none; margin:0px; padding:0px;}

#top{ margin:0px; padding:0px; height:230px; display:block; background:url(imgs/header.png) repeat-x 0px 0px;}
#top .logo{ margin:0px; padding:0px; height:145px; display:block; float:left; width:455px;}
#top .contact{ margin:0px 4px 0px 0px; padding:0px; float:right;  display:block;width:540px; height:220px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/bg_contact.png', sizingMethod='scale')}
* > #top .contact{ background:url(imgs/bg_contact.png) no-repeat right top}

#top .contact dl{ margin:55px 0px 0px 0px; padding:0px; float:left; display:block; width:270px;color:#ff0065; font: normal 14px/18px arial ;text-align:right}
#top .contact li{ margin:10px 0px 0px 0px; padding:0px; float:left; display:block; width:270px;color:#ff0065; font-size:14px; text-align:right}
#top .contact dd, dt{ margin:0px; padding:0px; float:left; display:block; width:270px;}
#top .contact dd input{ margin:0px; padding:0px; float:right; height:17px; width:215px; display:block; border:1px solid #8c8c8c; background:url(imgs/bg_input.jpg) repeat-x 0px 0px;color:#ff0065; font: normal 11px/13px verdana }
#top .contact dd textarea{ margin:0px; padding:0px; float:right; height:53px; width:215px; display:block; border:1px solid #8c8c8c; background:url(imgs/bf_textarea.jpg) repeat-x 0px 0px;color:#ff0065; font: normal 11px/13px verdana }
#top .contact .butt{ float:right; display:block; margin:10px 0px 0px 0px; padding:0px; width:86px; height:21px;background:url(imgs/submit.jpg) no-repeat 0px 0px; border:0px; display:block; text-align:center; color:#fff; font:bold 11px/18px Verdana}

#main{ margin:0px; padding:0px; height:100%;}
#main .left{ margin:15px 10px 5px 0;padding:0px 5px; width:424px; display:block; float:left}

#main .item {
	width:430px;
	height:300px;display:block;
	border:4px solid #ec075f;	
	margin:15px 10px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

#main .item .caption {
	width:430px;
	height:300px;
	background:#000;
	color:#fff;
	font-weight:bold;
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}
#main .item .caption p span{ display:block;font:bold 14px/18px Verdana, Arial, Helvetica, sans-serif; padding:0px;margin:0px 0px 10px 0px;}
#main .item .caption a {
	text-decoration:none;
	color:#ec075f;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	
	/* add spacing and make the whole row clickable*/


}

#main .item .caption p {
	padding:15px;
	margin:0;
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

#main .item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}