/* top elements */
* { padding: 0; margin: 0; }

body { margin: 0; padding: 0; font: 73%/1.5em "Trebuchet MS", Tahoma, sans-serif; color: #555; background: #fff url(../img/bg.jpg) repeat-x; text-align: center; min-width: 876px; }

/* links */
a { background: inherit; color: red; font-weight: bold; text-decoration: none; }
a.tab { color: #666; text-decoration: none; }
a:hover { background: inherit; color: gray; text-decoration: none; }

/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font-size: 2em; color: red; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }
h4 { font-size: 2em; color: red; text-transform: capitalize; }
p, h1, h2, h3 { margin: 10px 15px; }
ul, ol { margin: 10px 30px; padding: 0 15px; list-style-type: disc; }

/* images */
border { background: #eaeaea; padding: 5px; border: solid 1px #8d8d8d; }
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.noborder { margin: 5px 0 5px 15px; }
img.float-left {
  margin: 5px 15px 5px 0px;
}

code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em "Lucida Console", "courier new", monospace;
  /* white-space: pre; */
  background: #fafafa; border-color: #f2f2f2 #f2f2f2 #f2f2f2 gray; border-style: solid; border-width: 1px 1px 1px 3px; }
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote { margin: 15px; padding: 0 0 0 20px; background-color: #fafafa; background-position: 8px 10px; font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; color: #666666; width: 45%; float: left; border-color: #bdbdbd #bebebe #bebebe #8b8b8b; border-style: solid; border-width: 1px 1px 1px 3px; }
/***********************
	  LAYOUT
************************/

#header-content, #content, #footer-content {
	width: 760px;
}

/* header */
#header { text-align: left; }
#headerphoto1 { background-image: url(../Images/spacer.gif); text-align: left; position: absolute; top: 0; width: 100%; height: 10px; }
#header1 { text-align: left; }
#header-content { margin: 0 auto; padding: 0; position: relative; }
#header-content nav { margin: 0 auto; padding: 0; position: absolute; top: 50px; width: 760px; }
#header-content h1#logo { position: relative; font: bold 24px "Trebuchet MS", Sans-serif; letter-spacing: -2px; color: #fff; background-repeat: no-repeat; margin: 0; padding: 0;
	/* change the values of left and top to adjust the position of the logo */
	top: 0; left: 0; width: 288px; height: 72px; }
/* header menu */
#header-content ul { position: absolute; right: -15px; top: 0; font: bolder 1.3em "Trebuchet MS", Sans-serif; color: #fff; clear: both; list-style: none; margin: 0; padding: 0; }
#header-content li { font-size: 12px; display: inline; }
#header-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	border-right: 1px solid #272727;
}
#header-content li a:hover {
	background: red url(../Images/over.jpg) no-repeat center bottom;
	color: #fff;
}
#header-content li a#current  {
	background: red;
	color: #fff;
}
/* content */
#box { position: relative; width: 358px; height: 360px; overflow: auto; float: left; margin-bottom: 10px; margin-left: -1px; padding: 10px; border: solid 1px gray; }
//*#box { padding: 10px; position: relative; width: 231px; height: auto; float: left; overflow: auto; border: solid 1px gray; display: block; } */
#box div.post.h1 { color: red; font-size: 1.5em; font-variant: small-caps; }
#box div.h1 { color: red; font-size: 1.2em; text-transform: uppercase; }
#content-wrap { text-align: center; overflow: auto; margin: 0 auto; }
#content { text-align: left; width: 100%; padding: 0; margin: auto; }
#content2Col { text-align: left; margin: auto; padding: 0; width: 50%; }
/* sidebar */
#sidebar {
	float: right;
	width: 30%;
	margin: 0 0 10px 0; padding: 0;	
}	
#sidebar h1 {
	padding: 10px 0px 5px 10px;
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
.sidebox { background: #f5f5f5; text-transform: capitalize; border: solid 1px #efeded; margin-bottom: 10px; }
/* main */
#main { width: 760px; margin: auto; padding: 0; }
#main h1 { color: red; font-size: 2.5em; font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; background: #fff url(../img/gradientbg.jpg) repeat-x; padding-right: 6px; padding-bottom: 3px; padding-left: 12px; border: solid 1px #c1bfbf; }
#main ul li {
	
}

.post { margin: 0; padding: 0; background: #fff url(../img/gradientbg.jpg) repeat-x; border: solid 1px #c1bfbf; }
.post .ul, .li { background: #fff url(../img/gradientbg.jpg) repeat-x; margin: 0; padding: 0; list-style-type: disc; }
.post_inner { margin: 0; padding: 0; }
.post .quote_nf { font-size: 14px; background: #fff url(../img/gradientbg.jpg) repeat-x; margin: 0; padding: 10px 40px 10px 30px; border: solid 1px #c1bfbf; }
.post .post-footer {
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px; margin-top: 20px;
	font-size: 95%;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear:after { content: "Buy Now"; visibility: hidden; line-height: 0; clear: both; display: block; }
.gray  { color: #959595; }
.large { font-size: 1.5em; }
.small { font-size: 0.75em; }
.center { font-weight: normal; text-align: center; margin: 0; padding-top: 6px; }
.centertab { color: maroon; font-weight: normal; text-align: center; margin: 0; padding-top: 6px; }