html * { margin: 0; padding: 0; }
a img { border: 0; margin: 0; }


/* =FOUNDATION
_________________________________________________________________ */
body {
	font: 16px "Lucida Grande", "Arial", sans-serif;
	color: #000;
	text-align: center;
	margin: 0; padding: 0;
	background:none;
	/*background: #9a654b url(../images/bg_logs.jpg) fixed;
	background: #9a654b url(../images/background1.jpg) top center fixed;*/
}
#wrap {
	position: relative;
	text-align: left;
	margin: 0 auto;
}



/* =HEAD
_________________________________________________________________ */
#head {
	margin: 0 10px;
	text-align:center;
}
#logoHead {
	width: 180px; height: 90px;
	top: 25px; left: 40px;
	
}



/* =HERO SHOT
_________________________________________________________________ */
#heroshot {
	display:none;
}






/* =SECTIONS (inside main rounded box)
_________________________________________________________________ */
#welcome {
	width: 385px; height: 195px;
	background:url(../images/home_intro.jpg) bottom left no-repeat;
	overflow:hidden;
	position:relative;
	margin:0 0 15px 0;
	padding:15px 15px;
}

#welcome #welcometext {
	display:none;
	}
#welcome #intro {
	position:absolute;
	bottom:15px;
	left:0;
	width:385px;
	padding:0 15px;
	color:#fff;
	font-size:11px;
	}
#welcome #intro .title {
	font-weight:bold;
	font-size:13px;
	}
#welcome #intro .body {
	border-bottom:1px solid #fff;
	padding-bottom:5px;
	margin-bottom:5px;
	}
#welcome #introlinks li {
	list-style-type:none;
	display:inline;
	margin-right:7px;
	}
#welcome #introlinks li a:link, #welcome #introlinks li a:visited {
	color:#fff;
	text-decoration:none;
	font-size:10px;
	}
#welcome #introlinks li a:hover {
	color:#FFCC66;
	text-decoration:underline;
	}

/* sub content area */
#content {
	border: 1px solid red;
}
#content p {
	margin: 5px 0 7px 0;
}
.body h1 { 
	font: 24px "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height:2.5;
	color: #6F4414;
}
.body h2 { 
	font: 125%/150% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #6F4414;
}
.body h3 { 
	font: 115%/140% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #A00;
}

#myloghome {
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:10px;
	background-color:#502E16;
	margin:0 15px 0 0;
	width:415px;
}
#myloghome .title {
	text-align:left;
	background:#9b887b url(../images/myloghome_title.gif) 0 0 no-repeat;
	height:40px;
}
#myloghome .signup {
	float:left;
	padding:8px 12px;
	width:222px;
	}
#myloghome .login {
	float:right;
	padding:8px 12px;
	width:120px;
	}
#myloghome .login .email {
	background: url(../images/myloghome_email.gif) no-repeat;
	}
#myloghome .login .email label {
	display:none;
	}
#myloghome .login .pass {
	background: url(../images/myloghome_password.gif) no-repeat;
	margin-top:5px;
	}
#myloghome .login .pass label {
	display:none;
	}
#myloghome .login input.field {
	width:88px;
	font-size:11px;
	border:1px solid #e09e28;
	margin:18px 0 4px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#myloghome .login input.field:focus {
	background-color:#FFFFCC;
	}

.clearfax {
	clear:both;
	}


#myloghome p { margin-bottom: 5px;}
#myloghome input { margin-bottom: 5px; vertical-align:middle;}

#signup td { padding:5px 15px 5px 12px;}
#login td { padding:5px 5px 10px 0px;}
#login input.txt { margin: 11px 0 0 4px; font-size:10px;}
#login td.un { background: url(images/myloghome_email.gif) no-repeat;}
#login td.pw { background: url(images/myloghome_password.gif) no-repeat;}
#myloghome a:link, #myloghome a:visited { text-decoration: underline; color: #D36B2D; }
#myloghome a:hover { text-decoration: none; color: #DD9416; }
#myloghome a:active { text-decoration: underline; color: #D36B2D; }
#myloghome h5 {
	width: 237px;
	font: 95% Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #fff;
	vertical-align: top;
	padding: 5px;
	background: #9B887B;
}

#myloghomeSub {
	position: absolute;
	top: 0; right: 0;
	width: 193px; height: 300px;
	background: #502E16;
	
}
#myloghomeSub h5 {
	width: 183px;
	font: 95% Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #fff;
	vertical-align: top;
	padding: 5px;
	background: #9B887B;
}
#siteintro {
	height:195px;
	overflow:hidden;
	background-color:#67A191;
	margin:0 15px 20px 0;
	padding:15px;
	font-size:12px;
	}
#popular {
	width: 247px; height: 225px;
	background: #F1E3A2;
}
#popular h5 {
	width: 227px;
	font: 95% Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #DD9416;
	margin: 8px;
}
#foundation {
	width: 193px; height: 160px;
	float: left;
	margin: 4px 20px 0 12px;
	display: inline;
}
#planning {
	width: 193px; height: 160px;
	float: left;
	margin: 4px 0 5px 0;
	display: inline;
}
#planningSub {
	position: absolute;
	top: 315px; right: 15px;
	width: 193px; height: 160px;
}
#features {
	float: right;
	width: 227px; height: 175px;
	margin: 5px 0 15px 5px;
	padding-left:8px;
	background: #F1E3A2; color: #DD9416;
	display: inline;
}
#features h5 {
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-transform:uppercase;
	color: #DD9416;
	margin: 8px 8px 8px 0;
}
/* =HOME LAYOUT
_________________________________________________________________ */
.home_layout {
	width:683px;
	margin:0 10px;
	}
