/* =============================================== 
Copyright (c) 2008 CSSPIXELS. All rights reserved.
=============================================== */

/* Page specific menucontainer for 800px width */
#menucontainer {margin:0 auto; min-width:730px; width:798px;}

/* Page specific menucontainer for 970px width
.menucontainer {margin-left:auto; margin-right:auto; min-width:900px;}*/

/* Menu general */
.css4menu {
	padding:0 0 0 8px;
	margin:0;
	list-style:none;
	height:35px;
	background:transparent url(css4menu/css4_back.gif);
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
	background-image: url(css4menu/css4_back.gif);
}
.css4menu li.top {display:block; float:left;}
.css4menu li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background:url(css4menu/css4_0a.gif) no-repeat;}
.css4menu li a.top_link span {float:left; display:block; padding:0 10px 0 0px;/*0 20px 0 10px*/ height:36px; background:url(css4menu/css4_0b.gif) right top;}
.css4menu li a.top_link:hover {color:#000; background:url(css4menu/css4_2a.gif) no-repeat; line-height:25px;}
.css4menu li a.top_link:hover span {background:url(css4menu/css4_2b.gif) no-repeat right top;}

.css4menu li:hover > a.top_link {color:#000; background:url(css4menu/css4_2a.gif) no-repeat; line-height:25px;}
.css4menu li:hover > a.top_link span {background:url(css4menu/css4_2b.gif) no-repeat right top;}

.css4menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Menu links defaults */
.css4menu a:hover {visibility:visible; position:relative; z-index:200;}
.css4menu li:hover {position:relative; z-index:200;}

/* Menu invisible sub levels - placed off screen */
.css4menu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.css4menu ul.sub1,
.css4menu ul.sub2,
.css4menu ul.sub3,
.css4menu ul.sub4,
.css4menu ul.sub5,
.css4menu ul.sub7 {width:170px;}/* Netscape reqires set pixels - not auto */
.css4menu ul.sub6 {width:230px;}

.css4menu :hover ul {left:0; top:35px; background:#DEF; padding:3px; border:1px solid #369; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.css4menu :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.css4menu :hover ul li a {display:block; font-size:11px; text-align:left; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.css4menu :hover ul li a:hover {background:#369; color:#fff;}

/* Page Layout */
body {font-family:arial, verdana, sans-serif; font-size:12px; margin:0 auto; padding:0; background:#369 url(images/bg.jpg) repeat-y center top; line-height:1.4em;}

/* wrap for 800px wide layout */
#wrap{ display:block; width:800px; margin:0 auto; background:#eee url(images/money.jpg) no-repeat bottom right; }

/* wrap for 970px wide layout 
#wrap{ width:970px; margin-top:0; margin-right:auto; margin-bottom:10px; margin-left:auto; background:#eee url(images/money.jpg) no-repeat bottom right;}*/

#hbg {background:#369 url(images/hbg.jpg) repeat-y 1px top;}
#header {margin:0; height:105px; /*border-top:1px solid #369;*/ background: url(images/logo216.jpg) no-repeat right -10px;}
#header h1 {margin:0px 10px 0px 10px; padding:35px 0px 5px 0px;}

/* columns for 2 col 800px layout */
#content {float:left; width:604px;/*606px 75.75*/ min-height:907px; padding:0; text-align:left; background:#fff;}
#sidebar2 {float:right; width:194px; /*194px 24.25*/ padding:0; background:url(images/finger.jpg) no-repeat 118px -5px ;}

/* columns for 3 col 970px layout 
#sidebar {float:left; width:20%; padding:0;}
#content {float:right; width:60%; padding:0; text-align:left; background:#fff;}
#sidebar2 {float:right; width:20%; padding:0; background:url(images/tommy-finger.jpg) no-repeat right top;}*/

#sidebar2 p.box {margin:0 10px 5px 10px;}

#sidebar ul, 
#sidebar2 ul {list-style:none; margin:0; padding:0 0 0 10px;}
#sidebar li, 
#sidebar2 li {list-style:none;}
#sidebar li a, 
#sidebar2 li a {padding:2px; font-weight:bold;}
#sidebar ul ul, 
#sidebar2 ul ul {margin:4px 0 3px 15px; padding:0;}
#sidebar ul ul li a, 
#sidebar2 ul ul li a {font-weight:normal;}

#content {font-size:12px; text-align:left;}
#content h1 {
	font-size:18px;
	line-height:normal;
	margin:30px 25px 10px 25px;
	color:#000066;
}
#content h2 {font-size:18px; line-height:normal; border-bottom:none;}
#content ol {margin-left:10px; padding:15px 8px; background:#DEF; border:1px solid #369;}
#content li {margin-left:18px; margin-bottom:8px;}
#content li.last {margin-bottom:0;}
#content hr {margin:0 25px; display:block; height:1px; border-top:1px solid #ccc;}

/* special margin in content - more left and right margin */
#content div, #content p, #content h2, #content ul, #content ol {margin-left:25px; margin-right:25px;}

#footer {clear:both; margin:0 auto; height:51px; padding:8px 0; font-size:10px; text-align:right; color:#666; background:#ffc url(images/logo-small2.gif) no-repeat top left; border-top:1px solid #000;}
#footer p {margin:0; padding-right:10px;}
#footer a {color:#000;}
#footer p.address {font-size:11px; font-style:italic; color:#000;}

/* General */
h1 {font-size:26px; text-align:left; line-height:normal; margin:10px 10px 5px 10px; color:#fff;}
h2, h3 {
	font-size:16px;
	text-align:left;
	font-weight:normal;
	margin:20px 10px 5px 10px;
	padding:0 2px 5px 0;
	color:#369;
	border-bottom:1px solid #369;
}
p {margin:0 10px 15px 10px;}
p.box cite {color:#c00;font-size:9px;}
ol, ul, dl {margin-right:10px;}
sup {font-size:9px;}

a {text-decoration:none; color:#369;}
a:hover {text-decoration:underline; color:#c00;}
a.golink {text-decoration:underline; color:#369;}
a.golink:hover {text-decoration:none; color:#c00;}
a img {border:0;}

.photo {margin:6px 18px 2px 5px; padding:2px; border:1px solid #000;}
.clear {clear:both;}
.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.center {text-align:center;}
.textright {text-align:right;}
.textleft {text-align:left;}
.spacebelow {margin-bottom:30px;}
.nospace {margin-top:16px; margin-bottom:-8px;}
.box {padding:5px; background:#ffc; border:1px solid #369;}
.price {display:block; padding:5px 0; font-size:24px; text-align:center; color:#c00; }
.showblock {display:block;}