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 {
	width: 780px;
	position: relative;
	text-align: left;
	margin: 0 auto;
}
#wrap[id] { background: transparent url(images/wrap_bg.png) repeat-y 0 0; }

.requiredInfo {
	font-weight:bold;
}

/* =HEAD
_________________________________________________________________ */
#head {
	width: 760px; height: 125px;
	margin: 0 10px;
	background: url(../images/head_bg.jpg) no-repeat 0 0;
}
#logoHead {
	width: 180px; height: 90px;
	position: absolute;
	top: 25px; left: 40px; 
}
#search {
	position: absolute;
	top: 85px; right: 34px; 
}


/* =HERO SHOT
_________________________________________________________________ */
#heroshot {
	width: 722px; height: 300x;
	margin: 0 28px 0 30px;
}



/* =BOX1 ( big rounded corner box)
_________________________________________________________________ */
#box1top {
	height: 10px;
	margin: 10px 28px 0 30px;
	font-size: 0; line-height: 0;
	background: transparent url(../images/box1_top.gif) no-repeat 0 0;	
}
#box1mid {
	margin: 0 28px 0 30px; padding: 10px;
	background: transparent url(../images/box1_mid.gif) repeat-y 0 0;
	position: relative;
}
#box1bottom {
	height: 10px;
	margin: 0 28px 10px 30px;
	font-size: 0; line-height: 0;
	background: transparent url(../images/box1_bottom.gif) no-repeat 0 0;
}

#subboxtop {
	height: 10px;
	margin: 10px 28px 0 30px;
	font-size: 0; line-height: 0;
	background: transparent url(../images/sub_box_top.gif) no-repeat 0 0;	
}
#subboxmid {
	margin: 0 28px 0 30px; padding: 10px; width: 710px; min-height:200px;
	background: transparent url(../images/sub_box_mid.gif) repeat-y 0 0;
	position: relative;
}
#subboxbtm {
	height: 10px;
	margin: 0 28px 10px 30px;
	font-size: 0; line-height: 0;
	background: transparent url(../images/sub_box_btm.gif) no-repeat 0 0;
}


#boxcontentleft {
	width: 425px;
	float: left;
}
#boxmidsidebar {
	width: 240px;
	float: left;
	margin: 0 0 0 25px;
}


/* =SECTIONS (inside main rounded box)
_________________________________________________________________ */
#welcome {
	width: 385px; height: 195px;
	background:url(../images/barnatypeblock.jpg) no-repeat scroll 0 0;
	overflow: hidden; 
	position:relative;
	margin:0 0 15px 0;
	padding: 15px 15px;
	color:#000;
	font-size:10px;
	}
#welcome h1 {
	font-weight:bold;
	font-size:12px;
	}
#welcome p {
	padding-bottom:3px;
	margin-bottom:3px;
	}

/* sub content area */
#content {
	width: 300px;
	margin: 0 200px 0 170px;
	border: 1px solid red;
}
#content p {
	margin: 5px 0 7px 0;
}
.body h1 { 
	font: 20px "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height:1.8;
	color: #6F4414;
}
.body h2 { 
	font: 16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height:1;
	color: #6F4414;
	text-transform:uppercase;
}
.body h3 { 
	font: 12px"Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height:1;
	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 175px; width: 515px;
	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: 15px;}
#form { padding: 0;}
#form input { margin-top: 10px;}
#form select { margin-top: 10px;}
#form2 { padding: 0;}
#form2 table { padding: 0;}
#form2 td { border: none; padding: 7px;}
#form2 img { border: none; padding: 0;}
#login2 td { border: none; padding: 7px;}
#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: none; padding: 0; text-align:center;}

