/*----------------------------------------------------------------------------- 
Splash page Stylesheet 

version:   1.0 
date:      11/03/09 
author:    Davis Designs
email:     info@beckandcall.ca  
website:   www.beckandcall.ca 
-----------------------------------------------------------------------------*/


/* Remove padding, margin, outlines, borders, Default Font Sizes etc. */ 
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;
	border: 0;
	outline: 0;
	font-size: small;
	vertical-align: baseline;
}

/* Clearing floated elements  */

.clear	{ 
    clear: both;
	height: 1px;	
}

.right	{ 
    float: right; 
}

.left 
    { 
    float: left; 
}

#clear	{
	clear: both;
	height: 1px;
}


body	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/background-grad.gif);
	background-repeat: repeat-x;
	background-color: #b1bcca;
	min-width: 940px;
} 

 

#container	{
	margin: 17px auto;
	width: 940px;
}

/* Header -----------------------------------------------------------------------------*/

#header	{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 78px;
	padding-top: 24px;
}


/* Main-Nav -----------------------------------------------------------------------------*/



/* Horizontal Navigation */

#nav	{
	margin: 0 0 19px 385px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	height: 35px;
	width: 525px;
}

#nav li		{
	margin: 0;
	padding: 0;
	margin: 0 2px 0 0;
	display: inline;
}

#nav a		{
	padding: 8px 9px;
	font-size: 12px;
	color: #3b3a3a;
	text-decoration: none;
	line-height: 2.3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#nav a:hover		{
	text-decoration: none;
	background: #e2e6ec;
}

#body-home #nav-home a, #body-about #nav-about a, #body-services #nav-services a, #body-pricing #nav-pricing a, #body-faq #nav-faq a, #body-contact #nav-contact a	{
	background: #ffffff;
	color: #000000;
}




/* Home Content -----------------------------------------------------------------------------*/

#home-intro	{
	overflow: hidden;
	height: 300px;
}

#home-content	{
	background-image: url(../images/home-content.jpg);
	background-repeat: no-repeat;
	height: 266px;
}


#home-content #box1	{
	float: left;
	width: 240px;
	height: 170px;
	margin: 59px 0 0 104px;
}

#home-content #box1 p	{
	padding-bottom: 6px;
}

#home-content #box1 p.bold	{
	padding-bottom: 4px;
	font-weight: bold;
}

#home-content #box2	{
	float: left;
	width: 535px;
	height: 170px;
	margin: 59px 0 0 24px;
}

#home-content #box2 p	{
	padding-bottom: 11px;
}

#home-content #box2 p a	{
	font-size: 14px;
	color: #0271c7;
	text-decoration: none;
}

#home-content #box2 p a:hover	{
	font-size: 14px;
	color: #0271c7;
	padding: 20px 0 0 0;
	text-decoration: underline;
}



#home-content #box2 img	{
	margin: 0 16px 20px 0;
}


#home-content #box1 #services	{
	list-style: none;
}

#home-content #box1 li	{
	padding: 0 0 4px 0;
	margin: 0;
}


/* Internal Pages Content -----------------------------------------------------------------------------*/

#title	{
	overflow: hidden;
	height: 199px;
}

#content	{
	background-image: url(../images/paper.jpg);
	background-repeat: repeat-y;
	padding: 0 0 0 150px;
}

#content p	{
	width: 525px;
	margin: 0 0 10px 0;
	line-height: 18px;
}

#content p.single	{
	width: 525px;
	margin: 0 0 30px 0;
	line-height: 18px;
}



/* About Us Page Content -----------------------------------------------------------------------------*/

#content #about	{
	width: 555px;
}

#content h1.about	{
	background-image: url(../images/sue-hawkins.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 185px;
	height: 18px;
	padding-bottom: 18px;
}

#content h2.about	{
	color: #0472c8;
	font-size: 14px;
	margin: 24px 0 8px 165px;
}

#content img.about	{
	float: left;
	margin: 5px 0 0 0;
}

#content p.about	{
	margin: 0 0 10px 165px;
	width: 395px;
	line-height: 18px;
}

#content p.testimonial	{
	margin: 0 0 18px 165px;
	width: 395px;
	font-style: italic;
	line-height: 22px;
}

#content .name	{
	text-align: right;
	font-size: 11px;
	width: 395px;
}


/* Our Services Page Content -----------------------------------------------------------------------------*/

#content h1.easier	{
	background-image: url(../images/make-your-life-easier.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 330px;
	height: 23px;
	padding-bottom: 10px;
}

#services	{
	margin-bottom: 25px;
}

#services li	{
	list-style: none;
	margin-bottom: 35px;
}

