/*

DLS CARE

*/

/* Normalize elements between browsers */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
ol,ul { list-style-type: none; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }

/* =ADMIN (mgmt.css) ============================================= */

/* =BASIC LAYOUT=============================================================================================== */

html 
{
 font: 62.5% helvetcia,arial,sans-serif;
}

body
{
 background: url(/global/images/grass-bg.jpg) repeat;
 font-size: 2.4em;
 line-height: 1.4em;
 position: relative;
}

a:link { color: #00f; }
a:visited { color: #009; }

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.ar { text-align: justify; }

em { font-style: italic; }

#flw
{
margin: 0;
padding: 0;
background: url(/global/images/background-flowers.png) no-repeat 50% 100px;
}

#wrapper
{
 background: url(/global/images/brick-bg.jpg);
 margin: 50px auto 0 auto;
 padding: 60px 0 1px 0px;
 display: block;
 width: 654px;
 -moz-box-shadow: #000 0 1px 10px;
 -moz-border-radius-bottomleft: 15px;
 -moz-border-radius-bottomright: 15px;
}

#overlay
{
text-indent: -9999px;
background: url(/global/images/header-flowers.png) no-repeat;
position: absolute;
display: block;
left: 50%;
margin: 0 0 0 -447px;
top: -50px;
width: 875px;
height: 221px;
}

#header h1
{
 display: block;
 background: transparent url(/global/images/dependable-lawn-shrub-care-logo.gif) no-repeat;
 height: 223px;
 width: 459px;
 padding: 0px;
 margin: 30px auto 0 auto;
 text-indent: -9999px;
}
#header h1 a /* not ued on / page */
{
 display: block;
 height: 292px;
 width: 877px;
}
#header div.navigation
{
font-size: 1em;
line-height: 2em;
 text-align: center;
 padding: 1px 1em;
background-color: #900;
border: solid 5px #600; 
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
-moz-box-shadow: rgba(0,0,0,0.4) 0 1px 10px;
margin: 15px -30px;
text-shadow: #000 0 1px 0;
}
#header div.navigation ul 
{ 
 padding-right: 1em; 
}
#header div.navigation li
{
 font: 1em/1.85em Georgia,serif;
 line-height: 1.7em;
 display: inline;
 margin: 5px;
}
#header div.navigation li a
{
 display: inline;
 width: 100%;
 padding: 0 2px;
 color: #fff;
 padding: 3px 6px;
}
#header div.navigation li.active a
{
 background-color: #300;
 -moz-border-radius: 5px;
 color: #fff;
}
#header div.navigation li a:hover
{
 background-color: #f00;
 -moz-border-radius: 5px;
 color: #fff;
}

span.amp
{
font-style: normal;
}

/* =SELFCLEAR================== */

.c:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.c
{
display: inline-block; /* IE 7 */
}

.c
{
display: block;
}

* html .c
{
height: 1px; /* IE < 7 */
}

/* =FORMS========================= */

form
{
background-color: #900;
color: #fff;
text-shadow: #000 0 -1px 0px;
padding: 10px;
margin: 15px auto;
}

div.ctrlHolder label
{
 display: block;
 font-style: italic;
}
div.ctrlHolder input,
div.ctrlHolder select,
div.ctrlHolder textarea
{
 font: normal normal 1em Georgia,serif;
}
/* #content is to raise specificity */
#content div.ctrlHolder .multi input,
#content div.ctrlHolder .multi label { width: auto; display: inline; margin-left: 5px; }

div.ctrlHolder p
{
font: italic .8em georgia,serif;
}

div.buttonHolder { margin-top: 1em; }
div.buttonHolder input,
div.buttonHolder button
{
 padding: 5px 15px;
 font: 2em Georgia;
}

form div#contactFormError
{
background-color: red;
line-height: 1em;
padding: 5px;
}
form div#contactFormError ul,
form div#contactFormError ol
{
 margin-left: 30px;
 list-style-type: disc;
}

/* =CONTENT========================= */

#content
{
 position: relative;
 padding: 0 15px;
 text-shadow: #fff 0 1px 0px;
font-size: 0.8em;
}

#content h2
{
 font: 2em/1.2em Georgia,serif;
 text-align: center;
 margin: 0.25em 0;
 color: #c00;
 text-shadow: #333 0 1px 0px;
}
#content h3 
{ 
 font-size: 1.2em;
 color: #900; 
 margin-bottom: .5em;
 text-align: center;
}

#content p 
{
 margin-bottom: 1em;
}

#content a
{
font-weight: bold;
 color: #900;
}

#content strong { font-weight: bold; }

#content li { margin-bottom: .75em; }

#content img { padding: .25em; }

#content dt { font-weight: bold; }
#content dd { margin-bottom: .75em; }


#content p a:hover,#content p a:active, 
#content dd a:hover,#content dd a:active, 
#content li a:hover,#content li a:active, 
#footer a:hover,#footer a:active 
{ 
 color: #fff;
 background-color: #006;
 background-color: #900;
 padding: 2px 5px;
 margin: -2px -5px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
 text-shadow: #000 0px 1px 0;
}
body.ie #content p a:hover,#content body.ie p a:active
{
 background-color: #006;
}

#content blockquote
{
 font: bold italic 1em/1.5em georgia,serif;
}
/*#content blockquote:before,
#content blockquote:after { content: '"'; }*/

#content cite
{
 display: block;
 font: 3em "ScriptinaRegular","zapfino",serif;
 line-height: 1.3em;
 color: #006;
}
#content cite span
{
font: 0.25em georgia,serif;
color: #999;
}

/* =NAVIGATION======================= */

#navigation
{
 text-align: center;
 -moz-border-radius: 17px;
 -webkit-border-radius: 17px;
 border-radius: 17px;
-moz-box-shadow: #999 0 0 5px;
}

#navigation .phone 
{
 font: bold italic 1.2em georgia,serif;
 text-shadow: #666 1px 1px 4px;
 color: #2B33B2;
 margin-bottom: 0.25em;
}
#navigation .hours
{
 font: 0.8em/1.2em georgia,serif;
}

#navigation ul
{
 margin: 1em 0;
 border-bottom: solid 1px #aaa;
}
#navigation li 
{
 margin: 0;
}

#navigation ul a
{
 font: 0.8em/1em Georgia,serif;
 display: block;
 line-height: 2em;
 margin: 0;
 border-top: solid 1px #aaa;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
}

#navigation ul a:hover
{
 background-color: #009;
 color: #fff;
}

#navigation li.active a
{
 background-color: #009;
 color: #fff;
}

#navigation li.active a:hover
{
 font-weight: bold;
}

#navigation p /* section at bottom, with address */
{
 font: italic 0.6em/1.5em Georgia,serif;
}

/* =FOOTER=========================== */

#footer 
{
 width: 660px;
 margin: 1em auto;
 padding: 0 0 0 0;
 clear: both;
 color: #fff;
 text-shadow: #000 0 1px 0;
 font-size: 1.6em;
}
#footer a { color: #fff; }

#copyright, #webmaster
{
 text-align: center;
 font-weight: bold;
 margin: .5em 0 0 0;
font-size: 0.7em;

}
#webmaster
{
 font-size: 0.5em;
font-style: italic;
}

#footer div img { vertical-align: middle; }

#footer ul
{
text-align: center; 
width: 100%;
 clear: both;
}

#footer li
{
 margin-right: 15px;
 display: inline;
 text-align: center;
 font: 0.5em verdana,arial,sans-serif;
}

#footer div.vcard {
 clear: both;
 font: italic .5em georgia,serif;
 text-align: center;
 margin: 1em;
}
#footer div.vcard *
{
 display: inline; 
 margin-left: 0.5em;
}

/* hide unnecessary v-card stuff */
.vcard .country-name, .vcard .type { display: none; }

#browsers
{
text-align: center;
font-size: .5em;
font-weight: bold;
}
#browsers span { display: block; margin: 0; padding: 0; }
#browsers p { font-weight: normal; margin: 0 0 2em 0; padding: 0; line-height: 1em; }

/* =LIGHTBOX==== */

#lightbox-image-details-caption
{
 font: 30px georgia,serif;
}
#lightbox-image-details-currentNumber
{
 font: 20px georgia,serif;
}

/* =PAGES================================== */

#index #owners { width: 660px; display: block; }
#index #owners li { float: left; width: 50%; }
#index #owners img 
{ 
border: 10px solid #fff;
-moz-box-shadow: rgba(0,0,0,0.4) 0 2px 10px;
padding: 0;
margin: 10px;
}

#portfolio #content ul li 
{
 display: inline;
 padding: 0;
 margin: 0; 
 margin-right: 10px;
}
#portfolio #content ul img 
{
 display: inline;
 padding: 0;
 margin: 0;
 border: solid 10px #fff;
 border-bottom: solid 30px #fff;
 height: 130px; 
 -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 5px;
}

#portfolio #content ul a,
#portfolio #content ul a:hover,
#portfolio #content ul a:active
{
 border: 0;
 background-color: transparent;
}

#contactUs div.ctrlHolder input,
#contactUs div.ctrlHolder select,
#contactUs div.ctrlHolder textarea,
#webmasterpage div.ctrlHolder input,
#webmasterpage div.ctrlHolder select,
#webmasterpage div.ctrlHolder textarea
{
 width: 570px;
}

#contactUs form, #webmasterpage form
{
 width: 580px;
}