/*-----------------------------------------------------------------------------

	Moms Landscaping
	
	version:   1.0
	date:      08/01/07
	author:    [Martin Olson @ SandauCreative]
	email:     [info@sandaucreative.com]
	
	website:   [www.momslandscaping.com]
	
	version history: [1.0]

-----------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------
	Import external stylesheets
-----------------------------------------------------------------------------*/

@import url("navigation.css");
@import url("typography.css");

/* sIFR headers 
@import url("sIFR-print.css");
@import url("sIFR-screen.css");*/

/* ----------------------------------------------------------------------------
	Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* {
	margin: 0 auto;
	padding: 0;
	}
	
* :focus {
	outline: 0;
	}
	

/* ----------------------------------------------------------------------------
	Styles
-----------------------------------------------------------------------------*/

.clearall {
	clear:both;
	margin: 0;
	padding: 0;
	}

.right {
	float: right;
	}

.left {
	float: left;
	}

/* ----------------------------------------------------------------------------
	Setup
-----------------------------------------------------------------------------*/

/* 	assets

	//	Colors
		Background	#30302f
	
	
	// 	Font 
		Dark Gray 	#252624
		Lt Gray		#4e4f4c
		Tan			#a59f99
		Lt Tan		#e4e2d8
		Lt Green	#c5c9bc
		Dark Green	#7f8662
		Yellow		#d7ce93
		Dark Yellow	#3f3c35
		Gray Brown	#707069
		
	// Sections
		Orange		#ca8e3e
		Dusty Green	#686864
*/


body {
	background: #1c1c1c/*262624 /*url(../img/bkg_fade.jpg) top left repeat-x*/;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}

#container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #4c4d4c;
	}
	
.header {
	width: 940px;
	margin: 35px auto 0;
	padding-bottom: 10px;
	border-bottom: 1px dashed #3f3c35;
	}
	
.logo {
	float: left;
	margin-left: 35px;
	}
	
#showcase {
	width: 960px;
	margin: 8px auto 0;
	}
	
#content {
	width: 950px;
	margin: 8px auto 0;
	}
	
#sideCol {
	float: left;
	width: 250px;
	margin-right: 5px;
	background: transparent url(../img/sidecol_bkg.gif) top left;
	}
	
#mainCol {
	float: left;
	width: 695px;
	height: 445px;
	min_height: 445px;
	background: transparent url(../img/content_mainbkg.gif) top left no-repeat;
	text-align: left;
	}

#footer {
	width: 930px;
	margin: 8px auto 0;
	padding-top: 10px;
	border-top: 1px dashed #545149;
	}
	
#footer .romanceLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	}
	
#footer .romanceLink a{
	color: #d8d193;
	text-decoration: none;
	}
	
#footer .romanceLink a:hover{
	color: #a59f99;
	}
	
/* ----------------------------------------------------------------------------
	No Flash Content
-----------------------------------------------------------------------------*/
	
#flashcontent {
	height: 445px;
	}
	
#noflash {
	background: url(../img/bkg_noflash.gif) top center no-repeat;
	padding: 0 50px;
	background: url(../img/bkg_noflash.jpg) top right no-repeat;
	height: 447px;
	text-align: left;
	}
	
	
/* ----------------------------------------------------------------------------
	Side column content
-----------------------------------------------------------------------------*/

#sideCol .trends {
	margin: 5px;
	background: transparent url(../img/bkg_sidecol_orange.gif) top left no-repeat;
	height: 285px;
	min_height: 285px;
	padding-top: 150px;
	}
	
#sideCol .process {
	margin: 5px;
	background: transparent url(../img/bkg_sidecol_lilac.gif) top left no-repeat;
	height: 265px;
	min_height: 265px;
	padding-top: 170px;
	}
	
#sideCol .company {
	margin: 5px;
	background: transparent url(../img/bkg_sidecol_pink.gif) top left no-repeat;
	height: 285px;
	min_height: 285px;
	padding-top: 150px;
	}
	
