body {
margin: 0 auto;
text-align: center;
background: url(images/main-bg.gif) #EDEEEE repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #5E6C63;
line-height: 150%;
}

a {
color: #2D6AA0;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

#container {
margin: 0 auto;
text-align: left;
width: 936px;
background: url(images/rounded-bottom.gif) #fff no-repeat bottom left;
padding: 20px;
}

#header {
width: 936px;
height: 55px;
line-height: normal;
}

#logo {
width: 257px;
height: 48px;
float: left;
}

#tagline, #tagline h2 {
width: 510px;
float: right;
font-size: 11pt;
color: #818B84;
text-align: right;
font-weight: bold;
margin-top: -10px;
}

#tagline h2 {
margin-top: -8px;
}

#number {
color: #9CA79F;
font-size: 10pt;
}

#navigation {
width: 935px;
height: 47px;
background: url(images/navbar.gif) no-repeat top left;
margin-top: -10px;
line-height: normal;
}

#navigation ul {
list-style-type: none;
margin-left: 12px;
padding-top: 14px;
}

#navigation li {
display: inline;
margin-right: 55px;
}

/*\*/
html>body*#navigation li {margin-right: 50px; }
/**/



#navigation a {
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #5D6B62;
text-decoration: none;
font-weight: bold;
}

#navigation a:hover, #navigation a.selected {
border-bottom: 5px solid #CCD9B8;
}


/* Home Styles */

#green-box {
background: url(images/home-box.gif) no-repeat top left;
width: 935px;
height: 196px;
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}

#screenshots {
width: 333px;
height: 176px;
position: absolute;
bottom: 10px;
left: 13px;
}

#green-box #headline {
color: #fff;
font-size: 21.4pt;
font-weight: 500;
letter-spacing: -.5pt;
float: right;
text-align: center;
margin-top: 60px;
margin-right: 20px;
line-height: 115%;
padding-bottom: 5px;

}

/*\*/
html>body*#green-box #headline {font-size: 20.5pt; }
/**/

a#demo-reg {
position: absolute;
right: 19px;
bottom:11px;
width: 199px;
height: 41px;
background: url(images/demo-reg-button.gif) no-repeat top left;
}

a#demo-reg:hover {
background: url(images/demo-reg-hover.gif) no-repeat top left;
}

#content-wrap {
width: 935px;
background: url(images/dotted-divider1.gif) repeat-y top left;
}

#content {
width: 625px;
padding-right: 35px;
float: left;
}

#sidebar {
width: 240px;
margin-right: 10px;
float: right;
position: relative;
}

h3 {
color: #548511;
font-size: 14pt;
font-weight: 400;
margin-top: 0;
}

.who {
margin-top: 25px;
margin-bottom: -5px;
}

.details {
font-size: 9pt;
color: #5E6C63;
font-weight: bold;
}

h4 {
color: #5E6C63;
font-size: 11pt;
margin-top: -11px;
font-style: italic;
margin-bottom: 5px;

}

#sidebar h4 {
color: #5E6C63;
font-size: 10pt;
margin-top: -14px;
font-style: normal;
font-weight: 600;
}


.home-box {
width: 624px;
height: 34px;
position: relative;
margin-bottom: 5px;
}


a.home-box-link {
background: url(images/rounded-box.gif) no-repeat top left;
text-decoration: none;
cursor: pointer;
display: block;
line-height: normal;
}

a.home-box-link:hover {
background: url(images/rounded-box-hover.gif) no-repeat top left;
text-decoration: none;
}


.home-box h2 {
color: #5A685F;
font-size: 10pt;
margin-left: 40px;
padding-top: 7px;
}

.home-box .icon {
position: absolute;
left: 5px;
top: 7px;
width: 28px;
}


img {
border: 0;
}

#homepageMore {
position: relative;
width: 624px;
height: 135px;
}

.homepageMore1, .homepageMore2, .homepageMore3, .homepageMore4 {
	margin-right:25px;
	margin-top:-45px;
	font-size:14px;
	float: left;
	display: block;
	position:absolute;
	left: 0px;
	width:620px;	
    line-height: 150%;
}

.homepageMore1 .arrow {
background: url(images/logo-arrow.gif) no-repeat top left;
position: absolute;
top: -20px;
left: 5px;
width: 86px;
height: 11px;
}

.homepageMore2 .arrow {
background: url(images/logo-arrow.gif) no-repeat top left;
position: absolute;
top: -20px;
left: 140px;
width: 86px;
height: 11px;
}

.homepageMore3 .arrow {
background: url(images/logo-arrow.gif) no-repeat top left;
position: absolute;
top: -20px;
left: 295px;
width: 86px;
height: 11px;
}
.homepageMore4 .arrow {
background: url(images/logo-arrow.gif) no-repeat top left;
position: absolute;
top: -20px;
left: 470px;
width: 86px;
height: 11px;
}



.homepageGroupWrap {
margin-right: 20px;
height: 59px;
margin-bottom: 30px;
}

.homepageGroup {
	display:block;
	float:left;
	padding:15px 20px 10px 0px;
	}

.homepageGroup:after {
    content: "."; 
    display: block; 
    height: 0;
    font-size: 0;
    clear: both; 
    visibility: hidden; }

.showcasePhotos {
	float: left;
	margin: 0 15px 0 0; }


.more-image {
margin-left: 15px;
}

/* Footer */


