/* Reset */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,fieldset,input,textarea,p { 
	padding: 0;
	margin: 0;
}

fieldset,img { 
	border: 0;
}

ol,ul {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1em;
}

a {
	text-decoration: none;
}

/* Main CSS */

body {
min-width: 670px;
font-size: 76%;
color: #e7bdbd;
font-family: Helvetica;
background: url(files/bg_body.gif) center repeat-y; 
height: 100%;
}

h1 { /* Keep for SEO but hide from view */
display: none;
}

/* Fluid side columns, fixed centre */

#container_left {
width: 50%; 
float: left; 
margin: 0 -340px 0 0; 
}

#container_right {
width: 50%; 
float: right; 
margin: 0 0 0 -340px; 
}

#column_left {
background: url(files/bg_left.png) right 40px no-repeat; 
margin: 0 340px 0 0; 
min-height: 810px;
}

#column_right {
background: url(files/bg_right.png) left 40px no-repeat; 
margin: 0 0 0 340px; 
min-height: 810px;
}

#center {
background: url(files/bg_content.gif) repeat-y; 
width: 680px; 
float: right; 
margin: 0 -364px 0 0; 
position: relative;
padding: 0 12px 0 12px;
}

/* All content in the center column */

#center_top {
background: #a60909 url(files/bg_top.gif) top no-repeat; 
width: 656px;
}

#center_bottom {
background: url(files/bg_bottom.gif) bottom no-repeat; 
width: 656px;
padding-bottom: 7px;
}

#signup_bar {
background: url(files/bg_signup.gif) bottom repeat-x; 
height: 42px;
width: 656px;
}

#signup_bar img {
float: right;
margin: 13px 35px 0 0;
}

#banner {
height: 276px;
width: 656px;
background: #2f0700 url(files/banner.jpg) no-repeat; 
position: relative;
}

#banner .logo{
position: absolute;
bottom: 20px;
left: 33px;
}

#navbar {
height: 47px;
width: 656px;
background: #440c06;
}

#navbar ul {
list-style-type: none;
height: 47px;
}

#navbar ul a {
display: block;
float: left;
height: 47px;
color: #333333;
width: 130px;
font: 1.4em Verdana;
text-align: center;
}

#navbar ul a:hover span{
color: #e7bdbd;
cursor: pointer;
}

#navbar ul li {
float: left;
margin-right: 1px;
}

#navbar ul span {
background: url(./files/menu_navbar.gif) 0 -47px no-repeat;
display: block;
height: 47px;
}

#navbar ul li.last span{
margin-right: 0;
width: 132px;
}

#navbar ul li.active span{
background: url(./files/menu_navbar.gif) 0 0px no-repeat;
color: white;
}

#navbar ul li span {
height: 34px;
padding-top: 13px;
}

#navbar ul li a {
color: black;
}

#navbar ul li.active a:hover span{
color: white;
}

/* Everything under the menu */

#content_wrapper { /* two boxes in the centre */
float: left;
padding-bottom: 7px;
background: url(./files/box_falsebottom.png) 8px bottom no-repeat;
}

#content_wrapper.wide { /*one wide box in the centre */
background: url(./files/box_falsebottom_wide.png) 8px bottom no-repeat;
}

#content {
padding: 0px 8px 0 8px;
overflow: hidden;
float: left;
min-height: 342px;
}

#content_left {
float: left;
width: 316px;
margin-right: 8px;
}

#content_wrapper.wide #content_left {
width: 640px;
}

#content_right {
float: left;
width: 316px;
}

#content_wrapper.wide #content_right {
display: none;
}

/* Each box contain image/text content */

.box {
float: left;
width: 316px;
}

#content_wrapper.wide .box {
width: 640px;
}

.box_top{
background: url(./files/box_top.png) no-repeat;
height: 7px;
float: left;
width: 316px;
margin-top: 8px;
}

#content_wrapper.wide .box_top {
width: 640px;
background: url(./files/box_top_wide.png) no-repeat;
}

.box_title {
background: url(./files/box_title.png) no-repeat;
height: 18px;
width: 302px;
margin-bottom: 7px;
}

#content_wrapper.wide .box_title {
width: 626px;
background: url(./files/box_title_wide.png) no-repeat;
}

.box_title h2{
padding-left: 3px;
font-weight: bold;
font-family: Verdana;
font-size: 1.1em;
font-variant: small-caps;
letter-spacing: 0.2ex;
color: white;
}

.box_body {
background: url(./files/box_body.png) repeat-y;
padding: 0 7px 0 7px;
float: left;
width: 302px;
}

#content_wrapper.wide .box_body {
width: 626px;
background: url(./files/box_body_wide.png) repeat-y;
}

.box.last  .box_body{ /* for falsebottom to make it neat */
padding-bottom: 32768px;
margin-bottom: -32768px;
}

.box_body img.left {
float: left;
padding-right: 6px;
}

.box_body img.right{
float: right;
padding-left: 6px;
}

.box_body p {
padding-bottom: 7px;
font-size: 0.9em;
}

.box_body ul{
font-size: 0.9em;
list-style-type: decimal;
padding-left: 30px;
}

.box_body a{
color: #e7bdbd;
}

.box_body a:hover{
color: #e7bdbd;
}

.box_bottom{
background: url(./files/box_bottom.png) no-repeat;
height: 7px;
float: left;
width: 316px;
}

#content_wrapper.wide .box_bottom {
width: 640px;
background: url(./files/box_bottom_wide.png) no-repeat;
}

/* Some general styles used in the boxes */

.underline{
text-decoration: underline;
}

.center {
text-align: center;
}

.clear {
height: 1px;
clear: both;
width: 656px;
}

.buynow {
text-align: center;
}

.box_hr {
background: url(./files/box_hr.png) no-repeat;
margin: 8px 0 8px 0;
height: 1px;
width: 302px;
}

#content_wrapper.wide .box_hr {
background: url(./files/box_hr_wide.png) no-repeat;
margin: 8px 0 8px 0;
height: 1px;
width: 626px;
}

/* Bottom menus and footer */

#altnavbar {
background: url(./files/bg_altnavbar.gif) no-repeat;
height: 52px;
font-size: 0.9em;
clear:both;
width: 656px;
}

#altnavbar ul {
text-align: center;
list-style-type: none;
padding-top: 18px;
width: 656px; 
}

#altnavbar li {
display: inline;
background: url(./files/border_altnavbar.png) 100% 70% no-repeat;
padding: 0 8px 0 5px;
height: 8px;
}

*:first-child+html #altnavbar li { /* IE Fix for LI padding */
padding: 0 5px 0 8px;
}

#altnavbar li.last {
background: none;
}

#altnavbar li a {
color: white;
}

#altnavbar li a:hover {
text-decoration: underline;
}

#footer {
width: 656px; 
text-align: center; 
background: url(./files/bg_footer.gif) repeat-y;
height: 25px;
color: #a3827e;
padding-top: 13px;
font-size: 0.9em;
}