#sideCol .management {
	margin: 5px;
	background: transparent url(../img/bkg_sidecol_dkblue.gif) top left no-repeat;
	height: 285px;
	min_height: 285px;
	padding-top: 150px;
	}
	
#sideCol .romance {
	margin: 5px;
	background: transparent url(../img/bkg_sidecol_dkRed.gif) top left no-repeat;
	height: 285px;
	min_height: 285px;
	padding-top: 150px;
	}
	
#sideCol .intouch {
	margin: 5px;
	background: transparent url(../img/bkg_sidecol_gold.gif) top left no-repeat;
	height: 285px;
	min_height: 285px;
	padding-top: 150px;
	}
	
#sideCol p {
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 65%;
	line-height: 2.3em;
	font-weight: 700;
	text-transform: uppercase;
	}
	
#sideCol .trends p {
	color: #fec198;
	}

#sideCol .process p {
	color: #c0bdda;
	}

#sideCol .company p {
	color: #e8b1b3;
	}

#sideCol .management p {
	color: #a7c9d8;
	}

#sideCol .romance p {
	color: #ffffff;
	}

#sideCol .intouch p {
	color: #fbde99;
	}
	
	
	
	

/* ----------------------------------------------------------------------------
	01 Trends
-----------------------------------------------------------------------------*/
	

#mainCol .trends {

	}
	
#mainCol .trends #intro {
	width: 360px;
	margin: 0;
	padding: 75px 0 0 45px;
	height: 370px;
	}

#mainCol .trends #article {
	padding: 0 20px 0 45px;
	}
	
#mainCol .trends #article p {
	margin-bottom: .7em;
	}
	
#mainCol .trends #article a {
	color: #7f8662;
	text-decoration: none;
	}
#mainCol .trends #article a:hover {
	text-decoration: underline;
	}
	
#mainCol .trends #article .col1{
	float: left;
	width: 420px;
	margin: 0;

	}
#mainCol .trends #article .col2{
	float: left;
	width: 180px;
	padding: 0 0 0 20px;

	}
	
	
	
/* ----------------------------------------------------------------------------
	02 Process
-----------------------------------------------------------------------------*/

	
#mainCol .process {
	padding: 0;
	}
	
#mainCol .process #intro {
	width: 400px;
	margin: 0;
	padding: 65px 0 0 45px;
	height: 380px;
	}

#mainCol .process #article {
	width: 400px;
	margin: 0;
	padding: 45px 0 0 45px;
	height: 365px;
	}
	
/* tabbed navigation */


ul#steps {
	list-style: none;
	padding: 0;
	margin: 0 0 70px 0;
	}
* html ul#steps { margin-bottom: 45px; }
ul#steps li {
	float: left;
	display: block;
	margin-right: 1px;
	padding: 0;
	}
ul#steps li a {
	font-size: 10px;
	font-weight: 700;
	color: #a59f99;
	text-decoration: none;
	padding: 8px 11px;
	line-height: 3em;
	letter-spacing: .25px;
	background: #f1f1ef;
	text-transform: uppercase;
	}
ul#steps li a:hover {
	background: #d6d6ce;
	color: #fff;
	text-decoration: none;
	}
ul#steps li a.active {
	background: #d6d6ce url(../img/steps_btnArrow.gif) bottom center no-repeat;
	padding: 8px 12px 16px;
	color: #fff;
	text-decoration: none;
	}


