body {
	background-color: #0079C2;
	font-family: "trebuchet ms", arial, verdana, sans-serif;
}

#mainwrapper {
	border: solid 15px #CCC;
	width:783px;
	margin:15px auto;
	background-color: #fff;
	padding-bottom:15px;
}

#header {
	width:783px;
}

#logo {
	width:210px;
	height:48px;
	float:left;
	margin:15px;
	background-image: url(images/healtheweb-site-logo2.jpg);
	background-repeat: no-repeat;
}

h1#logo a {
	width:210px;
	height:48px;
	text-decoration: none;
}
h1#logo a span {
	visibility:hidden;
	font-size:0.8em;
}

#strapline {
	height:48px;
	margin-top: 15px;
	margin-bottom:5px;
	line-height:48px;
	text-transform:lowercase;
	float:left;
}
.strapword {
	color: #0079C2;
}

#spinnycube {
	float:right;
	width:50px;
	height:50px;
}
#date {
	padding-top:3px;
	padding-right:10px;
	border-top: dotted 1px #CCC;
	font-size:0.6em;
	text-align:right;
}

h1, #picture {
	margin:0;
	padding:0;
}
#picture {
	margin:0;
	padding:0;
	height:121px;
}
#picture * {
	width:783px;
	height:121px;
}
#main-menu-wrapper {
	background-image: url(menu-buttons/menu-spacer.gif);
	background-repeat: repeat-x;
	background-position: top right;
	height:23px;
	margin:0;
	padding:0;
}
#main-menu {
	padding:0;
	margin:0;
}
#main-menu li {
	width:74px;
	height:23px;
	float:left;
	list-style:none;
	text-align:center;
	border-left: 1px solid #9fa2a9;
}

#main-menu li a{
	display:block; /* display hyperlinks as block so width + height apply */
	width:74px;
	height:23px;
	line-height:23px; /* vertically center the linktext */
	background-repeat: no-repeat; /* shouldn't be needed, but just in case */
	background-image: url(menu-buttons/blank.gif);
	font-size:0.7em;
	font-weight:bold;
	color:#000;
	text-decoration: none;
	text-transform: lowercase;
}

#main-menu li a:hover {
	background-image: url(menu-buttons/blank-hover.gif);
}

.narrow {
	float:left;
	width:420px 
}

#maincontent {
	padding-left:25px;
	padding-right:25px;
}
#maincontent h2 {
	font-size:1em;
}
#maincontent h2, #maincontent h3 {
	color:#888;
}
#maincontent h3 {
	font-size:0.9em;
}
#maincontent h3 .new, .lettere {
	color:#ef7f37;
}
#maincontent p, #maincontent ul, #clientlist {
	font-size:12px;
}
#maincontent p {
	padding-left:20px;
}

#clientsbox {
	margin:0;
	width:250px;
	float:right;
	border: solid #ccc 1px;
	padding:0 15px;
	margin-right:25px;
}

#clientsbox h4 {
	border-bottom:1px solid #ccc;
	color: #0079C2;
	font-size:0.8em;
	margin-bottom: 0px;
}

ul#clientlist {
	margin:0;
	padding:0;
}

ul#clientlist li {
	margin:0;
	padding:5px 0;
	list-style:none;
	text-align:right;
}
ul#clientlist li a img{
	border: 0;
}
#linklist li {
	list-style-image: url('images/arrow.gif');
}

.client {
	margin:0;
	width:238px;
	width:23.8em;
	height:140px;
	height:16em;
	border: dotted #666666  1px; 
	font-size: 10px; 
	background-color: #F7F7F7; 
	padding: 2px;
	float:left;
}
.client h5 {
	margin-top:0;
	margin-bottom:0;
	font-size:12px;
	font-weight:bold;
}
.client h5, .client p {
	font-size:1em;
	margin-left:80px;
}

/* requires specific rule to overide #maincontent p font setting from above, for some reason */
#maincontent div.client p {
	padding-left: 0;	
	font-size:10px;
	padding-right:5px;
}
.client img {
	float:left;
}