/*

Hillcroft Services
Created by SpinWeb [Tony Williams]
Last updated on 12/04/09

(1)  Global
(2)  Layout
(3)  Specific Typography
(4)  Testimonials 
(5)  Navigation 
(6)  Lists / Forms / Fieldsets
(7)  News / Events Module
(8)  Broadcast Email Module
(9)  Footer
(10) jQuery - lightbox
(11) Pagination
(12) Photo Gallery
(13) Search


/* (1) Global ========================================*/

body * {
margin:0px;
padding:0px;
font-size:10pt;
}



#public {
margin: 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
color: #3e3d3d;
background: url("graphics/images/bg-body.jpg") repeat-x;
}

h1 {
font:normal 15pt "Minion Pro", Georgia;
color:#900028;
padding:0;
}

h2 {
font:normal 12pt Arial;
color:#4a4a4a;
}

hr {
border:0;
background-color:#b5c0d0;
color:#b5c0d0;
height:1px;
margin-bottom:15px;
}

a {
color: #2362c4;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
border:0;
}

textarea {
max-width:300px;

}

/* (2) Layout ========================================*/

#outerWrap {
width:940px;
margin:0 auto 0 auto;
}

#logo {
float: left;
padding:0;
margin:0;
}

#logo img {
border:0;
}

#headWrap {
width:940px;
float:left;
}

/*========================================*/


#featureImgWrap {
width: 661px;
margin: 0;
height:256px;
}

#featureImg {
clear:both;
}

.webpage {
position:absolute;
width:440px;
left: 35px;
top: 117px;
z-index:1000;
color:white;
padding-top:10px;
}

#featContent p {
font:12pt "Minion Pro", Georgia;
padding-top:5px;
}

#readMore {
font-weight:bold;
font-style:italic;
background:url("graphics/images/arrow.gif") no-repeat 0 2px;
padding-left:15px;
color:white;
text-decoration:none;
margin-left:15px;
}

#readMore:hover {
text-decoration:underline;
}


/*========================================*/

#contentWrap {
float:left;
background:url("graphics/images/bg-wrap.gif") repeat-y;
width:940px;
}

#content {
width:621px;
float:left;
padding-left:5px;
}

#colLeft {
width:279px;
float:left;
padding-bottom:15px;
}

.colLeft {
background:url("graphics/images/shadow-left.jpg") no-repeat top right;
float:left;
width:279px;
}

#twitterFacebook {
margin:15px 0 10px 15px;
padding:0;
}

#twitterFacebook img {
float:left;
margin:0;
padding:0;
border:0;
}

#colRight {
width:661px;
float:left;
position:relative;
}

.colRight {
background:url("graphics/images/shadow-right.jpg") no-repeat top left;
width:631px;
float:left;
padding:15px;
margin-top:-3px;
}

/* (3) Specific Typography ========================================*/

p, .paragraph {
margin-bottom: 15px;
}

#content h1 {
border-bottom:1px solid #b5c0d0;
margin-bottom:15px;
padding-bottom:10px;
}

sup {
font-size: 9px;
}

.center {
text-align:center;
}

/*WYSIWYG Freedom Blue Styles ========================================*/


h1 {
}

h2 {
}

h3 {
}

p {
}

.left {
float: left;
margin: 10px 10px 10px 0;
}

.right {
float: right;
margin: 10px 0 10px 10px;
}

/* (4) Testimonials ========================================*/

.testimonials {
width:244px;
background:#d3d2d2 url("graphics/images/chat-top.gif") no-repeat;
padding-top:15px;
margin:10px 0 10px 0;
position:relative;
left:17px;
float:left;
color:#706e6e;
}

.testimonials h1, .testimonials p {
padding:0 15px 0 15px;
float:left;
color:#706e6e;
}

.testimonials p {
margin-bottom:10px;
}

#public .testimonials h1 {
color:#706e6e;
margin:0 0 0 0;
position:relative;
left:35px;
width:170px;
padding-left:0;
}

.testimonials img {
float:left;
margin-top:-10px;
}

.testAuthor {
font:12pt "Minion Pro", Georgia;
}

/* (5) Navigation ========================================*/