/*

ul#steps {
	padding: 0;
	list-style: none;
	}
	
ul#steps li {
	display: block;
	float: left;
	margin: 0;
	text-align: center;
	padding: 8px 0;
	}
	
ul#steps li a {
	font-size: 85%;
	color: #a59f99;
	padding: 8px 8px;
	text-decoration: none;
	line-height: 2em;
	margin-right: 1px;
	background: #f1f1ef;
	font-size: 65%;
	line-height: 1em;
	font-weight: 700;
	color: #aaaaa0;
	text-transform: uppercase;
	}
	
ul#steps li a:hover {
	background: #d6d6ce;
	color: #fff;
	text-decoration: none;
	}
	
ul#steps li a.active {
	background: #d6d6ce url(../img/steps_btnArrow.gif) bottom center no-repeat;
	padding: 8px 15px 16px;
	color: #fff;
	text-decoration: none;
	}

ul#steps li#current a {
	color: #d7ce93;
	background: #000;
	}
	
#step1,
#step2,
#step3,
#step4,
#step5,
#MyPane {
	clear: both;
	
	}

.pane {
	
	}
	
#pane_content {
	margin-top: 0;
	}
	
*/
	
/* tab pane */	

#pane_container {
	clear: left;
	padding-top: 35px;
	}

/* the following rules apply only to IE */
* html #pane_container { padding-top: 5px;}

	


/* ----------------------------------------------------------------------------
	03 Blog
-----------------------------------------------------------------------------*/




	
/* ----------------------------------------------------------------------------
	04 Company
-----------------------------------------------------------------------------*/

#mainCol .company {
	
	}

#mainCol .company #story {
	width: 405px;
	margin: 0;
	padding: 25px 0 0 45px;
	height: 385px;
	}
	
#mainCol .company #story blockquote {
	font-size: 16px;
	font-family: Georgia, Times New Roman, Times, serif;
	line-height: 1.4em;
	margin: .4em 0;
	}

#mainCol .company #team {
	padding: 10px 0 0 45px;
	}
	
#mainCol .company #contact {
	margin: 0;
	padding: 25px 0 0 45px;
	height: 385px;
	}
	
#mainCol .company #press {
	width: 600px;
	margin: 0;
	padding: 0 0 0 45px;
	height: 385px;
	}
	
#mainCol .company #video {
	margin: 0;
	padding: 20px 0 0 45px;
	height: 390px;
	}
	
/* the following rules apply only to IE */
* html #mainCol .company #story { height: 358px; }
* html #mainCol .company #contact,
* html #mainCol .company #press,
* html #mainCol .company #video { height: 355px; }


ul.nav_team {
	margin: 0 2px 20px;
	padding: 0;
	list-style: none
	}
ul.nav_team li {
	display: inline;
	font-size: 75%;
	padding: 0 0 0 5px;
	border-left: 1px solid #ddddd7;
	}
ul.nav_team li.first { padding-left: 0; border-left: none }
ul.nav_team li a:link,
ul.nav_team li a:visited {
	color: #94948f;
	padding: 2px 5px;
	text-decoration: none
	}
ul.nav_team li a.current {
	color: #fff;
	background: #c7d09d url(../img/btn_returnArrow.gif) top left repeat-x;
	}	
	
	
/* press unsorted list */
	
#mainCol .company #video ul {
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	width: 450px;
	float: left;
	}
	
#mainCol .company #video ul li {
	font-size: 75%;
	line-height: 1.5em;
	padding: 3px 0 3px 18px;
	border-bottom: 1px dashed #dcdcd4;
	color: #4c4d4c;
	text-decoration: none;
	background: url(../img/icon_play.jpg) no-repeat center left;
	}
	
#mainCol .company #video ul li a {
	color: #4c4d4c;
	text-decoration: none;
	font-weight: 700;
	}
	
#mainCol .company #video ul li a:hover {
	text-decoration: none;
	font-weight: 700;
	color: #c7d09d;
	}
	
#mainCol .company #video ul li span.date {
	color: #afafaa;
	letter-spacing: 0;
	font-size: 105%;
	font-weight: 100;
	}
	
#mainCol .company #video ul li span {
	letter-spacing: 0;
	font-size: 90%;
	margin-left: 5px;
	}


/* video unsorted list */
	
#mainCol .company #press ul {
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	width: 450px;
	float: left;
	}
	
#mainCol .company #press ul li {
	font-size: 75%;
	line-height: 1.5em;
	padding: 3px 0 3px 18px;
	border-bottom: 1px dashed #dcdcd4;
	color: #4c4d4c;
	text-decoration: none;
	background: url(../img/icon_arrow.gif) no-repeat center left;
	}
	