#footer {
width: 936px;
margin: 20px auto;
font-size: 12px;
}

#footer-links {
width: 475px;
float: left;
text-align: left;
font-size: 13px;
margin-top: -1px;
}

#footer-links ul {
list-style-type: none;
margin-left: -40px;
margin-top: 0;
}

#footer-links li {
display: inline;
margin-right: 10px;
}

#footer a {
color: #5D6B62;
font-size: 13px;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}


#copyright {
float: right;
width: 430px;
text-align: left;
padding-bottom: 20px;
}

/* Home Form */


#name-field {
background: url(images/form-top.gif) #E4E5E5 no-repeat top left;
width: 227px;
height: 32px;
}

#name-field label {
width: 70px;
float: left;
margin-left: 5px;
margin-top: 11px;
font-size: 12px;
font-style: italic;
}

#name-field input.textbox {
width: 137px;
float: left;
margin-left: 8px;
margin-top: 9px;
border: 0;
}


.form-field {
background: #E4E5E5;
width: 227px;
height: 26px;
margin-top: 5px;
}

.form-field label {
width: 70px;
float: left;
margin-left: 5px;
margin-top: 6px;
font-size: 12px;
font-style: italic;
}

.form-field input.textbox {
width: 137px;
float: left;
margin-left: 8px;
margin-top: 4px;
border: 0;
}

#comments-field {
background: url(images/form-bottom.gif) #E4E5E5 no-repeat bottom left;
width: 227px;
height: 122px;
margin-top: 5px;
}

#comments-field label {
width: 75px;
margin-left: 5px;
margin-top: 10px;
float: left;
font-size: 12px;
font-style: italic;
}

#comments-field textarea {
width: 214px;
height: 70px;
float: left;
margin-top: 7px;
margin-left: 5px;
border: 0;
}

#home-form {
margin-bottom: 100px;
line-height: normal;
}

#home-form #submit {
width: 69px;
height: 25px;
float: right;
border: 0;
background: url(images/submit.gif) no-repeat top left;
cursor: pointer;
}

#home-form #submit:hover {
background: url(images/submit-hover.gif) no-repeat top left;
}

#submit-field {
width: 227px;
margin-top: 8px;
}

#in-news {
width: 219px;
margin-top: 100px;
}

#in-news a, #in-news2 a {
color: #5E6C63;
text-decoration: none;
}

#in-news a:hover, #in-news2 a:hover {
text-decoration: underline;
}

#in-news ul, #in-news2 ul {
	padding-right: 9px; 
   line-height: 160%; 
   margin-left: -40px;     
   line-height:1.5;
    list-style-type:none;
     margin-top: -10px;
font-size: 13px;
}

#in-news ul li, #in-news2 ul li {
    padding-left:19px;
    background:transparent url(images/news-icon.gif) no-repeat;
    background-position:0 3px;
margin-bottom: 10px;
}


#in-news2 {
width: 219px;
margin-top: 0px;
}



#interior-content-wrap {
width: 935px;
background: url(images/dotted-divider1.gif) repeat-y top left;
margin-top: 20px;
}


#content h1 {
font-size: 19pt;
color: #548511;
margin-top: 0;
}

#interior-content-wrap h2 {
font-size: 13pt;
margin-bottom: 0;
}

a#demo-button {
width: 199px;
height: 41px;
float: left;
margin-bottom: 20px;
background: url(images/demo-reg-button2.gif) no-repeat top left;
}

 a#demo-button:hover {
background: url(images/demo-reg-hover2.gif) no-repeat top left;
}

#interior-content-wrap #in-news {
width: 219px;
margin-top: 70px;
margin-bottom: 20px;
}

#sidebar h3.title {
margin-bottom: -10px;
}

.gray-box {
background: url(images/gray-box.gif) no-repeat top left;
width: 466px;
height: 104px;
margin-top: 20px;
position: relative;
float: right;
margin-right: 20px;
}

.gray-box img {
width: 63px;
height: 74px;
position: absolute;
top: 15px;
left: 15px;
}

.gray-box p {
margin-left: 93px;
margin-top: 15px;
width: 360px;
font-size: 13px;
}

p.author {
font-size: 11px;
font-style: italic;
text-align: right;
margin-top: 0px;
}

/*form things */
input#textfield {
width:300px;
border:1px solid #5D6B62;
font-family:Arial,sans-serif;
font-size:1.2em;
height:18px;
}
div#submit-button {
text-align:right;
}
input#submit {
border:1px solid #5D6B62;
color:#000000;
background-color:#FFFFFF;
margin-top:20px;
margin-bottom:30px;
}
label {
display:block;
margin-top:15px;
margin-bottom: 5px;
font-weight:bold;
}
textarea{
width:100%;
height:100px;
margin-bottom:10px;
border:1px solid #5D6B62;
}
fieldset {
background:transparent url(images/h1-bg.gif) no-repeat scroll right top;
border:0pt none;
margin:0pt;
padding:0pt;
}
legend {
padding-top:30px;
padding-left:3px;
}

.uses-images {
	float: left;
}

.uses-list {
	float: left;
	width: 400px;
}

.uses-list ul {
	margin-left: 3px;
	padding-left: 10px;
}
.uses-list h3 {
	margin-bottom: 10px;
}
#uses-table ul li {
margin-left: 30px;
}

#uses-table p {
margin-top: 0px;
}