/* CSS coded by Jesse ae (www.jesse-ae.biz) */

/* START -- Yahoo Reset selections */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { 
		margin:0px;
		padding:0px;
	}
	fieldset,img { 
		border:0;
	}
/* END -- Yahoo Reset selections */

/* START -- main divs (hierarchy) */
body {
		font-family:Arial, helvetica, sans-serif;
		font-size:100%;
		color:#535353; 
		min-width:700px;
	}
		#envelopment {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			margin-top:30px;
		}
			#gfx_pctitle {
				height:69px;  
				background:url('../imaginis/pc_header_title.png');
			}
				#navblock {		/* contains: #navlist_ul */
					height:55px;
				}
				
			#gfx_sides {
				position:relative;
				background:url('../imaginis/pc_body_borders.png') 0px 0px;
			}
				#bellyBox {		/* contains: #subMenuBox,#columnLeftBlog,#columnRightInfobar */
					width:646px;
					min-height:1000px;
					margin-left:auto;
					margin-right:auto;
				}
				#footerSection {
					position:relative;
					margin-left:auto;
					margin-right:auto;
					width:646px;
					height:52px;
					z-index:2;
				}
			#gfx_foot {
				height:18px;
				background:url('../imaginis/pc_footer_border.png') 0px 0px;
			}
/* END -- main divs */

/* START -- text and fonts */
	p{
		font-size:.875em;
	}
	p.italicize, span.italicize {
		font-style:italic;
	}

	a:link, a:visited{
		color:#939393;
		text-decoration:none;
	}
	a:hover {
		color:#C9C9C9;
		text-decoration:none;
	}
	p.bodyText:first-letter{
		float:left;
		font-size:1.75em;
		font-weight:550;
		letter-spacing:1px;
	}
	.highLight{
		color:#61D1D1;
	}
	h1{
		font-size:1.4em;
		line-height:1;
		font-weight:normal;
		color:#939393;
	}
	h2{
		font-size:1.1em;
	}
	.scribble {
		font-style:italic;
		text-align:left;
	}
	.font_punch {
		font-weight:bold;
	}
	#titleBoxLeft h1, .titleBox h1 {
		float:left;
		margin-top:10px;
	}
	#subMenuBox p {
		margin-left:auto;
		margin-right:auto;
		width:640px;
		text-align:center;
		color:#939393;
		font-size:.9em;
		font-style:italic;
		letter-spacing:.3px;
	}
	#subMenuBoxNav3col p {
		float:left;
		text-align:center;
		width:212px;
		color:#939393;
		font-size:.9em;
		font-style:normal;
		letter-spacing:.3px;
	}
	#subMenuBoxNav2col p {
		float:left;
		text-align:center;
		width:318px;
		color:#939393;
		font-size:.9em;
		font-style:normal;
		letter-spacing:.3px;
	}
	.blogContent{
		text-align:justify;
		letter-spacing:.4px;
		font-weight:400;
		line-height:1.3;
	}
	.pageContent {
		width:644px;
		text-align:justify;
		letter-spacing:.4px;
		font-weight:400;
		line-height:1.3;
		margin-left:2px;
		margin-top:14px;
		margin-bottom:45px;
	}
	.pageContent p {
		margin-top:10px;
		
	}
	#appBriefText p{
		text-align:justify;
		letter-spacing:.4px;
		font-weight:400;
		line-height:1.3;
	}
	#appBriefText ul{
		margin-left:auto;
		margin-right:auto;
		font-size:.85em;
		font-weight:400;
		text-align:justify;
	}
	#appBriefText li{
		margin-bottom:6px;
	}	
	
/* END -- text and fonts */

