/* CSS Document */

html, body, #main 
	{
	width:100%;
	
	height: 100%; /* hack for IE5+/Win.*/
} 

#main {
	position:absolute;
	top:0px;
	left:3px;
}
	
html>body, html>body #main /*{height: 597px;}
 Without this, Moz1.0 adds a vertical scrollbar */
 
html {
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}

p {margin-top: 0;}

body, TD {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#414042;
	}
body {
	margin:0;
	padding:0;
	background:#FFF;
	line-height:15px;
	}

h1, .large {
	color:#414042;
	font-size:19px;
	font-weight:normal;
	margin-top:0;
	padding-top:13px;
	}
	
a, a:link, a:visited {
	color:#0AB14B;
	text-decoration:underline;
	}
	
a:hover, a:active, a:hover:visited {
	color:#414042;
	text-decoration:underline;
	}

#logo {
	float:left;
	width:156px;
	height:101px;
	padding-top:22px;
	padding-left:24px;
	background: #FFF;
	}
	
#keyboard {
	background:url(images/keyboard_bkgd.gif) repeat-x left #FFF;
	float:right;
	width:86%;
	height:123px;
	position:absolute;
	top:0px;
	left:180px;
	z-index:0
	}
	
#hm_orderNow {
	position:absolute;
	left:421px;
	top:0;
	width:189px;
	float:right;
	z-index:100;
	}

#blue-stripe {
	height:4px;
	background:#C8E7E8;
	width:100%;
	}

#white-stripe {
	height:1px;
	width:100%;
	background:none #FFF;
	}
	
#gold-stripe {
	height:6px;
	background:#F4A82B;
	width:100%;
	}
	
#hm_content {
	background:url(images/hm_bkgd.jpg) repeat-x top;
	padding-left:24px;
	padding-top:9px;
	position:absolute;
	top:134px;
	z-index:0;
	width:100%;
	height:517px; /*note: if the length of page content changes significantly, this value should be changed as well */
	}
	
/* navigation styles for all page layouts */

#hm_content #nav, #green #nav, #blog_green #nav {
	padding-bottom:0px;
	}
	
#hm_content #nav ul, #green #nav ul, #blog_green #nav ul {
	margin:0px;
	padding:0px;
	list-style: none;
	color:#FFF;

	}
	
#hm_content #nav li, #green #nav li, #blog_green #nav li {
	display:inline;
	padding-left:8px;	
	}
	
#hm_content #nav li a, #hm_content #nav li a:visited, #green #nav li a, #green #nav li a:visited, #blog_green #nav li a, #blog_green #nav li a:visited {
	color: #FFF;
	text-decoration:none;
	text-transform:uppercase;
	}
	
#hm_content #nav li a:hover, #hm_content #nav li a:active, #hm_content #nav li a:visited:hover, #green #nav li a:hover, #green #nav li a:active, #green #nav li a:visited:hover, #blog_green #nav li a:hover, #blog_green #nav li a:active, #blog_green #nav li a:visited:hover {
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
	}
	
/* end navigation styles */
	
#hm_forYou {
	float:left;
	width:194px;
	height:185px;
	position:absolute;
	top:34px;
	left:24px;
	background:url(images/hm_forYou_bkgd.gif) no-repeat #0AB14B;
	z-index:100;
	padding:15px 53px 0px 20px;
	color:#221E1F;
	font-size:11px;
	}
	
html:not([dummy]) #hm_forYou  /* sets padding for Firefox */
	{
	padding-top:14px;
	height:186px;
	} 
	
#hm_forYou a, #hm_forYou a:visited, #hm_forYou a:link {
	color:#003F87;
	text-decoration:underline;
	}
	
#hm_forYou a:hover, #hm_forYou a:active, #hm_forYou a:visited:hover {
	color:#000;
	text-decoration:underline;
	}
	
#hm_banner {
	float:right;
	width:509px;
	height:396px;
	position:absolute;
	top:34px;
	left:291px;
	z-index:100;
}	

#hm_wallpaper {
	float:left;
	position:absolute;
	top: 238px;
	left:0px;
	width:250px;
	padding-top:34px;
	padding-left:30px;
	z-index:0;
	background:url(images/hm_wallpaper.gif) repeat-y left top;
	height:100%;
	}
	
