/* LOGO AREA */

div#logo .container
{
  padding: 0px;
  height: 100%;
}
div#logo_footer,
div#logo_footer .container
{
  height: 100%;
  padding: 0px;
}

div#logo a:hover,
div#logo a:link,
div#logo a:active,
div#logo a:visited
{
  text-decoration: none;
}

div#logo  div.img
{
  margin-left: 65px;
  margin-top: 5px;
  float: left;
}

div#logo .container div
{
  float: left;
  position: relative;
}

div#logo p
{
  font-size: 1.4em;
  color: #ffffff;
  margin: 10px 0px 0px 25px;
  height: 35px;
}

div#logo p.top
{
  margin-left: 35px;
  margin-bottom: -15px;
  margin-top: 15px;
}

div#logo p.logo_textbox
{
  background-image: url(../images/logo/textbox.png);  
  width: 266px;
  height: 36px;
  margin-top: 12px;
}

div#logo p.logo_textbox input
{
  border-style: none;
  font-size: 0.8em;
  font-family: Tahoma, Sans-Serif;
  margin: 7px 0px 0px 10px;
  width: 190px;
  position: absolute;
}

div#logo p.button
{
  margin: 0;
  padding: 0;
  height: auto;
  width: 273px;
  margin: 15px 0 0 25px;
}


div#logo a.reg_button,
div#logo a.visit_button
{
  font-size: 0.8em;
  color: #ffffff;
  display: block;
  text-align: center;
  height: 44px;
}


div#logo a.reg_button
{
  background-image: url(../images/logo/reg_button.png);
  line-height: 36px;
  /*margin-top: 25px;
  width: 273px; */
  
}

div#logo a.visit_button
{
  background-image: url(../images/logo/visit_button.png);
  line-height: 38px;
  position: absolute;/*
  bottom: -22px;*/
  width: 273px;
}

div#logo_footer p
{
  font-size: 1em;
  font-weight: bold;
  color: #ffffff;  
  margin-left: -200px;
  text-align: center;

}

/* CONTENT AREA */

div#content div.container
{
  color: #333300;
  height: 880px;
}

div#content div.left,
div#content div.right
{
  float: left;
  margin-top: 15px;
}

div#content div.left
{
  width: 60% !important;
  width: 55%;  
  padding-right: 5%;
}

div#content div.left p#article
{
  text-align: center;
  margin: 0px;
  margin-right: 35px;
  width: 241px;
  height: 41px;
  float: right;
  background-image: url(../images/main/articles_button.png);
  background-repeat: no-repeat;
  padding-top: 5px;
  
}

div#content div.left p#article a
{ 
  font-size: 1.6em;
}


div#content div.left p
{
  clear: both;
  float: none;
  margin: 15px 35px 15px 15px;
  font-size: 0.8em;
}

div#content div.right
{
  width: 35% !important;
  width: 30%;
}

div#content div.right div.panel
{
  padding: 0 3px 30px;
  font-size: 1em;
  font-weight: bold;
}



div#content div.right div.panel p.see_more
{
  position: absolute;
  bottom: -15px;
  right: 30px;
  text-align: center;
  font-size: 1.2em;
}
div#content div.right div.panel p.see_more a
{
  background-image: url(../images/main/more_button.png);
  background-repeat: no-repeat;
  display: block;
  width: 139px;
  height: 36px;
  line-height: 32px;
}

div#content div.right div.panel p.see_more a:active,
div#content div.right div.panel p.see_more a:hover,
div#content div.right div.panel p.see_more a:visited,
div#content div.right div.panel p.see_more a:link
{
  color: #333300;
}

div#content div.right div.panel p#step1,
div#content div.right div.panel p#step2,
div#content div.right div.panel p#step3
{
  font-size: 1.3em;
}

div#content div.right div.panel p#step1 a,
div#content div.right div.panel p#step2 a,
div#content div.right div.panel p#step3 a
{
  color: #333300;
}

div#content div.right div.panel p#step1
{
  padding: 5px 0 0px 30px;
}
div#content div.right div.panel li a
{
  color: #333300;
}

div#content div.right div.panel div#step1img,
div#content div.right div.panel div#step2img,
div#content div.right div.panel div#step3img
{  
  height: 50px;
  width: 50px;
}

div#content div.right div.panel div#step1img
{
  background: url(../images/main/point1.png) no-repeat;
}

div#content div.right div.panel div#step2img
{
  background: url(../images/main/point2.png) no-repeat;
}

div#content div.right div.panel div#step3img
{
  background: url(../images/main/point3.png) no-repeat;
}



div#content div.right div.panel p#step2
{
  padding: 14px 0 10px 30px;
}

div#content div.right div.panel p#step3
{
  padding: 5px 0 15px 30px;
}


div#content div.right div.panel p span
{
  font-size: smaller;
}


div#content ul#steps
{  
  position: absolute;
  left: -25px;
  top: 20px;  
}

div#content ul#steps li
{
  background: none;
  margin-bottom: 10px;
  line-height: normal;
  padding: 0px;  
}

div#content div.panel li
{
  width: 80%;
}


div#content div.right h2
{
  margin-bottom: 5px;
}

div#content div.right li.post
{
  text-transform: capitalize;
}

div#logo div.flash
{
  width: 653px;
  position: relative;
  height: 235px;

}

div#logo .container
{
  position: relative;
}