/* START -- ui layout */
	#envelopment,#gfx_pctitle,#navblock,#navlist_ul,#gfx_sides,#gfx_foot {
		width:700px;
	} 
	
	/* START -- navlist graphix */

		#navlist_ul{
			list-style:none;
			position:relative;
			height:55px;
		}
		#navlist_ul li{
			position:absolute;
			height:55px;
			top:0px;
			display:block;
			z-index:0;
		}
		#appbut{
			left:0px;
			width:112px;
			background:url('../imaginis/pc_buttons_sprite.png') 0px -56px;
		}
		#welbut_active,#welbut_inactive{
			left:112px;
			width:95px;
		}
		#welbut_active{
			background:url('../imaginis/pc_buttons_sprite.png') -113px 0px;
		}
		#welbut_inactive{
			background:url('../imaginis/pc_buttons_sprite.png') -113px -56px;
		}
		#abobut_active,#abobut_inactive{
			left:207px;
			width:95px;
		}
		#abobut_active{
			background:url('../imaginis/pc_buttons_sprite.png') -209px 0px;
		}
		#abobut_inactive{
			background:url('../imaginis/pc_buttons_sprite.png') -209px -56px;
		}
		#supbut_active,#supbut_inactive{
			left:302px;
			width:95px;
		}
		#supbut_active {
			background:url('../imaginis/pc_buttons_sprite.png') -305px 0px;
		}
		#supbut_inactive {
			background:url('../imaginis/pc_buttons_sprite.png') -305px -56px;
		}
		#medbut_active, #medbut_inactive {
			left:397px;
			width:95px;
		}
		#medbut_active {
			background:url('../imaginis/pc_buttons_sprite.png') -401px 0px;
		}
		#medbut_inactive {
			background:url('../imaginis/pc_buttons_sprite.png') -401px -56px;
		}
		#prebut_active, #prebut_inactive {
			left:492px;
			width:95px;
		}
		#prebut_active {
			background:url('../imaginis/pc_buttons_sprite.png') -497px 0px;
		}
		#prebut_inactive {
			background:url('../imaginis/pc_buttons_sprite.png') -497px -56px;
		}
		#verbut {
			left:587px;
			width:113px;
			background:url('../imaginis/pc_buttons_sprite.png') -593px -56px;
		}
	/* END -- navlist graphix */
	
	/* START -- navlist links */
		#appbut a {
			position:absolute;
			height:23px;
			width:80px;
			top:7px;
			left:30px;
			display:block;
			z-index:1;
		}	
		#welbut_inactive a, #abobut_inactive a, #supbut_inactive a, #medbut_inactive a, #prebut_inactive a {
			position:absolute;
			top:4px;
			left:2px;
			width:91px;
			height:41px;
			display:block;
			z-index:1;
		}
		#verbut a {
			position:absolute;
			height:23px;
			width:80px;
			top:7px;
			left:3px;
			display:block;
			z-index:1;
		}
		#appbut a:hover {
			background:url('../imaginis/pc_buttons_sprite.png') -30px -119px;
		}
		#welbut_inactive a:hover {
			background:url('../imaginis/pc_buttons_sprite.png') -115px -116px;
		}
		#abobut_inactive a:hover {
			background:url('../imaginis/pc_buttons_sprite.png') -211px -116px;
		}
		#supbut_inactive a:hover {
			background:url('../imaginis/pc_buttons_sprite.png') -307px -116px;
		}
		#medbut_inactive a:hover {
			background:url('../imaginis/pc_buttons_sprite.png') -403px -116px;
		}
		#prebut_inactive a:hover {
			background:url('../imaginis/pc_buttons_sprite.png') -499px -116px;
		}
		#verbut a:hover {
			background:url('../imaginis/pc_buttons_sprite.png') -596px -119px;
		}
/* END -- navlist links */



/* START -- submenu section */
		#subMenuBox {
			width:646px;
			margin-bottom:6px;
			background-color:#ffffeb;
		}
		#subMenuBoxBgTop {
			width:646px;
			height:12px;
			background:url('../imaginis/pc_submenu_bg_TOP.png') 0px 0px;
		}
		#subMenuBoxBgMid {
			width:646px;
			background:url('../imaginis/pc_submenu_bg_MID.png') 0px 0px repeat-y;
		}
		#subMenuBoxNav3col, #subMenuBoxNav2col {
			margin-left:auto;
			margin-right:auto;
			width:638px;
		}
		#subMenuBoxNav3colCenter {
			border-left:1px solid #C9C9C9;
			border-right:1px solid #C9C9C9;
		}
		#subMenuBoxNav2colLeft {
			border-right:1px solid #C9C9C9;
		}			
		#subMenuBoxBgBot {
			width:646px;
			height:12px;
			background:url('../imaginis/pc_submenu_bg_BOT.png') 0px 0px;
		}