.home_layout td {
	vertical-align:top;
	}
.home_layout .leftcol {
	padding-right:5px;
	}
.home_layout .rightcol {
	width:248px;
	}

/* =PLAN LAYOUT
_________________________________________________________________ */
.plan_layout {
	text-align:center;
	}
.plan_layout .render {
	border:1px solid  #D36B2D;
	padding:8px;
	margin-top:20px;
	}
.plan_layout .caption {
	color:#d36b2d;
	font-size:10px;
	font-weight:bold;
	display:block;
	}
.button {
	background-color:#DBC673;
	padding:2px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	border:1px solid #e9af5c;
	}
	
	
/* =SUB CONTENT TABLE
_________________________________________________________________ */
#grid {
	border:0; margin: 0 0 0 0;  
	font: 70%/150% Verdana, "Trebuchet MS", sans-serif;
}
#grid p {
	margin-bottom:10px;
}
#grid .body {
	text-align:left; padding:0 5px 0 0;
	border:0; vertical-align:top;
	color:#666;
}
#grid .body h2 { margin: 6px inherit 3px inherit;}
#grid .body p { margin-bottom:8px;}
#grid .side {
	width:195px;
	padding:0 0 0 5px;
	text-align:right;
	vertical-align:top;
	border:0;
	}
#grid td { padding: 5px 0; font-size: 11px; vertical-align:top;}
#grid th { padding: 5px 0; font-size: 11px; vertical-align:top;}
#grid ul { margin: .25em 2em 1em .3em;}
#grid ul li {
	background: url(../images/bullet.png) no-repeat 0 4px;
	list-style-type: none; padding-left: 23px; padding-top:3px;
}
#grid ol { padding-left: 15px; margin: .25em 2em 1em .3em;}
#form td { border: none; padding-right: 10px;}
#form { padding: 0;}
#form input { margin-top: 10px;}
#form select { margin-top: 10px;}
#form2 td { border: none;  padding-right: 5px;}
#form2 { padding: 0;}
#list td { padding: 5px 10px;}
#list th { color:#363; font-weight:bold; padding: 5px 10px;}
#list { text-align:left;}
#sendlink td { border: none; padding: 5px 5px 5px 0; vertical-align:top;}
#sendlink { margin-left: 45px; padding: 0; font-size: 12px; width: 200px;}
#gallery { background-color:#FFF; padding:15px 15px 10px 15px; text-align:center;}
#gallery img { margin-bottom:10px;}
#photos td { border: 1px solid #D36B2D; padding: 10px 5px; text-align:center;}

/* =Custom Styles
_________________________________________________________________ */
.favorite { padding:4px; border: 1px solid #d3a082; margin-top:4px;}
.pngalgn { vertical-align:text-top;}
.rtalgn { text-align: right; font-size:10px;}
.border { border: 1px solid #d3a082; padding: 4px;}
.dark { background-color: #FFC;}
.mid { text-align: center;}
.rt { text-align: right;}
.header { font-size: 110%;}
.img-style { border: 1px solid #d3a082; padding: 4px;}
.img-style2 { border: 1px solid #d3a082; padding: 4px;}
.img-style-rt { border: 1px solid #d3a082; padding: 4px; margin-left:10px; float:right;}
.img-style-lt { border: 1px solid #d3a082; padding: 4px; margin-right:10px; float:left;}
.img-rt { padding: 7px; margin-left:10px; float:right;}
.list {
	background: url(../images/bullet.png) no-repeat 0 4px;
	list-style-type: none; padding-left: 23px;
}

/* =Custom Link Styles
_________________________________________________________________ */
.body a:link, .body a:visited { text-decoration: underline; color: #D36B2D; }
.body a:hover { text-decoration: none; color: #DD9416; }
.body a:active { text-decoration: underline; color: #D36B2D; }
.rtalgn a:link, .rtalgn a:visited { text-decoration: none; color: #000; }
.rtalgn a:hover, .rtalgn a:active { text-decoration: none; color: #999; }
#photos a:link, #photos a:visited { text-decoration: none; color: #D36B2D; }
#photos a:hover { text-decoration: none; color: #DD9416; }
#photos a:active { text-decoration: none; color: #D36B2D; }


/* =FOOTER
_________________________________________________________________ */
#footer {
	display:none;
}

/* =NAVIGATION (main horz)
_________________________________________________________________ */
#navs {
    display:none;
}

/* =SUBNAV (upper right)
_________________________________________________________________ */
#subnavs {
    display:none;
}

/* =SIDEAV (side bar sub pages)
_________________________________________________________________ */

#sidenavcontainer { display:none; }
 
/* =EXTRAS
_________________________________________________________________ */	
#spotlights {
	margin-top:15px;
	}

/* =EXTRAS
_________________________________________________________________ */	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */