html {
   background: #6f8147 url(images/bg_gradient.jpg) top repeat-x;
   padding:    0;
   margin:     0;
   height:     100%;
      }
      
body {
        background: transparent url(images/bg.jpg) center top no-repeat;
        color: #4c4d39;
		font:84%/1.15 Arial, Helvetica, sans-serif;
		min-height: 780px;
		padding:  66px 0 20px;
        margin:    0;
        zoom: 1;
      }
A
{
      text-decoration: none; color:#518b4e;
      outline:none
}
a:active     { color: #000000;  outline:none}
a:link       { color: #518b4e }
a:visited    { color: #707070 }
a:hover		 {text-decoration: underline}

h1, h2 {
        margin: 0;
      }
h3 {													/*use for larger text, subtitles*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: .4em 0 .1em 0;
	color: 4b7f48;
	background-color: transparent;
	}
	
h4 {													/*slightly larger text, bold*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: .5em 0 0 0;
	background-color: transparent;
	}

	
h5 {													/*use for small text like Click to enlarge*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #5a8956;
	font-weight: normal;
	margin: 0; padding: 0;
	background-color: transparent;
	color:
	}
p {
margin:0;
padding:.5em 0 0 0;
}

sup{	
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 70%;
  font-family: inherit;
  vertical-align: text-top;}

sub{	
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 90%;
  font-family: inherit;
  vertical-align: -3px;}
  
.quote  {
	margin:0;
	padding:1em 0 0 0;
	color: #518b4e
}  

table.pricing  {
	padding: 3;
	margin: 0;
	width: 100%;
	} 
	
.pricing td{
  font-size:  .8em;
  text-align: center;
  background-color: #f6f5ed;
}

#menu_container
{
	position: relative;
	width: 650px;
	height: 58px;
	padding: 0 0 0 15px;
	margin: 0 auto;
}
	
img.nav {
width: 108px; height: 58px;
margin-right: 15px;
padding: 0; border: 0;}

img.nav_no_margin {
width: 108px; height: 58px;
margin: 0;
padding: 0; border: 0;}

#wrapper {
    background: transparent;
    margin:     0; padding: 0;
    width:      700px;
    height:     620px;
      }
#content_index {
     background: transparent;
     text-align: center;
     margin: 0 auto;
     padding:  44px 0 0 0;
      }
#content {
     background: transparent;
     text-align: center;
     margin: 0 auto;
     padding:  0;
      }
#footer{
	width: 	630px;
    margin: 0;
	padding:  8px 0 10px 20px;
	color: #ffffff;
	font-size: .8em;
	z-index:4}

.right{
	float: right}
	
.left{
	float: left}
		


img#logo_sub{
POSITION: absolute;
LEFT: 25px; TOP: -44px;}

.ApplicationFrame
{
	background: transparent;
	position: absolute;
	width:656px;
	height:600px;
	top: 213px;
/*	Note: instead of using a border, use a div within a div 1px bigger all around because Firefox puts border
	outside of div bounds while IE puts it inside, so they end up being different sizes*/
/*	border:solid 1px black;*/
	padding:0;
	margin: 0 auto;
	visibility: hidden;
}
.ApplicationContent
{
	position:absolute;
	top:0px;
	left:0px;
    background: transparent;}
    
.content
{
	position:absolute;
	top:133px;
	left:0px;
	width:900px;
	height:450px;
	color:#09144e;
}

#content_object_top{
	position:absolute;
	top:-72px;
	left:525px;}
	
#content_object_contact{
	position:absolute;
	top:0px;
	left:255px;}
	
#content_object_custom{
	position:absolute;
	top: 290px;
	left:250px;}
	
#content_object_inspiration{
	position:absolute;
	top: 70px;
	left:400px;}

#copyright{
	position:relative;
	top: 540px; 
	float: right;
	color: #ffffff;
	font-size: .8em;
	padding-right: 13px}
	

.DividerLine
{
	position:absolute;
	top:20px;
	left:280px;
}
.CopyFrame
{
	position:absolute;
	width:592px;
	height:410px;
	top:2px;
	left:302px;
	color:#09144e;
	overflow:auto;
	scrollbar-base-color: #e3e3a8;
	scrollbar-track-color: #09144e;
}
.JournalCopy
{
	position:absolute;
	width:360px;
	top:125px;
	left:240px;
	text-align: left;
}
.CardCopy
{
	position: absolute;
	width:330px;
	top:125px;
	left:285px;
	text-align: left;
	z-index: 10}
	
.InspirationCopy
{
	position:absolute;
	width:355px;
	top:70px;
	left:40px;
	text-align: left;
	z-index: 10}

.ContactCopy
{
	position: absolute;
	width: 400px;
	top:90px;
	left:70px;
	text-align: left;
	z-index: 10}
	
.CustomCopy
{
	position: absolute;
	width: 400px;
	top:110px;
	left:110px;
	text-align: left;
	z-index: 10}
	
.PricingCopy
{
	position: absolute;
	width: 500px;
	top:30px;
	left:80px;
	text-align: left;
	z-index: 10}


.smallCards
{
	position: absolute;
	top: 100px;
	left: 25px; 
	width: 125px; 
	height: 125px;
	border: 0;
}
.smallJournals
{
	position: absolute;
	top: 85px;
	left: 40px; 
	width: 170px; 
	height: 141px;
	border: 0;
}
.bigCard
{
	position: absolute; 
	top: 92px;
	left: 272px; 
	border: 0;
}
.bigJournal
{
	position: absolute; 
	top: 80px;
	left: 220px; 
	border: 0;
}
.SubTitle
{
	position: absolute; 
	left: 240px; 
	top: 30px;
	border: 0;
}

.list_image ul{
	list-style-type: none;
	list-style-position: outside;
	margin: .2em 0 0 .9em; 
	padding: 0;}
	
.list_image li {
	list-style-type: none;
	background-image: url('images/bullet.gif');
	background-repeat: no-repeat;
	background-position: 0 .1em;
	line-height: 1.1em;
	margin: 0;
	padding-left:2.5em; padding-right:0; padding-top:.1em; padding-bottom:.5em}