#mainCol .company #press ul li a {
	color: #4c4d4c;
	text-decoration: none;
	font-weight: 700;
	}
	
#mainCol .company #press ul li a:hover {
	text-decoration: none;
	font-weight: 700;
	color: #c7d09d;
	}
	
#mainCol .company #press ul li span.date {
	color: #afafaa;
	letter-spacing: 0;
	font-size: 105%;
	font-weight: 100;
	}
	
#mainCol .company #press ul li span {
	letter-spacing: 0;
	font-size: 90%;
	margin-left: 5px;
	}
	
#mainCol .company img.bio {
	float: left;
	margin: 0 20px 20px 0;
	}
	
	
/*  address  */


#mainCol #address {
	float: right;
	width: 210px;
	padding: 10px 30px 0 0;
	}
	
#mainCol #address span {
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	margin-right: 8px;
	}
	
/*  bio thumbs */

.bio_th {
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
	padding: 6px;
	}
	
.bio_th p {
	font-size: 80%;
	line-height: 1.3em;
	margin-bottom: .1em;
	}
	
/* the following rules apply only to IE */
* html .bio_th { margin-right: 5px;}
	
.bio_th img {
	padding: 1px;
	border: 1px solid #e4e2d8;
	float: left;
	margin: 0 8px 5px 0;
	}
	
.bio_th p.detail {
	color: #94948f;
	font-size: 75%;
	line-height: 1.2em;
	margin: 0 auto;
	}
	
.bio_th p a {
	color: #bc5d60;
	text-decoration: none;
	line-height: 1.8em;
	}
	
.bio_th p a:hover {
	text-decoration: underline;
	}
	
.bio_th:hover {
	background: transparent url(../img/company_bkgHover.gif) top left repeat-x;
	}

ul#bios {
	padding: 0;
	margin: 0 0;
	list-style: none;
	}
	
/*  bio profile */
	
.bio {
	margin: 25px 50px 0 0
	}
	
.bio p {
	margin: 0 auto .7em;
	line-height: 1.5em;
	}
	
.bio p.tag {
	font-size: 65%;
	color: #94948f;
	font-weight: 700;
	text-transform: uppercase;
	margin: .1em auto 0;
	}
	
.bio img {
	margin-bottom: 15px;
	padding: 2px;
	border: 1px solid #e4e2d8;
	}
	
.bio span {
	float:left;
	margin: 0 30px 20px 0;
	}
	
	
	
/* ----------------------------------------------------------------------------
	05 Management
-----------------------------------------------------------------------------*/
	
#mainCol .management #intro {
	width: 390px;
	margin: 0;
	padding: 25px 0 0 45px;
	height: 385px;
	}
	
#mainCol .management #services {
	margin: 0;
	padding: 35px 0 0 45px;
	height: 375px;
	}
	
#mainCol .management #resources {
	width: 375px;
	margin: 0;
	padding: 35px 0 0 45px;
	height: 375px;
	}
	
#mainCol .management #contact {
	margin: 0;
	padding: 25px 0 0 45px;
	height: 385px;
	}
	
#mainCol .management #services ul {
	margin: 10px 25px 0 0;
	padding: 0;
	list-style: none;
	width: 175px;
	float: left;
	}
	
#mainCol .management #services ul li {
	font-size: 75%;
	line-height: 1.5em;
	padding: 2px 0 2px 0;
	border-bottom: 1px dashed #dcdcd4;
	color: #4c4d4c;
	text-decoration: none;
	}
	
#mainCol .management #services ul li.title {
	font-weight: 700;
	}
	
#mainCol .management #services ul li a {
	color: #4c4d4c;
	text-decoration: none;
	}
	
#mainCol .management #services ul li span {
	color: #afafaa;
	letter-spacing: 0;
	margin-left: 5px;
	font-size: 95%;
	}
	
