/* Stylesheet for  Jill Simmons Payroll */

/* 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%; min-height:100% margin:0; padding:0; color:#24383b; font:normal normal 14px/18px Arial, Helvetica, sans-serif;}
body#site {text-align:center; position:relative; z-index:1; min-width:990px; background:#fff;}
#theme {position:relative; z-index:5; width:990px; margin:0 auto; padding:0; text-align:left; /*height:100%; height:auto; min-height:100%;*/ background-color:#fff;}
.bodyGradBG {position:absolute; top:0; left:0; z-index:1; width:100%; min-width:990px; height:431px; background-position:0 -175px;}

.spriteTheme {background-image:url('/jill-simmons-payroll-sprite-theme-fw.png'); background-repeat:no-repeat;}
.spriteVert {background-image:url('/jill-simmons-payroll-sprite-vert-fw.png'); background-repeat:repeat-y;}
.spriteHorz {background-image:url('/jill-simmons-payroll-sprite-horz-fw.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 {font-weight:normal; font-family:Verdana, Geneva, sans-serif;}
h1 {font-size:18px; margin:0 0 10px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h4 {font-size:11px;}
h5 {font-size:10px;}

h1.spriteHorz {background-position:0 -35px;}
h2.spriteHorz {background-position:0 0;}

/* Header Styles */
#header {position:relative; z-index:1; display:block; height:95px;}
a.logo {position:absolute; top:10px; left:25px; display:block; width:235px; color:#699ba4; font-size:36px; line-height:36px; text-decoration:none;}
a.logo span.logo {width:13px; height:14px; display:block; position:absolute; top:5px; left:115px; z-index:5; background-position:-114px 0;}
a.logo span.smalltext {font-size:14px; line-height:22px; position:absolute; bottom:0; left:130px;}

#phoneNumber {line-height:20px; font-size:16px; color:#699ba4; position:absolute; top:20px; right:100px; z-index:10;}
#phoneNumber strong {font-size:20px; color:#5e8e96; font-weight:normal;}

#social {position:absolute; top:15px; right:15px;}
#social li {float:left; display:inline; width:31px; height:32px; margin:0 0 0 5px;}
#social a, #social a:link, #social a:visited {display:block; width:31px; height:32px;}
#social a.facebook {background-position:0 -40px;}
#social a.linkedIn {background-position:-32px -40px;}

.headerNav {text-align:center; width:100%; height:35px; position:absolute; top:60px; left:0; z-index:10; background-color:#4c7a81;}
.headerNav ul {margin:8px auto 0; padding:0 20px; list-style:none; text-align:right; width:950px;}
.headerNav li {margin:0; padding:0 6px 0 4px; height:16px; line-height:16px; display:inline; display:inline-block;}
.headerNav li.first {border-right:solid 1px #fff;}
.headerNav a, .headerNav a:link, .headerNav a:visited {color:#fff; font-size:14px; text-decoration:underline;}

/* Site Menu Styles */
nav {width:285px; height:210px; display:block; position:absolute; top:0; left:0; z-index:100; background-color:#699ba4;}
nav ul {margin:0; padding:0; list-style:none; position:relative; z-index:100;}
nav li {margin:0; padding:0; line-height:70px; text-align:center; text-transform:uppercase; border-bottom:dotted 1px #fff;}
nav li:last-child {line-height:68px; border-bottom:none;}
/*nav li:hover ul li {left:0;}*/
nav a, nav a:link, nav a:visited {color:#fff; font-size:22px; color:#fff; display:block; text-decoration:none;}
nav a:active, nav a:hover, nav a:focus {background-color:#85aeb5;}

nav li.over a {background-color:#85aeb5;}

nav li ul {position:absolute; top:0; left:284px; z-index:90; width:0; height:0; clip:rect(0,285px,210px,0);}
nav li li {position:absolute; top:0; left:-285px; width:265px; height:210px; line-height:18px !important; text-align:left; text-transform:none; background-color:#e7eff0;}
nav li li h3 {color:#484a4a; font-size:18px; font-weight:bold; margin:30px;}
nav li li p {color:#41646a; font-size:16px; margin:0 30px; padding:0;}
nav li li span.star {width:13px; height:14px; display:inline-block; background-position:-114px 0;}
nav li li a, nav li li a:link, nav li li a:visited {}

/* Slides Content Area */
#slides {display:block; width:100%; height:210px; margin:5px 0; position:relative; z-index:5; background-color:#fff;}

#slide {position:absolute; top:0; left:285px; z-index:1; width:739px; height:262px; background:url('/home-peeps-fw.png') no-repeat 0 -3px;}

/* Content Area Styles */
#contentArea {padding:10px 10px 150px; min-height:200px; display:block; background-color:#e1e9e9;}
body.home #contentArea {padding:10px 10px 105px;}

/* Home Page Styles */
#homeContent {}
#homeContent .col1 {float:left; display:inline; width:345px; padding:0 10px 10px;}
#homeContent .col2 {float:left; display:inline; width:280px; padding:0 10px 10px; border-left:dotted 1px #315a60;}
#homeContent .col3 {float:left; display:inline; width:275px; padding:0 10px 10px; border-left:dotted 1px #315a60;}

#homeContent h1, #homeContent h2 {height:35px; line-height:35px; text-align:center; padding:0 10px; text-transform:uppercase; color:#fff;}
#homeContent h1 {background-color:#000;}
#homeContent h2 {font-size:16px; background-color:#457077;}

#homeContent p {padding:10px;}

/* 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 2px #ddd;}
.editForm input[type=text]:focus, .editForm textarea:focus {outline:none; border:solid 2px #ccc; background-color:#eee; -moz-box-shadow:0 0 3px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.15); -o-box-shadow:0 0 3px rgba(0,0,0,0.15); box-shadow:0 0 3px rgba(0,0,0,0.15);}
.editForm input[type=submit] {width:100px; height:30px; font-size:16px;}

/* Sub Footer Styles */
.subFooter {/*position:relative; bottom:200px; left:0; z-index:10;*/color:#fff; position:relative; z-index:10; margin:-145px 0 0; width:100%; height:105px; background-color:#4c7a81; background-position:0 -70px;}

.subFooter .inner {width:990px; margin:0 auto; text-align:left; position:relative; z-index:5; font-size:12px;}
.subFooter .text {position:absolute; top:15px; left:20px; z-index:5; width:630px; font-family:Verdana, Geneva, sans-serif;}
.subFooter .cta {position:absolute; top:30px; right:20px; z-index:5; width:275px; font-size:18px; text-align:center;}
.subFooter .cta p {margin:0; padding:0;}
.subFooter .cta strong {font-weight:normal; color:#e9c828;}

/* Footer Styles */
#footer {/*position:absolute; bottom:0; left:0; z-index:10;*/ width:100%; height:40px; line-height:40px; background-color:#fff;}

#footer p {font-size:12px; color:#315a60; margin:0 20px; padding:0;}
#footer p a, #footer p a:link, #footer p a:visited {color:#315a60; 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;}
#siteAdminMonkeySpacer {display:none;}