/*--------------------------
Main
--------------------------*/

.body {
	margin: 0 auto 0 auto;
	padding: 0;
	font: 80% Georgia, Arial, sans-serif;
	text-align: justify;
	background:url(http://media.ontologi.com/ontologi/static/skypic2.jpg) no-repeat 50% 68px;
	color: #000;
	
}

.body2 {
	margin: 0 auto 0 auto;
	padding: 0;
	font: 80% Georgia, Arial, sans-serif;
	text-align: justify;
	background:url(http://media.ontologi.com/ontologi/static/skypic2.jpg) no-repeat 50% 35px;
	color: #000;
	width:900px;
	margin: 0 auto 0 auto;
}

.big      { font-size: 1.5em; line-height: 1.5em; margin-bottom: 0em; }
.larger      { font-size: 1.5em; line-height: 1.5em; margin-bottom: 1.25em; }
.reallylarge      { font-size: 2em; line-height: 1.5em; margin: 0 .1em 1.25em .1em ;}
.huge		{ font-size: 3em; line-height: 2.5em; margin-bottom: 1.25em; }
.ginormous	{ font-size: 6em; line-height: 1em; margin-bottom: 0em; }

a.boldlink:link, a.boldlink:visited {
	color:#006 !important;
	font-weight:bold;
	font-size:1.2em;
}

a.boldlink:hover {
	color:#fff !important;
	background-color:#02b;
}

div.frontblock {
	margin:0 0 0 10px;
	padding:0px 10px 0 15px;
}

div.intro {
	padding:5px 300px 5px 0px;
	text-align:left;
	font-size:1.2em;
	font-family:verdana;
	background:url(http://media.ontologi.com/ontologi/static/focus6.jpg) no-repeat 285px 0px;
}

div.intro2 {
	width:600px;
	padding:5px 5px 5px 0px;
	text-align:justify;
	font-size:1.2em;
	font-family:verdana;
}

div.intro3 {
	padding:5px 5px 5px 200px;
	text-align:justify;
	font-size:1.2em;
	font-family:verdana;
	background:url(http://media.ontologi.com/ontologi/static/actions.png) no-repeat 0px 0px;
}

a:link, a:visited {
	text-decoration:none;
}

a:hover {

}

a.headlineimage:hover {
	background:transparent;
}

#currentnapkin {
	font-weight:bold;
}

div.napkin { 
	margin:5px;
	height:350px;
	text-align:center;

	font-weight:bold;
	font-family:Arial;
}

div.napkin#type1 { 
	padding:75px 0px 0 0px;
}
div.napkin#type2 { 
	padding:75px 0px 0 0px;
}
div.napkin#type3 { 
	padding:75px 0px 0 0px;
}
div.napkin#type4 { 
	padding:50px 0px 0 0px;
}
div.napkin#type5 { 
	padding:75px 0px 0 0px;
}

div.napkin h2#type1 { 
	width:225px;
}
div.napkin h2#type2 { 
	width:250px;
}
div.napkin h2#type3 { 
	width:225px;
}
div.napkin h2#type5 { 
	width:275px;
}

img.writing1 {
	margin:50px 0 0 30px;
}
img.writing2 {
	margin:30px 0 0 0;
}
img.writing3 {
	margin:60px 0 0 0;
}
img.writing4 {
	margin:30px 0 0 0;
}

div.napkin a:link, div.napkin a:visited { 
	color:#444;
}

div.napkin a:hover { 

}

div.napkinblurb {
	margin:50px auto 0 auto;
	text-align:justify;
	width:300px;
}

div.napkinintro {
	margin:0 auto 0 auto;
	/*width:400px;*/
	text-align:justify;
	font-size:1.4em;
	line-height:1.2em;
	padding:20px 0 15px 0px;
}

div.napkinbody {
	margin:0 auto 0 auto;
	width:400px;
	text-align:justify;
	font-size:14pt;
	padding:0 0 15px 0px;
}

div#crumbs {
	color:white;
	font-size:12px;
}

div#crumbs a {
	color:white;
	text-decoration:none;
}

div#crumbs a:hover {
	text-decoration:underline;
}

div#body {
	width:100%;
	background:transparent;
	padding:0 0 0 0px;
	margin:0;
}

div#bodyindex {
	width:100%;
	background:transparent;
	padding:0 0 0 1px;
	margin:0;
}

div#logosmall {
	text-align: left;
	padding: 0 0 130px 0;
	margin-bottom:-100px;
	background:#fff url(http://media.ontologi.com/ontologi/static/cornersthin.jpg) no-repeat 0px 35px;
}

