html{ 
  margin:0; 
  padding:0; 
  text-align:center; 
  background-image:  url("./images/clouds-background.jpg");  
  background-position: top left; 
  background-repeat: no-repeat;    
} 

body { 
  margin:0; 
  padding:0; 
  text-align:center; 
  font-family:verdana;
  color:#606f7d;
  font-size:12px;
} 

a {
  color:#008ccd;
  text-decoration:none;
}

a:hover {
  color:#859d00;
  text-decoration:underline;
}

h1 {
  font-size:18px;
} 

h1 {
  font-size:16px;
  border-bottom: 1px solid #ecf0f1;
  margin:0;
  padding:0 0 5px 0;
}

h2 {
  font-size:16px;
  border-bottom: 1px solid #ecf0f1;
  margin:0;
  padding:0 0 5px 0;
}

h3 {
  font-size:14px;
  border-bottom: 1px solid #ecf0f1;
  margin:0;
  padding:0 0 5px 0;
  text-align:center;
}

p {
  font-size:12px;
  font-weight:normal; 
}

.graph {
  margin:10px 0 20px;
  padding:0;
  text-align:center;
  font-weight:bold;
}

.client-name {
  margin:10px 0;
  padding:0;
  text-align:center;
  font-weight:bold;
}

.detail {
  padding:10px;
  background-color:#d9ebf7;
}  
#pagewidth { 
  width:750px; 
  text-align:left;  
  margin-left:auto; 
  margin-right:auto;  
} 
 
#header {
  position:relative; 
  width:100%;
  text-align:center;
}

#logo {
  position:relative; 
  width:750px;
  height:75px;
  margin:50px 0 10px 0;
  padding:0;
}

#logo h2 {
  width:100px;
  height:75px;
  font-size:14px;
  margin:0;
  padding:0;
  float:left;
}


#logo h2 a {
  width:200px;
  display:block;
  height:75px;
  font-size:14px;
  margin:0;
  padding:0;
  background-color:none;
  background-image:  url("./images/logo-simpco-tech.gif");  
  background-position: top left; 
  background-repeat: no-repeat;
  text-indent:-9999px;    
}  

#logo p {
  width:600px;
  font-size:14px;
  margin:0;
  padding:0;
  float:left;
}

#menu {
  position:relative; 
  width:750px;
  margin:0 0 10px 0;
  padding:7px 0;
  background-color:#5abbe3;
} 

#menu li {
  padding:0;
  margin:0 15px 0 0;
  display:inline;
  color:#fff; 
}

#menu a {
  padding:0;
  margin:0;
  color:#fff;
} 

#menu a:hover {
  padding:0;
  margin:0;
} 

#twocols {
  width:750px; 
  float:right; 
  position:relative; 
}
 
#rightcol {
  width:215px; 
  float:right; 
  position:relative;
  margin:0;
  padding:10px 0 10px 10px; 
}

#rightcol ul {
  width:215px;
  list-style:none;
  padding:0;
  margin:0;
}

#rightcol li {
  width:205px;
  list-style:none;
  padding:5px 5px 0 5px;
  margin:0;
  font-size:12px;
}

#rightcol li a {
  margin:0;
  padding:0 0 0 10px;
  background-image:  url("./images/ico-arrow.gif");  
  background-repeat: no-repeat;
  background-position: center left;  
}

#rightcol a {
  color:#859d00;
  text-decoration:none;
}

#rightcol a:hover {
  color:#859d00;
  text-decoration:underline;
}
 
#maincol {
  margin:0;
  padding:10px;
  float: left; 
  display:inline; 
  position: relative; 
  width:504px;
  border-right:1px solid #d1d2d3; 
}
 
#footer{
  margin:0;
  padding:0 0 0 0;
  border-top:1px solid #d1d2d3; 
  height:150px; 
  clear:both;
  text-align:center;
}

#footer p {
  font-size:10px;
}

#footer ul {
  margin:0;
  padding:15px 0 0 0;
  width:750px;
  text-align:center;
}

#footer li {
  margin:0;
  padding:0 10px 0 0;
  display:inline;
  text-align:center;
}

#footer li a {
  margin:0;
  padding:0;
  display:inline;
  text-align:center;
}  
 
#wrapper {
  clear:both;
}

.indentmenu{
font: bold 13px Arial;
width: 750px; /*leave this value as is in most cases*/
text-align:center;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 750px; /*width of menu*/
border: 1px solid #fff; /*dark purple border*/
border-width: 1px 0;
background: #fff url(./images/indentbg.gif) center center repeat-x;
text-align:center;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #fff; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(./images/indentbg2.gif) center center repeat-x;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}