/*----COLOR DEFINITIONS---
* Light Green: #c2d6b3;
* Dark Green: #4C8231;
* Light Orange: #FFCC99;
* Dark Orange: #E4801C;
* Light Gray:  #D4d6d7;
* Dark Gray: #6D6E71;
-------------------------------------------*/

a {
	text-decoration: none;
	color: 	#549534;
}

a:hover {
	text-decoration: none;
	color: 	#E4801C;
}
body {
	background-color: #c2d6b3;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #6D6E71;	
	font-size: 12px;
}

h2 {
	font-size: 15px;
	font-weight: bold;
}

hr {
	border-top: 2px solid #D4d6d7;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

td {
	vertical-align:top;
}

#about {
}

#abouttext {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	height: 340px;
	background-color: #FFFFFF;
}

#calltoaction {
	background: #FFCC99 url('../images/round-bottom-calltoaction.gif') no-repeat bottom left;
	margin-left: -0px;
	width:270px;
	border: 0px solid #E37F1C;
}

#calltoaction dd{
	margin-left: -0px;
	border-left: 0px solid #E37F1C;	
}

#calltoaction td {
	font-size: 10px;
	padding:10px;
}

#content_frame {
	width: 100%;
	text-align: center;
}

#content_frame_table {
	border: 0px; 
	/*height:385px;*/
	width: 740px;
	margin-left:auto;
	margin-right: auto;
}

#designs {
}

.design_image {
	padding-left:56px;
	padding-top:7px;
		}
		

#design_list_rows {
		margin:0px;
		padding: 40px 0 0 50px;
		width:230px;
		list-style-type:none;		
		}

#design_list_rows li {
	background: transparent url('../images/li.gif') no-repeat left center;
	line-height: 1.5em;
	font-size: 13px;
	cursor:hand;
	margin: 0px;
	padding: 0 0 0 20px;
}

.design_types a {
	color: #6D6E71;
	font-size: 13px;
	font-weight: normal;	
}

.design_types a:hover{
	color: #E4801C;
	line-height: 1.5em;
	font-size: 13px;
	font-weight: bold;	
}

.design_list_rows_calltoaction {
	padding-top:40px;
	padding-left:17px;
}
#design_list {
		margin:0px;
		padding-left: 0px;
		padding-top: 10px;
		width:230px;
		}

.design_list_calltoaction {
	padding-top:140px;
}

#design_list li {
	list-style-type:none;
	line-height: 1.5em;
	font-size: 13px;
	font-weight: normal;
	cursor:hand;
	display:inline;
	margin: 0px;
	padding: 0px;
}

#design_selected {
	width: 100px;
	height: 25px;
	text-align: center;
	background: #c2d6b3 url(../images/tab-top.gif) top left no-repeat;
	
	font-size: 12px;
	font-weight: bold;
	vertical-align:middle;
}
	
#design_tab {
	width: 100px;
	height: 25px;
	text-align: center;
	background: #E4E4E4 url(../images/tab-top.gif) top left no-repeat;;
	font-size: 12px;
	font-weight: bold;
	vertical-align:middle;	
}

#design_tab_table {
	padding-left:500px;
}

#design_tab a {
	text-decoration: none;
	color: #6D6E71;
}

#design_tab a:hover {
	text-decoration: none;
	color: #E4801C;
}

#help {
	}


/*---------------------------------------------------------------------------------------------------------------------------------*/
#framed_content {
	background: #c2d6b3 url(../images/iframe-top.gif) top left no-repeat;
	width:705px;
    height: 360px;
}

#framed_content_wrapper {
	width:705px;
	/*height: 365px;*/
	margin-left:auto;
	margin-right:auto;
}

#framed_content_footer {
	background: #c2d6b3 url(../images/iframe-bottom.gif) bottom left no-repeat;
	width:705px;
	height: 5px;
	color:#c2d6b3;
	margin:-0em 0 0 0;
	font-size: 1px;
}

