html {
	/*overflow-y: scroll;*/
	background: #5f5f5f url('images/body_bg.jpg') repeat-x top;
}

body {
	margin: 0;
	padding: 0 0 20px;
	min-height: 100%;
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 10px;
}

:link, :visited {
	border-bottom: 0;
}

#wrapper {
	margin: 0 auto;
	width: 996px;
	position: relative;
}

#banner {
	/*height: 115px;*/
	height: 149px; 
}


/* Logo
   -------------------------------- */

#logo {
	position: absolute;
	top: 0px;
	left: 28px;
	margin: 0;
}

#logo,
#logo a {
	width: 425px;
	height: 55px;
	line-height: 55px;
	font-size: 32px;
	color: #ccc;
	text-decoration:none;
}

#logo a {
	display: block;
}


/* Dock
   -------------------------------- */

#dock {
	height: 25px;
	float: left;
	position: absolute;
	top: 20px;
	right: 2px;
}

#dock ul,
#dock ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#dock ul {
	padding: 0 6px;
	height: 25px;
}

#dock ul li {
	padding: 0 6px;
	position: relative;
}

#dock ul li a {
	float: left;
	display: block;
	padding: 0 5px;
	color: #ccc;
	text-decoration: none;
	font-size: 12px;
	line-height: 22px;
}

#dock ul li a:hover {
	text-decoration: underline;
	color: #fff;
}


/* Navigation
   -------------------------------- */

#navigation {
	 background: url("/css/images/bkgn.png") no-repeat scroll left top transparent; height: 87px; 
	 height: 87px; 
	/*height: 41px;*/
	float: right;
	position: absolute;
	top: 62px;
	right: 0px;
	width:100%;
}

#navigation ul,
#navigation ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 38px;
}

#navigation ul {
	height: 41px;
	float:right;
}

#navigation ul li a {
	float: left;
	display: block;
	height: 41px;
	padding: 0 18px;
	color: #ccc;
	text-decoration: none;
}

#navigation ul li a:hover {
	color: #fff;
}


/* Content
   -------------------------------- */
   
.content {
	padding: 0 3px 0 3px;
	overflow: hidden;
	background: #fff;
}

#content .content {
	min-height: 380px;
}

#home #content .content,
#download #content .content,
#demos #content .content,
#docs #content .content, 
#support #content .content,
#development #content .content, 
#about #content .content {
	background: none;
}

/* Footer
   -------------------------------- */

#footer {
	height: auto;
	float:left;
	display:block;
	padding: 10px 0;
	position: relative;
	margin-bottom:15px;
	width:100%;
}

#footer .inner {
	position: relative;
	z-index: 2;
	display:block;
	float:left;
	width:100%;
}

#footer p {
	margin: 0;
	padding: 0;
	color: #5e5e5e;
	font: normal 9px 'Arial', 'Helvetica', sans-serif;
}

#footer p a {
	color: #bbb;
	padding-left: 10px;
}

#footer span.first {
	display: block;
	float: left;
	padding: 6px 0 0 16px;
}

#footer .block {
	display: block;
	float: left;
}

#footer .block span,
#footer span.empty {
	display: none;
}

/* redesigned home page styles, added by Filament 12.30.08 */

#home #content-wrapper { background: #fff; }

#home-content-wrapper { padding:0 5px 0; font-family: "Trebuchet MS", Verdana, sans-serif; }
#home-content-wrapper ul { list-style-type: none; margin:0; padding:0; }
#home-content-wrapper img { border:0; }

/* reset margin, padding */
#home-content-wrapper h1, 
#home-content-wrapper h2, 
#home-content-wrapper h3, 
#home-content-wrapper h4,
#home-content-wrapper p { margin:0; padding:0; font-weight:normal; }

#home-content-wrapper a:link,
#home-content-wrapper a:visited { color:#5F5F5F; font-size: 13px; text-decoration:none; }
#home-content-wrapper a:hover,
#home-content-wrapper a:active { color:#5F5F5F; }
	
#home-content-header { float:left; width:100%; height:13em; }
.ie #home-content-header { height:9.5em; }

#home-content { clear:left; float:left; width:100%; padding:5px 0 50px; }
#home-nav { float:right; width:755px; font-size: 12px;}
#home-sidebar { float:left; width:200px; border-right:1px dotted #ccc;padding-right:9px;}
#home-nav p { padding-bottom: 15px;}

.home-nav-section { float:left; width:190px; margin-right:35px; }
.home-nav-section.last { margin:0; }

#home-content-wrapper .home-nav-section h3 { font-size:1.5em; padding:25px 0 5px; }
#home-content-wrapper h3, #home-content-wrapper h3 a { font-weight:bold; }
#home-content-wrapper .home-nav-section p { font-size:1.1em; line-height:1.3; color:#777; padding:0 0 1.2em; }

.home-nav-section li { font-size:1.20em; padding:0 0 .5em;  }

.home-nav-section a.learn-more:link,
.home-nav-section a.learn-more:visited { padding-left:17px;}
.home-nav-section a.learn-more:hover,
.home-nav-section a.learn-more:active { background-position: 0 -87px;}

.home-sidebar-section { padding:0 0 20px; }
#home-content-wrapper .home-sidebar-section h2 { font-size:1.5em; color:#000; padding:0 0 3px; margin:0 0 7px; border-bottom:2px solid #000; font-weight:bold; }
.home-sidebar-section p, .home-sidebar-section li { font-size:1.25em; font-weight:none; line-height:1.3; }
#-wrapper .home-sidebar-section p { padding:0 15px .7em 0; }
#home-content-wrapper .home-sidebar-section li { padding:0 0 .2em; border-bottom: 1px dotted #aaa;}
.home-sidebar-section li a span { color:#444; }

#search_box {
	border: 0px;
	width: 100%;
	background: transparent url('images/search.png') no-repeat top left;
	height: 28px;
	float:left;
	display:block;
}
#search {
	border: 0px;
	width: 343px;
	height: 25px;
	padding-left:5px;
	background: transparent;
}
input[type="button"] {
	border: 1px solid #CCCCCC;
	background: #F6F6F6;
	color: #333;
	height: 24px;
	margin-top:2px;
}
input.input-amount {
	width:80px;
	background: transparent url('images/input.png') no-repeat top left;
	height: 42px;
	font-size: 32px;
	text-align: center;
	border: 0px;
}
#results {
	font-size: 32px;
}
.big-letters {
	font-size: 32px;
}
.medium-letters {
	font-size: 19px;
}
#left {
	float:left;
}
#right {
	float:left;
}
pre {
	font-size:18px;
	font-family:verdana;
}
.solver_form {
	margin-bottom:25px;
}
#equation_search {
	margin-bottom:15px;
}

#c2canvasdiv {
	margin: 0 !important;
}
#c2canvas {
	width:740px !important;
}
#c2canvas_4options {
	width:740px !important;
}