
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,
header, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */ 
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* make the browsers treat these like the blocks they are */
header, nav, section, article, hgroup, footer	{display: block;}




/*** Grid ***/
.container {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	overflow: hidden;
}

.cont-1,.cont-2,.cont-3,.cont-4,
.cont-5,.cont-6,.cont-7,.cont-8,
.cont-9,.cont-10,.cont-11,.cont-12,
.cont-13 {
	position: relative;
	display: inline;
	float: left;
	overflow: hidden;
}
	.cont-1	{width: 70px;}
	.cont-2	{width: 140px;}
	.cont-3	{width: 210px;}
	.cont-4 {width: 280px;}
	.cont-5	{width: 350px;}
	.cont-6	{width: 420px;}
	.cont-7	{width: 490px;}
	.cont-8 {width: 560px;}
	.cont-9	{width: 630px;}
	.cont-10{width: 700px;}
	.cont-11{width: 770px;}
	.cont-12{width: 840px;}
	.cont-13{width: 910px;}

.col-1,.col-2,.col-3,.col-4,
.col-5,.col-6,.col-7,.col-8,
.col-9,.col-10,.col-11,.col-12,
.col-13,.col-14 {
	position: relative;
	display: inline;
	float: left;
	margin: 20px 10px 0 10px;
}
	.col-1	{width: 50px;}
	.col-2	{width: 120px;}
	.col-3	{width: 190px;}
	.col-4 	{width: 260px;}
	.col-5	{width: 330px;}
	.col-6	{width: 400px;}
	.col-7	{width: 470px;}
	.col-8 	{width: 540px;}
	.col-9	{width: 610px;}
	.col-10	{width: 680px;}
	.col-11	{width: 750px;}
	.col-12	{width: 820px;}
	.col-13	{width: 890px;}
	.col-14	{width: 960px;}

.alpha	{margin-left: 0;}
.omega	{margin-right: 0;}

.prefix-1	{padding-left: 70px;}
.prefix-2	{padding-left: 140px;}
.prefix-3	{padding-left: 210px;}
.prefix-4 	{padding-left: 280px;}
.prefix-5	{padding-left: 350px;}
.prefix-6	{padding-left: 420px;}
.prefix-7	{padding-left: 490px;}
.prefix-8 	{padding-left: 560px;}
.prefix-9	{padding-left: 630px;}
.prefix-10	{padding-left: 700px;}
.prefix-11	{padding-left: 770px;}
.prefix-12	{padding-left: 840px;}
.prefix-13	{padding-left: 910px;}
	
.suffix-1	{padding-right: 70px;}
.suffix-2	{padding-right: 140px;}
.suffix-3	{padding-right: 210px;}
.suffix-4 	{padding-right: 280px;}
.suffix-5	{padding-right: 350px;}
.suffix-6	{padding-right: 420px;}
.suffix-7	{padding-right: 490px;}
.suffix-8 	{padding-right: 560px;}
.suffix-9	{padding-right: 630px;}
.suffix-10	{padding-right: 700px;}
.suffix-11	{padding-right: 770px;}
.suffix-12	{padding-right: 840px;}
.suffix-13	{padding-right: 910px;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0 !important;
	float: none !important;
}




/*** Float Clearing Styles ***/ 
.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 
.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */




#rhythm {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4000px;
	background: url(../images/rhythm.png);
}




/*** Embedded fonts ***/
@font-face {
	font-family: 'BlackJack Regular';
	src: url('./fonts/black_jack.eot');
	src: local('BlackJack Regular'), local('BlackJackRegular'), url('./fonts/black_jack.woff') format('woff'), url('./fonts/black_jack.ttf') format('truetype'), url('./fonts/black_jack.svg#BlackJackRegular') format('svg');
}

@font-face {
	font-family: 'Serif Black';
	src: url('./fonts/SERIBL_.eot');
	src: local('Serif Black'), local('SerifBlack'), url('./fonts/SERIBL_.woff') format('woff'), url('./fonts/SERIBL_.ttf') format('truetype'), url('./fonts/SERIBL_.svg#SerifBlack') format('svg');
}




/*** Universals ***/
body {
	min-width: 960px;
	background: url(/images/bg-tile.png);
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	color: #333;
}