/* END -- submenu section */	



/* START -- left column */
		#columnLeftBlog {
			width:370px;
			float:left;
		}
		#titleBoxLeft {
			width:355px;
			padding:0px 15px 5px 0px;
			margin-bottom:15px;
			background:#ffffff url('../imaginis/pc_blog_hor_break.png') no-repeat bottom left;
		}
		.iconBox {
			display:inline;
			float:right;
			width:31px;
			height:31px;
			margin-left:7px;
		}
		/* START -- blog*/
			.blogBox {
				width:370px;
				margin-bottom:8px;
				background:#ffffff url('../imaginis/pc_blog_ver_break.png') no-repeat top right;
			}
			.blogPostInfo, .blogContent {
				width:354px;
				margin-right:12px;
				margin-left:2px;
			}
			.blogPostInfo {
				margin-bottom:8px;
			}

		/* END -- blog*/
/* END -- left column */



/* START -- right column */
		#columnRightInfobar {
			float:right;
			width:258px;
		}
		#titleBoxRight {
			width:258px;
			margin-top:5px;
			padding-bottom:5px;
			background:#ffffff url('../imaginis/pc_info_hor_break.png') no-repeat bottom left;
		}
		#appBriefText {
			width:258px;
			margin-top:10px;
		}
		#appBriefText ul {
			width:230px;
			margin-top:8px;
			list-style-position:outside;
			list-style-type:disc;
		}
/* END -- right column */



/* START -- INFO PAGES */
	
		.titleBox {
			width:355px;
			background:#ffffff url('../imaginis/pc_info_hor_break.png') no-repeat bottom left;
			padding-bottom:5px;
			margin-bottom:15px;
		}
		.arrowBox {
			float:right;
			margin-top:12px;
			margin-right:130px;
		}
		.questionBox {
			width:500px;
			margin-left:auto;
			margin-right:auto;
			margin-top:30px;
			text-align:justify;
			font-weight:700;
			clear:right;
		}
		.answerBox {
			width:450px;
			margin-right:73px;
			margin-bottom:20px;
			text-align:justify;
			float:right;
			padding-bottom:5px;
			background:#ffffff url('../imaginis/pc_blog_hor_break.png') no-repeat bottom left;
		}
		.videoBox, .screenBox {
			margin:3px 0 20px 0;
			padding-bottom:5px;
			background:#ffffff url('../imaginis/pc_blog_hor_break.png') no-repeat bottom left;
		}


	/* START -- FOOTER SECTION */

		a.ccCharm {
			position:absolute;
			display:block;
			width:90px;
			height:33px;
			left:0;
			top:11px;
			z-index:2;
		}
		a.xhtmlCharm {
			position:absolute;
			width:89px;
			height:33px;
			display:block;
			left:95px;
			top:11px;
			z-index:2;
		}
		a.cssCharm {
			position:absolute;
			width:54px;
			height:33px;
			display:block;
			left:189px;
			top:11px;
			z-index:2;
		}
		a.jesseaeCharm {
			position:absolute;
			width:109px;
			height:44px;
			display:block;
			right:0px;
			top:0px;
			z-index:2;
		}
	/* END -- FOOTER SECTION */
	
	/* START -- eggsplash */
		#eggSplash {
			position:relative;
			width:700px;
			height:119px;
			z-index:1;
		}
		img.eggSplashImage {
			top:-66px;
			position:absolute;
			width:311px;
			height:119px;
			left:205px;
			z-index:1;
		}
		
	
/* END -- ui layout */

/* START -- misc */
	.clearNothing {
		clear:both;
	}
	.clearBox {
		clear:both;
		height:100px;
	}
	.floatRightNow {
		float:right;
	}
	.centered300w {
		width:300px;
		margin:5px auto 5px auto;
	}
	blockquote {
		margin:22px 40px 0px 40px;
		color:#575757;
		padding: 0 50px;
		background: url('../imaginis/pc_GFX_ACC_quotes.png') no-repeat 0 0;
	}
	.quoteCaption {
		float:right;
		margin-right:90px;
		margin-bottom:40px;
		font-size:.8em
	}
	
/* END -- misc */