#mainNav {
width:640px;
padding-top:25px;
float:left;
margin-left:15px;
}

#mainNav {
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;

}

ul.mainNav {
margin: 0;
border: 0;
padding: 0;
list-style: none;
}

ul.mainNav li {
margin: 0;
border: 0;
padding: 0;
float: left;
display: inline;
list-style: none;
}

/* 1st Level */
ul.mainNav li a {
color: white;
background:url("graphics/images/nav-tab.gif") no-repeat;
text-decoration: none;
width: 90px;
text-align: center;
padding: 10px 0px;
height:15px;
font: normal 10pt Arial;
float: left;
}

ul.mainNav li a:hover {
background:url("graphics/images/nav-tab-ov.gif") no-repeat;
text-decoration: none;
}

.mainNav ul {
display:none;
}

/*========================================*/

#subNav {
width:240px;
padding:15px;
}

ul.subNav {
margin: 0;
border: 0;
padding: 0;
list-style: none;
line-height: 34px;
width:240px;
}

ul.subNav li {
margin: 0;
border: 0;
padding: 0;
list-style: none;
}

ul.subNav a {
color: #000066;
text-decoration: none;
text-align: left;
font: 11pt "Minion Pro", Georgia;
height:24px;
width:213px;
display:block;
padding:12px 0 0 30px;
background: url("graphics/images/bg-subnav.jpg") no-repeat;
}

ul.subNav a:hover, ul.subNav a:focus, ul.subNav a:active {
background-position:0 -36px;
text-decoration: none;
}

/* (6) Lists / Forms / Fieldsets ========================================*/

ol, ul {
margin-left: 3em;
padding-bottom: 10px;
}

form fieldset, fieldset ol, fieldset ul {
margin:0;
padding:0;
border:0;
}

fieldset ol, fieldset ul, #premierCompanies {
list-style:none;
}

fieldset ol li, fieldset ul li {
padding:0 0 10px 0;
}

.standardList {
margin-left:0;
padding-left:0;
list-style:none;
}

.formtextRequired, .formtext, textarea {
padding-bottom:15px;
}

textarea {
font-size:12px;
}

/* (7) News / Events Module ========================================*/

#newsWrap, #eventsWrap, #newsWrapLister, #eventsWrapLister {
float:left;
background:url("graphics/images/hd-news.gif") no-repeat;
padding:0 15px 10px 15px;
width:351px;
}

#colLeft #newsWrap {
width:236px;
padding-left:25px;
margin-top:15px;
background:url("graphics/images/hd-news2.gif") no-repeat 15px 0;
}

#eventsWrap {
background:url("graphics/images/hd-events.gif") no-repeat;
width:215px;
padding-right:5px;
margin-left:10px;
}

#newsWrapLister, #eventsWrapLister {
width:100%;
}

#newsWrap h1, #eventsWrap h1, #newsWrapLister h1, #eventsWrapLister h1 {
position:relative;
left:35px;
padding-bottom:20px;
margin-top:0;
}

#newsWrap h1 {
left:42px;
margin-bottom:15px;
}

#eventsWrap h1 {
margin-bottom:15px;
}

.newsList {
clear: both;
margin: 0 !important;
list-style: none;
padding:0;
}

.newsList li {
margin: 0 0 15px 0;
}

.newsList h2 a, .newsList h2, #content .newsList h2 a, #content .newsList h2 {
font:11pt Arial, sans-serif;
margin:0;
padding:0;
}

.newsList p {
margin: 0;
}

.newsSubHeadline {
font-weight: 700;
}

.meta {
font-size: 8pt;
color:#818080;
}

a.moreNews {
margin: 5px 0 15px 0;
}

.newsDetailWrapper h1 {
margin-bottom: 0;
}

.newsList .mastDate {
padding-bottom:10px;
color: #5d5d5d;
font-weight:bold;
}

#rssIcon {
float:right;
}


/* (8) Broadcast Email Module ========================================*/

.enews {
background:#c3ddf8 url("graphics/images/newsletter-top.gif") no-repeat;
padding:0 15px 0 15px;
float:left;
color:#617aa1;
width:249px;
height:256px;
}