/*---NEED A SEPERATE SET OF FRAMING ELEMENTS FOR THE DESIGN PAGES BECAUSE OF THE TAB ROW AT THE TOP OF THE ELEMENTS---*/
#framed_content_design {
	background: #c2d6b3 url(../images/iframe-top-design.gif) top left no-repeat;
	width:705px;
    height: 340px;
    padding-top:7px;
}

#framed_content_wrapper_design {
	width:705px;
	height: 340px;
	margin-left:auto;
	margin-right:auto;
}

#framed_content_table2 {
	/*background-color: #FFFFFF;*/
	background: #FFFFFF url(../images/table-inset2.gif) top left no-repeat;	
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	height: 320px;
	width: 675px;
}

#framed_content_table {
	/*background-color: #FFFFFF;*/
	background: #FFFFFF url(../images/table-inset.gif) top left no-repeat;	
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	height: 320px;
	width: 675px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/

#greetings {
	}

#iframe_content {
	margin-top: 10px;
}

#inner_intro_table {
	margin-left: 10px;
	margin-top: 20px;
}

#intro_header {
	margin-left: 40px;
}

#intro_left {
	width: 200px;
	padding-left: 40px;
}

#intro_right {
	width: 300px;
	border-left: 1px solid #D4d6d7;
	vertical-align: middle;
}

.logo_image {
	margin-left:20px; 
	 float:left;
		}

/*with CSS2, if the outer block is defined as a table, the inner block can be aligned vertically*/
#navbar_wrapper {
	background: #d4d6d7 url('../images/navbar-bottom.gif') no-repeat bottom left;
	width:290px;
	height:30px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom: 15px;
}

.navbar_image {
	border:0px;
	padding:0px;
	margin:0px;
}

/*with CSS2, if the outer block is defined as a table, the inner block can be aligned vertically*/
#navbar {
	font-size: 12px;
	font-variant:small-caps;
	font-weight: bold;
	color: #6D6E71;
	width:290px;
	display: table-cell;
	vertical-align:middle;
/*	background-image:url('../images/navbar.jpg');
	background-repeat: no-repeat;*/
	text-align:center;
	background: #D4d6d7 url('../images/navbar-top.gif') no-repeat top left;
	}

#navbar a {
	text-decoration:none;
	color:  #6D6E71;
}

#navbar a:hover {
	text-decoration:none;
	color: #E4801C;
}

#navbar ul {
	margin-left:auto;
	margin-right:auto;
}

#navbar li {
	display:inline;
	list-style-type:none;
	margin-left:-0px;
		}

#simpleas {
		margin-left:30px;
	border: 1px solid #D4d6d7;
}

#simpleas dl{

}

#simpleas dt {
	background-color: #6D6F71;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

#simpleas dd {
	margin-left: -0px;
}

#simpleas li {
	padding-top: 20px;
	font-size: 12px;
}

.calltoactiontop {
	margin: 0px;
	background: #FFCC99 url('../images/round-top-calltoaction.gif') no-repeat top left;
	font-size: 0px;
	padding-top:1px;
	padding-bottom:2px;
	color: #FFCC99;
	
}

.explain_text {
	font-size: 12px;
	line-height: 140%;
}

.extratext {
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: 	#549534;
	padding-top:20px;
	padding-bottom: 10px;
}

.footer_text {
	margin-left:10px;
	margin-right:10px;
		}

.footer_text a {
		color: #6D6E71;
			}

.intro_examples {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 0px 10px;
}

.intro_examples a {
	font-size: 11px;
	text-decoration: none;
	color: #E4801C;
	font-variant:normal;
}

.intro_examples a:hover {
	text-decoration: none;
	color:#549534;
	font-variant:normal;	
}

.inset_page {
	background-color: #FFFFFF;
	text-align: left;
}

.inset_page h1 {
	font-size: 14px;
	font-weight: bold;
}

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

.inset_page h3 {
	font-size: 11px;
	font-weight: bold;
}

