/*
Theme Name: Steeple Ashton 2.0
Theme URI: http://www.steepleashton.com/
Description: Steeple Ashton 
Version: 2.0
Author: Adam Dunford
Author URI: tp://www.steepleashton.com/
Tags: red, fixed width, two columns

	Steeple Ashton v2.0
	http://www.steepleashton.com/

	Copyright (c) 2008 Steeple Ashton LLC

*/



/* ---- =style 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; background: transparent; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:active { outline: none; }


/* ---- =slimbox ---- */
 #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }


/* ---- =steepleashton ---- */
  html { height: 100%; min-height: 100%; }
body { background: #fff url(images/headerbkg.jpg) top repeat-x; font: normal 100%/1.4em "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; color: #1b0607; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #a9191c; letter-spacing: 0.1em; text-transform: lowercase; }
h1 { font-size: 3.75em; padding: 0 0 0.25em; line-height: 1.2em; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; color: #591618; letter-spacing: 0; }
h2 { padding-top: 0.8571em; font-size: 2.3333em; }
h3 { padding-top: 0.75em; font-size: 1.6667em; letter-spacing: 0em; }
h5 { padding-top: 1.0em; font-size: 1.4286em; }
h4 { padding-top: 1.2em; font-size: 1.6667em; }
em { padding-left: 0.1em; }
blockquote {margin: 1em 2em; color: #56717a; }
.content-main blockquote p { margin: 0; padding: 0; }
.content-main blockquote .quote { text-align: right; font-style: italic; }
.hide { display: none; }
.clearit { font-size: 1px; line-height: 1px; clear: both; }


/* ------- =header, branding, nav -------- */
  #header  { height: 126px; width: 980px; margin: 0 auto; }
#branding { float: left; background: #a9191c; display: inline; }
#branding-logo a { display: block; position: relative; left: 0; top: 0; width: 122px; height: 114px; color: #fff; text-decoration: none; letter-spacing: 0em; }
#branding-logo span { display: block; position: absolute;  left: 0; top: 0; z-index: 1; width: 122px; height: 114px; background: url(images/logo.jpg) no-repeat; }
#contact-us { margin-left: 778px; }
#contact-us a { display: block; position: relative; left: 0; top: 0; width: 198px; height: 73px; color: #fff; background: #a9191c; text-decoration: none; font: normal 1.1em/1.0em "Arial Narrow", Arial Narrow, Arial, Helvetica, sans-serif; text-align: right; }
#contact-us span {	 display: block; position: absolute;  left: 0; top: 0; z-index: 1; width: 198px; height: 73px; background: url(images/contact.jpg) no-repeat; }

#nav-main { margin-top: 8px; font: bold 0.90em/1.0em "Arial Narrow", Arial Narrow, Arial, Helvetica, sans-serif; letter-spacing: 0; text-transform: uppercase; }
#nav-main li { float: left; }
#nav-main li a { display: block; color: #a9191c; text-decoration: none; }
#nav-main li a:hover { color: #56717a; text-decoration: underline; }
#nav-main li#nav-getintouch { float: right; }
#nav-main li#nav-getintouch a { padding-right: 0; color: #56717a; }
#nav-main a { display: block; position: relative; left: 0; top: 0; height: 40px; color: #a9191c; text-decoration: none; }
#nav-main span { display: block; position: absolute;  left: 0; top: 0; z-index: 1; height: 40px; background: url(images/navigation.gif) no-repeat; }
#nav-main #nav-aboutus a { width: 104px; }
#nav-main #nav-aboutyou a { width: 125px; }
#nav-main #nav-services a { width: 115px; }
#nav-main #nav-portfolio a { width: 130px; }
#nav-main #nav-articles a { width: 127px; }
#nav-main #nav-blog a { width: 125px; }
#nav-main #nav-getintouch a { width: 128px; }
#nav-main #nav-aboutus span { width: 104px; background-position: 0px top; }
#nav-main #nav-aboutyou span { width: 125px; background-position: -106px top; }
#nav-main #nav-services span { width: 115px; background-position: -689px top; }
#nav-main #nav-portfolio span { width: 130px; background-position: -221px top; }
#nav-main #nav-articles span { width: 127px; background-position: -341px top; }
#nav-main #nav-blog span { width: 125px; background-position: -458px top; }
#nav-main #nav-getintouch span { width: 128px; background-position: -573px top; }
#nav-main #nav-aboutus a:hover span { background-position: 0px bottom; }
#nav-main #nav-aboutyou a:hover span { background-position: -106px bottom; }
#nav-main #nav-services a:hover span { background-position: -689px bottom; }
#nav-main #nav-portfolio a:hover span { background-position: -221px bottom; }
#nav-main #nav-articles a:hover span { background-position: -341px bottom; }
#nav-main #nav-blog a:hover span { background-position: -458px bottom; }
#nav-main #nav-getintouch a:hover span { background-position: -573px bottom; }
 

/* ------- =content -------- */
 #container { min-width: 980px; padding-bottom: 48px; background: url(images/mainbkg.jpg) bottom repeat-x; }
.content-top { width: 948px; height: 24px; margin: 4px auto 0; background: url(images/contentbkgtop.png); }
.content-bottom { width: 948px; height: 48px; margin: 0 auto; background: url(images/contentbkgbtm.png) bottom; }
.content  { overflow: hidden; height: 100%; width: 900px; margin: 0 auto; padding: 12px 0 0 48px; background: url(images/contentbkg.png); }
.content p { }
.content-main  { float: left; width: 528px; min-height: 420px; margin-bottom: 1em; }
.xfull { float: none; width: auto; }
.content-main p { margin-bottom: 1.5em; font-size: 0.875em; line-height: 1.75em; }
.full p { }
.content-main ol, .content-main ul { margin: -0.5em 1em 1em; }
.content-main ol { list-style-type: decimal; }
.content-main ul { list-style-type: disc; }
.content-main li ol, .content-main li ul { margin: 0.25em 1em 0; }
.content-main a {  }
.content-main a { color: #a9191c; text-decoration: none; }
.content-main a:hover { color: #56717a; text-decoration: underline; }
.content-main li { margin-bottom: 0.25em; font-size: 0.875em; line-height: 1.375em; }
.content-main li li, .content-main li p { margin-bottom: 0.5em; font-size: 0.9375em; line-height: 1.25em; }
.content-main img { padding: 6px; border: 1px solid #a7d6e8; }


/*.emp { margin-bottom: 1.125em; font-size: 1.5em; line-height: 1.25em; color: #a9191c; border: 1px solid #a9191c; }
*/
.content-main .emp { overflow: auto; margin-bottom: 1.125em; padding: 1.25em 2em 1.0em; -border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; background: #56717A; font-size: 1.3em; line-height: 1.25em; color: #fff; }
.content-main .emp p { margin-bottom: 0.5em; }
.content-main .emp a { text-decoration: none; font-weight: bold; color: #a7d6e8; }
.content-main .emp a:hover { border-bottom: 1px solid #a7d6e8; }
.content-main .emp strong { }
.content-main .emp .quote { color: #A7D6E8; font-size: 1.0em; text-align: right; }


.content-side { margin: 0 36px 0 572px; }
.content-side a { color: #a9191c; text-decoration: none; }
.content-side a:hover { color: #56717a; text-decoration: underline; }
.content-side p, .content-side li { margin: 0 0 1.2em; padding: 0 6px; font-size: 0.8125em; line-height: 1.25em; }
.content-side h2 { margin-bottom: 0.5em; font-size: 2.5em; line-height: 1.0em; }
.content-side h5, .content-side h6 { padding-top: 0; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 0em; text-transform: lowercase; }
.content-side h5 { }
.content-side h5 a { font-size: .5625em; color: #56717a; text-decoration: none; text-transform: none; }
.content-side h5 a:hover { text-decoration: underline; }
.content-side .boxpri, .content-side .boxsec { padding: 0 6px 6px; margin-bottom: 1.5em; }
.content-side .boxpri { width: 266px; height: 100%; overflow: hidden; background: #e0f0f5; border: 1px solid #a7d6e8; }
.content-side .boxpri p { margin: 0.34375em 0 0; padding: 0; font-size: 0.6875em; }
.content-side .boxpri ul, .content-side .boxsec ul { margin-top: 0.25em; }
.content-side .boxpri li, .content-side .boxsec li { margin: 0 0 0.6875em; font-size: 0.6875em; padding: 0; }
.boxpri .col1, .boxsec .col1 { float: left; width: 120px; margin: 0 16px 0 0; }
.content-side .boxpri img { padding: 5px; border: 1px solid #a7d6e8; background: #fff; }
.content-side .boxpri br { display: none; }
.content-side .boxsec { background: #fff; margin-bottom: 0.5em; }


#portfolio { margin: 0; list-style-type: none; }
#home .content-main, #dental-websites .content-main, #make-a-payment .content-main { float: none; width: auto; margin-right: 48px; }
#home .content-side, #dental-websites .content-side, #make-a-payment .content-side { display: none; }
#home h1 { margin: .25em 0 1em; font-size: 3.2em; }
#home h2 { padding-top: 1.0em; font-size: 1.4286em; letter-spacing: 0em; letter-spacing: 0em; text-transform: lowercase; }
#home img { padding: 0; border: none; }
#home .column, #dental-websites .column { width: 260px; float: left; margin: 0.5em 36px 0.5em 0; }
#dental-websites .emp .column { width: 232px;}
#home .last, #dental-websites .last, #make-a-payment .last { margin-right: 0; }

#portfolio h3 { margin: 0 0 0.25em; padding: 0; }

#portfolio p { margin: 8px 0 0; line-height: 1.375em; }
#portfolio img { float: left; margin: 0 16px 0 0; padding: 4px; background: #fff; border: 1px solid #a7d6e8; }
#portfolio li { height: 18em; padding: 0 0 0; margin-bottom: 24px; font-size: 0.8125em; clear: both; }
#portfolio li ul { margin: 0; padding: 0; clear: both; }
#portfolio li li { clear: none; display: block; float: left; width: 130px; height: auto; margin: 0; padding: 0; list-style-type: none; font-size: 0.875em; text-align: right; }
#portfolio li li.work { padding: 0 0 0 10px; width: 190px; text-align:left; text-indent: -10px; }
#portfolio li li a { color: #591618; }
#portfolio li li strong { display: none; }

#copyright  { clear: both; margin-right: 48px; padding: 1.0em 0 0; border-top: 1px dotted #a7d6e8; font-size: 0.75em; line-height: 1.25em; text-align: center; color: #56717a; }
#copyright a { padding: 0 2em; color: #56717a; text-decoration: none; text-transform: none; }
#copyright a:hover { text-decoration: underline; }
#footer { min-width: 980px; height: 115px; background: #d5f4f7 url(images/footerbkg.jpg) center no-repeat; }
#nav-supp  {  }


/* =====  forms ====== */
form { padding: 20px; background: #e0f0f5; border: 1px solid #a7d6e8; }
form br { display: none; }
#contactform p { clear: both; line-height: 1.2em; margin-bottom: 0.5em; }
#contactform p input, #contactform p textarea { width: 18em; padding: 4px 2px; font: normal 1em Arial, Helvetica, sans-serif; border: 1px solid #a7d6e8; }
#contactform select { width: 18em; }
textarea { margin-top: 4px; width: 400px; }
#contactform label { float: left; width: 13em; margin-right: 5px; padding-top: 5px; text-align: right; font-size: 0.9em; }
#contactform .button { clear: both; width: auto; margin: 0 0 0 15em; }
p.calltoaction { clear: both; margin-top: 12px; padding: 16px; background: #e0f0f5; border: 1px solid #a7d6e8; font-size: 1.3em; text-align: center; }
#paymentform { width: 420px; }
#paymentform label { font-weight: bold; }
#paymentform input { width: 100px; font-size: 14px; text-align: right; }
#paymentform #submit { width: 146px; height: 26px; border: none; background: url(/images/button.png) no-repeat center bottom; color: #fff; text-align: center; cursor: pointer; }
#paymentform #submit:hover { background-position: top; }

/* ----- =slider ------- */
#slider { clear: both; position:relative; width:756px; margin:0 auto; }
.scroll { height:552px;width:652px;margin: 0 auto; overflow:auto;overflow-x:hidden;position:relative;clear:left; }
.scrollContainer { }
.scrollContainer div.panel { float:left;position:relative;margin: 0 auto; padding:0 18px;height:552px;width:660px; }
#content .panel img { display:block;margin: 0 auto; }
#content-main #slider h3 { margin: 10px 10px 0; }
#content-main #slider .panel p { margin: 0; padding: 5px 10px 0; font-size: 0.9em; }
#slider ul.navigation {list-style:none;margin: 0 0 24px;padding:6px 0 2px 16px; font-size:0.9em; background: #e0f0f5; border: 1px solid #a7d6e8; }
#slider ul.navigation li {display:inline;}
#slider ul.navigation li img { padding: 3px; background: #fff; }
#slider ul.navigation a {padding:8px 4px;}
#slider ul.navigation a.selected {font-weight:bold; text-decoration:none; }
#slider ul.navigation a:focus {outline:none;}
#content-main .scrollButtons {position:absolute;top:320px; cursor:pointer; border: none; background: none; }
img.scrollButtons {position:absolute;top:320px;cursor:pointer; border: none; }
.scrollButtons.left {left:10px;}
.scrollButtons.right {right:10px;}
.hide {display:none;}

.visit { float: right; margin: -24px 48px 0 0; text-align: right; }