@charset "utf-8";
/* CSS Document */

body
{
	background:url(images/background.jpg) top center repeat-x #fff;/*#161f33;*/
	margin:10px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}
h1
{
	display:block;
	padding:0 0 10px 10px;
	color:#000;
	font-weight:bold;
	letter-spacing:5px;
	font-size:20px;
	border-bottom:1px solid #efefef;
}
h3
{
	color:#546f12;
}
a
{
	color:#333;
	text-decoration:underline;
}
a:hover
{
	cursor:pointer;
	text-decoration:underline;
}
img
{
	border:none;
}


div#body
{
	display:inline-block;
	zoom:1;
	*display:inline;
	width:760px;
	min-height:600px;
	text-align:center;
}
div#header
{
	display:block;
	background:url(images/header.png);
	width:760px;
	height:126px;
	margin:0 0 10px 0;
	cursor:pointer;
}
#content
{
	display:inline-block;
	zoom:1;
	*display:inline;
	text-align:center;
	vertical-align:top;
}
#navigation
{
	width:180px;
	display:table-cell;
	text-align:left;
	background:url(images/layout/nav-bottom-left.jpg) bottom left no-repeat #efefef;
}
#navigation-div /*hack and a half for FF -its too late in the game to write the structure */
{
	width:180px;
	display:block;
}
#page
{
	display:block;
	width:570px;
	min-height:400px;
	border:1px solid #ccc;
	text-align:left;
	background:#fff;
}
#page-div
{
	display:block;
	padding:0 0 10px 0px;
}
#page ul
{
	list-style:square;
	position:relative;
	left:-7px;	
}

#copyright
{
	font-size:10px;
	position:relative;
}

.navigation
{
	display:block;
	padding:7px 0 7px 7px;
	font-size:11px;
	background:#fff;
	color:#666;
	letter-spacing:3px;
	text-decoration:none;
	margin:5px;
	border:1px solid #ccc;
	/*border-bottom:5px solid #fff*/;
}
.navigation:hover
{
	text-decoration:none;
	/*background:url(images/tree.png) right center no-repeat #1e6210;*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89aa36', endColorstr='#546f12'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#89aa36), to(#546f12)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #89aa36,  #546f12); /* for firefox 3.6+ */
	border:1px solid #FFF;
	color:#FFF;
}
.subnav
{
	display:block;
	padding:4px 0 4px 4px;
	border:1px solid #ccc;
	margin:0 5px 2px 15px;
	color:#666;
	background:#fff;
	font-size:11px;
	text-decoration:none;
}
.subnav:hover
{
	text-decoration:none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89aa36', endColorstr='#546f12'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#89aa36), to(#546f12)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #89aa36,  #546f12); /* for firefox 3.6+ */
	border:1px solid #FFF;
	color:#FFF;
}

.content-box
{
	display:inline-block;
	zoom:1;
	*display:inline;
	width:175px;
	min-height:150px;
	background:url(images/layout/content-bottom-left.jpg) bottom left no-repeat #f0f0f0;
	margin:5px;
	padding:5px;
}

a.usefullinks
{
	display:block;
	width:95%;
	padding:5px 0 5px 5px;
	margin-bottom:3px;
	border:1px dashed #efefef;
	border-left:5px solid #efefef;
}
a.usefullinks:hover
{
	border:1px solid #ccc;
	border-left:5px solid #bed585;
}

div.soft-left-border
{
	display:block;
	padding:0 10px 0 10px;
	margin:20px;
	border-left:10px solid #efefef;
	color:#333;
}
div.soft-left-border:hover
{
	border-left:10px solid #bed585;
	cursor:default;
}
.about-header
{
	display:block;
	padding:7px 0 7px 7px;
	background:url(images/gradient.jpg) bottom repeat-x;
	margin-bottom:5px;
	height:auto;
}
.about-header:hover
{
	cursor:pointer;
}
.about-detail
{
	display:block;
	width:460px;
	padding:5px 0 5px 10px;
	color:#666;	
}
ul.pricing li
{
	position:relative;
	left:-20px;
	list-style-type:none;
	margin-bottom:7px;
}
.obvious-link
{
	text-decoration:underline;
	color:#00C;
}

#slideshow { display:block; width:528px; height:300px; margin:20px; }
	#slideshow img { position:absolute; display:block; z-index:1; }
	#slideshow input[type=image] { position:absolute; display:block; z-index:5; }
	#slideshow > #textHolder { position:absolute; z-index:3; height:56px; padding:5px 0 5px 0; width:456px; margin:244px 36px 0 36px; background:url(images/home/textbox.png) no-repeat; text-align:center; color:#000; }
	#textHolder > .title { color:#000; font-size:14px; font-weight:bold; display:block; width:440px; margin:auto; text-shadow: 0px 1px 0px #FFF;
 }
	#textHolder > .text { color:#000; font-size:12px; line-height:12px; display:block; width:440px; margin:auto;text-shadow: 0px 1px 0px #e5e5ee; }