/* -----------------------------------------------------------------------

Screen styles- generic styles for Victory Productions

Reset- eliminates annoying browser presets for undeclared properties. Zeroes out all position/size declarations cross browser.

Typography - Sets font styles. Body setting of 62.5% allows all fonts across the site to be declared in em's, as a function of 10px. At 100% zoom on all browsers, 62.5% font size is 10px tall. Setting em values for type multiplies the em value by 10px. A font-size setting of 2.5em, for instance, would render out at 25px tall at 100% on all browsers. This is to enable smooth, proportional scaling of text when browsers user settings include large fonts, or when page scaling is used. This is moot in Firefox 3, Opera 9, and other browsers with full page rescaling. 

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:62.5%; line-height: 2em; color:#4D4D4D;background:#fff;font-family:Trebuchet, "Trebuchet MS", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;}

h1, h2, h3, h4, h5 {font-weight:normal;color:#f15b40; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: 12px; padding-bottom: 8px;}
h6 {font-size:1.3em;font-weight:bold;color:#4D4D4D; font-family:Trebuchet, "Trebuchet MS", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 1.2em; padding-bottom: 0;}
h1 {font-size:2.6em; line-height: 0.769em;  font-weight: normal;}
h2 {font-size:2em; line-height: 1em;  font-weight: normal;}
h3 {font-size:1.8em; line-height: 1.111em;  font-weight: normal;}
h4 {font-size:1.6em; line-height: 1.25em;  color: #609; font-weight: bold;}
h5 {font-size:1.4em; line-height: 1.429em; font-weight:bold; color: #f15b40; font-weight:bold;}
h5.coverflow {font-size:1.4em; line-height: 1.429em; font-weight:bold; color: #f15b40; font-weight:bold; margin-top: -1.2em;}
/*h6 {font-size:1em; font-weight:bold;}*/
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
.title_underline { border-bottom: 1px solid #aaaaaa;}

#secondary_nav h1, #secondary_nav h2, #secondary_nav h3 {padding: 40px 0 0 30px;}
#secondary_header h1, #secondary_header h2, #secondary_header h3 {padding: 40px 0 0 30px;}

p {margin:0 0 1.5em; font-size: 1.2em;}
p img {float:left;margin:1.5em 15px 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 15px;}

img.right {float: right; margin: 0 0 2em 20px;}
img.left {float: left; margin: 0 20px 2em 0;}
img.bottomleft {float: left; margin-bottom: 0;}

.imgborder {border: 1px solid #609;}

/*Secondary Nav, with margin illustration*/
#secondary_nav {position:relative;}
#secondary_nav img.in_margin {position:absolute; top:86px; left:-140px;}

/*Icon List*/
ul.icon_list li {font-size: 1.2em; list-style: none; padding: 0 0 0 20px; margin: 0;}
ul.icon_list h7 {font-size: inherit; margin-left: -2px; padding-left: 0; font-weight: bold;}
ul.icon_list img {margin: 0 0 0 -20px; position: relative; top: 0.3em;}
ul.icon_list p {font-size: 1.2em;}

/*Testimonial Icons*/
.icon_legend {font-size: 1.2em; margin-right: 10px;}
.icon_image {margin-bottom: -0.3em; margin-right: 5px;}

/*Sales Sheet Icons*/
.icon_salessheet_legend {font-size: 1.2em; margin-right: 10px; float: left;}
.icon_salessheet_image {margin: 3px 5px 0 -3px; float: left;}

#footer p {font-size: 1.0em; color: #333333; }
#footer p span img {display: inline; margin: 0 8px 0 8px;}
#footer ul {list-style: none; margin-left: auto; margin-right: auto; width: 864px; }
#footer ul li {display: inline; width: 108px; float: left;}
#footer ul li a {display: block; width: auto; padding: 10px; background: none; color: #609; font-weight: normal; text-decoration:none;}
#footer ul li a:visited {display: block; width: auto; padding: 10px; background: none; font-weight: normal; text-decoration:none;}
#footer ul li a:hover {display: block; width: auto; padding: 10px; background: none; color: #000000; font-weight: normal; text-decoration:none;}

#header ul {width: 450px; float: right; text-align: right; margin: 0 0 0 0; list-style: none; }
#header ul li { float: right; font-size: 1.4em; font-weight: bold; display: inline;}
#header ul li a {display: block; padding: 70px 24px 20px 24px; color: #609; text-decoration:none; background: none; font-weight: bold;}
#header ul li a:visited {display: block; padding: 70px 24px 20px 24px; color: #609; text-decoration:none; background: none;}
#header ul li a:hover {display: block; padding: 70px 24px 20px 24px; color: #FFFFFF; text-decoration:none; background:url(../img/button_bg.jpg) top left no-repeat #609;}

#secondary_nav ul {list-style:none; margin: 0 0 0 20px; float: left; width: 800px;}
#secondary_nav ul li {display: inline; margin: 0; float: left;}
#secondary_nav ul li a {display: block; padding: 6px 10px 6px 10px; background: none; text-decoration: none;}
#secondary_nav ul li a:visited {display: block; padding: 6px 10px 6px 10px; text-decoration: none; }
#secondary_nav ul li a:hover {display: block; padding: 6px 10px 6px 10px; background: url(../img/button_bg.jpg) top left no-repeat #609; text-decoration: none;}


a:focus, a:hover {color:#000;}
a {color:#609;text-decoration:none; font-weight: inherit;}
a:visited {color: #609; text-decoration: none;}
a:hover {color: #000; text-decoration: underline; }
a.anchor {color: #f15b40; text-decoration: none;}

#livesearch {width:350px; position:absolute; background:#FFFFFF; font-size:1.2em; margin:0; padding-left: 0px; z-index: 2147483647;}
#livesearch a {display: block; color: #609; text-decoration:none; background: none; font-weight: bold; margin:0px; padding:0 0.3em;}
#livesearch a:hover {display: block; color: #FFFFFF; text-decoration:none; background:url(../img/livesearch.jpg) top left no-repeat #609; margin:0px; padding:0 0.3em;}
#searchbox {margin:0 0.5em 0 0;}
#secondary_nav #searchform {padding:0 0 5px 0; margin:0 0 5px 30px;}


blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {
	margin:0 1.5em 1.5em 1.5em;
	line-height: normal;
}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:97%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:0.4em 1em 0.4em 0.5em;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
ul.nobulletnoindent {list-style-type: none; margin-left: 0; padding-left: 0; font-size: 1.2em;}
li.nobulletnoindent {list-style-type: none; margin-left: 0; padding-left: 0; font-size:1.3em;font-weight:bold;color:#4D4D4D; font-family:Trebuchet, "Trebuchet MS", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 1.2em; padding-bottom: 0;}
.small {font-size:0.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.center {margin-left: auto; margin-right: auto;}

/* forms.css */
form span.required {font-weight:bold;font-size:1.2em;}
label {font-size: 1.2em;}
p label {font-size:1em;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:30em;padding:0.5em;}
input.title {font-size:1.5em;}
textarea {width:30em;padding:0.5em;}
.error, .notice, .success {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.required {font-size:1.7em; color:#8a1f11;}