/* CSS Document */

/*----------Table of Contents -------
	
	1. global
	2. container & masthead
	3. content
	4. sidebars
	5. font styles
	6. footer
	
-----------------------------------*/




body {
	background-color: #a2b3a2;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
	color: #5d4f48;
}

a:link, a:visited  {
	color: #439a8b;
	text-decoration: none;
	}

a:hover {
	color:	#439a8b;
	text-decoration: underline;
	}
	
a:active {
	color:	#439a8b;
	text-decoration: none;
	}
	
img {
	border: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	}

.hide {
	display: none;
}

.inline {
	display: inline;
	}




/*---------------------------------------- container & masthead -----------------------------------------*/

#container {
	background: url(../images/global/bckgd-shadow.gif) top center;
	background-repeat: repeat-y;
	width: 883px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	}


/* following allows container to wrap around floats */
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	   #container { display: inline-block; _height: 1%; }
	   /* Hides from IE-mac \*/
      #container { display: block; }
      /* End hide from IE-mac */
	  
#masthead, #masthead-home {
	width: 861px;
	position: relative;
	margin: 0 0 0 11px;
	padding: 0;
	}
	*html #masthead, *html #masthead-home  {
	width: 869px; /* ie hack  - Defining width is a MUST to keep it from expanding*/
	max-width: 869px;
	margin: 0 0 0 15px;
	padding: 0;
	overflow: auto;
	}
	*html #masthead-home { margin: 0 0 0 11px;}
	
/*------------------------------------------- main nav ------------------------------------------------*/


#nav-bar {
	position: relative;
	margin: 0 0 0 11px;
	padding: 0;
	}
	*html #nav-bar {
		margin: 0 0 0 15px;
		}

#nav-bar.home { margin: 0 0 0 11px; }

#nav-bar #main-nav {
	background: url(../images/global/nav-bckgd.jpg) top left;
	background-repeat: repeat-x;
	margin: 0;
	width: 861px;
	height: 37px;
	padding: 0;
	list-style: none;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #0c2f3a;
	overflow: visible;
	}
	*html #nav-bar #main-nav { border-bottom: 0px; } 
	

#main-nav li {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	height: 37px;
	margin: 10px 0 0 0;
	padding: 0;
	vertical-align: top;
	overflow: visible;
	}
	


	#main-nav li a {
	margin: 0;
	padding: 12px 29px 10px 29px;
	color: #fff;
	text-decoration: none;
	vertical-align: top;
	
	}
	

	#main-nav li.home2 a { 
	margin: 0;
	padding: 12px 34px 10px 30px;
	vertical-align: top;
	color: #fff;
	}
	
	#main-nav li a:hover {
	background: url(../images/global/nav_over.jpg) top left;
	background-repeat: repeat-x;
	
	color: #000f14;
	margin: 0px 0 0 0;
	}
	*html #main-nav li a:hover { 
	margin: -15px 0 0 0; height: 100%;
	 }
	
	#main-nav li.spacer {
	width: 1px;
	margin: 0;
	padding: 0;
	}
	#main-nav li.on, #main-nav li.home, #main-nav li.home-on {
	background: url(../images/global/nav_over.jpg) top left;
	background-repeat: repeat-x;
	color: #000f14;
	vertical-align: top;
	margin: 0;
	padding: 10px 29px 10px 29px;
	}
	#main-nav li.home { 
	font-size: 13px;
	padding: 10px 17px 10px 14px;
	}
	*html #main-nav li.home { 
	padding: 10px 20px 10px 17px;
	}
	



/*---------------------------------------------- home --------------------------------------------------*/
#home-right {
	float: right;
	position: relative;
	width: 258px;
	margin: 10px 20px 10px 0px;
	padding: 5px;
	}
	#home-right p {
		margin: 8px 0 6px 0;
		padding: 3px 0;
		}
	*html #home-right {
		margin-right: 11px; }	
	
