/* -----------------------

xguru.com
All rights reserved. xguru, Inc. http://www.xguru.com
xguru.v2.css ::> 
:: last updated November 30 2009 :: 

Curiosity Killed The Cat

-------------------------*/

a,a:link	{ color: #000000; text-decoration: underline; }
a:hover		{ color: #4c5f82; text-decoration: none; }

body		{	background: #edeeef url("/images/xguru.v4.bk.jpg") repeat;
			font-family: tahoma, arial, helvetica, sans-serif;
		}

#logo		{ 	width: 500px; height:120px;
			position: absolute; top: 0px; left: 0px;
			clear: both;
		}

/* ------------------------  navigation  ------------------------ */

div#navr		{ font-family: arial, helvetica, sans-serif;
				font-size: 10pt; color: #4c5f82; font-variant: small-caps; text-align:right;
				float: right; position: absolute; top: 0px; left: 680px;
				width: 160px; display: block;
				margin: 10px 0px 0px 10px; line-height: 1.2em;
			}
div#navr  a,a:link 	{ color: #a3adbb; text-decoration: none; } 
div#navr  a:hover 	{ color: #c3c3c3; text-decoration: none; }
div#navr  .selected 	{ color: #000000; font-size: 10pt; font-weight: normal; text-decoration: none; padding: 10px 5px 10px 0px; } 
div#navr  .title 	{ color: #4c5f82; font-size: 12pt; font-weight: bold; text-decoration: none; font-variant: small-caps; } 



div#subnav		{ font-size: 8pt; color: #4c5f82; font-variant: small-caps; text-align:right;
				float: right; position:absolute; top: 140px; left: 665px;
				width: 160px; display: block;
				margin: 8px 0px 0px 10px; z-index:50;
			}
div#subnav  a,a:link 	{ color: #a3adbb; text-decoration: none; } 
div#subnav  a:hover 	{ color: #000000; text-decoration: none; }
div#subnav  .selected 	{ color: #000000; font-size: 8pt; font-weight: normal; text-decoration: none; } 
div#subnav  .title 	{ color: #4c5f82; font-size: 10pt; font-weight: bold; text-decoration: none; font-variant: small-caps;} 



/* ------------------------  gallery style  ------------------------ */

/* credit where credit is due -- slideshow gallery css technique developed by the extraordinary Stu Nicholls | CSSplay @ http://www.cssplay.co.uk/ */

#gallery 			{	font-family: tahoma, arial, helvetica, sans-serif;
					width: 220px; height: 680px;
					padding: 10px;
					border: 0px solid #000000;
					background:  #edeeef;
					position: relative;
				}
#gallery b.default 		{	position: absolute; left: 10px; top: 280px;
					width: 220px; height: 680px;
					text-align: center;
				}
#gallery b.default img 		{	display: block; margin: 0 auto 10px auto;
					border: 1px solid #000000;
				}
#gallery b.default span 	{	display: block; color: #555555;
					font-weight: normal; font-size: 10pt;
					width: 220px; height: 680px; margin: 0 auto;
				}

#gallery ul 			{	list-style: none; padding: 0; margin: 0; width: 220px; position: relative; float: left; }
#gallery ul li 			{	display: inline; width: 65px; height: 60px; float: left; margin: 0 0 5px 5px; }
#gallery ul li a 		{	display: block; width: 65px; height: 60px; text-decoration: none; }
#gallery ul li a span 		{	display: none; }
#gallery ul li a img 		{	display: block; width: 65px; height: 60px; border: 0;}
#gallery ul li a:hover 		{	white-space: normal;  
					background: url("/images/x_link.jpg") center no-repeat;
				}

#gallery ul li a:hover b 	{	position: absolute; left: 0px; top: 270px; width: 222px; height: 680px;
					text-align: center;
					background: #edeeef;
					z-index: 20;
				}
#gallery ul li a:hover span	{	display:  block; color: #555555; font-weight: normal; font-size: 10pt; width: 220px; margin: 0 auto;}
#gallery ul li a:hover img 	{	margin: 0 auto 10px auto; width: auto; height: auto; border: 1px solid #000000; }

#gallery ul li a:active, #gallery ul li a:focus
				{	white-space: normal;  
					background: url("/images/x_link.jpg") center no-repeat;
				}
#gallery ul li a:active b, #gallery ul li a focus b
				{	position: absolute; left: 0px; top: 210px; width: 220px; height: 680px; text-align: center;
					background: #edeeef;
					z-index:10;
				}
#gallery ul li a:active span, #gallery ul li a:focus span
				{	display: block; color: #555555; 
					font-weight: normal; font-size: 10pt;
					width: 220px; margin:0 auto;
				}
#gallery ul li a:active img, #gallery ul li a:focus img
				{	margin: 0 auto 10px auto;
					width: auto; height: auto;
					border: 1px solid #000000;
				}



/* ------------------------ div classes------------------------ */


#snaps			{ 	width: 240px;
				position:absolute; top:150px; left:50px;
				background-color: transparent;
				clear: both; z-index:7; border: 0px solid #000000; margin: 0px 0px 0px 0px;
			}
#snaps h1 		{ 	margin: 0px 0px 10px 0px; 
				font-size: 20pt; font-weight: normal; color: #2b2626;
				text-align:center;
			}

#content		{ 	width: 550px;
				position:absolute; top:150px; left:310px;
				background: #edeeef url("/images/xguru.v4.bodybk.jpg") center repeat-y;
				padding: 0px 0px 0px 0px;
				min-height: 440px;
			}
div#content  a,a:link 	{ color:#555555; text-decoration: underline; } 
div#content  a:hover 	{ color:#c3c3c3; text-decoration: none; }


