/* CSS Document */

/*******************************
** redefine default styles 
********************************/
body{ 
	background: #ddded3 url(/images/backlogo.jpg) repeat center top; 
	color: #393939;
	margin:0;
	padding:0;
	text-align:center;
	line-height: 1.3em;
}
a {
	color: #0065b3;
}
p { margin: 0 0 1em 0; }
/* font sizes are based on percentage of body (13px) */
h1 { font-size:146.5%; margin: 0.5em 0 1.5em 0; font-style: italic; font-weight: normal; color:#393939; } /* 19px */
h2 { font-size:123.1%; margin: 2em 0 0.5em 0; color: #DF6900; font-style: italic; font-weight: normal; } /* 16px */
h3 { font-size:108%; margin: 1em 0 0 0; color:#000; } /* 14px */
h4, h5, h6, h7, h8 { font-size:100%; } /* 13px */





/*******************************
** structural/layout styles 
********************************/
/* boxes */
#doc { 
	margin:7px auto;
	width:747px;
	text-align:left;
}
#bd {
	padding: 18px 31px;
}
#ft{
	padding: 1em 23px 1em 1em;
	text-align: right;
}
#copy { padding-top: 6px; }

/* box borders */
#hd, #bd, #ft {
	border: 1px solid #73735D;
}
#hd, #bd { border-bottom: 0; }
#ft { border-top: 0; }

/* box colors */
#hd { background-color: #FD8C00; }
#bd, #ft { background-color: #ffffff; }

/* fonts */
#ft, #copy { font-size: 85%; }
#ft a:link, #ft a:visited, #copy { color: #80807f; }





/*******************************
** horizontal header nav menu 
********************************/
#menu { font-size:85%; border-top:1px solid #F07D01; }
.hnav { list-style-type:none; margin:0; padding:0; }
.hnav li { display:block; float:left; margin:0; padding:0; }
.hnav a {  display:block; padding:3px 10px; color:#FFFFCC; text-decoration:none; background-color: #FD8C00; }
.hnav a:hover { background-color:#FFFFCC; color:#444438; }


/* menu-highlighting switches */
.menu-home #menu-home a, 
.menu-about #menu-about a, 
.menu-features #menu-features a, 
.menu-screenshots #menu-screenshots a, 
.menu-demo #menu-demo a, 
.menu-pricing #menu-pricing a, 
.menu-testimonials #menu-testimonials a, 
.menu-library #menu-library a, 
.menu-signup #menu-signup a, 
.menu-login #menu-login a {
	background-color:#ffffcc; color:#444438;
}






/*******************************
** generic/site wide styles 
********************************/

/* a ul plain list of links */
ul.links { margin:0; padding:0; list-style-type: none; }
ul.links li { margin:0; }


/* a list of term/definition pairs */
dl.glossary dt { font-weight: bold; margin-bottom: 0.5em; }
dl.glossary dd { display: block; margin: 0 0 1.5em 2em; padding:0; }

.revisit { background-color: #FFFF66; }


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* red outlined boxes on home page */
.redbox {
	width: 189px;
	margin-bottom: 5px;
}
.one-line {
	background-image:url(/images/redbox_1line.png);
	height: 46px;
	padding: 6px;
}
.two-line {
	background-image:url(/images/redbox_2line.png);
	height: 66px;
	padding: 6px;
}
.one-line a {
	height: 31px;
	padding-top: 15px;
}
.two-line a {
	height: 51px;
	padding-top: 15px;
}
.redbox a {
	display: block;
	text-align:center;
	font-size: 123.1%;
}
.redbox a:link, .redbox a:visited {
	color: #000000;
	text-decoration: none;
}
.redbox a:hover, .redbox a:active {
	color: #000000;
	text-decoration: underline;
}


span.sup {
	font-size:76.9%;
	vertical-align:text-top;
}