h1, h2, h3, h4, h5, h6	{font-family: Georgia, Times, "Times New Roman", serif;}

a			{color: #8a3065; text-decoration: none; border-bottom: 1px dotted #8a3065;}
a:hover,
a:focus 	{border-bottom: 1px solid #8a3065;}

p	{font-size: 14px; line-height: 20px;}

a#tag {
	display: block;
	position: fixed;
	top: 40%;
	right: 0;
	width: 52px;
	height: 123px;
	border: 0;
	text-indent: -9999px;
	background: url(/images/hire-us-tag.png) no-repeat 0 0;
}





/*** Forms ***/
form hgroup			{position: relative;}
form h1				{margin: 19px 20px 0 20px; font-size: 20px; line-height: 20px; color: #fff;}
form h2				{position: absolute; top: 2px; right: 20px; font-size: 13px; text-align: right; font-weight: normal; color: #d4d4d4;}
form li				{margin: 20px 0 0 20px;}
form label			{position: relative; display: block; padding: 8px 0 0 8px; z-index: 10; font-size: 14px; color: #666;}
form label span		{color: #aaa;}
form li.text		{float: left;}
form li.text input, 
form textarea		{position: relative; display: block; padding: 8px 3px 0 8px; z-index: 5; font-size: 14px; font-family: Georgia, Times, "Times New Roman", serif; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
form li.text		{width: 236px; padding: 0 4px 4px 0; background: #a3a3a3; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
form li.text input	{width: 225px; height: 22px; }
form li.textarea	{width: 496px; padding: 0 4px 4px 0; background: #a3a3a3; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
form textarea		{width: 485px; height: 92px;}
form li.button		{margin-top: 22px;}
form li.button input{width: 499px; height: 85px; border: 0; background: url(/images/contact-button.png) no-repeat 0 0; color: #d3e4e5; font-size: 13px; font-family: Georgia, Times, "Times New Roman", serif; cursor: pointer;}

#page-contact {
	background: #107682;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}
	#page-contact h2				{color: #b8d6da}
	#page-contact li.text,
	#page-contact li.textarea		{background: #70adb4;}
	#page-contact li.button input	{width: 499px; height: 85px; border: 0; background: url(/images/home-contact-button.png) no-repeat 0 0; color: #d3e4e5; font-size: 13px; font-family: Georgia, Times, "Times New Roman", serif; cursor: pointer;}


/***ADDED WITH JS***/
form label.on-top	{margin-bottom: -22px;}




/*** Header ***/
#page-head {
	padding-top: 20px;
	background: url(/images/header-bg-tile.png) repeat-x 50% 0;
}
	#page-head h1 a		{display: block; height: 100px; border: 0; text-indent: -9999px; background: url(/images/logo-title.png) no-repeat 0 0;}
	#page-head dl		{margin-top: 55px;}
	#page-head dt		{font-family: 'BlackJack Regular'; font-size: 20px; color: #666666;}
	#page-head dd		{margin-top: 2px;}
	#page-head dd.image	{position: absolute; top: 0; left: 0; margin: 0;}
	#page-head dd li	{padding-right: 10px; float: left; font-size: 14px; line-height: 20px;}
	
	#page-head nav				{height: 30px; margin-top: 40px; background: #5a7302; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
	#page-head nav ul			{position: absolute; top: 0; right: 0;}
	#page-head nav li			{height: 20px; margin: 0 20px 0 0; padding:  10px 0 0 0; float: left; overflow: hidden;}
	#page-head nav li a			{padding: 0 20px; float: left; border: 0; font-size: 13px; line-height: 10px; color: #fff; text-decoration: none;}
	#page-head nav li.current	{border-right: 1px dotted #fff; border-left: 1px dotted #fff; background: #859c34;}



/*** Home Page ***/
#bump {
	margin-top: -5px;
}
	#bump div	{margin-top: 0; padding: 0 0 26px 0; border-top: 4px solid #5a7302; border-bottom: 1px dotted #5a7302; background: url(/images/bump-bg-tile.png);}
	#bump h1	{padding: 17px 0 0 20px; border-top: 1px solid #313c09; font-family: 'Serif Black'; color: #859c34; font-size: 100px; letter-spacing: 0.05em;}
	#bump p		{width: 450px; margin: 6px 0 0 20px; font-size: 18px; line-height: 30px;}
	#bump img	{position: absolute; width: 405px; height: 256px; right: 0; bottom: 0;}
	
.further-info {
	min-height: 205px;
	padding-bottom: 14px;
	background: #859c34;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	color: #fff;
}
	.further-info h1		{margin: 20px 20px 0 20px; font-size: 20px; line-height: 18px;}	
	.further-info a			{color: #fff; border-bottom: 1px dotted #fff;}
	.further-info a:hover,
	.further-info a:focus	{border-bottom: 1px solid #fff;}
	.further-info p,
	.further-info ul		{margin: 10px 20px 0 20px; font-size: 14px; line-height: 20px;}
		
#home-services {
	
}
	#home-services h1		{margin: 29px 0 0 0; font-size: 11px; font-weight: normal; color: #5a7302; text-transform: uppercase;}
	#home-services dl		{margin: -2px 0 0 0;} 
	#home-services dt		{margin: 0; padding: 19px 0 60px 50px; border-top: 1px dotted #666666; font-weight: bold; font-size: 14px; line-height: 20px;}
	#home-services dt.first	{padding-top: 20px; border: 0;}
	#home-services dd		{margin-top: -60px; padding: 0 0 20px 50px; font-size: 13px; line-height: 20px; color: #666;}
	#home-services p		{text-align: right;}
	#home-services p a		{font-size: 13px; font-weight: bold;}
	
	#personal	{background: url(/images/icons/notebook.png) no-repeat 0 20px;}
	#errand		{background: url(/images/icons/basket.png) no-repeat 0 20px;}
	#planning	{background: url(/images/icons/lightbulb.png) no-repeat 0 20px;}
	#domestic	{background: url(/images/icons/house.png) no-repeat 0 20px;}
	
	
	

/*** About Page ***/
.about {
	position: relative;
	margin: 20px 0 0 0;
	width: 455px;
	float:  left; 
	background: url(/images/portrait-bg.png) no-repeat 0 0;
}
	.last		{background: url(/images/portrait-bg.png) no-repeat right 0;}
	.about h1	{position: absolute; top: 325px; left:  10px; width:  260px; text-align: center; font-family: 'Serif Black'; font-size: 30px; letter-spacing: 0.07em; color: #859c34;}
	.last h1	{left:  auto; right:  10px;}
	.about img	{padding: 10px 0 60px 10px; float: left;}
	.last img	{padding: 10px 10px 60px 0; float: right;}
	.about p	{margin: 10px 20px 0 10px;}
	.last p		{margin: 10px 10px 0 20px;}
	
	.about .spacer	{width: 185px; margin: 10px 0; float: right;}
	.last .spacer	{float: left;}
	
#why-lm {
	position: absolute;
	left:  280px;
	margin-top: 30px;
	padding: 0 0 20px 0;
	float: none;
	border-top: 1px dotted #5a7302;
	border-bottom: 1px dotted #5a7302;
	background: url(/images/bump-bg-tile.png);
}
	#why-lm h1 	{margin: 23px 20px 0 20px; padding: 0 0 5px 0; font-family: 'BlackJack Regular'; font-size: 20px; font-weight: normal; color: #859c34;}
	#why-lm p	{margin: 10px 20px 0 20px; font-size: 13px;} 
	
	
	

/*** Contact Page ***/
#testimonials h1		{font-size: 11px; font-weight: normal; color: #5a7302; text-transform: uppercase;}
#testimonials article	{position: relative; padding-bottom: 20px; background: url(/images/quote-arrow.png) no-repeat 32px bottom;}
#testimonials article h2{position: absolute; bottom: 0; padding: 0 0 0 70px; font-size: 14px; color: #5a7302; font-weight: normal;}
#testimonials article p {padding:  8px 20px 12px 20px; background: url(/images/bump-bg-tile.png); font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #666;}

#contact-alert {
	background: #7bb3ba;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}
	.contact-error		{background: #8a3065 !important;}				
	#contact-alert p,
	#contact-alert ul	{margin: 10px 20px; color: #fff;}
	#contact-alert ul	{font-size: 14px; line-height: 20px;}
	#contact-alert ul li{margin-left: 15px; list-style: disc outside;}



/*** Services Page ***/
.services {
	border-bottom: 1px dotted #5a7302;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
	background: url(/images/bump-bg-tile.png);
}
	.services h1		{padding: 10px 20px; background: #859c34; font-family: 'BlackJack Regular'; font-size: 20px; font-weight: normal; color: #fff; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
	.services dl		{margin: 10px 20px 1px 20px;}
	.services dt		{margin: 0; padding: 19px 0 0 0; border-top: 1px dotted #666666; font-weight: bold; font-size: 16px; line-height: 20px;}
	.services dt.first	{padding-top: 8px; border: 0;}
	.services dd		{padding: 10px 0 10px 0; font-size: 13px; line-height: 20px; color: #666;}
	.services dd p.move-on	{text-align: right;}
	
ul.gallery {
	margin: 20px 0 0 0;
	overflow: hidden;
}
	ul.gallery li		{margin: 0 12px 0 0; float: left;} 
	ul.gallery li.end	{margin: 0;}
	ul.gallery li a		{border: 0;}
	ul.gallery li a img	{border: 1px dotted #8a3065;}
	ul.gallery li a:hover img,
	ul.gallery li a:focus img	{border: 1px solid #8a3065;}
	
.page-menu {
	padding-bottom: 14px;
	background: #859c34;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	color: #fff;
}
	.page-menu h1		{margin: 0 20px; padding: 10px 0; border-bottom: 1px dotted #fff; font-size: 16px; line-height: 18px;}	 
	.page-menu a		{color: #fff; border-bottom: 1px dotted #fff;}
	.page-menu a:hover,
	.page-menu a:focus	{border-bottom: 1px solid #fff;}
	.page-menu ul		{margin: 8px 20px 0 20px; font-size: 14px; line-height: 20px;}
	.page-menu li		{margin-left: 15px; list-style: disc outside;}
	
.page-info {
	width: 240px;
	padding-left: 10px;
	border-left: 10px solid #8a3065;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}
	.page-info h1		{font-size: 18px;}
	.page-info p		{margin-top: 10px;}
	.page-info p.note	{font-size: 12px; font-style: italic; color: #666;}



/*** Footer ***/
.page-foot {
	position: relative;
	margin-top: 40px;
	padding-top: 20px;
	background: url(/images/footer-bg-tile.png) 50% -10px;
}
	.page-foot dl			{height: 80px;}
	.page-foot .twitter		{background: url(/images/icons/twitter-patch.png) no-repeat 0 0;}
	.page-foot .yelp		{background: url(/images/icons/yelp-patch.png) no-repeat 0 0;}
	.page-foot .facebook	{background: url(/images/icons/facebook-patch.png) no-repeat 0 0;}
	.page-foot dt			{padding: 0 0 0 70px; font-family: 'BlackJack Regular'; color: #fff; font-size: 24px;}
	.page-foot dd			{padding: 4px 0 0 70px; font-size: 12px; line-height: 20px;}
	.page-foot dd a			{color: #fff; border-bottom: 1px dotted #ddd;}
	.page-foot dd a:hover,
	.page-foot dd a:focus	{border-bottom: 1px solid #ddd;}
	
	.page-foot .copyright	{padding: 7px 0 33px 0; text-align: center; font-size: 14px; line-height: 20px; color: #adadad;}

#connections {
	padding-top: 20px;	
}

#recommend {
	text-align: center;
}
	#abrev-foot #recommend		{background: url(/images/home-recommend-sprite.png) no-repeat -120px bottom;}
	#abrev-foot #recommend h1	{padding: 12px 0 0 0; background: url(/images/home-recommend-sprite.png) no-repeat 0 0; font-size: 13px; color: #5c5c5c; font-weight: normal;}
	#abrev-foot #recommend ul	{padding: 3px 10px 12px 0; font-size: 10px; line-height: 20px;}
	
#page-foot-top {
	position: absolute;
	width: 100%;
	height: 122px;
	top: 0; 
	left: 0;
	background: url(/images/footer-top-tile.png) repeat-x 50% 0;
}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	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-loading a{
	border: 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; border: 0;}
#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;	
	border: 0;
}


	
	
	
	
	
	
	