div#logo {
	text-align: left;
	padding:0 0 90px 0;
	margin-bottom:-70px;
	background:#fff url(http://media.ontologi.com/ontologi/static/corners.jpg) no-repeat 0px 68px;
}

span.firstletter {
	font-size:1.25em;
	font-weight:bold;
}

div.focusteaser {
	padding:0 375px 0 15px;
	text-align:justify;
	font-size:1.25em;
	background: url(http://media.ontologi.com/ontologi/static/simplify2.jpg) no-repeat 410px 75px;
}

a:link, a:visited { 
	color:#000;
}

a.readon:link, a.readon:visited {
	color:#800;
	text-decoration:none;
	border-bottom:4px solid transparent;
}

a.readon:hover {
	border-bottom:4px solid #800;
	background:transparent !important;
}
a.readonimage:hover {
	background:transparent !important;
}

div#contact a:link, div#contact a:visited {
	font-weight:bold;
	color:#800;
}

div#contact a:hover {
	background:#ffc;
}

div#bodytext p a:link, div #bodytext p a:visited,
div#bodytext li a:link, div #bodytext li a:visited {
	color:#800;
}

#bodytext a:hover {
	background:#ffc;
}

img.readon {
}

div.headline {
	font-size:24px;
	padding:20px 0 9px 0;
}

div#contact {
	font-size:1em;
	margin:10px 5px 0 0px;
	padding:10px;
	border:1px solid #c2c2c2;
	text-align:left;
	background-color:#fff;
}

div#links {
	width: 100%;
	height: 200px;
	margin: 10% 0 0 0;
}

td#logoright {
	width:50%;
}

div#whatwedo {
	border:1px solid #f00;
	margin:70px 0 0 0;
	padding:5px;
	color:#fff;
}

table.Menu {
	width:100%;
	text-align:left;
	margin:0 auto 0 auto;
	padding:0px 0 0 0;
/*	border-bottom:4px double #aaa;*/
}

td.menucell2 {
	text-align:center;
	vertical-align:bottom;
	padding:0 0 3px 0;
}

td.menucell {
	text-align:center;
	vertical-align:bottom;
	padding:0 0 1px 0;
}

div#aboutblurb {
	font-family:Georgia;
	font-size:1em;
	text-align:left;
	padding:0 0px 0 15px;
	border:3px solid #eee;
}

li.about {
	border:none;
}

div#listing {
	font-size:16px;
	font-family:serif, Times, Georgia;
	text-align:left;
	font-variant:small-caps;
	padding:0 15px 0 15px;
}

a.resource {
	color:#600 !important;
	font-size:2em;
	font-weight:bold;
	line-height:2em;
	padding-bottom:2px;
}

a.resource:hover {
	cursor:pointer;
	background-color:#fff !important;
	border-bottom:6px solid #600;
}

a.resourcesmall {
	color:#600 !important;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
}

a.resourcesmall:hover {
	cursor:pointer;
	border-bottom:3px solid #600;
}

a.resourcebright {
	color:#f00 !important;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
}

a.resourcebright:hover {
	cursor:pointer;
	border-bottom:3px solid #f00;
}

div.listing a:link, div.listing a:visited {
	text-decoration:none;	
}

div.listing a:hover {
	color:#800;
	border-bottom:2px solid #800;
}

div.listing, div.listingcurrent{
	padding:0 0 2px 5px;
}

div#listing h2 {
	font-size:22pt;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
}

div.listing#break, div.listingcurrent#break{
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:2px solid #eee;
}

div.listingcurrent {
	font-weight:bold;
	padding-left:0px;
}

span.email {
	color:#800;
}

a#current:link, a#current:visited {
	border-bottom:6px solid #800;
}

div#bodytext {
	text-align:justify;
	padding:0 25px 0 25px;
}

h1 {
	font-size:36px;
}

div#bodytext h1 {
	text-align:left;
}

td.menuimage {
	text-align:center;
	vertical-align:middle;
	padding:0;
	margin:0;
}

a.menuitem:link, a.menuitem:visited {
	border-bottom:8px solid transparent;
}

a.menuitem:hover {
	border-bottom:8px solid #800;
	background:transparent;
}

a.menuitemsmall:link, a.menuitemsmall:visited {
	border-bottom:6px solid transparent;
	padding:0 0px 4px 0;
	margin-right:20px;
	display:inline;
}

a.menuitemsmall:hover {
	border-bottom:6px solid #800;
	background:transparent;
}