#blueWrap {
background:#c3ddf8 url("graphics/images/bg-subnav.gif") no-repeat;
width:279px;
float:left;
min-height:10px;
}

#public .enews h1 {
color:#3e6bb2;
font-weight:normal;
margin:15px 0 10px 30px;
}

.enewsBoxEdit {
padding:1px;
margin-bottom:10px;
width:220px;
}

.enews .triggerModal {
margin-left:10px;
}

.enews form, .enews fieldset, .enews label, .enews ol, .enews ol li {
margin:0;
padding:0;
}

.enews fieldset ol li, .enews fieldset ul li {
padding-bottom:0;
}

.enews .submitGroup {
}





/* (9) Footer ========================================*/

#footerWrap {
width:100%;
margin:0 auto 0 auto;
background:#00275d url("graphics/images/bg-footer.gif") repeat-x;
border-top:3px solid #00275d;
font-size:9pt;
clear:both;
}

#footer {
text-align: left;
clear:both;
width: 940px;
padding:15px 0 15px 0;
margin:0 auto 0 auto;
color:#001c42;
}

.footerNav {
margin: 10px 0 10px 0;
padding:0;
}

.footerNav ul {
display:none;
}

.footerNav li {
display: inline;
padding: 0 12px 0 0;
margin:0;
}
 #footerNav .footerNav li a, {
text-decoration: none;
}

#footerNav .footerNav li a:hover {
text-decoration: underline;
color:white;
}

#footerWrap a {
color:white;
text-decoration: none;
}

#footerWrap a:hover {
text-decoration: underline;
}

#footerWrap p {
margin-bottom:10px;
}

#spinwebLogo {
position:relative;
top:-55px;
left:865px;
}

.footerNav ul {
display:none;
}

/* (10) jQuery - lightbox ========================================*/

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    background-color: #fff;
    border: 3px solid ccc;
    color: #333;
    display: none;
    left: 50%;
    margin-left: -200px;
    position: fixed;
    text-align: left;
    top: 17%;
    width: 400px;
}


.jqmConfirmTitle {
    background: #ddd;
    padding: 5px;
    text-align: right;
}

.jqmWindow .webpageWrapper {
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* lightbox ========================================*/


#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#recaptcha_area {
width: 98%;
}

.fba_links img {
margin-bottom: 10px;
}

/* (11) Pagination ========================================*/

.pagination {
clear: both;
display: block;
}

.pagination a, .pagination a:link, .pagination a:visited {
text-decoration: none;
}

.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow {
border: solid 1px #ccc;
margin: 0;
padding: 4px 6px;
font-size: 11px;
margin-right: 2px;
display: inline;
display: inline-block;
}

.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover {
border: solid 1px #000;
color: #000;
}

.pagination .prevnextCurrent {
background: #ccc;
color: #000;
font-weight: bold;
padding: 4px 6px;
}

.pagination a.prevnextLink {
border: 1px solid #ccc;
padding: 4px 6px 4px;
margin-right: 2px;
font-size: 11px;
display: block;
}

/* (12) Photo Gallery ========================================*/

#gallery {
list-style:none;
float:left;
margin:0 0 20px 0;
padding:0;
}

#gallery li {
list-style-type:none;
margin:0 15px 0 0;
padding:0 0 15px 0;
float:left;
/*width:100px;*/
height:130px;
}

#gallery a img {
border:4px solid #2362c4;
}

#gallery a img:hover {
border:4px solid #900028;
}

.albumPic img {
border:4px solid #2362c4;
}

.albumPicLink img {
width:200px;
height:150px;
}


/* (13) FAQ ========================================*/


.FAQQ {
color: #2362c4;
font-weight: bold;
font:normal 15pt "Minion Pro", Georgia;
}


.FAQA {
color:#900028;
font-weight: bold;
font:normal 15pt "Minion Pro", Georgia;
padding-bottom:15px;
}

.FAQQuest {
font-weight:bold;
padding-bottom:15px;
}

.FAQAnswer {
padding-bottom:15px;
}

/* (14) Search ========================================*/

#search {
width:300px;
float:right;
padding-top:20px;
text-align:right;
}

#search img {
position:relative;
top:7px;
left:7px;
}

#searchBoxInput {
width:230px;

}