/*
*************************************************

LITTLES 
General Screen Styles

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 1.3em; }
body { background: #222; font: normal 75% Helvetica, Arial, sans-serif; margin-top: 0px; }

a { color: #369; text-decoration: none; }
a.int { padding-left: 7px; margin-left: 1px; background: url(../images/linkarrow.gif) 0 40% no-repeat; }
a:hover { text-decoration: underline; }
br.clear { clear: left; }

input,textarea { font: normal 100% Helvetica, Arial, sans-serif; padding: .25em .25em 0 .25em; }
input.button { margin: 1em 0 .5em 0; color: #444; cursor: pointer; border-bottom: 1px solid #ccccc2; border-right: 1px solid #ccccc2; border-top: 1px solid #fffff2; border-left: 1px solid #fffff2; background: #eeeee2; padding: .4em .5em .25em .5em; font-size: 1.2em; }

h1 { color: #222; }
h2 { color: #222; /* #0b2f79; */ }
h3 { color: #222; }
h4 { color: #222; }

p { color: #444; }
ul,ol { color: #444; }
li { color: #444; }

hr { clear: left; height: 1px; border: 0; background: #ccc; color: #ccc; }
img { border: 0; }
img.linkArrow { vertical-align: middle; margin-left: 2px }
.noBold { font-weight: normal; }

.first-child { margin-top: 0 !important; }
/*-------------------------------------------    
    Wrap
-------------------------------------------*/
#wrap { background: #fff url(../images/rbg1.jpg) 780px 100% no-repeat; }

/*-------------------------------------------    
    Header
-------------------------------------------*/
#header { min-width: 950px; height: 108px; background: #814141 url(../images/hrbg1.jpg) 100% 0 no-repeat; }
#logo { width: 173px; height: 106px; overflow: hidden; float: left; margin: 0 0 0 5px; }
#contactDetails { width: 70%; height: 22px; float: right; padding: 6px 15px 0 10px; }
.contactFunerals { background: #814141 url(../images/contact-bg.jpg) 100% 0 no-repeat; }
#contactDetails p { text-align: right; font-family: Georgia; font-size: 1.15em; color: #e5b7b7; }
#contactDetails a { margin-left: 60px; font-style: italic; font-family: Georgia; color: #e5b7b7; }
#nav1 { width: 80%; float: left; padding-top: 0; }
#nav1 ul { font-family: georgia; font-size: .95em; text-transform: uppercase; letter-spacing: .1em; list-style: none; margin: 54px 0 0 10px }
#nav1 li { float: left; margin: 0 5px 0 0; padding: 4px 8px 4px 8px; }
#nav1 .cap { font-size: 1.2em; }
#nav1 a { color: #e5b7b7; }
#nav1 a#homeIcon { display: block; text-indent:-999px; width: 10px; background: #814141 url(../images/homeoff.gif) 48% 50% no-repeat; }
#nav1 li.sel { background: #fff; }
#nav1 li.sel a { color: #733334; }
#nav1 li.sel a#homeIcon { background-color: #733334; }
#nav1 li a#homeIcon:hover { background-image: url(../images/homeon.gif); }

/*-------------------------------------------    
	Stage
-------------------------------------------*/
#stage { width: 780px; float: left; background: #814141 url(../images/lbg2.jpg) 0 100% no-repeat; padding-bottom: 0px; }
.divclear {clear: both;padding-bottom: 1px; margin-bottom: -1px; height:0;}
.homeStage { background: none !important; width: 760px; }

/*-------------------------------------------    
    Home
-------------------------------------------*/
#homeBanner { width: 770px; height: 300px; background-color: #fff; padding: 10px 0 10px 10px; }
#homeBanner img { width: 760px; }
#homeBanner #homeImage { width: 760px; height: 300px; }
#homeBanner h1 { padding: 220px 0 0 20px; font-weight: normal; text-transform: uppercase; font-family: Georgia; font-size: .95em; color: #fff; }
#homeBanner h1 a { color: #e1b7b7; }
#homeBanner h1 .cap { font-size: 1.2em; }
#homeBanner h2 { font-family: Georgia; width: 80%; font-size: 1.5em; font-style: italic; font-weight: normal; color: #fff; padding: 0 0 0 20px; }
#homeCols { height: 270px; background: #fff; }
#homeCol1 { width: 50%; float: left; }
#homeCol2 { width: 50%; float: left; }
#homeCols .col { height: 260px; }
#homeCol1 .col { margin: 0 10px 0 20px; padding: 0 0 0 0; }
#homeCol2 .col { margin: 0 10px 0 10px; padding: 0 0 0 15px; border-left: 1px dotted #ccc; }
#homeCol3 .col { margin: 0 20px 0 10px; padding: 0 0 0 10px; border-left: 1px dashed #ddd; }
#homeCols h2 { font-size: 2.25em; line-height: 1em; margin: 0 0 .5em 0; font-family: Georgia; font-weight: normal; color: #814141; }
#homeCols h2 em { display: block; font-size: .425em; padding-top: .25em; text-transform: uppercase; font-style: normal; color: #666; }
#homeCols h3 { font-size: 1em; margin: 0 0 .25em 0; color: #444; }
#homeCols p { font-size: 1em; margin: 0 15px 1em 0; font-weight: normal; color: #444; }
#homeCols ul { list-style: none; font-family: Arial; font-size: 1em; font-weight: bold; }
#homeCols li { margin: 0 0 .25em 0 }

#homeCols .link-col1 { width: 49%; float: left; }
#homeCols .link-col2 { width: 49%; float: left; }

.home-logo { float: right; margin: 0 5px; }

/*-------------------------------------------    
	Left
-------------------------------------------*/
#left { width: 185px; background: url(../images/leftbg1.gif) no-repeat; float: left; }
#left h2 { font-family: Arial; font-size: .8em; color: #e5b7b7; text-transform: uppercase; letter-spacing: .11em; margin: 60px 0 .75em 8px; }
#left ul { list-style: none; margin: 0 0 0 8px; }
#left li {  margin: 0; border-top: 1px solid #924e4e; }
#left a {  display: block; padding: 6px 10px 4px 5px; color: #e5b7b7; margin-right: 0px; }
#left a:hover { text-decoration: none; background: url(../images/lahover.png); }
#left li.sel a { background: url(../images/lahover.png); color: #fff; }
#left li.sel li a { background: none; color: #e5b7b7; }
#left li.sel li a:hover { text-decoration: none; background: url(../images/lahover.png); }

/*-------------------------------------------    
	Main
-------------------------------------------*/
#main { width: 555px; padding: 0 20px 20px 20px; float: left; min-height: 600px; background: #fff; }
.wide { width: 734px !important }
#banner { margin: 5px 0 1em 0; background: #fff; border-top: 1px solid #ddd; padding-top: 2px; }

#main h1 { font-size: 2em; margin: 19px 0 0 0; font-family: Georgia; font-weight: normal; color: #814141; }
#main h2 { font-size: 1.1em; margin: 1.25em 25px .25em 0; color: #444; }
#main h2:first-child,#main h2.firstchild { margin-top: 0; }
#main h2.intro { font-size: 1.45em; margin: .5em 25px 0em 0; color: #666; font-family: Georgia; font-weight: normal; font- style: italic; }
#main h3 { font-size: 1em; margin: 1em 0 .25em 0; color: #444; }
#main h6 { font-size: .8em; font-family: Arial; margin: 1.5em 2em 0 0; padding: 0 0 3px 0; text-transform: uppercase; color: #666; }
#main p { font-size: 1em; margin: 0 2em 1em 0; color: #444; }
#main ul,#main ol { font-size: 1em; margin: 0 2em 1em 2em; color: #444; }
#main blockquote { font-family: Georgia; font-style: italic; font-size: 1.3em; color: #888; background: none; border: none; margin: 2em 0 2em 0; padding: 0; }
#main blockquote.noMargin { margin-bottom: 0; }
#main p.quoteby { font-family: Arial; font-size: .85em; color: #888; margin: .5em 0 2em 0; }
#main p.newsdate { margin-top: 1em; }
#main p.newspic { margin-bottom: 0em; }
#main p.caption { font-size: .9em; margin-bottom: 1em; color: #666; }

#main .round { float: right; margin: 0 1em 1em .5em; }

#main div.box { background: #eeeee2; padding: 10px 10px 2px 10px; margin: 1em 20px 1em 0; }
#main div.weddingFleet { background: #eeeee2 url(../images/bgfleet.jpg) 100% 50% no-repeat; padding-right: 125px; }
#main div.ourChauffeurs { background: #eeeee2 url(../images/bgchauffeur.jpg) 100% 50% no-repeat; padding-right: 125px; }
#main div.box h2 { margin-top: 0; }
#main div.box p { margin-bottom: .5em; margin-right: 0; }

#main div.action { background: #eeeee2; padding: 10px 10px 2px 10px; margin: 1.25em 20px 1em 0; }
#main div.action h2 { margin-top: 0; }
#main div.action p { margin-bottom: .5em; margin-right: 0; }

#main ul.links { list-style: none; margin: 0 20px 2em 0; border-top: 1px solid #ddd; font-size: .95em; }
#main ul.links li { padding: 4px 0 3px 0; border-bottom: 1px solid #ddd; font-weight: bold;  }

#main table.fleet { border-collapse: collapse; border-bottom: 1px solid #ddd; width: 94.5%; margin: 0 0 .75em 0; }
#main table.fleet th,#main table.fleet td { text-align: left; vertical-align: top; }
#main table.fleet th { width: 75px; font-family: Arial; padding: .55em .5em .25em .5em; font-size: .75em; text-transform: uppercase; letter-spacing: .1em; color: #666; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
#main table.fleet td { color: #444; padding: .25em .5em; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }

#main ul.fleet { list-style: none; margin: 1em 0; }
#main ul.fleet li { margin: 0 0 .25em 0; background: url(../images/linkarrow.gif) 0 4px no-repeat; padding-left: 8px; }

#main table.contact { border-collapse: collapse; border-bottom: 1px solid #ddd; width: 94.5%; margin: 0 0 1.25em 0; }
#main table.contact th,#main table.contact td { text-align: left; vertical-align: top; }
#main table.contact th { width: 25px; background: #fffff7; font-family: Arial; padding: .6em .5em .1em .5em; font-size: .75em; text-transform: uppercase; letter-spacing: .1em; color: #666; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
#main table.wid th { width: 90px !important; }
#main table.contact td { color: #444; padding: .3em .5em .1em .5em; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }

#main .errorMessage { color: #c00; font-weight: bold; font-size: 1.4em; }
#main form h2 { border-bottom: 1px solid #ddddd2; margin: 1.5em 0 0 0; padding-bottom: .25em; }
#main form h2 span.key { margin-left: 1em; font-family: Arial; font-size: .75em; text-transform: uppercase; letter-spacing: .01em; color: #666; }
#main table.form { width: 100%; margin: 0 0 0 0; background: #eeeee2; padding: 10px; border-bottom: 1px dashed #ddddd2; }
#main table.noBg { background: #fffff2 !important; }
#main table.form th,#main table.form td { text-align: left; vertical-align: top; }
#main table.form th { width: 100px; text-align: right; color: #444; padding: .65em .5em .1em .5em; }
#main table.form td { color: #444; padding: .3em .5em .1em .5em; }
#main table.form .addMargin { margin: .4em 0 0 0; }
#main div.cB { padding: 10px 10px 1px 10px; background: #eeeee2; margin: 1.5em 0 0 0; border-top: 1px solid #ddddd2; border-bottom: 1px dashed #ddddd2; }

#col1 { width: 66%; float: left; margin: 1.5em 0 0 0; }
#colWide { margin: 1.5em 0 0 0; }

#col2 { width: 34%; float: left; margin: 1.25em 0 0 0; }
#main #col2 h2 { font-family: Arial; font-size: .75em; font-weight: bold; text-transform: uppercase; color: #666; margin: 2px 0 0 0; background: #eeeee2; padding: 5px 5px 3px 4px; border-top: 1px solid #eeeee2; border-left: 1px solid #eeeee2; border-right: 1px solid #ddddd2; border-bottom: 1px solid #ddddd2; }
#main #col2 ul { font-size: .95em; list-style: none; margin: 0 0 2em 0; }
#main #col2 li { border-bottom: 1px solid #eee; padding: 6px 5px 4px 5px; }
#main #col2 li a { padding-left: 8px; margin-left: 1px; background: url(../images/linkarrow.gif) 0 4px no-repeat; }
#main #col2 div.quote { background: #eed; padding: 10px; margin: 0 0 1em 0; }
#main #col2 blockquote { font-family: Georgia; font-style: italic; font-size: 1.3em; color: #888; margin: 0 0 2em 5px; padding: 0; }
#main #col2 blockquote.noMargin { margin-bottom: 0; }
#main #col2 p.quoteby { font-family: Arial; font-size: .85em; color: #888; margin: .5em 5px 2em 5px; }
#main #col2 div.quote blockquote,#main #col2 div.quote p.quoteby { margin-bottom: 0; color: #666; }

#sponsors { margin: 3px 0 10px 0; background: none; padding: 5px 5px 5px 5px; border: 1px solid #ddd; }
#sponsors img { float: right; margin: 0 0 0 .5em; }
#main #col2 #sponsors h3 { font-family: Arial; font-size: .95em; font-weight: bold; color: #666; padding: 0; margin-top: 0; }
#main #col2 #sponsors p { color: #666; font-family: Arial; font-size: .95em; padding-left: 0; margin-bottom: 0; }

#main #col2 .offer { margin: 3px 0 10px 0; background: none; padding: 0; border: 1px solid #ddd; }
#main #col2 .offer img { float: right; margin: 0 0 0 0; }
#main #col2 .offer h3 { font-family: Arial; font-size: 1.2em; font-weight: bold; color: #333; padding: 5px; margin: 0; }
#main #col2 .offer p { color: #666; font-family: Arial; font-size: .95em; padding: 5px; margin-bottom: 0; }
#weddingshare { border-top: 1px solid #ddd; padding: 5px 5px 0 5px;  }
#weddingshare img { float: none; }

#breadcrumb { margin: 10px 0; }
#main p#breadcrumb { font-family: Arial; font-size: .9em; color: #888; margin: 1em 0; }
#breadcrumb a { color: #888; }

/*-------------------------------------------    
	Right
-------------------------------------------*/
#right { float: left; width: 190px; min-height: 100px; padding: 48px 0 0 0; }
.homeRight { padding-top: 10px !important; }

#right h2 { font-family: Arial; padding: 0 0 3px 0; font-size: .75em; font-weight: bold; text-transform: uppercase; letter-spacing: .01em; color: #666; margin: 10px 1em .5em 0px; border-bottom: 1px solid #ccc; }
#right h3 { font-family: Arial; font-size: .95em; font-weight: normal; color: #888; margin: 0 1em 0em 0px; }
#right p { font-family: Arial; font-size: .95em; color: #888; margin: 0 1em .5em 0px; } 

#right img {  }

#right .ad { width: 180px; cursor: pointer; margin-bottom: 10px; }
#right .ad h1 { font-weight: normal; text-transform: uppercase; font-family: Georgia; font-size: .8em; color: #fff; padding: 8px 10px 0 10px; }
#right .ad h1 a { color: #e1b7b7; }
#right .ad h1 .cap { font-size: 1.2em; }
#right .ad p { font-family: Georgia; font-size: .95em; font-style: italic; font-weight: normal; color: #fff; padding: 0 0 0 10px; }
#right .ad p a { color: #eee; }
#right .ad a:hover { text-decoration: none; }

#right .quickquote h1 { font-size: .9em; }
#right .quickquote h1 a { color: #f2f0f1; }
#right .quickquote p { font-size: 1.5em; font-style: normal; padding-top: 118px; text-align: center; }
#right .quickquote p a,#right .quickquote p a:hover { text-decoration: underline; }
#right .quickquote p em { display: block; font-family: Arial; font-size: .6em; color: #666; text-decoration: none; font-style: normal; }

#right .fleet { height: 190px; background: url(../images/ad_fleet.jpg) no-repeat; }
#right .fleetxf { height: 190px; background: url(../images/ad_fleetxf.jpg) no-repeat; }
#right .fleetSmall { height: 100px; background: url(../images/ad_fleet_small.jpg) no-repeat; }
#right .corporate { height: 190px; background: url(../images/ad_corporate.jpg) no-repeat; }
#right .corporateSmall { height: 100px; background: url(../images/ad_corporate.jpg) no-repeat; }
#right .corporateSmallInt { height: 100px; background: url(../images/ad_corporate_small_int.jpg) no-repeat; }
#right .quickquote { height: 190px; background: url(../images/ad_fleetxf_quote.jpg) no-repeat; }
#right .leisure { height: 190px; background: url(../images/ad_leisure.jpg) no-repeat; }
#right .leisure1 { height: 190px; background: url(../images/ad_leisure.jpg) no-repeat; }
#right .leisure2 { height: 190px; background: url(../images/ad_leisure2.jpg) no-repeat; }
#right .leisure3 { height: 190px; background: url(../images/ad_leisure3.jpg) no-repeat; }
#right .leisure4 { height: 190px; background: url(../images/ad_leisure4.jpg) no-repeat; }
#right .leisure5 { height: 190px; background: url(../images/ad_leisure5.jpg) no-repeat; }
#right .leisureSmall { height: 100px; background: url(../images/ad_leisure_small.jpg) no-repeat; }
#right .weddings { height: 100px; background: url(../images/ad_weddings.jpg) no-repeat; }

/*-------------------------------------------    
	Footer
-------------------------------------------*/
#footer { background: #222; clear: left; margin: 0 0 0 0; padding: 7px 7px 6px 10px; }
#footer p { font-size: .95em; color: #666; margin: 0; width: 770px; float:left;  }
#footer a { color: #888; }

#footersm { width: 100px; float: left; margin: -14px 0 0 0 }

#footerHome { clear: left; width: 950px; margin: 0; padding: 10px 0 30px 0 }
#footerHome p { font-size: .95em; color: #888; margin: 0 0 0 12px }
#footerHome a { color: #888; background: #333; padding: 2px 2px 1px 2px  }

#dkdoLogo { width: 30px; float: right; }