/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}



/* --------- this project -------- */

a{ text-decoration:none;}
a:hover{ text-decoration:none;}


/* BASE
----------------------------------------------------------------------------- */

body {background:#E2E0DC url(images/bg.jpg) center center repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#575757;}
.main {position:relative; margin:0 auto; width:900px; background:#FFFFFF url(images/bg-main.jpg) left center repeat-y;}


/* HEADER
----------------------------------------------------------------------------- */
.header {width:900px; float:left;}

.header .top {width:656px; height:154px; position:relative; float:left;}
.header .top p{position:absolute; top:130px; left:365px; font-size:13px; white-space:pre;}
.header .top p a{color:#575757; text-decoration:none;}
.header .top p a:hover{color:#575757; text-decoration:underline;}

/* MENU
.................................. */
.menu {width:228px; margin-left:16px; font-size:14px;}
.menu a{width:198px; height:24px; margin:0; padding:12px 0 0 30px; display:block; background:#F0F0F0 url(images/menu-img.gif) no-repeat; color:#575757; text-decoration:none;}
.menu a:hover{background:#FFA302 url(images/menu-img-over.gif) no-repeat; color:#575757; text-decoration:underline;}
.menu span a:hover{background:#FFA302 url(images/menu-img-over-down.gif) no-repeat; color:#575757; text-decoration:underline;}
.menu .hover{width:198px; height:24px; margin:0; padding:12px 0 0 30px; display:block; background:#F0F0F0 url(images/menu-img-over-down.gif) no-repeat; color:#575757; text-decoration:none;}
.menu ul { padding: 0 0 5px 0; }
.menu li a { background: url(images/merchant-txt-bullet.gif) no-repeat 15px 5px; font-size: 13px; height: 20px; padding: 3px 0 0 27px; }
.menu li a:hover { background: url(images/merchant-txt-bullet.gif) no-repeat 15px 5px; }

.menu .final_bd {border-top:1px solid #D3D3D3;}

/* CONTENT
----------------------------------------------------------------------------- */
.content {width:900px; float:left;}

.content .sidebox {width:244px; float:left;}
.content .sidebox .whitespace {width:244px; height:220px;}

.content .randon {width:656px; float:left; overflow: hidden;}
.content .randon a { color: #2F4CA2; text-decoration: underline; }

#content_box { margin: 0 13px 0 0; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer {width:900px; height:116px; position:relative; background-color:#FFFFFF;}
.footer p{position:absolute; top:6px; left:110px; line-height:1.6em;}
.footer p strong{font-size:14px; font-weight:bold;}
.footer p a{color:#2F4CA2; text-decoration:underline;}