#home-middle {
	float: right;
	position: relative;
	width: 255px;
	margin: 5px 25px 10px 0px;
	padding: 5px;
	}
	#home-middle p {
		margin: 8px 0 6px 0;
		padding: 3px 0;
		}
#home-left {
	float: left;
	position: relative;
	background: #dbd0cb;
	width: 230px;
	padding: 15px 7px 15px 15px;
	margin: 20px 10px 15px 30px;
	}
	#home-left p {
		margin: 8px;
		padding: 3px 0px 3px 0;
		line-height: 1.9;
		font-size: 13px;
		}
	*html #home-left {
		margin-left: 15px; padding: 10px; }	
	
.tell-friend {
	background: #DAD3C7;
	width: 225px;
	padding: 10px;
	margin: 0;
	}
	.tell-friend p {
	margin:0;
	padding: 0; }
	


/*---------------------------------------------- screenshots --------------------------------------------------*/	
.screenshots-175 {
  float: left;
  position:relative;
  left: 10px;
  width: 175px;
  margin: 10px 20px 4px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  color: #5d4f48;
  line-height: 16px;
  }
	  .screenshots-175 img{
	  padding: 0px 0px 5px 0px;
	  }
	  
  
  
/*---------------------------------------------- content --------------------------------------------------*/
#content {
	position: relative;
	width: 861px;
	vertical-align: top;
	horizontal-align: left;
	padding: 5px 5px 0px 25px;
	margin: 15px 0 0 0;
	}
	#content p {
		margin: 25px 150px 0 11px;
		padding: 0;
		} 

#content-narrow {
	position: relative;
	width: 861px;
	vertical-align: top;
	horizontal-align: left;
	padding: 5px 5px 0px 25px;
	margin: 15px 0 0 0;
	}
	
	#content-narrow p {
		margin: 30px 300px 0 30px;
		padding: 0;
		} 
	


/*---------------------------------------------- lists --------------------------------------------------*/
	
#faq {
	margin: 15px 50px 0 50px;
	width: 400px;
	padding: 0;
	list-style: none;
	text-align: left;
	}
	*+html #faq { width: 350px; }
	

#faq li.question {
	background: url(../images/seminars/question.gif) 0 0 no-repeat;
	font-size: 14px;
	line-height: 18px;
	color: #aa7932;
	margin: 3px 0 3px 0px;
	padding: 4px 0 4px 25px;
	}
	*html #faq li.question {
	
	}

#faq li.answer {
	background: url(../images/seminars/answer.gif) 3px 3px no-repeat;
	font-size: 12px;
	line-height: 17px;
	color: #5d4f48;
	margin: 8px 0 40px 0px;
	padding: 4px 0 4px 25px;
	}

/*----------------------------------------------- sidebars --------------------------------------------------*/

#testimonials-right {
	float: right;
	width: 256px;
	background: #e5dcce;
	padding: 15px;
	margin: 10px 30px 10px 15px
	}
	#testimonials-right p { 
	margin: 7px 0 6px 0;
	padding: 3px 0;
	}
	
#testimonials { 
	background: #dbd0cb;
	width: 256px;
	padding: 15px;
	margin: 15px 20px 15px 30px;
	 }
	#testimonials p, #testimonials-wide p { 
	margin: 7px 0 6px 0;
	padding: 3px 0;
	}
	*html #testimonials {
	margin: 15px 10px 15px 30px;
	}	

#testimonials-wide { 
	background: #dbd0cb;
	width: 356px;
	padding: 15px;
	margin: 15px 20px 15px 30px;
	 }

.testimonials {
	background: #dbd0cb;
	width: 256px;
	padding: 15px;
	margin: 10px 10px 10px 5px;
	}
.testimonials-brn {
	background: #eee6d9;
	width: 220px;
	padding: 15px;
	margin: 0;
	}

