/* Common */
body,table,input,select,textarea { 
  font-family:Verdana, Arial, sans-serif; 
  font-size:100%;
  line-height:1.125em;
}

/* Remove padding and margin */
*
{
  margin: 0;
  padding: 0;
  border: 0;
}

body {   
  color:#666;
  background:#224055 url('../images/i-bg-circles-l.gif') no-repeat;  
}

#content p, #content ul, #content dl, #content ol { 
  margin:1em 0 1em 0;
  font-size:0.69em;
}

dl.col dt { 
  float:left; 
  width:6em;    
}

dl.col dd { 
  margin-left:7em;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clear-right:after {
  content:".";
  height:1px;
  display:block;
  clear:right;
  visibility:hidden;
}

.clr{
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}

/* Layout */

#wrapper-1 {
  background:transparent url('../images/i-bg-circles-r.gif') no-repeat 100% 100%;  
}

#wrapper-2 {
  width:972px;
  margin:0 auto;
}

#shadow-l {
  background:transparent url('../images/i-shadow-l.png') repeat-y;
  width:972px;    
}

#shadow-r {
  background:transparent url('../images/i-shadow-r.png') repeat-y top right;
  width:976px;  
}

#wrapper-3 {
  background-color:#fff;
  margin:0 8px;
}

#side-column {
  width:240px;
}

#side-column .logo {
  margin:0 0 0 12px;
}

#side-column .nav-side li {
  list-style:none;
  
}

#side-column .nav-side a {
  text-decoration:none;
  font-size:0.69em;
  color:#666;
  line-height:27px;
  display:block;
  padding:0 30px;
}

#side-column .nav-side a:hover {
  background:#f2f7fb url('../images/i-nav-hover.gif') repeat-y;
  color:#000;
}

#side-column ul.sub-nav {
  background:#f2f7fb url('../images/i-nav-hover.gif') repeat-y;  
}

#side-column ul.sub-nav a {
  color:#4B8CB9;
  padding:0 10px 0 40px;    
}

#side-column .nav-side ul.sub-nav a:hover, #side-column .nav-side a.active {
  background:#f2f7fb url('../images/i-nav-sub-hover.gif') repeat-y; 
}

#content {  
  background:transparent url('../images/i-shadow-l.gif') repeat-y;
  margin:0 0 0 232px;    
}

#shadow-b {
  height:21px;
  background:transparent url('../images/i-shadow-b-projects.png') no-repeat;
}

#footer {
  background:transparent url('../images/i-footer.png') no-repeat;    
  color:#c9dcec;
  padding:10px 30px;
  height:196px;  
}

#footer h2 {
  color:#93bad9;
}

#footer ul, #footer dl {
  font-size:0.69em;
}

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

#footer .quick-links {
  width:480px;
}

#footer .quick-links ul {
  width:200px;
  float:left;  
}

#footer .quick-links li {
  list-style:none;  
}

#footer .quick-links a {
  padding:0 0 0 10px;
}

#footer .quick-links a:hover {  
  background:transparent url('../images/g-double-arrows.gif') no-repeat 0 50%;
}

/* Content Highlights */

#content div.highlight-design {
  background: transparent url('../images/g-highlight-t-design.gif') no-repeat scroll top left;
  display: block;      
  width: 224px;            
  padding: 0 0 15px 0; /* sliding doors padding */  
}

#content div.highlight-design div.highlight-inner {
  background: transparent url('../images/g-highlight-b-design.gif') no-repeat bottom left;
  display:block;  
  width: 224px;
  padding: 0 0 30px 20px; 
}

#content div.highlight-design p {
  margin:1em 30px 1em 0;  
}

#content div.highlight-mail {
  background: transparent url('../images/g-highlight-t-mail.gif') no-repeat scroll top left;
  display: block;    
  width: 224px;            
  padding: 0 0 15px 0; /* sliding doors padding */  
}

#content div.highlight-mail div.highlight-inner {
  background: transparent url('../images/g-highlight-b-mail.gif') no-repeat bottom left;
  display:block;  
  width: 224px;
  padding: 0 0 30px 20px; 
}

#content div.highlight-mail p {
  margin:1em 30px 1em 0;  
}

#content div.highlight-post {
  background: transparent url('../images/g-highlight-t-post.gif') no-repeat scroll top left;
  display: block;      
  width: 224px;            
  padding: 0 0 15px 0; /* sliding doors padding */  
}

#content div.highlight-post div.highlight-inner {
  background: transparent url('../images/g-highlight-b-post.gif') no-repeat bottom left;
  display:block;  
  width: 224px;
  padding: 0 0 30px 20px; 
}

#content div.highlight-post p {
  margin:1em 30px 1em 0;  
}

#content div.highlight-design h2 { color:#224055; margin:20px 0 0 0; }
#content div.highlight-mail h2 { color:#9b678e; margin:20px 0 0 0; }
#content div.highlight-post h2 { color:#3c856e; margin:20px 0 0 0; }

#content ul.highlight-list li {
  list-style:none;
  float:left;
  width:160px;
  height:75px;
  margin:0 5px 0 0;
  padding:0;  
}

#content ul.highlight-list {
  margin:0;
  padding:0;
  vertical-align:top;
}

#content ul.highlight-list img {
  border:#c9dcec solid 1px;
  margin:0 5px 0 0;
}

/* Content*/

h1 {
  font:normal 1.375em 'Trebuchet MS', Arial, sans-serif;
  color:#224055;
  margin:0 0 30px 0;
}

h2 {
  font:normal 1.125em 'Trebuchet MS', Arial, sans-serif;
  color:#224055;
  margin:20px 0;
}

h3 {
  font:bold 0.69em Verdana, Arial, sans-serif;
  color:#4B8CB9;
  margin:15px 0 5px 0;
}

#content ul, #content ol {
  margin:1em 0 1em 3em;
}

#content ol {
  font-weight:bold;
}

#content ol li {
  margin:1em 0;  
}

#content ol ol, #content ol ul {
  font-size:1em;
  margin:0 2.4em;
  font-weight:normal;
}

#content ol p {
  font-size:1em;
  font-weight:normal;
}

#content ol li {
  font-weight:normal;
}

/* Terms Counter Increments */

#content div.main-list {
  counter-reset: item;
  counter-reset: group;
}

#content ol ol, #content ul {
  counter-increment:group;  
}

#content ol li ol li, #content ol li ul li {
  counter-increment: row;
  list-style:none;
}
#content ol li li:before {
  content: counter(group, decimal) ". " counter(row);
  font-weight:bold;
  padding:0 10px 0 0;
  margin:0 0 0 -35px;
}

.reports {
  width:320px;
  float:left;
  padding-right:10px;
}

.reports img {
  float:left;
  padding-right:5px;
}