/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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:underline;}
a:hover{ text-decoration:none;}

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

body {
	margin:0;
	background: url(images/bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.3em;
	color:#000;
}

/* HEADER
----------------------------------------------------------------------------- */
.header { background: url(images/header_bg.gif); text-align: center; height: 88px; padding: 0; margin:0; }
.header .inner {position: absolute; width: 980px; left: 50%; margin: 0 0 0 -490px;}

/* MENU
.................................. */
.menu{ background:url(images/menu_bg.gif); height: 29px; }
.menu .inner { margin: 0 auto; background:url(images/menu_0.gif) no-repeat; height: 29px; width: 922px; }
.menu .inner ul {}
.menu .inner li { float: left; padding: 0 10px 0 10px; }
.menu .inner a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
.menu .inner img { display: block; }

/* FLASH
----------------------------------------------------------------------------- */
.flash { background: url(images/flash_bg.gif); height: 256px; position: relative; }
.flash .inner { position: absolute; width: 900px; left: 50%; margin: 0 0 0 -450px; }

/* CONTENT
----------------------------------------------------------------------------- */
.content { background: #F0E7D4; padding: 20px 0 16px 0; }
.content .inner { width: 908px; margin: 0 auto; }
.content .inner .main { width: 656px; float: left; }

.content .inner .main .box { padding: 15px 0 0 0; width: 656px; margin: 0 0 20px 0; }
.content .inner .main .white { background: #FFF url(images/box_white_1.gif) no-repeat; }

.content .inner .sidemenu { width: 235px; float: right; color: #FFFFFF; font-size: 13px; }
.content .inner .sidemenu .box { padding: 15px 0 0 0; width: 235px; margin: 0 0 20px 0; }
.content .inner .sidemenu .orange { background: #B33C10 url(images/box_orange_1.gif) no-repeat; }
.content .inner .sidemenu .green { background: #3D6A27 url(images/box_green_1.gif) no-repeat; }

.content .inner .sidemenu .clickhere { padding: 0; width: 235px; background: #FFFFFF; }
.content .inner .sidemenu .clickhere a:hover img { opacity: .80; filter:alpha(opacity=80); -moz-opacity:.80; }

.content .inner .sidemenu .orderbyphone { position: relative; }
.content .inner .sidemenu .orderbyphone p { position: absolute; top: 57px; left: 0px; text-align: center; width: 235px; font-size: 14px; font-weight: bold; }

.content .inner .sidemenu .signupforfree .p { padding: 5px 0 0 13px; display: block; }
.content .inner .sidemenu .signupforfree .p label { padding: 0 0 5px 0; display: block; }
.content .inner .sidemenu .signupforfree .p .txt { width: 140px; }
.content .inner .sidemenu .signupforfree .p .bt { padding: 4px 0 0 5px; float: left; }

.content .inner .sidemenu .readmore {}
.content .inner .sidemenu .readmore h3 { font-size: 15px; padding: 0 0 8px 12px; }
.content .inner .sidemenu .readmore .photo { float: left; width: 97px; padding: 0 0 0 12px; }
.content .inner .sidemenu .readmore .photo img { border: 1px solid #FFFFFF; }
.content .inner .sidemenu .readmore .text { float: left; padding: 0; width: 115px; font-weight: bold; line-height: 14px; }
.content .inner .sidemenu .readmore .bt { margin: 10px 0 0 0; display: block; }

.content .inner .sidemenu .orderssecure { text-align: center; padding: 8px 0 0 0; }
.content .inner .sidemenu .orderssecure p { padding: 8px 0 8px 0; }

.content .banners { width: 908px; margin: 0 auto; }
.content .banners img { display: block; }
.content .banners .b1 { width: 656px; float: left; }
.content .banners .b1 .prev { margin: 0 20px 0 0; }
.content .banners .b1 .prev,
.content .banners .b1 .next { float: left; background: #FFFFFF; }
.content .banners .b2 a:hover img,
.content .banners .b1 a:hover img { opacity: .80; filter:alpha(opacity=80); -moz-opacity:.80; }
.content .banners .b2 { width: 235px; float: right; background: #FFFFFF; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer { background:url(images/footer_bg_1.gif); padding: 14px 0 0 0;}

.webmaster { background:url(images/footer_bg_2.gif) repeat-x; font-size: 11px; padding: 0 0 20px 0; }
.webmaster a { color:#000000; font-size: 10px; }
.webmaster .inner { width: 980px; margin: 0 auto; }
.webmaster .inner .part1 { width: 631px; float: left; line-height: 20px; text-align: right; padding: 23px 0 0 0; }
.webmaster .inner .part2 { width: 328px; float: right; padding: 21px 0 0 0; }