body, html	{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

a:link, a:visited	{
	color: #e5b680;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #FFCC66;
	text-decoration: none;
	font-weight: bold;
}

.clearer	{
	clear: both;
}

img		{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

#container	{
	width: 1326px;
	height: 1130px;
	margin-left: 50px;
	margin-right: 50px;
	background-image: url(elements/bgr.jpg);
}

#header	{
	width: 1326px;
	height: 489px;
	background-image: url(elements/header_bgr.jpg);
}

.spacelogo	{
	width: 349px;
	height: 142px;
	float: left;
	position: relative;
	margin-top: 30px;
	margin-left: 90px;
	background: url(elements/logo.png) no-repeat;
}

.spacetag	{
	width: 401px;
	height: 37px;
	float: left;
	margin-top: 90px;
	margin-left: 40px;
	background-image: url(elements/tag.png);
	z-index: 1;
}

.intro_text	{
	width: 480px;
	height: auto;
	margin-left: 50px;
	margin-top: 50px;
	float: left;
}

#content	{
	width: 100%;
	height: auto;
	margin: 0px;
}	

.spaceshelve	{
	width: 700px;
	height: 774px;
	position: absolute;
	margin-left: 505px;
	margin-top: -351px;
	background-image: url(elements/shelve.png);
	z-index: 1;
}

.slideshow	{
	width: 268px;
	height: 246px;
	position: relative;
	margin-left: 288px;
	margin-top: 349px;
	z-index: 2;
}

.spacecontact	{
	width: 339px;
	height: 352px;
	background-image: url(elements/contact.png);
	margin-left: 60px;
	margin-top: 180px;
	padding-top: 80px;
	padding-left: 30px;
	color: #000000;
}

.opensign	{
	width: 347px;
	height: 232px;
	background-image:url(elements/open_sign.png);
	position: relative;
	margin-left: 0px;
	margin-top: 10px;
	float: left;
}

.footer		{
	width: 100%;
	height: 80px;
	padding: 20px;
	margin: 20px;
}

/* -----------The style for web portfolio section ----------- */

#header_sub	{
	width: 1326px;
	height: 489px;
	background-image: url(elements/header_bgr_2.jpg);
}

.titlepage	{
	width: 203px;
	height: 60px;
	margin-top: 50px;
	margin-left: 90px;
	background: url(elements/portfolio_title.png);
}

.spaceporto	{
	width: 695px;
	height: 486px;
	position: absolute;
	margin-left: 505px;
	margin-top: -351px;
	background: url(elements/shelve_web.png) no-repeat;
	z-index: 1;
}

.slideshowweb	{
	width: 417px;
	height: 276px;
	position: relative;
	margin-left: 189px;
	margin-top: 27px;
	z-index: 2;
}

.opensignspace	{
	width: 347px;
	height: 232px;
	position:absolute;
	background-image:url(elements/open_sign.png);
	margin-left: 450px;
	margin-top: -470px;
	float: left;
	z-index: 3;
}

.intro_text_sub	{
	width: 480px;
	height: auto;
	margin-left: 90px;
	margin-top: 10px;
	float: left;
	font-size: 14px;
}
/* -----------The style for brochure portfolio section ----------- */

.spaceporto_brochure	{
	width: 695px;
	height: 486px;
	position: absolute;
	margin-left: 505px;
	margin-top: -351px;
	background: url(elements/shelve_brochure.png);
	z-index: 1;
}

/* -----------The style for ads portfolio section ----------- */

.spaceporto_ads	{
	width: 695px;
	height: 486px;
	position: absolute;
	margin-left: 505px;
	margin-top: -351px;
	background: url(elements/shelve_forsale.png);
	z-index: 1;
}
.spaceporto_ads2	{
	width: 695px;
	height: 486px;
	position: absolute;
	margin-left: 505px;
	margin-top: -351px;
	background: url(elements/shelve_printads.png);
	z-index: 1;
}
/* -----------The style for other portfolio section ----------- */
.spaceporto_other	{
	width: 695px;
	height: 486px;
	position: absolute;
	margin-left: 505px;
	margin-top: -351px;
	background: url(elements/shelve_other.png);
	z-index: 1;
}

/* -----------The style for logo portfolio section ----------- */
.spaceporto_logo	{
	width: 695px;
	height: 486px;
	position: absolute;
	margin-left: 505px;
	margin-top: -351px;
	background: url(elements/shelve_logo.png);
	z-index: 1;
}