/* Stylesheet for  */

/* Reset */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  border:0;
}

html {}
body {}
html, body {width:100%; height:100%; margin:0; padding:0; font:normal normal 12px/18px Georgia, Times New Roman, Arial;}
body#site {text-align:center; background:#310a0a url('warren-john-west-bg.gif') center top;}
div#theme {position:relative; z-index:1; width:850px; margin:0 auto; padding:0 12px; text-align:left; height:100%; height:auto; min-height:100%; background-position:-851px 0;}

.spriteTheme {background-image:url('/warren-john-west-sprite.png'); background-repeat:no-repeat;}
.spriteVert {background-image:url('/warren-john-west-sprite-vert.png'); background-repeat:repeat-y;}
.spriteHorz {background-image:url('/warren-john-west-sprite-horz.png'); background-repeat:repeat-x;}

a, a:link, a:visited {color:#900202; text-decoration:none;}
a:active, a:hover, a:focus {color:#900202; text-decoration:underline;}
hr {height:1px; color:#666; border:0; background:#666;}
p {margin:0 0 15px;}
ul {}
li {margin:0 0 10px 25px;}
li blockquote {margin:10px 40px 20px; padding:0;}
/* Heading Styles */
h1, h2, h3, h4, h5 {}

h1 {font-size:14px; margin:10px 0 30px; padding:0 0 5px; border-bottom:solid 1px #808080; text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
h2 {font-size:13px;}
h3 {font-size:12px;}
h4 {font-size:12px;}
h5 {font-size:12px;}

/* Header Styles */
#header {position:relative; z-index:1; display:block;}
#mountains {width:850px; height:45px; background:url('/header-mountains.jpg') no-repeat;}
a.logo {display:block; padding:10px 20px 12px; text-align:center;}
a.logo span.logo {width:430px; height:44px; display:block; margin:0 auto;}
.phoneNumber {display:block; position:absolute; bottom:35px; right:20px; z-index:15; width:106px; height:16px; background-position:-505px -28px;}

a.phoneLink, a.phoneLink:link, a.phoneLink:visited {position:absolute; bottom:27px; right:10px; z-index:20; width:125px; height:30px;}

.headWhiteStrip {position:absolute; bottom:-9px; left:0; z-index:1; width:850px; height:9px; background-position:0 -50px;}

/* Site Menu Styles */
nav.menu {text-shadow:1px 1px 0 #000;}
nav.menu ul {margin:20px 6px; padding:0; list-style:none; border-top:solid 1px #B05D5D;}
nav.menu li {text-align:right; margin:0; border-bottom:solid 1px #B05D5D;}
nav.menu a, nav.menu a:link, nav.menu a:visited {display:block; padding:2px; color:#DBADAD;}
nav.menu a:active, nav.menu a:hover, nav.menu a:focus {text-decoration:none; color:#fff;}

li.current>a, li.current>a:link, li.current>a:visited {color:#fff}

nav.menu ul ul {margin:0 0 10px; border:0;}
nav.menu ul ul li {padding:0 10px; border:0;}
nav.menu ul ul li a, nav.menu ul ul li a:link, nav.menu ul ul li a:visited {color:#fff; font-size:10px; padding:0;}
nav.menu ul ul li a:active, nav.menu ul ul li a:hover, nav.menu ul ul li a:focus {text-decoration:underline;}

/* Content Area Styles */
#contentArea {padding:0 0 75px;}
#column1 {float:left; display:inline; width:154px; margin:0; padding:10px 0; min-height:457px; color:#fff; background-color:#780000;}
#column2 {float:right; display:inline; width:670px; margin:10px 10px 0 0; background-color:#b8b8b8;}

/* Contact Form */
.editForm div {clear: both; margin: 0 0 10px 0;}
.editForm label {display: inline-block; margin: 0 10px 0 0; width: 33%;}
.editForm span {display: inline-block; width: 60%; vertical-align: top;}
.editForm span input[type=text] {width: 60%;}
.required {font-weight: bold;}
.editForm span > p {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}
.editForm textarea {width: 100%; height: 150px;}
.editForm fieldset {clear: both; float: left; margin: 0 0 10px 0; width: 100%; height: 300px; border: 1px #ccc solid;}
.editForm fieldset .inner {padding: 5px 10px 0 10px; height: 273px; overflow: auto;}
.editForm legend {margin: 0 0 0 10px;}
.editForm .radioGroup span {display: block; width: 60px; float: left; line-height: normal; margin: 0; padding: 0;}

ins.error {color:#f00; text-decoration:none;}

.editForm input[type=text], .editForm input[type=password], .editForm textarea {padding:3px; border:solid 3px #ddd;}
.editForm input[type=text]:focus, .editForm textarea:focus {outline:none; border:solid 3px #ccc; background-color:#eee; -moz-box-shadow:0 0 5px rgba(0,0,0,0.25); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.25); -o-box-shadow:0 0 5px rgba(0,0,0,0.25); box-shadow:0 0 5px rgba(0,0,0,0.25);}
.editForm input[type=submit] {width:100px; height:30px; font-size:16px;}

/* Footer Styles */
#footer {position:absolute; bottom:0; left:185px; z-index:1; width:655px; height:40px; border-top:solid 1px #797979;}

#footer p {font-size:10px; color:#666666; margin:5px 0 0; padding:0; line-height:14px;}
#footer p a, #footer p a:link, #footer p a:visited {color:#666666; font-size:10px; text-decoration:underline;}

a#smartzLink, a#smartzLink:link, a#smartzLink:visited {position:absolute; top:2px; right:0; text-decoration:none; color:#5e5e5e; font-size:10px; font-family:Trebuchet MS, Arial, Geneva, sans-serif;}
a#smartzLink img {vertical-align:middle; margin:0 0 0 2px;}

/* Misc Styles */
.clear {clear:both;}
.replaceVideo {display:block; margin:10px 0;}
.imgAlignLeft {float:left; margin:0 10px 10px 0;}
.imgAlignRight {float:right; margin:0 0 10px 10px;}