#home			{ 	width: 900px;
				position:absolute; top:150px; left:0px;
				background: #edeeef url("/images/xguru.v4.homebk.jpg") center repeat-y;
				padding: 0px 0px 0px 0px;
				min-height: 300px;
			}
div#home  a,a:link 	{ color:#555555; text-decoration: underline; } 
div#home  a:hover 	{ color:#c3c3c3; text-decoration: none; }

#stripe 		{ 	width: 500px; height:30px; 
				background-image: url("/images/binary.jpg"); background-position: bottom left;
				margin-top:35px; margin-left:15px; 
			}
.date			{ 	/* font-family:Arial,Helvetica,sans-serif; */ font-size: 16pt;
				text-align:left;
				color:#4c5f82; margin-left:34px;
				font-weight: normal;
				padding-bottom:10px;
			}
#think			{ 	width: 550px; height:200px;
				position:relative; top:0px; left:0px;
				background:url("/images/xguru.v4_think.jpg");
				clear: both;
			}
#homethink		{ 	width: 900px; height:150px;
				position:relative; top:0px; left:0px;
				background:url("/images/xguru.v4.homethink.jpg");
				clear: both;
			}
#homecfnet		{ 	width: 180px; height:59px;
				position: absolute; top:540px; left:50px;
				clear: both;
			}

/* ------------------------ content classes ------------------------ */


h1 		{ margin: 0px 50px 20px 50px; 
			font-size: 14pt; font-weight: normal; color: #2b2626;
			text-align:left;
		}
h2		{ margin: 40px 50px 20px 40px;
			font-size: 14pt; font-weight: normal; color: #2b2626;
			text-align:left;
		}
h3 		{ margin: 15px 50px 10px 50px;
			font-size: 11pt; font-weight: bold; color: #2b2626;
			text-align:left; font-style:normal; line-height: 1.1em;
		}
h4 		{ margin: 5px 40px 5px 40px;
			font-size: 10pt; font-weight: normal; color: #2b2626;
			text-align:center; font-style:italic; line-height: 1em;
		}
h5 		{ margin: 0px 20px 0px 0px;
			font-size: 8pt; font-weight: normal; color: #2b2626;
			text-align:left; font-style:normal; line-height: 1.3em;
		}

p		{ margin: 0px 50px 10px 50px;
			font-size: 8pt; font-weight: normal; color: #555555;
			text-align:left; font-style:normal; line-height: 1.6em; 
		}
div#content ul,li
		{ margin: 0px 0px 0px 40px;
			font-size: 8pt; font-weight: normal; color: #555555;
			text-align:left; font-style:normal; line-height: 1.4em; 
		}

.xguru		{  margin: 0px 0px 0px 20px;
			font-size: 8pt; font-weight: normal; color: #2b2626;
			text-align:right; font-style:normal; line-height: 1.3em;
		}

.formbox { font-size: 8pt; font-weight; normal;
			background: #ffffff;
			color: #555555;
			border: 1px solid #555555;
		text-align:left;
		}

/* ------------------------ table ------------------------ */

#tgraphic	{	margin: 0px 0px 0px 50px; position:top left;
		padding-top: 5px;
		width: 450px; text-align:left;
		border-collapse: collapse;
	}

#tgraphic th,td 	{ font-size: 14pt; font-weight:normal;
		color: #000000; text-align:center;
		margin: 0px 0px 0px 20px;
		line-height:1.1em;
		}

#txmail	{	margin: 0px 0px 0px 50px; position:top left;
		padding-top: 5px;
		width: 450px; text-align:left;
		border-collapse: collapse;
	}
#txmail th 	{ font-size: 12pt; font-weight:normal;
		color: #555555; text-align:left;
		margin: 0px 0px 0px 20px;
		line-height:1.1em;
		}
#txmail td 	{ font-size: 8pt; font-weight:normal;
		color: #555555; text-align:left;
		margin: 0px 0px 0px 0px;
		line-height:1.1em;
		}

#tv	{	margin: 0px 0px 0px 75px; position:top left;
		padding-top: 5px;
		width: 300px; text-align:left;
		border-collapse: collapse;
	}
#tv th	{	font-size: 8pt; font-weight:bold;
		color: #555555; text-align:left;
		margin: 0px 0px 0px 0px;
		background: transparent;
		}
#tv td  	{ font-size: 8pt; font-weight:normal;
		color: #555555; text-align:left;
		margin: 0px 0px 0px 0px;
		line-height:1.1em; vertical-align:top;
		background: transparent;
		}
#tv td.alt  	{ font-size: 10pt;
		margin: 0px 0px 0px 0px; line-height:1.1em;
		color: #555555; text-align:left;
		vertical-align:top;
		border-bottom: 1px solid #0D4099;
		background: #EAF0F3;
		}


/* ------------------------ image classes ------------------------ */

blockquote.flashport	{ font-size: 8pt; color: #2b2626; font-weight:normal;
				float: right; display: block; clear: both;
				margin: 0px 50px 10px 20px;
				padding: 0;
				text-align: center;
				border: #000000 1px solid;
			}
blockquote.flashport img	{ border: #000000 1px solid; display: block;
				margin: 0px 0px 0px 0px;
			}
blockquote.flashport em	{ font-style: normal; }


.img		{ margin: 0px 0px 10px 0px; border: 1px solid #000000; }
.home		{ margin: 0px 20px 0px 0px; border: 1px solid #000000; }
.imgport	{ margin: 40px 0px 10px 50px; border: 0px solid #000000; }
.imgside	{ margin: 0px 0px 5px 0px; border: 1px solid #555555; }
.imgr		{ margin: 0px 0px 20px 20px; border: 1px solid #000000; }
.imgrw		{ margin: 0px 0px 20px 20px; border: 1px solid #edeeef; }