* {
  margin: 0;
  padding: 0;
}

body {
	font: 76% Arial, Helvetica, sans-serif;
	text-align: center;
	background: #000000;
	color: #D1AA5B;
}

/*----------------------------------------------------------------------
  layout structure
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
    +div#page
      +div#header
      +div#content    
      +div#sidebar    
        +ul.menu
			+div#photobar
				+img
			+div#footer
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
----------------------------------------------------------------------*/

#page {
	margin: 0 auto;
	width: 995px;
	text-align: left;
	background: #D1AA5B url(gfx/background-main.jpg);
	color: #000000;
}

#header {
	width: 100%;
	background-color: #D1AA5B;
}

#content,
#sidebar {
  display: inline;
  float: left;
}


#content {
  width: 				480px;
	margin-left: 	180px;
	padding: 20px 0 2em;
}


#sidebar {
	width:				105px;
  margin-left: -640px;
	padding-top:   60px;
	color: #D1AA5B;
}

#photobar {
	width: 260px;
	margin-left: 735px;
}

#footer {
	clear: both;
	margin: 0 335px 0 180px;
	border-top: 1px solid #912E04;
	padding: 1em 0 2em;
	text-align: center;
	font-size: 0.75em;
}




/*======================================================================
  main content
----------------------------------------------------------------------*/

.moniker {
	font-weight: bold;
	color: #481E06;
}
.moniker strong {
	color: #912E04;
}


#content h1 {
	margin-bottom: 0.25em;
	font: bold 2.5em Georgia, "Times New Roman", Times, serif;
}
#content h2 {
	margin: 1em 0 0.25em;
	font: bold 2em Georgia, "Times New Roman", Times, serif;
}
#content h3 {
	margin: 0.5em 0 0;
	font: bold 1.25em Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid;
}
#content p {
	margin: 0.5em 0;
}


#content div.highlight {
	margin: 1em 0 2em;
	border: 2px solid #481E06;
	padding: 1em 2em;
	clear: both;
	text-align: center;
	font-size: 1.2em;
	background-color: #E6CE73;
}

#content div.video-content {
	text-align: center;
	margin: 1em auto;
}

/*--------------------------------------
    links
......................................*/

a {
  text-decoration: none;
  border-bottom: 1px dotted;
  color: #912E04;
}
a:hover {
  background-color: #912E04;
  color: #E6CE73;
}

/*--------------------------------------
    lists
......................................*/

#content ul, #content ol {
	margin: 1em 2em;
}
#content ul li, #content ol li {
	margin: 0.5em 0;
}

#content ul {
	list-style-type: disc;
}
#content ul ul {
	list-style-type: square;
	margin: 0.5em 1.5em;
}
#content ul ul li {
	margin: 0;
}

/*--------------------------------------
    images
......................................*/

#content img.float-left {
	float: left;
	clear: left;
	margin: 1em 2em 1em 0;
}
#content img.float-right {
	float: right;
	clear: right;
	margin: 1em 0 1em 2em;
}


#photobar img {
	
}

/*------------------------------------------------------
                                   ::  photo gallery  ::
......................................................*/

#content .photo-gallery {
	position: relative;
	margin: 1em 0 2em;
	border: 2px solid #481E06;
	padding: 8px 12px;
}

#content .photo-gallery p {
	clear: both;
	font-size: 1.25em;
	font-weight: bold;
}


#content .photo-gallery .thumb-h,
#content .photo-gallery .thumb-v {
  float: left;
}
#content .photo-gallery .thumb-h a img,
#content .photo-gallery .thumb-v a img {
  display: block;
  border: 1px dotted #E6CE73;
  padding: 4px;
}
#content .photo-gallery .thumb-h a:hover img,
#content .photo-gallery .thumb-v a:hover img {
  border-color: #912E04;
}
#content .photo-gallery .thumb-v {
	padding: 8px 35px;
}
#content .photo-gallery .thumb-h {
	padding: 25px 18px;
}

/*------------------------------------------------------
                                          ::  F.A.Q.  ::
......................................................*/

#content dl.faq {
}
#content dl.faq dt {
  margin-top: 1em;
	margin: 1.5em 0 0.25em 2.5em;
  text-indent: -2.5em;
  font: bold 1em Georgia, "Times New Roman", Times, serif;
}
#content dl.faq dd {
	margin-left: 2.5em;
	text-indent: -1em;
}

/*------------------------------------------------------
                                    ::  product list  ::
......................................................*/

#content .product {
	margin: 1em 0 2em;
	border: 1px solid #481E06;
	border-bottom-width: 2px;
	border-right-width: 2px;
	padding: 10px;
	background-color: #E6CE73;
}
#content .product h2 {
	font-size: 1.5em;
	margin: 0 0 0.25em;
	border-bottom: 1px solid #481E06;
}
#content .product p {
	text-indent: 0;
}
#content .product ul {
	margin-left: 2em;
}
#content .product ul li {
	margin: 0.25em 2em;
}

#content .product img {
	float: left;
	margin: 0 1em 1em 0;
}

/*--------------------------------------
    purchase now direct
......................................*/

img.pixel {
	width: 1; height: 1;
	margin: 0; border: 0; padding: 0;
}

#content .purchase {
	clear: both;
	font-size: 1.125em;
	font-weight: bold;
	text-align: right;
}
#content .purchase .price {
	font-size: 1.25em;
	color: #912E04;
}

#content form.paypal,
#content form.paypal div {
	margin: 0;
	display: inline;
}
#content form.paypal img {
	margin: 0; padding: 0; border: 0;
}
#content form.paypal input {
	margin: 0;
	padding: 0;
}

/*======================================================================
  sidebar items
----------------------------------------------------------------------*/

#sidebar {
}

#sidebar .panel {
	margin: 1em 0 2em;
	border: 2px solid #481E06;
	padding: 1em;
	text-align: center;
	font-size: 0.8em;
	color: #000000;
	background-color: #E6CE73;
}


/*--------------------------------------
    menu
......................................*/

#sidebar .menu {
  list-style: none;
}
#sidebar .menu li {
  display: inline;
}
#sidebar .menu li a {
  display: block;
  padding-left: 2.5px;
  border-bottom: 1px dotted #D1AA5B;
	font-size: 0.9em;
  line-height: 1.5em;
  color: #E6CE73;
  text-decoration: none;
  font-weight: bold;
}
#sidebar .menu li a:hover {
  background-color: #912E04;
}

/*. nested sub-menu ..................*/

#sidebar .menu ul li a {
  margin-left: 7.5px;
  padding-left: 5px;
  font-size: 0.75em;
  font-weight: normal;
}