.inset_page p {
	font-size: 10px;
	font-weight:normal;
}

.inset_page li {
	font-size: 10px;
}

.left30 {

	margin-top:20px;
	/*margin-bottom: 10px;*/
	/*
	margin-left:30px;
	clear:left;*/
		}
.more_text {
		font-size:17px;
		line-height: 24px;
		color: #4C8231;
		font-family: Veranda, Arial, Helvetica, sans-serif;
		padding-bottom: 20px;
}

.more_table {
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top:1px solid #D4d6d7;
	font-size: 12px;
	line-height: 16px;
	font-family: Veranda, Arial, Helvetica, sans-serif;
}

.more_table_icon {
	vertical-align: top;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top:1px solid #D4d6d7;
}

#more_layout {
	width:550px;
	padding-top: 30px;
	margin-right:auto;
	margin-left: auto;
}

.selected {
	color:#549534;
}

/*========================================================================*/
.frame_cta td {
	font-size: 10px;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
}

.frame_cta {
	width:270px;
	background: url(../images/call-to-action-top-left.gif)  top left no-repeat;
}

.frame_cta h6 {
	background: url(../images/call-to-action-top-right.gif)  top right no-repeat;
	font-size:0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0;
	color:#FFCC99;
}

.frame_cta_body {
	background: url(../images/call-to-action-rightborder.gif)  top right repeat-y;
	margin:0;
	margin-top:-1em;
	padding-top:10px;	
	padding-bottom:0px;
}

.frame_cta_footer {
	background: url(../images/call-to-action-bottom-left.gif) bottom left no-repeat;
		}
	
.frame_cta_footer  p{
	background: url(../images/call-to-action-bottom-right.gif) bottom right no-repeat;
	display:block;
	font-size:0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:-2em 0 0 0;	
	color:#FFCC99;
}

/*========================================================================*/
.frame_intro_body li {
	font-size: 11px;
	padding-bottom:20px;
}

.frame_intro {
	width:270px;
	margin-left: 30px;
	background:  url(../images/intro-left-top.gif)  top left no-repeat;
}

.frame_intro h6 {
	background: url(../images/intro-top-right.gif)  top right no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0;
	color:  #FFFFFF;
	text-align: center;
	font-size: 12px;

}

.frame_intro_body {
	background: url(../images/intro-right-border.gif)  top right repeat-y;
	margin:0;
	margin-top:-1em;
	padding-top:10px;	
	padding-bottom:10px;
}

.frame_intro_footer {
	background: url(../images/intro-bottom-left.gif) bottom left no-repeat;
		}
	
.frame_intro_footer  p{
	background: url(../images/intro-bottom-right.gif) bottom right no-repeat;
	display:block;
	text-align: center;
	font-size: 10px;
	color: 	#549534;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0em 0 0 0;	
}
/*========================================================================*/
#frame {
	background:  url(../images/frame-layout-top-left.gif)  top left no-repeat;
	width:755px;
	/*height: 480px;*/
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:center;
}

#header {
	background: url(../images/frame-layout-top-right.gif)  top right no-repeat;
	padding-top: 10px;
	padding-bottom: 0px;
	margin:0;
	color:  #FFFFFF;
	text-align:center;
	height: 75px;
}

#content {
	background: url(../images/frame-layout-border-right.gif)  top right repeat-y;
	/*height: 360px;*/
	clear:left;
	text-align: center;
	margin-top:-0em;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;	
	padding-bottom:20px;
}

#footer {
	background: #c2d6b3 url(../images/frame-layout-bottom-left.gif) top left no-repeat;
	text-align: center;
	font-size: 10px;
	/*height:20px;*/
}
	
#footer  p{
	background: url(../images/frame-layout-bottom-right.gif) top right no-repeat;
	display:block;
	text-align: center;
	font-size: 10px;
	/*color: 	#549534;*/
	padding-top: 20px;
	padding-bottom: 10px;
	margin:-0em 0 0 0;	
}