@charset "utf-8";

/* Jasper Designworks - Base CSS */

html, body {
	margin:0px;
	padding:0px;
	background:url(../images/bg01.jpg) top left repeat-x;
}

/*--------------------------------------------------*/
/*					    LAYOUT						*/
/*--------------------------------------------------*/

div#contained {
	position:relative;
	margin:0px;
	padding:0px;
	width:980px;
}

div#top {
	position:relative;
	width:auto;
	height:139px;
	padding-left:20px;
	background:url(../images/top-bg.jpg) top left no-repeat;
}

div#main {
	position:relative;
	overflow:hidden;
}

div#navigation {
	float:left;
	width:170px;
	padding:0px 0px 0px 20px;
}

div#content {
	float:left;
	padding:20px;
	width:750px;
}

div#content-small {
	float:left;
	padding:20px;
	width:550px;
}

div#sidenav {
	float:left;
	width:160px;
	padding:20px;
}

div#sidenav_solutions {
	float:left;
	width:160px;
	padding:20px;
}

div#footer {
	clear:both;
	width:auto;
	padding:20px;
	font:normal 10pt/120% Arial, sans-serif;
	color:#777;
}

/*--------------------------------------------------*/
/*					   STYLES						*/
/*--------------------------------------------------*/

h1, h2, h3, h4, h5, p { margin:0px; }

h1 { font:bold 16pt/100% Helvetica, Arial, sans-serif; color:#333; padding:0px 0px 15px 0px; }

h2 { font:bold 14pt/100% Helvetica, Arial, sans-serif; color:#6DBE45; padding:10px 0px; }

h3 { font:normal 12pt/100% Helvetica, Arial, sans-serif; color:#666; padding:5px 0px 0px 0px; }

h4 { font:bold 12pt/100% Helvetica, Arial, sans-serif; color:#6DBE45; padding:10px 0px 5px 0px; }

h5 { font:bold 12pt/100% Helvetica, Arial, sans-serif; color:#5B99BC; padding:10px 0px 5px 0px; }


li { font:normal 10pt/125% Arial, Helvetica, sans-serif; color:#555; }

p, td { font:normal 10pt/150% Arial, Helvetica, sans-serif; color:#555; }

p { padding:8px 0px; }

div#content li { padding:1px 0px; }

div#content a, div#content-small a { color:#000; }

div#content a:hover, div#content-small a:hover { color:#6DBE45; }

/*--------------------------------------------------*/
/*					     NAV						*/
/*--------------------------------------------------*/

/* mainnav */

div#navigation ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#navigation ul li {
	padding-bottom:3px;
}

div#navigation ul li a {
	display:block;
	width:169px;
	padding:10px 0px;
	background:#bbb;
	font:bold 11pt/100% Helvetica, Arial, sans-serif;
	text-align:center;
	text-decoration:none;
	color:#fff;
}

div#navigation ul li a:hover { background:url(../images/nav-bg.jpg) top left repeat-x; }

/* sidenav */

div#sidenav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#sidenav ul li {
	padding:2px 0px;
}

div#sidenav ul li a {
	display:block;
	color:#444;
	text-decoration:none;
}

div#sidenav ul li a:hover { color:#6DBE45; }

/* sidenav_solutions*/

div#sidenav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#sidenav ul li {
	padding:0px 0px;
}

div#sidenav ul li a {
	display:block;
	color:#444;
	text-decoration:none;
}

div#sidenav ul li a:hover { color:#6DBE45; }

/* puzzle pieces */
.piece1 { background:url(../images/piece1.jpg) top left no-repeat; padding:0px 0px 2px 20px; }
.piece2 { background:url(../images/piece2.jpg) top left no-repeat; padding:0px 0px 2px 20px; }
.piece3 { background:url(../images/piece3.jpg) top left no-repeat; padding:0px 0px 2px 20px; }
.piece4 { background:url(../images/piece4.jpg) top left no-repeat; padding:0px 0px 2px 20px; }