/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family:"Arial";
 font-size:12px;
 background-color:#A7B1BA;
 
} 

#pagewidth{ 
 width:863px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  

 
} 
 
#header{
 position:relative; 
 height:98px; 
 background-color:#000000;
 background-image:url(/images/top_bg.jpg);
 background-repeat:repeat-x; 

} 

#left-header{
 position:relative; 
 height:98px; 
 background-color:#000000;
 background-image:url(/images/top_left.jpg);
 float:left;
 width:31px;
} 

#mid-header{
 position:relative; 
 
 float:right;
 width:570px;
 float:left;
 margin-top:20px;

} 

#login-txt{
 position:relative; 
 float:left;
 margin-top:50px;
 text-align:right;
 line-height:16px;
} 

#right-header{
 position:relative; 
 height:98px; 
 background-color:#000000;
 background-image:url(/images/top_right.jpg);
float:right;
 width:31px;
} 
 
#maincol{
 float: left; 
 background-image:url(/images/main_area_bg.jpg);
 background-repeat:repeat-y;
 position: relative; 
 width:863px; 
 padding-left:34px;
 }
 .maincolumn{
 float: left; 
 background-image:url(/images/main_area_bg.jpg);
 background-repeat:repeat-y;
 position: relative; 
 width:863px; 
 padding-left:34px;
 font-size:12px;
 }
 .maincolumn td {
 font-family:"Arial";
 font-size:12px;
 background-color:#fff;
 }
 #menus
 {
  float:left;
  width:790px;
  height:35px;
  background-image:url(/images/menu_line.jpg);
  background-repeat:repeat-x;
 } 
 
 #menu-items
 {
  float:left;
  width:522px;
  height:35px;
  background-image:url(/images/menu_bg.jpg);
  background-repeat:repeat-x;
  text-align:center

 }
 
 #menu-items a{ text-decoration:none; color:#FFFFFF}
 #menu-items td:hover{background-color: #6699CC;}


.menu-lists{
  font-family:Verdana;
  font-size:13px;
  color:#FFFFFF;
  font-weight:bold;
}

#unique-users{float:right;color:#005890; }
#crowd-size{float:right;  color:#666666}

#crowd-size strong { color:#990000}

#Quotes{
 float: left; 
 background-image:url(/images/main_area_bg.jpg);
 background-repeat:repeat-y;
 position: relative; 
 width:863px; 
 height:67px;
 padding-left:34px;
 }
 
 #Process{
 float: left; 
 background-image:url(/images/main_area_bg.jpg);
 background-repeat:repeat-y;
 position: relative; 
 width:863px; 
 height:189px;
 padding-left:34px;
 }
 
.Process-Heading{ font-family:"Verdana"; font-size:17px; color:#327FB2; }
.Process-Txt-Bottom { font-size:14px; font-weight:bold; color:#FF6600; background-image:url(/images/process_img/Process_bg.jpg); background-repeat:no-repeat; background-position:bottom;}
#tags{
background-image:url(/images/quotes.jpg);
background-repeat:no-repeat;
height:58px;
width:493px;
float:left;
text-align:center;
padding-top:10px;
font-size:16px;
font-weight:bold;
color:#FF9900;
} 
 
#tags i{ color:#000000}

#maincol-text{
 float: left; 
 background-image:url(/images/main_area_bg.jpg);
 background-repeat:repeat-y;
 position: relative; 
 width:863px; 
 padding-left:34px;
 }
 
#intro-main {
background-image:url(/images/intro-main-bg.jpg);
background-repeat:repeat-y;
font-family:"Arial";
font-size:12px;
color:#666666;
font-weight:normal;
text-align:left;
padding-left:10px;
padding-right:15px;
width:463px;

}


#try-out{
background-image:url(/images/process_img/try_out_mid.gif);
background-repeat:repeat-y;
font-family:"Arial";
font-size:12px;
color:#666666;
font-weight:normal;
text-align:left;
padding-left:10px;
padding-right:10px;
width:342px;
float:left;

}

.try-out-txt-bg { background-image:url(/images/process_img/try-out-txt-bg.gif); background-repeat:no-repeat; }
.try-out-textarea {	border:0px;}
.askit-headings {font-size:25px; color:#006699}
.results{ width:395px; height:118px; overflow:auto;  text-align:left; background:#FFFFFF; background-repeat:no-repeat; }

.intro-txt-heading{font-family:"Century Gothic"; font-size:26px; color:#000000 }


#globe-knowledge 
{
background-image:url(/images/knowledge-globe.jpg);
height:55px;
width:302px;
float:left;
text-align:center;
padding-top:10px;
}

.buysell
{
 color:#006699;
}

#footer{
 height:52px; 
 clear:both;
 } 
 
#left-footer{
 position:relative; 
 height:52px; 
 background-color:#000000;
 background-image:url(/images/footer_left.jpg);
 float:left;
 width:31px;
} 

#mid-footer{
 position:relative; 
 height:52px; 
 float:right;
 width:781px;
 float:left;

 background-image:url(/images/footer_bg.jpg);
 background-repeat:repeat-x;
 font-family:"Arial";
 font-size:11px;
 color:#666666;
 padding-top:10px;
 padding-left:20px;
} 

#mid-footer span{ color:#0066CC;}
#mid-footer a {color:#0066CC; text-decoration:none}
#mid-footer a:hover {color:#0066CC; text-decoration:underline}

#right-footer{
 position:relative; 
 height:52px; 
 background-color:#000000;
 background-image:url(/images/footer-right.jpg);
float:right;
 width:31px;
} 
 
 
 /* *** 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 */  
