/* Start of CMSMS style sheet 'Main Layout' */
@charset "utf-8";
/* CSS Document */

<!--

body{
	background: #CCCCCC;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

body.oneColFixCtrHdr {
	background: #CCCCCC;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

/* center wrapper, min max width */
div#container{
   margin: 15px auto;     /* this centers wrapper */
   max-width: 80em;  /* IE wont understand these, so we will use javascript magick */
   /*min-width: 60em;*/
   background-color: #fff;;
   color: #333;
   width: 780px;
   text-align: left;
   border:1px solid #999;

}


div#header {
   height: 70px; /* adjust according your image size */
   background: #FFFFFF;   
   position:relative;      
}

div#header h1 {
   width: 190px;       
}


div#header h1 a {
/* you can set your own image here */
   background: #FFFFFF url(/uploads/images/client_logo_convergent.gif) no-repeat; 
   display:block;
   margin-top: 15px;
   margin-left: 15px;
   height: 63px;             /* adjust according your image size */
   width: 200px;              /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#header div.logo {
   width: 150px;       
}


div#header div.logo a {
/* you can set your own image here */
   background: #FFFFFF url(/uploads/images/client_logo_convergent.gif) no-repeat; 
   display:block;
   margin-top: 15px;
   height: 110px;             /* adjust according your image size */
   width: 150px;              /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

/* MAIN */


div#main {
   margin-left: 23%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 15%; /* and some air on the right */
}

/* MAIN CONTENT */

div#mainContent {
  margin: 0em 1.5em 4em 1.5em;
}

/* MAIN PRODUCTS */

div#mainProducts {
   margin-left: 23%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 25%; /* and some air on the right */
}

div#mainProducts p {
   color:#333333;
   font-size:12px;
   line-height:20px;
}

div#mainProducts ul {
  list-style: square;
  margin: .7em .5em 0 1.1em;
  padding-left: 0;
}

div#mainProducts ul li {
  margin-left: 0;
  padding-left: 0;     /* distance between marker and text */
  margin-bottom: .6em; /* a little spacing between list items */
  line-height: 18px;
  color: #333;
}

div#mainProducts div.demoWindow {
  width: 160px;
  float: right;
  margin: 12px;
  padding: 10px;
  border: 1px dashed #CCCCCC;
}

/* RIGHT COLUMN */

div#rightColumn{
   float: right;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 20%;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin: 4.2em 1.4em 0 0;
   background-color: #EDEDED;
   padding: .8em;
}

div#rightColumn p {
   color:#333333;
   font-size:12px;
   line-height:20px;
}


div#rightColumn ul {
  list-style: square;
  margin: .7em .5em 0 1.8em;
  padding-left: 0;
}

div#rightColumn ul li {
  margin-left: 0;
  padding-left: 0;     /* distance between marker and text */
  margin-bottom: .6em; /* a little spacing between list items */
  line-height: 18px;
  color: #333;
}


/* SIDEBAR */

div#sidebar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 20%;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
}

/* BREADCRUMBS */

div.breadcrumbs {
font-family:Verdana,Arial,Helvetica,sans-serif;
   padding: 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 7pt;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   color: #666666;
   margin: 1em 1em 1em 23%;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
}

div.breadcrumbs a { 
   text-decoration: none; 
   color: #666666;
 } 

div.breadcrumbs span.lastitem { 
  color: #006699;
 } 

/* SEARCH */

div.searchBox {
   float:right;
   margin: 6.2em 1.2em 0;
}


/* PANELS */

.panel {
	padding: 0;
	margin: 0;
}

.panel>div.stripe {
	height: 2px;
	background-color:#006699;
	margin-bottom:2px;
}

.panel div.panelContents {
	clear:both;
	margin: 0;
	padding: .8em;
}

.panel div.panelContents div.panelIcon {
	float: left;
	margin: 1px;
	width: 60px;
	height: 295px;
}

.panel div.panelContents div.panelText {
	margin-left: 5px;
	width: auto;
}

.homeLeftPanel {
	float: left;
	width: 25%;
	background: #FFFFFF url(/uploads/images/panel-bg.png) top left no-repeat; 
	border-top: 1px solid #CCCCCC;
}
.homeCenterPanel {
	float: left;
	width: 50%;
}

.homeRightPanel {
	float: right;
	width: 25%;
	background: #FFFFFF url(/uploads/images/panel-bg.png) top left no-repeat; 
	border-top: 1px solid #CCCCCC;
}


-->


/* End of 'Main Layout' */