#content h1.meals	{
	background-image: url(../images/help-with-meals.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 22px;
	padding-bottom: 6px;
	margin-left: 112px;
}

#content h1.shopping	{
	background-image: url(../images/help-with-shopping.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 22px;
	padding-bottom: 6px;
	margin-left: 112px;
}

#content h1.selling	{
	background-image: url(../images/selling-your-home.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 219px;
	height: 22px;
	padding-bottom: 6px;
	margin-left: 112px;
}

#content h1.home	{
	background-image: url(../images/help-at-home.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 22px;
	padding-bottom: 6px;
	margin-left: 112px;
}

#content h1.dates	{
	background-image: url(../images/important-dates.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 22px;
	padding-bottom: 6px;
	margin-left: 112px;
}

#content h1.parents	{
	background-image: url(../images/help-for-new-parents.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 22px;
	padding-bottom: 6px;
	margin-left: 112px;
}

#content h1.business	{
	background-image: url(../images/help-with-home-business.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 22px;
	padding-bottom: 6px;
	margin-left: 112px;
}

#content h1.waiting	{
	background-image: url(../images/waiting-services.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 22px;
	padding-bottom: 6px;
	margin-left: 112px;
}

#content h1.pets	{
	background-image: url(../images/help-with-pets.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 22px;
	padding-bottom: 6px;
	margin-left: 112px;
}

#content h1.errands	{
	background-image: url(../images/help-with-errands.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 22px;
	padding-bottom: 6px;
	margin-left: 112px;
}

#content img	{
	float: left;
	margin-top: 3px;
}

#content p.services	{
	width: 445px;
	line-height: 18px;
	padding-bottom: 6px;
	margin: 0 0 0 112px;
}

#content p.bold	{
	width: 445px;
	color: #0472c8;
	font-weight: normal;
	line-height: 18px;
	padding-bottom: 4px;
	margin: 0 0 0 112px;
}

#service	{
	margin: 0 0 10px 112px;
}

#service li	{
	list-style: disc;
	margin: 0 0 4px 25px;
}


/* Pricing and Terms -----------------------------------------------------------------------------*/

#content h1.pricing	{
	background-image: url(../images/pricing.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 54px;
	height: 23px;
	padding-bottom: 18px;
}

#content h1.terms	{
	background-image: url(../images/terms.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 185px;
	height: 23px;
	padding-bottom: 18px;
}


/* FAQ -----------------------------------------------------------------------------*/

#content h1.faq	{
	background-image: url(../images/faq.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 230px;
	height: 23px;
	padding-bottom: 18px;
}

#olist	{
	width: 445px;
	margin-left: 15px;
	
}

#olist li	{
	margin: 0 0 25px 25px;
	color: #0472c8;
}

#olist li h2	{
	color: #0472c8;
	font-size: 14px;
	margin: 0 0 8px 0;
}

#olist li p	{
	color: #000000;
	width: 445px;
	line-height: 18px;
	margin: 0 0 8px 0;
}


/* Contact Us  -----------------------------------------------------------------------------*/

#content h1.contact	{
	background-image: url(../images/contact-beck-and-call.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 230px;
	height: 23px;
	padding-bottom: 9px;
}



/* Footer -----------------------------------------------------------------------------*/

#footer	{
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	height: 187px;
}


#footer #text	{
	float: left;
	width: 370px;
	height: 50px;
	margin: 40px 0 0 210px;
}

#footer #contact	{
	float: left;
	width: 130px;
	height: 50px;
	margin: 40px 0 0 15px;
}

#footer #email	{
	float: left;
	width: 130px;
	height: 50px;
	margin: 40px 0 0 15px;
}



/* Footer Navigation */

#base-nav	{
	margin: 15px 0 0 184px;
	padding: 0;
	font-size: 10px;
	color: #999999;
	list-style-type: none;
	text-align: center;
	height: 35px;
	width: 520px;
}

#base-nav li		{
	margin: 0;
	padding: 0;
	margin: 0 1px 0 0;
	display: inline;
}

#base-nav a		{
	padding: 4px 4px;
	font-size: 10px;
	color: #3b3a3a;
	text-decoration: none;
	line-height: 2.3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#base-nav a:hover		{
	background: #bcd8df;
	text-decoration: none;
}

#body-home #base-nav-home a, #body-about #base-nav-about a, #body-services #base-nav-services a, #body-pricing #base-nav-pricing a, #body-faq #base-nav-faq a, #body-contact #base-nav-contact a	{
	background: #bcd8df;
	color: #3b3a3a;
}

#copyright	{
	font-size: 9px;
	color: #8b9696;
	margin:0 0 0 210px;
}




