/****************************************
Classes
****************************************/
/* Classes */
 
.clear          { clear:both; }
 
.float-left      { float:left; }
.float-right    { float:right; }
 
.text-left      { text-align:left; }
.text-right    { text-align:right; }
.text-center { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#161616; color:#0fb2fc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nomargin    { margin:0; }
.nopadding    { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet       { list-style:none;list-style-image:none; }

/****************************************
Body
****************************************/

html, body {
     border:0;
     margin:0;
     padding:0;
     }
 
body {
     background:#4f5468 url(img/wd2.gif) repeat-x fixed;
     font:62.5%  arial, helvetica, sans-serif;
     }


/****************************************
Structural Divs
****************************************/

#wrapper {
     width:750px;
     margin:21px auto;
     }

#top {
     width:750px;
     height:82px;
     background: transparent url(images/top-image.jpg) no-repeat top left;
     }

#logo {
     padding:10px 0 0 7px; 
     }

#header {
     width:750px;
     height:200px;
     background: transparent url(images/header-bg.png) repeat-x top left;
     }

#pg-header {
     width:750px;
     height:35px;
     background: transparent url(images/header-bg.png) repeat-x bottom left;
     }


#intro {
     width:450px;
     float:left;
     display:inline; 
     margin:0 0 0 17px;  
     }

#intro h2 {
     font: normal 1.6em/1.5em Tahoma, Arial, Sans-serif;
     color:white;     
     margin:11px 0;
     }

#intro p {
     font: normal 1.3em/1.5em Tahoma, Arial, Sans-serif;
     color:white;   
     }

#screen {
     width:219px;
     height:160px;
     float:right;
     display:inline;
     margin:10px 17px 0 0;
     background: transparent url(images/screen.jpg) repeat-x top left;     
     }

#main_content {
     width:704px;
     background: #fff url(images/main-content-bg.png) no-repeat 0 3px;  
     padding:23px;
     }

#main_content p {
     font: normal 1.3em/1.7em Tahoma, Arial, Sans-serif; 
     margin:0 0 17px 0;
     color:#333;
     }

#main_content h2 {
     font: normal 1.9em/1.0em Tahoma, Arial, Sans-serif; 
     margin:17px 0;
     color:#111;
     }

#main_content h3 {
     font: bold 1.3em/1.3em Tahoma, Arial, Sans-serif; 
     margin:7px 0;
     color:#222;
     }

#main_content h4 {
     font: normal 1.9em/1.0em Tahoma, Arial, Sans-serif; 
     color:#111;
     border-bottom:1px solid #ddd;
     padding-bottom:3px;
     }

#board {
     width:704px;
     height:197px;
     background: #fff url(images/board-bg.jpg) no-repeat top left;  
     margin:0;
     }

#features {
     width:200px;
     float:left;
     display:inline; 
     margin:0 0 0 242px;
     padding:47px 0 0 0;
     }

#benefits {
     width:200px;
     float:left;
     display:inline; 
     margin:0 0 0 27px;
     padding:47px 0 0 0;
     }

#content {
     width:704px;
     float:left;
     display:inline; 
     margin:0 0 0 0;  
     display:inline;
     }

.thumb-container {
     width:710px;
     margin:17px 0;
     }

.thumb-text {
     width:270px;
     height:160px;
     float:left;     
     }

.thumb {
     width:190px;
     height:131px;
     float:left;  
     border:2px solid #ccc;
     padding:2px; 
     margin-left:17px;
     display:inline;
     }

.thumb-manage {
     width:190px;
     height:131px;
     float:left; 
     border:2px solid #ccc;
     padding:2px;     
     margin-left:17px;
     display:inline;
     }

#footer {
     width:750px;
     height:18px;
     background: #fff url(images/footer-bg.jpg) no-repeat top left;  
     }




/****************************************
typography
****************************************/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}




/****************************************
Lists
****************************************/
#content ul {
     margin:0;
     padding:0;
     list-style:none;
     }

#content li {
     font: normal 1.2em/1.7em Tahoma, Arial, Sans-serif; 
     margin:7px 0; 
     padding-left:27px;
     color:#222;
     background: #fff url(images/arrow.png) no-repeat  0 3px;
     }

.screen-list ul {
     margin:0;
     padding:0;
     list-style:none;
     }

.screen-list li {
     font: normal 1.1em/1.3em Tahoma, Arial, Sans-serif; 
     margin:3px 0; 
     padding-left:0;
     color:#f5f5f5;
     background: transparent url(images/box-bullet.png) no-repeat  0 3px;
     }

.chart-list ul {
     margin:0;
     padding:0;
     list-style:none;
     }

.chart-list li {
     font: normal 1.3em/1.3em Tahoma, Arial, Sans-serif; 
     margin:3px 0; 
     padding-left:0;
     color:#111;
     background: transparent url(images/box-bullet.png) no-repeat  0 3px;
     }
/****************************************
Navigation
****************************************/
#navcontainer{padding:0 0 0 7px;position:relative;height:30px;background:#191919;width:500px;font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;}
#pg-navcontainer{padding:5px 0 0 7px;position:relative;height:30px;background:#191919;width:500px;font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;}
#navlist{position:relative;font-size:13px;font-weight:bold;}
#navlist ul{margin:0px;padding:0 0 0 0;list-style-type:none;width:auto;float:left;}
#navlist ul li{display:block;float:left;margin:0 1px;}
#navlist ul li a{display:block;float:left;color:#f5f5f5;text-decoration:none;padding:0 0 0 12px;height:30px;line-height:195%;}
#navlist ul li a span{padding:0 12px 0 0;}
#navlist ul li a:hover, #navlist ul li a.current{color:#111;background:#fff url(images/nav/topleft.gif) no-repeat top left;}
#navlist ul li a:hover span, #navlist ul li a.current span{display:block;width:auto;background:#fff url(images/nav/topright.gif) no-repeat top right;}