@import "reset.css";
@import "navigation.css";

/*-------------------------------------------setup----------------------------------------------*/

body {
	background:#fff url(/assets/images/skins/default/background.gif) top left repeat-x;
	font:12px Arial, Helvetica, sans-serif;
}

#wrapper {
	width:853px;
	margin:0 auto;
}

/*----------------------------------------text styles-------------------------------------------*/

h1 {
	font:22px Georgia, "Times New Roman", Times, serif;
	color:#e59104;
	margin:0 0 22px 0;
	border-bottom:1px solid #e59104;
	padding:0 0 10px 0;
}

h2 {
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#e59104;
	margin:0 0 10px 0;
}

h3 {
	font:16px Georgia, "Times New Roman", Times, serif;
	color:#e59104;
	margin:0 0 8px 0;
}

p {
	font:14px Arial, Helvetica, sans-serif;
	color:#355059;
	margin:0 0 15px 0;
	line-height:20px;
}

strong {
	color:#e59104;
}

#content a {
	color:#e59104;
}

#content a:hover {
	text-decoration:none;
}

blockquote {
	font:22px Arial, Helvetica, sans-serif;
	color:#e59104;
	padding:10px 30px 25px;
}

/*------------------------------------------header----------------------------------------------*/

#topbar {
	background:url(/assets/images/skins/default/topbar/bg.png) top left no-repeat;
	width:853px;
	height:56px;
}

#topbar .logo {
	margin:4px 0 0 12px;
	border:none;
}

/*-----------------------------------main area of content---------------------------------------*/

#content {
	margin:9px 0 0 0;
	padding:16px 25px;
	width:803px;
	background:url(/assets/images/skins/default/content.png) top left no-repeat;
}

#content .mainbody {
	width:581px;
	border-right:1px dotted #a9c4cd;
	margin:0 20px 0 0;
	padding:0 17px 0 0;
	color:#355059;
	min-height: 350px;
}

#content .mainbody-inner {
	width:603px;
	border-left:1px dotted #a9c4cd;
	margin:0 0 0 20px;
	padding:0 0 0 17px;
	color:#355059;
}

#content .mainbody-wide {
	color:#355059;
	min-height: 350px;
}

/*----------------------------------------right side--------------------------------------------*/

.demo {
	width:184px;
}

.demo img {
	margin:0 0 3px 0;
}

.purchaser .demo,
.supplier .demo,
.market .demo {
	width:162px;
	margin:25px 0 0 0;
}


.credit {
	margin:120px 0 0 0;
}

/*------------------------------------------footer----------------------------------------------*/

#footer {
	width:799px;
	height:39px;
	line-height:39px;
	background:url(/assets/images/skins/default/footer.gif) top left no-repeat;
	padding:8px 27px;
	color:#355059;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#footer a {
	color:#355059;
	text-decoration:none;
}

#footer a:hover {
	color:#e59104;
}

/*-----------------------------------------content ul-------------------------------------------*/

#content .mainbody-inner ul li {
	background:url(/assets/images/skins/default/bullet.gif) 2px 14px no-repeat;
	padding:10px 5px 10px 15px;
	border-bottom:1px dotted #a9c4cd;
}

/*------------------------------------------home page-------------------------------------------*/

.home h1 { margin:0 0 4px 0; }
.home h3 { margin:0 0 20px 0; }

/*slideshow*/

ul#slideshow {
	height:201px;
	width:853px;
	background:url(/assets/images/skins/default/slideshow/bg.png) top left no-repeat;
	margin:9px 0 0 0;
	position:relative;
}

ul#slideshow li img {
	margin:42px 0 0 138px;
}



ul#slideshow li.title {
	font:20px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	position:absolute;
	margin:6px 0 0 26px;
}


/*-----------------------------------------Market Place-----------------------------------------*/

div.purchaser,
div.supplier {
	float:left;
	width:240px;
	margin:0 0 0 40px;
}

#slide_holder {
background-image: url(/assets/images/skins/default/slideshow/bg.png);
background-repeat: no-repeat;
height: 201px;
overflow: hidden;
position: relative;
text-align: left;
width: 853px;
z-index: 10;
margin:9px 0 0 0;
}