/* the following rules apply only to IE */
* html #mainCol .management #intro { height: 355px; }
* html #mainCol .management #services { height: 345px;}


/* ----------------------------------------------------------------------------
	06 Romance
-----------------------------------------------------------------------------*/
	
#mainCol .romance #intro {
	width: 390px;
	margin: 0;
	padding: 25px 0 0 35px;
	height: 385px;
	}

#mainCol .romance #thanks {
	width: 450px;
	margin: 0;
	padding: 0 0 0 35px;
	height: 385px;
	}
	
#mainCol .romance #prize {
	font-size: 11px;
	width: 560px;
	margin: 0;
	padding: 0 0 0 35px;
	height: 385px;
	}
	
#mainCol .romance #prize .space1 {
	height: 5px;
	}

#mainCol .romance #sponsor {
	font-size: 11px;
	width: 620px;
	margin: 0;
	padding: 0 0 0 35px;
	height: 385px;
	}
	
#mainCol .romance #sponsor a{
	color: #7f8662;;
	text-decoration: none;
	}

#mainCol .romance #sponsor a:hover {
	text-decoration: underline;
	}
	
#mainCol .romance #sponsor .space1 {
	height: 5px;
	}
	
#mainCol .romance #resources {
	width: 375px;
	margin: 0;
	padding: 0 0 0 45px;
	height: 375px;
	}
	
#mainCol .romance #contest {
	width: 625px;
	margin: 0;
	padding: 0 0 0 45px;
	height: 385px;
	}
	
#mainCol .romance #sponsor .col1{
	float: left;
	width: 100px;
	margin: 0;

	}
#mainCol .romance #sponsor .col2{
	float: left;
	width: 500px;

	}
	
/* the following rules apply only to IE */
* html #mainCol .romance #intro { height: 355px; }
* html #mainCol .romance #services { height: 345px;}


/* ----------------------------------------------------------------------------
	07 Stay in Touch
-----------------------------------------------------------------------------*/
	
#mainCol .intouch #intro {
	width: 390px;
	margin: 0;
	padding: 25px 0 0 45px;
	height: 385px;
	}
	
#mainCol .intouch #services {
	margin: 0;
	padding: 35px 0 0 45px;
	height: 375px;
	}
	
#mainCol .intouch #resources {
	width: 375px;
	margin: 0;
	padding: 35px 0 0 45px;
	height: 375px;
	}
	
#mainCol .intouch #contact {
	margin: 0;
	padding: 25px 0 0 45px;
	height: 385px;
	}
	
#mainCol .intouch #services ul {
	margin: 10px 25px 0 0;
	padding: 0;
	list-style: none;
	width: 175px;
	float: left;
	}
	
#mainCol .intouch #services ul li {
	font-size: 75%;
	line-height: 1.5em;
	padding: 2px 0 2px 0;
	border-bottom: 1px dashed #dcdcd4;
	color: #4c4d4c;
	text-decoration: none;
	}
	
#mainCol .intouch #services ul li.title {
	font-weight: 700;
	}
	
#mainCol .intouch #services ul li a {
	color: #4c4d4c;
	text-decoration: none;
	}
	
#mainCol .intouch #services ul li span {
	color: #afafaa;
	letter-spacing: 0;
	margin-left: 5px;
	font-size: 95%;
	}

#mainCol .intouch #thanks {
	width: 450px;
	margin: 0;
	padding: 25px 0 0 35px;
	height: 385px;
	}
/* the following rules apply only to IE */
* html #mainCol .intouch #intro { height: 355px; }
* html #mainCol .intouch #services { height: 345px;}



	
	
/* ----------------------------------------------------------------------------
	Secondary navigation
-----------------------------------------------------------------------------*/

#pageNavWrap {
	background: #f2f2f0 url(../img/nav_company_lCrnr.gif) top left no-repeat;
	padding: 0;
	height: 35px;
	}

ul#pageNav {
	list-style: none;
	padding: 0 0 0 35px;
	margin: 0;
	background: url(../img/nav_company_rCrnr.gif) top right no-repeat;
	}