#column-right {
	float: right;
	position: relative;
	width: 320px;
	margin: 5px 20px 10px 40px;
	padding: 5px;
	}
	#column-right p {
		margin: 8px 5px 6px 5px;
		padding: 3px 0;
		}
	*html #column-right {
	width: 300px;
	margin: 5px 8px 10px 30px;
	padding: 5px;
	}

#sidebar-basic, #calendar {
	background: #DFD7CA;
	width: 240px;
	margin: 15px 35px 25px 75px;
	padding: 15px 55px 5px 15px;
	float: right;
	}
	*html #sidebar-basic, *html #calendar {
	width: 190px;
	margin: 15px 15px 25px 40px;
	padding: 15px 10px 5px 10px;
	}
	
	
	#sidebar-basic p, #calendar p {
		line-height: 1.5;
		margin: 7px 10px 5px 18px;
		padding: 0;
		}
		* html #sidebar-basic p {
		margin: 5px 18px;
		padding: 0;
		display: block;
		}
		

/*-------------------------------------- form -------------------------------------------*/
div.form {
	background: #DFD7CA;
	position: relative;
	height: 460px;
	width: 400px; 
	padding: 10px 0 0 0;
	margin: 10px 50px 10px 30px;
}
*+html div.form {
	height: 550px;
	width: 396px; 

}

div.row {
  clear: left;
  padding-top: 15px;
  }

div.row span.label {
  float: left;
  width: 130px;
  font-size: 10px;
  text-align: right;
  margin: 0px 0px 0px 20px;
  }

div.row span.formw {
  float: right;
  width: 210px;
  margin: 0px 12px 0px 0px;
  padding: 0px;
  text-align: left;
  } 


/*---------------------------------------------- spacers --------------------------------------------------*/

.headers {
	margin: 15px 0 15px 0;
	}

.header-top {
	margin: 45px 0 0 0;
	}

.center {
	horizontal-align: center;
	text-align: center;
	}

.div-spacer {
	clear:left;
	margin-top: -5px;
	padding: 0;
	}
	*html .div-spacer {
	margin-top: -17px; }
	*+html .div-spacer {
	margin-top: -17px; }

/*---------------------------------------------- font styles --------------------------------------------------*/
.column-text {
	margin-left: 50px;
	font-size: 11px; }

.green-bigger {
	font-size: 14px;
	line-height: 1.5;
	color: #738d73;
	font-weight: bold;
	}

.green-dk {
	color: #526d53;
	}

.green-dk-bigger {
	color: #526d53;
	font-size: 17px;
	}
.testimonial-text {
	color: #093a48;
	font-size: 13px;
	font-style: italic;
	}
.testimonial-text-big {
	color: #093a48;
	font-size: 14px;
	font-style: italic;
	line-height: 22px;
	}

.green-dk-small {
	color: #526d53;
	font-size: 10px;
	}
.green-dk-bold {
	color: #526d53;
	font-size: 12px;
	font-weight: bold;
	}

.dk-brown {
	color: #1d1510;
	}
.big-italic {
	font-size: 13px;
	font-style: italic;
	line-height: 22px;
	}

.blue {
	color: #093a48;
	}
.blue-small {
	color: #093a48;
	font-size: 10px;
	}
.blue-bold {
	color: #093a48;
	font-weight: bold;
	}

.small {
	color: #5d4f48;
	font-size: 10px;
	}

.teal-big {
	font-size: 13px;
	line-height: 1.5;
	color: #114854;
	font-weight: bold;
	}

.bold {
	font-size: 12px;
	font-weight: bold;
	}
	
	
	

/*---------------------------------------------- footer --------------------------------------------------*/
#lower-nav {
	horizontal-align: center;
	text-align: center;
	clear: both;
	width: 861px;
	vertical-align: top;
	padding: 0;
	margin: 0;
	}
#lower-nav p {
	margin: 3px 0 6px 25px; }

#footer {
	width: 883px;
	height: 5px; 
	vertical-align: top;
	margin: 0 auto 5px auto;
	padding: 0;
	}