/* SiteWide settings */
/* Colors
white = background
black = text
24540e = dark green
868b6a = mid green
dadcd2= light green
*/

/*
The line below affects every tag - setting the margin and padding to 0 and border to none takes all formating out.
Setting the font to 1.0em makes it equal to the browsers base font (this can be resized in the body tag declaration)
*/
* {font-size:1.0em; line-height:1.3em; border:0;}

body {font:0.8em/1.3em Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; background:#dadcd2;}
p {margin:0 1.3em 0.8em 1.3em;}
div {margin:0; padding:0;}

/*
All headers can be combined and all attributes declared at the same time (h1, h2 {color...}).
You can also declare specifics for each after the combined declaration (see below).
*/
h1, h2, h3, h4, h5, h6 {margin:0; padding:0.3em 0.5em; color:#24540e; font-weight:bold; font-style:italic; text-align:left;}
h1 {font-size:2.0em; line-height:1.2em;}
h2 {font-size:1.8em; line-height:1.2em;}
h3 {font-size:1.5em; line-height:1.2em;}
h4 {font-size:1.4em; line-height:1.2em;}
h5 {font-size:1.2em; line-height:1.2em;}
h6 {font-size:1.0em; line-height:1.2em;}

/*
All anchors can be combined and all attributes declared at the same time (a, a:hover {color...}).
You can also declare specifics for each after the combined declaration but they must be in the order below.
If you only declare attributes for a it will effect all the other 'pseudo-classes.'
*/
a {text-decoration:none; color:#24540e; font-style:italic;}
a:focus, a:hover, a:active {text-decoration:underline; color:#868b6a}
a:visited {}
a:focus {}
a:hover {}
a:active {}

/* Visuals */
img {border:none;}
map {}
area {}
object {}
hr {display:none;}

/* Blockquote and required inner block element */
blockquote {margin:1.5em 2.5em; padding:1.0em 0 0 1.0em; border-top:1px solid #868b6a; border-bottom:1px solid #868b6a; color:#868b6a; background:transparent url(../images/leftquote.gif) no-repeat 0% 0.3em;}
blockquote p {padding:0 1.0em 1.0em 0; font-style:italic; background:transparent url(../images/rightquote.gif) no-repeat 100% 100%; font-size:1.2em;}
blockquote p:first-letter {font-size:150%; color:#24540e; text-transform:uppercase; font-weight:bold; }
blockquote p:first-line {}

/* Lists - unordered (ul), ordered (ol), definition (dl) and the list items (li) */
ul {margin:1.3em; padding:0; list-style:none;}
ul li {}
ol {margin:0; padding:0;}
ol li {}
dl {margin:0; padding:0;}
dt {}
dd {}

/* Tables - FOR DATA ONLY */
table {margin:0; padding:0; width:100%; color:#24540e;}
caption {}
thead {}
tfoot {}
tbody {}
th {}
tr {}
td {}

/* Forms */
form {margin:2.0em; padding:1.0em; border:1px solid #24540e; background:#868b6a;}
fieldset {margin:0; padding:0;}
legend {margin:0; padding:0;}
label {margin:0; padding:0;}
/* input affects all input tags (radio, checkbox, text, password etc.) */
input {background:#dadcd2; border:1px solid #24540e;}
text area {background:#dadcd2; border:1px solid #24540e;}
select {background:#dadcd2; border:1px solid #24540e;}
optgroup {}
option {background:#dadcd2; border-bottom:1px solid #24540e;}
option:focus, option:hover, option:active {background:#868b6a; border-bottom:1px solid #dadcd2;}
input#register {padding:0.3em; border:2px outset #24540e;}
input#register:focus, input#register:hover, input#register:active {border:2px inset #24540e; font-style:italic;}

/* Text manipulation */
pre {}
address {}
abbr {}
acronym {}
bdo {}
em {}
strong {}
dfn {}
code {}
samp {}
kbd {}
var {}
cite {}
del {}
ins {}
sub {}
sup {}

/* Visual And Layout Styles */

/* Container */
#container {width:980px; margin:0 auto; background:#dadcd2 url(../images/containerbg.jpg) repeat-y 0% 0%;}

/* Header */
#header {position:relative; width:980px; height:165px; background:#24540e url(../images/headerbg.jpg) no-repeat 0% 0%; color:white;}
#header h1 {float:left; margin:57px 0 0 25px; padding:0; background:none; text-indent:-999.0em;}
#header h1 a {display:block; width:268px; height:84px; background:transparent url(../images/stockreflexlogo.jpg) no-repeat 0% 0%;}
#header a:focus, #header a:hover, #header a:active {background:transparent url(../images/stockreflexlogoover.jpg) no-repeat 0% 0%;}
#header h2 {background:none; text-indent:-999.0em;}

/* Navigation */
#nav {width:950px; margin:0 15px; padding:0; list-style:none; height:30px; background:#868b6a url(../images/navbg.jpg) repeat-x 0% 0%;}
#nav li {position:relative; float:left; width:11%; margin:0; padding:0;}
#nav li a, #nav li.active {width:100%; display:block; float:left; width:100%; height:30px; line-height:30px; text-align:center; color:white;}
#nav li a:focus, #nav li a:hover, #nav li a:active {background:white url(../images/navover.jpg) repeat-x 0% 0%; color:#dadcd2; font-weight:bold; text-decoration:none;}
#nav li.active {width:11%; background:#24540e url(../images/navactive.jpg) repeat-x 0% 0%; color:#dadcd2;}

/* Buy Picture */
#buypic {width:920px; height:244px; margin:0 30px; background:#24540e url(../images/buypicbg.png) no-repeat 0% 0%;}
#buypic h2, #buypic h3 {text-indent:-999.0em; margin:0; padding:0; background:none;}
#buypic p {text-indent:-999.0em; margin:0; padding:0;  background:none;}
#buypic a#demolink {float:right; clear:both; width:150px; height:46px; margin:16px 113px 0 0; padding:0;}
#buypic a#demolink:focus, #buypic a#demolink:hover, #buypic a#demolink:active {background:transparent url(../images/buypicfreedemoover.jpg) no-repeat 0% 0%;}
#buypic a#buylink {float:right; clear:both; width:150px; height:46px; margin:131px 25px 0 0;}
#buypic a#videolink {float:right; clear:both; width:150px; height:46px; margin:14px 113px 0 0;}
#buypic a#videolink:focus, #buypic p a#videolink:hover, #buypic p a#videolink:active {background:transparent url(../images/buypicviewvideoover.jpg) no-repeat 0% 0%;}
#buypic a#buylink:focus, #buypic a#buylink:hover, #buypic a#buylink:active { background:transparent url(../images/buypicbuynowover.png) no-repeat 0% 0%;}

/* All Content */
#content {width:920px; margin:15px 15px 15px 30px; padding:0 0 1.0em 0; background:#dadcd2 url(../images/contentbg.jpg) no-repeat 100% 100%;}
#content h2 {background:#24540e  url(../images/hbg.jpg) no-repeat 0% 0%; color:white; text-align:center;}
#content ul {margin:1.3em 1.3em 1.3em 1.8em; padding:0 0 0 0.5em; list-style:disc;}
#content ul li {margin:0 0 0.5em 0;}
#content ul li h2, #content ul li h3, #content ul li h4 {padding:0.3em 0;}

/* Features */
#features {float:right; width:452px; margin:15px 30px 15px 0; padding:0 0 1.0em 0;}
#features h2 {background:#24540e  url(../images/hbghalf.jpg) no-repeat 0% 0%; color:white; font-style:italic; text-align:center;}
#features ul {list-style:none;}

/* Video */
#video {float:left; width:640px; margin:10px 0px 3px 30px; padding:0 0 1.0em 0em; display:inline; background:#dadcd2 url(../images/contentbg640.jpg) no-repeat 100% 100%;}
#video h2 {background:#24540e  url(../images/hbg640.jpg) no-repeat 0% 0%; color:white; font-style:italic; text-align:center;}

/* RBar */
#rbar {float:right; width:240px; margin:10px 30px 3px 0; padding:0 0 1.0em 0; display:inline; background:#dadcd2 url(../images/contentbg240.jpg) no-repeat 100% 100%;}
#rbar h2 {background:#24540e  url(../images/hbg240.jpg) no-repeat 0% 0%; color:white; font-style:italic; text-align:center;}

/* Free Demo, Buy Now  & View Video Buttons*/
#freedemobutton {display:block; width:150px; height:46px; margin:0.5em 1.5em; background:transparent url(../images/freedemobutton.jpg) no-repeat 0% 0%; text-indent:-999.0em;}
#freedemobutton:focus, #freedemobutton:hover, #freedemobutton:active {background:transparent url(../images/freedemobuttonover.jpg) no-repeat 0% 0%;}
#viewvideobutton {display:block; width:150px; height:46px; margin:0.5em 1.5em; background:transparent url(../images/viewvideobutton.jpg) no-repeat 0% 0%; text-indent:-999.0em;}
#viewvideobutton:focus, #viewvideobutton:hover, #viewvideobutton:active {background:transparent url(../images/viewvideobuttonover.jpg) no-repeat 0% 0%;}
#buynowbutton {display:block; width:150px; height:46px;  margin:0.5em 1.5em; background:transparent url(../images/buynowbutton.jpg) no-repeat 0% 0%; text-indent:-999.0em;}
#buynowbutton:focus, #buynowbutton:hover, #buynowbutton:active {background:transparent url(../images/buynowbuttonover.jpg) no-repeat 0% 0%;}
#viewvideobutton2 { width:150px; height:46px; margin:0.5em 1.5em; background:transparent url(../images/viewvideobutton.jpg) no-repeat 0% 0%; text-indent:-999.0em;}
#viewvideobutton2:focus, #viewvideobutton2:hover, #viewvideobutton2:active {background:transparent url(../images/viewvideobuttonover.jpg) no-repeat 0% 0%;}
#buynowbutton2 {width:150px; height:46px;  margin:0.5em 1.5em; background:transparent url(../images/buynowbutton.jpg) no-repeat 0% 0%; text-indent:-999.0em;}
#buynowbutton2:focus, #buynowbutton2:hover, #buynowbutton2:active {background:transparent url(../images/buynowbuttonover.jpg) no-repeat 0% 0%;}

/* Home Content */
#home #content {float:left; width:452px; background:#dadcd2 url(../images/contentbghalf.jpg) no-repeat 100% 100%;}
#home #content h2 {background:#24540e url(../images/hbghalf.jpg) no-repeat 0% 0%; color:white; text-align:center;}

/* Home Features*/
#home #features {background:#dadcd2 url(../images/contentbghalf.jpg) no-repeat 100% 100%;}

/* Footer */
#footer {float:none; clear:both; width:980px; height:73px; padding:15px 0 0 0; background:#24540e url(../images/footerbg.jpg) no-repeat 0% 0%; text-align:center; color:#dadcd2;}
#footer p {margin-bottom:0.5em; font-size:0.8em;}
#footer a {color:white;}
#footer a:focus, #footer a:hover, #footer a:active {color:#868b6a; text-decoration:underline;}

/* General Visual*/
.hide {display:none;}
.access {text-decoration:underline;}
.right {float:right;}
.left {float:left;}
a.top {display:block; clear:both; width:74px; margin:1.0em auto; text-align:center; font-size:0.9em;}
.terms  {margin:0 2.5em; font-size:0.8em;}