ul#pageNav li {
	float: left;
	display: block;
	border-right: 1px solid #fff;
	padding: 0;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 65%;
	}

ul#pageNav li a {
	color: #94948f;
	text-decoration: none;
	padding: 12px 15px 13px;
	letter-spacing: .5px;
	}
	
ul#pageNav li span {
	color: #afafaa;
	letter-spacing: 0;
	margin-right: 3px;
	}
	
	
ul#pageNav li a.first {
	border-left: 1px solid #fff;
	}

ul#pageNav a {
	display: block;
	float: left
	}

/* Commented backslash hack hides rule from IE5-Mac \*/
ul#pageNav a, ul#pageNav a span { float: none }
/* End IE5-Mac hack */

ul#pageNav li a:hover {
	color: #71716b;
	background: #e4e4e0;
	text-decoration: none;
	}
	
ul#pageNav li.current a {
	color: #71716b;
	background: #fff url(../img/nav_company_arrow.gif) bottom center no-repeat;
	text-decoration: none;
	}	
	
	
/* ----------------------------------------------------------------------------
	Forms
-----------------------------------------------------------------------------*/

#formWrap { 
	margin: 10px 0; 
	}

label {
	position: absolute;
	width:90px;
	font-size: 80%;
	line-height: 1.8em;
	}
	
input, textarea {
	margin-bottom: 3px;
	color: #646363;
	font-size: 11px;

	}
	
input.txtfield, textarea.txtfield {
	width: 250px;
	margin-bottom: 8px;
	border-top: 1px solid #4c4d4c;
	border-left: 1px solid #4c4d4c;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	padding: 3px 2px;
	margin-left: 110px;
	}
	
input.txtfieldReq {
	width: 250px;
	margin-bottom: 8px;
	background: #fafae8;
	border-top: 1px solid #4c4d4c;
	border-left: 1px solid #4c4d4c;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	padding: 3px 2px;
	margin-left: 110px;
	}
	
input.txtfieldReq2 {
	width: 250px;
	font-size: 9px;
	height: 9px;
	margin-bottom: 8px;
	background: #fafae8;
	border-top: 1px solid #4c4d4c;
	border-left: 1px solid #4c4d4c;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	padding: 2px 2px;
	margin-left: 110px;
	}

input.txtfieldReq3 {
	width: 125px;
	font-size: 9px;
	height: 9px;
	margin-bottom: 8px;
	background: #fafae8;
	border-top: 1px solid #4c4d4c;
	border-left: 1px solid #4c4d4c;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	padding: 2px 2px;
	margin-left: 110px;
	}


input.send-btn {
	border: 1px solid #e4e2d8;
	padding: 5px 15px;
	width: 100px;
	background: url(../img/button_bkg.gif) top left repeat-x;
	outline: none;
	border: 1px solid #e4e2d8;
	font-weight: 700;
	}
	
input.send-btn:hover {
	color: #fff;
	background: #c7d09d;
	border: none;
	cursor: pointer;
	}


	
	


/* ----------------------------------------------------------------------------
	IE Hacks * the following rules apply only to IE *
-----------------------------------------------------------------------------*/

/* trends */
* html #mainCol .trends #intro { padding-top: 95px; height: 350px;}
* html #mainCol .trends #article { padding-top: 15px; height: 340px;}
/* process */
* html #mainCol .process #intro { padding-top: 105px; height: 340px;}
* html #mainCol .process #article { padding-top: 55px; height: 353px;}
/* company */
* html #mainCol .company #story { padding-top: 50px; }
* html #mainCol .company #contact,
* html #mainCol .company #press { padding-top: 20px; }
* html #mainCol .company #video { padding-top: 53px; }
* html #mainCol .company #team { padding-top: 45px; }

* html #mainCol .management #services { padding-top: 63px; }
* html #mainCol .management #intro { padding-top: 53px; }
* html #mainCol .management #contact { padding-top: 53px; }