#hm_saying_top {
	background:url(images/hm_saying_top.gif) no-repeat;
	width:216px;
	height:19px;
	z-index:100;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding-right:16px;
	padding-top:12px;
	}
	
#hm_saying_mid {
	background: url(images/hm_saying_right.gif) repeat-y right top #FFF;
	width:182px;
	z-index:100;
	font-size:12px;
	color:#000;
	padding:18px 36px 0px 12px;
	line-height:16px;
	}
	
#hm_saying_bottom {
	width:230px;
	height:35px;
	z-index:100;
	}
	
.green {
	font-size:11px;
	font-weight:normal;
	color:#0AB14B;
	line-height:24px;
	}

#footer {	
	position: absolute;
	bottom: 10px;
	left:284px;
	width:509px;
	}	

#footer_tan {
	text-align:right;
	color:#F4A92D;
	font-size:10px;
	}
	
#footer_tan a, #footer_tan a:visited, #footer_tan a:link {
	color: #F4A92D;
	text-decoration:none;
	}
	
#footer_tan a:hover, #footer_tan a:visited:hover, #footer_tan a:active {
	color: #4C4C4E;
	text-decoration:underline;
	}

#footer_gray {
	text-align:right;
	color:#4C4C4E;
	font-size:9px;
	}
	
#footer_gray a, #footer_gray a:visited, #footer_gray a:link {
	color: #4C4C4E;
	text-decoration:underline;
	}
	
#footer_gray a:hover, #footer_gray a:visited:hover, #footer_gray a:active {
	color: #F4A92D;
	text-decoration:underline;
	}

/* sub page */

#content    /*container for all sub page content */
	{
	position:absolute;
	top:134px;
	z-index:0;
	width:100%;
	height:100%;
	}

#green {
	background: url(images/green_bkgd.jpg) repeat-x top;
	padding-top:9px;
	position:absolute;
	top:0px;
	z-index:50;
	width:100%;
	height:142px; 
	}
	
#sub_footer {	
	padding-top:10px;
	background-color:#FFF;
	z-index:150;
	}	

#footer_tan {
	text-align:right;
	color:#F4A92D;
	font-size:10px;
	}
	
#footer_tan a, #footer_tan a:visited, #footer_tan a:link {
	color: #F4A92D;
	text-decoration:none;
	}
	
#footer_tan a:hover, #footer_tan a:visited:hover, #footer_tan a:active {
	color: #4C4C4E;
	text-decoration:underline;
	}
	
	
/* sub page, 3 column styles */

#sub_left {
	width:323px;
	position:absolute;
	left:0px;
	top:46px;
	}
	
#sub_saying {
	background:#E4F2F2;
	padding:5px 64px 15px 40px;
	line-height:15px;
	}
	
.pad-left {
	padding-left:36px;
	}
	
#sub_saying h1 {
	font-size:14px;
	color: #F4A92D;
	font-weight:bold;
	border-bottom:1px solid #0AB14B;
	text-transform:uppercase;
	border-spacing: 2px;
	line-height:27px;
	margin-top:0px;
}
	
#sub_right {
	z-index:100;
	width:466px;
	position:absolute;
	left:307px;
	top:46px;
	background:url(images/sub_right_bkgd.jpg) repeat-y;
	padding-bottom:0px;
	}
	
#sub_right_hdr {
	height:52px;
	padding:0px 13px 0px 22px;
	background:url(images/sub_right_hdr.jpg) no-repeat top;
	z-index:150;
}

#sub_buttons {
	display:inline;
	padding-left:25px;
	}
	
#sub_right_mid {
	z-index:150;
	}
	
#inside_left {
	width:265px;
	float:left;
	padding:0px 9px 0px 22px
	}
	
#inside_right {
	width:130px;
	float:right;
	display:inline;
	margin: 0px 15px 0px 16px;
	font-size:12px;
	color:#414042;
}

#inside_right h1 {
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	}
	
#inside_right ul {
	padding:0;
	margin:0;
	list-style:disc;
	}
	
