@import url('reset.css');

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	width: 100%;
	background: #adada9 url(../images/sitebg.jpg) top center no-repeat;
	background-attachment: fixed;
	font-family:  Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}

h1 {
	height: 18px;
	width: 100%;
	text-indent: -5000px;
}

h2 {
	height: 28px;
	width: 100%;
	text-indent: -5000px;
}

h3 {
	height: 14px;
	font-size: 11px;
	color: #555555;
	padding: 2px 0 0 8px;
}

h1#ex {
	background: url(../images/01exhibitions.png) 10px 0 no-repeat;
}

h1#ev {
	background: url(../images/02events.png) 10px 0 no-repeat;
}

h1#in {
	background: url(../images/03interiors.png) 10px 0 no-repeat;
}

h2#welcome {
	background: url(../images/welcome.png) no-repeat;
}

p {
	padding: 10px 0;
}

a {
	color: #ffffff;
}

a:hover {
	outline: none;
}

#wrap {
	width: 854px;
	margin: 0 auto;
}

.clearer {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}

.hidden {
	display:none;
	visibility:hidden;
}

#top {
	width: 854px;
	height: 115px;
	background: url(../images/topbanner.png);	
}

#menu {
	width: 854px;
	height: 33px;
	background: url(../images/menubg.png);
	margin: 0 0 10px 0;
}

#menu a{
	float: left;
}

#home {
	display: block;
	width: 141px;
	height: 33px;
	background: url(../images/home.png) no-repeat 0 0;
}

#exhibitions {
  	display: block;
  	width: 152px;
  	height: 33px;
  	background: url(../images/exhibitions.png) no-repeat 0 0;
}

#events {
  	display: block;
  	width: 126px;
  	height: 33px;
  	background: url(../images/events.png) no-repeat 0 0;
}

#interiors {
  	display: block;
  	width: 142px;
  	height: 33px;
  	background: url(../images/interiors.png) no-repeat 0 0;
}

#stores {
  	display: block;
  	width: 132px;
  	height: 33px;
  	background: url(../images/stores.png) no-repeat 0 0;
}

#contact {
  	display: block;
  	width: 131px;
  	height: 33px;
  	background: url(../images/contact.png) no-repeat 0 0;
}

#home:hover, #exhibitions:hover, #events:hover, #interiors:hover, #stores:hover, #contact:hover, #backup:hover, .more:hover,
#home.current, #exhibitions.current, #events.current, #interiors.current, #stores.current, #contact.current { 
  	background-position: 0 -33px;
}

#menu span {
  	display: none;
}

.project {
  	padding: 10px 0;
}

.content {
  	margin: 20px;
}

#minheight {
  	height: 300px;
}

ul.feat {
	width: 814px;
	height: 180px;
	list-style: none;
	background: url(../images/featbg.png) no-repeat;
	margin: 0 0 20px 0; 
}

#mainpage {
	margin: 20px 0 0 0;
	height: 208px; 
}

ul.feat li {
  	list-style: none;
	display: block;
	float: left;
  	width: 251px;
	margin: 0;
	padding: 5px 10px 0 10px;
}

a.featuredbox {
	display: block;
	width: 231px;
	height: 121px;
	padding: 10px;
	background: url(../images/featboxbg.png) no-repeat;
}

.more {
  	margin: 0 auto;
	display: block;
  	width: 125px;
  	height: 33px;
  	background: url(../images/more.png) no-repeat;
	text-indent: -5000px;
}

.leftcol {
  	float: left;
  	width: 509px;
  	margin: 0 20px 0 0;
}

.rightcol {
  	float: left;
  	width: 285px;			
}

#qqmsn img {
	margin: 15px 0 0 0;
}

#footer {
	width: 834px;
	padding: 0 10px;
	height: 33px;
	background: url(../images/footerbg.png);
	margin: 10px 0 20px 0;
}

#copyright {
  	color: #ffffff;
  	line-height: 33px;
	font-size: 11px;
  	float: left;
  	width: 650px;
  	height: 33px;
  	padding: 0 0 0 10px;
}

#backup {
  	float: right;
  	display: block;
  	width: 125px;
  	height: 33px;
  	background: url(../images/backup.png) no-repeat 0 0;
}