/*
	Predictum.com
	By: Chris Lopes | http://www.gocactus.com
*/


/* BASIC PAGE SETUP & RESET */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Arial, Trebuchet MS, Helvetica, sans-serif; background: #d2d3d5; }

ul { list-style: none inside; }
h1 { font: 22px; color: #000000; margin-bottom: 10px; }
h2 { font: 18px; color: #000000; margin-bottom: 10px; }
h2.a-prod { font-style: italic; font-weight: normal; color: #b5121b; }
h3 { font-size: 18px; font-weight: bold; margin-bottom: 8px; }
p { font: 1.3em/1.3em Arial, Trebuchet MS, Helvetica, sans-serif; margin-bottom: 1.3em; }
a { outline: none; text-decoration: none; color: #b5121b; font-weight: bold; }
p a:hover { border-bottom: #b5121b 1px dotted; }
img, a img { border: none; }
/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

.red { color: #b5121b; }
.grey { color: #636363; }
.white { color: #ffffff; }

td {
	padding: 5px 5px;
}

.col-2 {
	float: left;
	margin-right: 15px;
}
/* END TOOLBOX */


/* STRUCTURE */
#page-wrap {
	margin: 0 auto;
	padding: 0 25px 0 25px;
	width: 900px;
	background: url(images/background.gif) repeat-y;
}
/* END STRUCTURE */



/* BEGIN STYLIN' ------------------------------------------------------------------------ */
#header {
	padding: 0 20px 0 25px;
	}
	
img#predictum-logo {
	margin-top: 25px;
	}
	
			
/* NAVIGATION ------------------------------------------------------------------------ */

ul#tabs {
	float: right;
	}
	
	ul#tabs li {
		float: left;
		margin-left: 5px;
		text-indent: -9999px;
		}
		
ul#tabs li.sitemap a, ul#tabs li.sitemap a:visited {
	display: block;
	width: 89px; height: 27px;
	background: url(images/tabs-sprite.gif) no-repeat 0 0;
	}
	
	ul#tabs li.sitemap a:hover {
		background: url(images/tabs-sprite.gif) no-repeat 0 -27px;
		}
	
ul#tabs li.contact a, ul#tabs li.contact a:visited {
	display: block;
	width: 89px; height: 27px;
	background: url(images/tabs-sprite.gif) no-repeat -89px 0;
	}
	
	ul#tabs li.contact a:hover {
		background: url(images/tabs-sprite.gif) no-repeat -89px -27px;
		}

ul#nav {
		float: right;
		margin-top: 25px;
		}
		
		ul#nav li {
			float: left;
			text-indent: -9999px;
			}

ul#nav li.about a, ul#nav li.about a:visited {
	display: block;
	width: 93px; height: 27px;
	background: url(images/nav-sprite.gif) no-repeat 0 0;
	}
	
	ul#nav li.about a:hover {
		background: url(images/nav-sprite.gif) no-repeat 0 -27px;
		}
		
		ul#nav li.about a:active {
			background: url(images/nav-sprite.gif) no-repeat 0 -54px;
			}
	
ul#nav li.development a, ul#nav li.development a:visited {
	display: block;
	width: 126px; height: 27px;
	background: url(images/nav-sprite.gif) no-repeat -93px 0;
	}
	
	ul#nav li.development a:hover {
		background: url(images/nav-sprite.gif) no-repeat -93px -27px;
		}
		
		ul#nav li.development a:active {
			background: url(images/nav-sprite.gif) no-repeat -93px -54px;
			}
	
ul#nav li.workflows a, ul#nav li.workflows a:visited {
	display: block;
	width: 218px; height: 27px;
	background: url(images/nav-sprite.gif) no-repeat -219px 0;
	}
	
	ul#nav li.workflows a:hover {
		background: url(images/nav-sprite.gif) no-repeat -219px -27px;
		}
		
		ul#nav li.workflows a:active {
			background: url(images/nav-sprite.gif) no-repeat -219px -54px;
			}
	
ul#nav li.services a, ul#nav li.services a:visited {
	display: block;
	width: 89px; height: 27px;
	background: url(images/nav-sprite.gif) no-repeat -437px 0;
	}
	
	ul#nav li.services a:hover {
		background: url(images/nav-sprite.gif) no-repeat -437px -27px;
		}
		
		ul#nav li.services a:active {
			background: url(images/nav-sprite.gif) no-repeat -437px -54px;
			}
	
ul#nav li.learning a, ul#nav li.learning a:visited {
	display: block;
	width: 105px; height: 27px;
	background: url(images/nav-sprite.gif) no-repeat -526px 0;
	}
	
	ul#nav li.learning a:hover {
		background: url(images/nav-sprite.gif) no-repeat -526px -27px;
		}
		
		ul#nav li.learning a:active {
			background: url(images/nav-sprite.gif) no-repeat -526px -54px;
			}

/* CONTENT ------------------------------------------------------------------------ */

#content {
	padding: 25px 25px;
	}

#main {
	width: 555px;
	}
	
#main img {
		margin: 0 10px 10px 0;
}
	
ul.list {
	font-size: 12px;
	list-style: disc outside;
	margin: 0 0 15px 15px;
	}
	
	ul.list li {
		margin-bottom: 8px;
		}

/* SIDEBAR ------------------------------------------------------------------------ */

#sidebar {
	width: 275px;
	}
	
h3.sub-nav a:link, h3.sub-nav a:visited {
		display: block;
		width: 235px; height: 31px;
		background: url(images/subNav-btn.gif) no-repeat;
		color: #ffffff;
		font-size: 16px;
		padding: 12px 0 0 40px;
		margin-bottom: 10px;
}
	h3.sub-nav a:hover {
		text-indent: 10px;
	}
	
.sub-nav-link {
		background: #999999;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px;
		color: #ffffff;
		padding: 8px 8px 1px 8px;
		margin-bottom: 8px;
}

#sidebar img.outline {
	margin-bottom: 10px;
	border: #cccccc 1px solid;
}

	
/* FOOTER ------------------------------------------------------------------------- */

#footer {
	background: #d2d3d5;
	padding-top: 10px;
	}
	
#footer p {
	font-size: 10px;
	}