#inside_right li {
	padding-left:2px;
	margin-left:6px;
	margin-top:11px;
	}

/* order page styles */

input {font-size:11px;}

#sub_center 
	{
	width:726px;
	position:absolute;
	top:42px;
	left:40px;
}

#sub_center_hdr {
	height:199px;
	padding:14px 200px 0px 42px;
	background:url(images/sub_center_hdr.jpg) no-repeat top;
	z-index:150;
	font-size:12px;
}

#inside_order_hdr {
	
	}
	
#inside_order_mid {
	background-color:#C8E7E8;
	padding:0px 16px 0px 20px;
	}
	
#inside_order_footer {

}

#order_table {
	background-color:#FFF;
	font-size:12px;
	}
	
#order_table td{
	border:#F5AC7A 1px solid;
	}
	
#order_table th {
	background-color:#DBEDEE;
	border:#F5AC7A 1px solid;
	}
	
#order_table_inside td{
	border:0px;
	}
	
#order_continue {
	height:43px;
	}
	
#sub_footer_order {	
	position:relative;
	right:-27px;
	padding-top:10px;
	background-color:#FFF;
	z-index:150;
	}	
	
/* blog styles */

#blog_green {
	background: url(images/blog_green_bkgd.jpg) repeat-x top;
	padding-top:9px;
	position:absolute;
	top:0px;
	z-index:50;
	width:100%;
	height:152px; 
	}
	
#blog_sub_left {
	width:323px;
	position:absolute;
	left:0px;
	top:152px;
	background:#EBF6F7;
	padding:22px 0px;
	}
	
#blog_sub_left h1{
	color: #FFF;
	width:100%;
	font-size:18px;
	font-weight:normal;
	background-color:#9DCCCB;
	padding-left:38px;
	text-transform:uppercase;
	padding-bottom:3px;
	line-height:18px;
	vertical-align:middle;
	margin-top:0px;
	padding-top:1px;
	}
	
	
	
#archives, #links {
	margin-left:38px;
	padding-top:17px;
	padding-bottom:17px;
	width:218px;
	border-top:1px dotted #F4A92D;
	color:#807F7F;
	font-size:11px;
	}

#archives h2, #links h2 {
	color:#221E1F;
	font-size:13px;
	font-weight:normal;
	}
	
#archives a, #archives a:visited, #links a, #links a:visited {
	color:#0AB14B;
	text-decoration:none;
	}
	
#archives a:hover, #archives a:active, #archives a:visited:hover, #links a:hover, #links a:active, #links a:visited:hover {
	color:#333;
	text-decoration:underline;
	}
	
#blog_sub_right {
	width:468px;
	background-color:#C8E7E8;
	position:absolute;
	left:323px;
	top:48px;
	}
	
#blog_sub_right_hdr {
	height:17px;
	}
	
#blog_sub_right_mid {

}

#blog_sub_right_footer {
	height:19px;
}

#blog_sub_right_mid h1 {
	color: #FFF;
	width:468px;
	font-size:19px;
	font-weight:normal;
	background-color:#9DCCCB;
	padding-left:23px;
	padding-bottom:3px;
	line-height:18px;
	vertical-align:middle;
	margin-top:0px;
	padding-top:1px;
	}

html>body #blog_sub_right_mid h1
	{width:445px;
	}
	
.DateHeader  /* date above entries */
	{
	color:#737474;
	padding-left:23px;
	padding-right:60px;
	font-size:12px;
	border-bottom:1px dotted #0AB14B;
	line-height:24px;
	}
	
.PostTitle {
	font-weight:bold;
	}
	
.PostFooter
	{		
	font-size:10px;
	padding-bottom:10px;
		}
	
.Post /* entry text */
	{
	margin-left:23px;
	margin-right:60px;
	}
	
	
/* 1 column styles */

#sub_center_1col, sub_center-1col {
	position:relative;
	top:42px;
	left:40px;
	}

#sub_center_1col_mid 
	{
	width:640px;
	background:#EBF6F8;
	padding: 10px 20px;
	}
	
	
#sub_footer_1col {
		position:absolute;
		left:300px;
		padding-top:10px;
		}
		
/* hide template navbar in blog */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}