@import url "reset.css";

body {
	margin:0 auto;
}

p {
	font-family: helvetica;
	font-size: 14px;
	line-height: 20px;
	padding: 20px 30px 20px 30px;
	margin: 0;
	color: #666;
}

ul, li {
	font-family: helvetica;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	color: #666;
}

h1, h2, h3, h4 ,h5, h6 {
	font-family:helvetica;
	padding: 0 0 0 30px;
}

h3 {
	font-family:helvetica;	
}

#wrap {
	padding:0 4px 0 0;
	width: 994px;
	margin: 0 auto;
	background: #fff url(/images/body_bg.jpg) 0 0 repeat-y;	
}

#header {
	width: 986px;
	margin:0 auto;
	height: 75px;
	background: #fff url(/images/header_bg.jpg) 0 0 repeat-x;
}

.logo {
	padding: 0 0 0 30px;
	float: left;
}

.tag {
	float: right;
	margin: 15px 30px 0 0;
	font-size: 24px;
	color: #000;
	text-shadow: 0 1px #fff;
}

#navigation {
	width: 986px;
	margin:0 auto;
	height: 30px;
	background: url(/images/nav_bg.jpg) top left repeat-x;
}

#navigation ul {
	padding: 4px 0 0 20px;
	margin: 0;
}

#navigation ul li {
	list-style: none;
	font-family: helvetica;
	font-size: 18px;
	font-style: bold;
}

#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:active,
#navigation ul li a:visited{
	display:block;
	float: left;
	line-height: 25px;
	text-decoration: none;
	color: #000;
	background: url(/images/tab_bg_hover.jpg) bottom left repeat-x;
	height: 25px;
	padding: 0 20px 0 20px;
	margin: 0 10px 0 10px;
	-moz-border-radius-topleft: 7px; 
	-moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px; 
    -webkit-border-top-left-radius: 7px;
}

#navigation ul li a:hover {
	color: #fff;
	background: #353535;
}

#navigation ul li a.selected {
	background: #fff;
	color: #000;
	border-top: solid 1px #b3b3b3;
	border-left: solid 1px #b3b3b3;
	border-right: solid 1px #b3b3b3;	
}

#showcase {
	width: 986px;
	background: #fff;
	margin:0 auto;
}

#shelf {
	border-top:solid #b3b3b3 1px;
	border-bottom:solid #b3b3b3 1px;
	margin:0 auto;
	height: 220px;
	width: 986px;
	background: #eee;
}

#shelf-inner {
	margin: 0 auto;
	width: 940px;
	padding: 21px 0;
}

div.feature {
	float: left;
	width: 220px;
	margin: 0 20px 24px 0;
	
}

div.feature p {
	margin: 0;
	font-size: 12px;
	line-height: 22px;
}

div.feature h3 {
	font-size: 14px;
}

div.feature img {
	float: left;
	margin: 5px 10px 0 0;
	border: #2d7075 solid 1px;
}


#main {
	margin:0 auto;
	width:986px;
}

#content {
	width:609px;
	float:left;
}

#customers {
	width:377px;
	float:right;
}

#footer {
	margin:0 auto;
	height: 300px;
	width: 986px;
	background:#ddd;
	clear:both;
	border-top: solid 1px #666;
}

#footer ul.menu {
	padding: 30px 0 0 20px;
	
}

#footer ul.menu li {
	list-style: none;
	border: none;
	font-size: 12px;
	font-family: helvetica;
	line-height: 12px;
}

#footer ul.menu li a {
	color: #666;
	text-decoration: none;
}

#footer ul.menu li a:hover {
	color: #000;
	text-decoration: none;
}

#footer ul.menu li.column {
	float: left;
	padding: 0 5px 0 10px;
	border-right: solid 1px #666;
}

#footer ul.menu li.column a {
	font-style: bold;
}

#footer ul.menu li.column ul.list {
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
}

#footer ul.menu li.column ul.list li.leaf {
	padding: 5px 0 0 0 ;
}