/*
Clients list, 25.11.09
Copyright (C) 2009 Bogdan Pop of WebRaptor (http://www.bogdanpop.info, http://www.webraptor.eu)
Published by Web International Awards (http://www.webia.info)

Released under Creative Commons Attribution 3.0 (http://creativecommons.org/licenses/by/3.0)
If you modify this source codes and use it in your own projects you must not modify or remove the above credits. 
However, you may add your own below this line.
*/
/* reset basic styling and set rounded corners */
*										{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-size:inherit; }
.all-rounded,
ul.services li a,
ul.clients li a							{ border-radius:9px; -moz-border-radius:9px; -webkit-border-radius: 9px; }
.btlft-rounded							{ border-bottom-left-radius:9px; -moz-border-radius-bottomleft:9px; -webkit-border-bottom-left-radius:9px; }
.btrght-rounded							{ border-bottom-right-radius:9px; -moz-border-radius-bottomright:9px; -webkit-border-bottom-right-radius:9px; }
.top-rounded							{ border-top-left-radius:9px; -moz-border-radius-topleft:9px; -webkit-border-top-left-radius:9px; 
										  border-top-right-radius:9px; -moz-border-radius-topright:9px; -webkit-border-top-right-radius:9px; }

/* styling of the general structure: size, position and alike */
header									{ display:block; width:801px; height:40px; margin:0px auto; margin-top:100px; border:1px solid #888; 
										  border-bottom:none; }
header h1, header h2					{ display:block; margin:0px; padding:0px; }
header h1								{ width:200px; float:left; }
section									{ display:block; width:803px; margin:0px auto; margin-bottom:50px; overflow:auto; }
ul										{ display:block; float:left; list-style:none; padding-bottom:15px; }
ul.services								{ width:200px; }
ul.clients								{ width:600px; }

/* visual styling: colors, font size etc */
header									{ background:#999 url('../images/top.png') repeat-x; }
header h1, header h2					{ font-size:20px; color:#F6F6F6; line-height:40px; text-align:center; }
ul.services								{ background-color:#999; border:1px solid #888; border-right:none; }
ul.clients								{ background-color:#F0F0F0; border:1px solid #888; }

ul.services a, ul.clients a				{ text-decoration:none; }
ul.services li a						{ display:block; color:#F0F0F0; height:23px; line-height:25px; padding:0px 5px; border:1px solid #999; }
ul.services li a:hover					{ color:#222222; line-height:25px; padding:0px 5px; border:1px solid #222222; 
										  background:#999 url('../images/hover_services.png'); }
ul.services li ul						{ margin-left:20px; }
ul.services li							{ overflow:hidden; }

ul.clients li a							{ display:block; float:left; width:138px; padding:0px 5px; line-height:25px; height:23px; text-align:center; 
										  border:1px solid #F0F0F0; color:#222222; }
ul.clients li a:hover					{ color:#222222; line-height:25px; padding:0px 5px; border:1px solid #222222; 
										  background:#999 url('../images/hover_services.png'); }
										
ul.services li a.selected,
ul.clients li a.selected				{ color:#222222; line-height:25px; padding:0px 5px; border:1px solid #222222; 
										  background:#999 url('../images/hover_services.png'); }