/* =Custom Styles
_________________________________________________________________ */
.favorite { padding:4px; border: 1px solid #d3a082; margin-top:4px;}
.favorite2 { padding: 0; 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;}
.border2 { border: 1px solid #d3a082; padding: 6px;}
.border3 { border: 1px solid #d3a082;}
.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;
}
.store_sidebar {
	float: right;
	margin: 0 0 25px 25px;
}
blockquote {
	margin-left: 2em;
	color: #666;
	font-style: italic;
}

/* =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 {
	width: 760px; height: 77px;
	margin: 0 auto;
	position: relative;
	background: url(../images/footer.png) no-repeat 0 0;
}
#footerLogo {
	position: absolute;
	bottom: 15px; left: 40px;
	width: 80px; height: 40px;
}
#footer p {
	font: 70%/140% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #363;
	margin: 0 20px 5px 140px;
}

#footer a:link { text-decoration: underline; color: #363; }
#footer a:visited { text-decoration: underline; color: #4E7152; }
#footer a:hover { text-decoration: none; color: #000; }
#footer a:active { text-decoration: underline; color: #009; }

#footer ul { color: #363; margin: 5px 20px 0 140px; padding: 12px 10px 2px 0; font: 70%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; }
#footer li { display: inline; color: #363; margin: 0; padding: 0; list-style-type: none; }
#footer li a:link { text-decoration: underline; color: #363; }
#footer li a:visited { text-decoration: underline; color: #4E7152; }
#footer li a:hover { text-decoration: none; color: #000; }


/* =NAVIGATION (main horz)
_________________________________________________________________ */
#navs {
    width: 722px; height: 36px;
	background-image: url(images/navs_main.png);
    margin: 0 28px 0 30px; padding: 0;
	position: relative;
}
#navsMain li a span {
display:none;
}
#navsMain li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
#navsMain li, #navs a {
    height: 36px; display: block;
}
#sub1 { left: 0; width: 115px; }
#sub2 { left: 116px; width: 181px; }
#sub3 { left: 297px; width: 151px; }
#sub4 { left: 448px; width: 126px; }
#sub5 { left: 574px; width: 146px; }

#sub1 a:hover, #sub1 a.selected {
    background: transparent url(../images/navs_main.png)
	0 -36px no-repeat; }
#sub2 a:hover, #sub2 a.selected {
    background: transparent url(../images/navs_main.png)
    -116px -36px no-repeat; }
#sub3 a:hover, #sub3 a.selected {
    background: transparent url(../images/navs_main.png)
    -297px -36px no-repeat; }
#sub4 a:hover, #sub4 a.selected {
    background: transparent url(../images/navs_main.png)
    -448px -36px no-repeat; }
#sub5 a:hover, #sub5 a.selected {
    background: transparent url(../images/navs_main.png)
    -574px -36px no-repeat; }

	

/* =SUBNAV (upper right)
_________________________________________________________________ */
#subnavs {
    width: 380px; height: 30px;
	background-image: url(../images/subnav_home.png);
    margin: 0; padding: 0;
	position: absolute;
	top: 0; right: 30px;
}
#subnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
#subnav li a span {
	display:none;
	}
#subnav li, #subnavs a {
    height: 30px; display: block;
}
#section1 { left: 0; width: 64px; }
#section2 { left: 65px; width: 88px; }
#section3 { left: 153px; width: 96px; }
#section4 { left: 249px; width: 54px; }
#section5 { left: 303px; width: 77px; }

#section1 a:hover, #section1 a.selected {
    background: transparent url(../images/subnav_home.png)
	0 -30px no-repeat; }
#section2 a:hover, #section2 a.selected {
    background: transparent url(../images/subnav_home.png)
    -65px -30px no-repeat; }
#section3 a:hover, #section3 a.selected {
    background: transparent url(../images/subnav_home.png)
    -153px -30px no-repeat; }
#section4 a:hover, #section4 a.selected {
    background: transparent url(../images/subnav_home.png)
    -249px -30px no-repeat; }
#section5 a:hover, #section5 a.selected {
    background: transparent url(../images/subnav_home.png)
    -303px -30px no-repeat; }

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

#sidenavcontainer { width: 162px; position: absolute; top: 16px; left: 1px; }
#sidenavcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
#sidenavcontainer a {
	display: block;
	width: 162px;
	background: #F2E08E;
	border-top: 1px solid #F8F1D1;
	border-bottom: 1px solid #D8CC91;
	font: 70% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #DD9416;
	height: 1.75em;
	padding: .6em 0 0 7px;
	white-space: nowrap;
	text-decoration:none;
	margin:0;
}
#sidenavcontainer a:link, #navlist a:visited {
	color: #D36B2D;
	text-decoration: none;
}
#sidenavcontainer a:hover {
	background: #F9E692;
	color: #D36B2D;
	border-top: 1px solid #D8CC91;
	border-bottom: 1px solid #F8F1D1;
}
#sidenavcontainer a.selected {
	background: #F9E692;
	color: #D36B2D;
	border-top: 1px solid #D8CC91;
	border-bottom: 1px solid #F8F1D1;
}
 
/* =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 */