div#ideablog {
	text-align: left;
	padding: 0px 5px 5px 5px;
}

.header { 
	text-align:center;
	margin:0 10px 15px 10px;
	height:40px;
	border-bottom:2px solid #444;
}

.logoimg { 
}

h3 { 
	font-size:15px;
}

div.QFeed h3 a:link, div.QFeed h3 a:visited {
	color:#000;
	font-family:Arial;
}

div.QFeed h3 a:hover { 
	background:#ffc;
}

img { 
	border:none;
}

img.resources {

}

.services a:link, .services a:visited { 
	border:none;
}

.services a:hover { 
	border-bottom:10px solid #aaa
	background:transparent;
}

h2 a:link, h2 a:visited {
	font-size:1em;
	color: #000;
	display:inline;
}
td { 
	vertical-align:top;
}

table.strip { 
	position:fixed;
	top:0px;
	left:0px;
	margin:0;
	padding:3px 0 3px 0;;
	background:#eee;
	border-bottom:1px solid #bbb;
	width:100%;
	font-size:.9em;
	opacity:0.85;
	filter:alpha(opacity:85);
}

table.strip a { 
	color:#555;
	margin:0;
	padding:0;
}
div#toplinks {
	padding:0 0 0 3px;
	text-align:left;
}
div#topinfo {
	font-size:.9em;
	text-align:right;
	padding-right:10px;
}
.main { 
	background:#fff;
	margin:0;
	padding:0;
}

.leftblock { 
	width:10%;
	padding:10px 5px 0 10px;
	margin-right:10px;
}
.midblock { 
	width:525px;
	padding:0px 5px 5px 5px;
	border-right:1px solid #aaa;
}

.rightblock { 
	margin-left:10px;
	padding:20px 5px 5px 5px;
}

.productheadline { 
	text-align:left;
	padding:0 0 0 3%;
	margin-bottom:10px;
}

.producttext { 
	padding:0 9% 0 3%;
	margin-top:3px;
	margin-bottom:20px;
	text-align:justify;
}

.draft { 
	background:#eee;
}

div.smallinfo { 
	margin:0 5px 0 5px;
	padding:0 10px 0 0;
	text-align:right;
	border-bottom:2px solid #aaa;
}

div#ideablog h2 a {
	font-family:Arial;
}

div.article { 
	text-align:left;
	width:60%;
	margin:20px auto 0 auto;
	font-size:12pt;
}

div.rightbox {
	width:175px;
	padding:5px;
	margin:10px;
	float:right;
	font-size:13pt;
	font-weight:bold;
	border:1px dotted #aaa;
}

div#ideablog h2 a:hover {
	color: #000;
	background-color: #FFC;
}

.highlight {
	background-color: #ffc;
}

div.IdeaFeedBlock { 
	margin-top:20px;
}

div.IdeaFeedBlock a {
	color:#000 !important;
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

div.IdeaFeedBlock a:hover {
	background-color: #FFC;
	color: #000;
}

div.IdeaFeedBlock ul li{
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
}

div.IdeaFeedBlock ul{
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	border-top:1px solid #C2C2C2;
}
div.IdeaFeedBlock li {
	border-bottom:1px solid #C2C2C2;
}

div.IdeaFeedBlock li h3 {
	font-variant:small-caps;

}

div.preview { 
	padding:0 10px 0 10px;
	text-align:justify;
	font-family:Verdana;
}

div#footerold {
	margin: 0px auto 0 auto;
	padding: 5px 0 0 0;
	font-size: 11px;
	width:100%;
	clear: both;
	color: #fff;
	text-align:center;
	font-family:Arial;
	background:url(http://media.ontologi.com/ontologi/static/bluesky2.jpg) repeat-x 0px 0px;
}

div.flame {
	padding-top:90px;
	background:url(http://media.ontologi.com/ontologi/static/flame4.jpg) no-repeat 30px 40px;
}

div#footer, div#footerwhite {
	margin: 0px auto 0 auto;
	padding: 5px 0 5px 0;
	font-size: 11px;
	width:100%;
	clear: both;
	color: #000;
	text-align:center;
	font-family:Arial;
	border-top:4px solid #eee;
	border-bottom:4px solid #eee;
}

table.readonlink {
	margin:5px auto 0 auto;
	font-size:14pt;
	text-align:center;
}

td.readon {
	vertical-align:middle;
}
div#footer a { 
	color: #000;
}
div#footer a:hover { 
	color:#00f;
	background: #ffc;
}