@charset "UTF-8";
/* CSS Document */

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/*------------------------------
Basic overall styles
------------------------------*/
.clear {
  clear: both;
}

body, html { /* define overall type style here */
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #wrapper */
	background-color: #303030;
	background-image: url(../_img/bg-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

h1, h2, h3, h4, h5, h6, ol, li, ul, p, table, th, td, caption, a {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

strong{
	font-weight: bold;
}

em{
	font-style:italic;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*------------------------------
	BACKGROUND divs 
-------------------------------*/
div, div div, div div div {
	margin: 0 auto;
	padding: 0;
}

#wrapper {
	text-align: center;
	background-image: url(../_img/bg-wrapper.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#doc {/* defines main page width  */
	width: 876px;
}


/*------------------------------
	HEADER divs 
-------------------------------*/

#hd {/* background header image  */
	height: 127px;
	width: 876px;
	text-align: left;
	padding-top: 0px;
	margin-top: 0px;
	background-image: url(../_img/bg-hd.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	}
	
#logo { /* Insert logo as image in the html. Allows logo to be clickable.  */
	height: 127px;
	width: 271px;
	float: left;
	padding: 0px;
	}
	
#contact { /* Insert nav as image in the html. Allows logo to be clickable.  */
	height: 57px;
	width: 575px;
	float: right;
	padding-top: 62px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#contact p {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
}
	
	
/*------------------------------
	BODY/CONTENT also contains main type styles 
-------------------------------*/

#bd {/* contains the side and content - used to include a background behind the both of them */
	margin: 0px;
	padding: 0px;
	width: 876px;
	background-image: url(../_img/bg-bd.png);
	background-repeat: repeat-y;
}

#bd_flash {
	background-position: center center;
	background-image: url(../_img/_home/bg-Home-flash.jpg);
	background-repeat: no-repeat;
	height: 472px;
	width: 591px;
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#bd_hd {
	float: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 591px;
}

#bd_bd {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 876px;
	background-image: url(../_img/bg-bd_bd.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#bd_ft {
	margin: 0px;
	padding: 0px;
	height: 46px;
	text-align: center;
	width: 876px;
	background-image: url(../_img/bg-bd_ft.png);
	background-repeat: no-repeat;
}

#nav {
	/* keep IE 3px bug in mind*/
	width: 259px;
	float: left;
	background-image: url(../_img/bg-nav.jpg);
	background-repeat: repeat-y;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	height: 257px;
}

a.selected{
	background-image: url(../_img/_nav/nav_selected.png);
	background-repeat: no-repeat;
	background-color: #2B2028;
}


#content {
	width: 591px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 271px;
}

#content_hd {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 591px;
}

#content_bd {
	padding-bottom: 20px;
	width: 496px;
	float: none;
	padding-left: 40px;
	margin: 0px;
	padding-right: 55px;
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.25em;
	color: #CC9900;
	line-height: 1em;
	text-transform: uppercase;
	text-align: left;
	padding-top: 1em;
	letter-spacing: 0.15em;
}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
	color: #CC9900;
	line-height: 1em;
	text-transform: uppercase;
	text-align: left;
	margin-top: 0em;
	padding-top: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC66;
	padding-bottom: 0.25em;
	letter-spacing: 0.15em;
}

#content h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #CC9900;
	line-height: 1.25em;
	text-transform: uppercase;
	text-align: left;
	padding-top: 0.5em;
}

#content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	margin-bottom: 1.5em;
	color: #CC9900;
	line-height: 1.5em;
	text-transform: uppercase;
	text-align: left;
	padding-bottom: 1.25em;
	margin-top: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: outset;
	border-bottom-color: #FFCC66;
}

#content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.825em;
	line-height: 1.5em;
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
	margin-bottom: 1em;
}

#content a {
	text-decoration:none;
	color:#FFCC66;
}

#content a:hover {
	text-decoration:none;
	color: #CC9900;
}

#wrapper #doc #bd #bd_bd #content #content_bd td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.825em;
	line-height: 1.5em;
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
	padding-bottom: 0.5em;
}

#content ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	line-height: 1.3em;
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
	padding-left: .9em;
	margin-bottom: 1em;
}

#content ul li{
	list-style-type: circle;
	padding-bottom: 0.75em;
}

hr {
	color: #CC9900;
}

.pricefloatright{
	float:right;
	font-size: 0.9em;
	font-weight: bold;
	color: #CC9900;
}

.pricenofloat {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC9900;
	text-transform: none;
}

.note {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.82em;
}

.imgfloatright{
	float:right;
	margin-bottom: 18px;
	margin-left: 18px;
}

.imgfloatleft{
	float:left;
	margin-right: 18px;
	margin-bottom: 18px;
}


/*------------------------------
	FOOTER
-------------------------------*/

#ft {
	height: 120px;	/*width: 920px; /* needed for short content */
	}
	
#bottom_nav {
	height: 119px;
	width: 876px;
	}
	
#repeat_nav {
	float: none;
	}

#ft p {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.7em;
	line-height: 1.5em;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding-top: 0.5em;
	font-weight: normal;
}

#ft a {
	color: #FFFFFF;
	text-decoration: none;
}

#ft a:hover {
	color: #D1BE6F;
	text-decoration: none;
}
.size12pxWhite {
	font-size: 12px;
	color: #FFFFFF;
}