html, body{ 
	height : auto !important;
	height : 100%;
	min-height : 100%;
	margin: 0;
	padding: 0;
}

body
{
	font-family: Segoe UI, Trebuchet MS, Helvetica, Arial;
	font-size: 14px;
	color: #555;
	background:#F0EEE1 url(/images/bgr.gif) repeat-x left top;
	cursor: default;
}	

a{ text-decoration: none; cursor: pointer; }
a:hover{ text-decoration: underline; }

p{ margin-bottom: 10px; }
 
h3
{
	color: #000;
	font-size: 18px;
	font-weight:bold;
	margin: 10px 0px;
}
h4
{
	color: #000;
	font-size: 13px;
	font-weight:bold;
	margin: 10px 0px;
}

dl
{
	overflow: hidden;
}
 
dt
{	
	color: #000;
	font-weight:bold;
	margin: 10px 0px;
}
 
button.form_submit
{
	display:block;
	color: #fff;
	font-weight:bold;
	font-size: 16px;
	margin:0 auto;
	background: #ce1e29 url(/images/bottom_black_oneline.png) repeat-x left bottom;
	border: 2px solid #555;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: pointer;
} 

	button.form_submit:hover
	{
		background-color: #d52530;
	} 
 
/*** Start Site-wide Classes ***/

.page_wrap
{
	width: 80%;
	max-width: 960px;
	min-width: 700px;
	height: auto;
	margin: 0 auto;
}

.main_block
{
	margin-bottom: 30px;
	overflow: hidden;
}

.white_block
{
	color: #333;
	background-color: #fff;
	border: 1px solid #e2e0d1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.masthead
{
	font-size: 23px;
	color: #fff;
	padding:2px 10px 8px;
	border: 2px solid #BF1722;
	background-image: url(/images/bottom_black_12.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #B1080F;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.diamond_span{ color: #b20406; }

.section_dt, h2
{
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 18px;
}
	.section_dt .diamond_span, h3 .diamond_span
	{
		font-size:32px;
		line-height:0;
		position:relative;
		top:3px; 
	}

.left_fluid_margin{ margin-left: 18px; }
.right_fluid_margin{ margin-right: 18px; }	
	
.section_dd
{
	overflow: hidden;
}
	.left_60_dd{ float: left; width:60%; }
	.right_60_dd{ float: right; width:60%; }
	
	.left_40_dd{ float: left; width:40%; }
	.right_40_dd{ float: right; width:40%; }
	
	.section_dd .static_image
	{
		border: 3px solid #dfdfdf;
		position:relative;
		right:6px;
	}
		.section_dd .static_image:hover{ border: 3px solid #b20406; }
		
.subsection_title
{
	font-size: 13px;
	color: #A0070E;
	margin-bottom: 0px;
} 

.subsection_body
{
	padding: 10px;
	margin: 0 auto;
}

/*** End Site-wide Classes ***/


/* HOME PAGE Start */

#logo_site_nav
{
	margin-top: 20px;
}

	#logo
	{
		float: left;
		width: 204px;
		height: 67px;
		background: transparent url(/images/jsaces_logo.png) no-repeat left center;
	}

	#site_nav
	{
		float: right;
		width: 300px;
		margin-top: 55px;
	}
	
			#site_nav li
			{
				float: left;
				color:#888888;
				font-weight: bold;
				margin-left: 10px;
				padding: 1px 5px;
				border: 2px solid transparent;
				cursor: pointer;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}	
				#site_nav li:hover
				{
					color: #000;
					text-decoration: underline;
				}
				#site_nav li.current
				{
					background-color: #ce1e29;
					background-image: url(/images/bottom_black_oneline.png);
					background-position: bottom left;
					background-repeat: repeat-x;
					border: 2px solid #555;
					color: #fff;	
					text-decoration: none;
				}

#home_masthead
{
	
}
	#home_masthead a{ font-size: 20px; font-weight: bold;}

#home_main_content
{
	position: relative;
	padding:10px 0;
}
	.slider_arrow
	{
		bottom:14px;
		cursor:pointer;
		position:absolute;
		top:14px;
		width:27px;
		border: 1px solid #fff;
		background-color: #fff;
	}
		#slider_left
		{
			background: #fff url(/images/slider_arrows.png) no-repeat  -10px center;
			left: 10px;
		}
		#slider_right
		{
			background: #fff url(/images/slider_arrows.png) no-repeat -63px center;
			right: 10px;
		}
	
	#slider_spinner
	{
		position: absolute;
		height: 100%;
		right: 55px;
		left: 55px;
		background: #fff url(/images/xloader.gif) no-repeat center center;
		z-index: 2;
	}
		
	#slider_wrap
	{
		height: 300px;
		margin:0 55px;
		overflow:hidden;
		position:relative;
		z-index: 1;
	}

		#slider_panes
		{
			position:relative;
			left:0px;
			top:0px;
			width: 400%;
			height: 100%;
			overflow: hidden;
		}
			.slider_pane
			{
				width: 25%;
				float: left;
				height: 1px;
			}
				.slider_pane_content
				{
					padding: 8px;
				}
				
					#wants_ul
					{
						list-style: inside;
					}
#sub_content
{
	width: 100%;
}				
				
.tri_block
{
	float: left;
	position: relative;
	width: 31.6%;
	min-height: 200px;
}
	#left_tri_block
	{
		margin-right: 2.6%;
	}
	#mid_tri_block
	{
		
	}
	#right_tri_block
	{
		margin-left: 2.6%;
	}
	.tri_block .white_block
	{
		padding:6px;
		background: #eee url(/images/bottom_grade_50_100px.png) repeat-x bottom left !important;
		border-color: #d0d0d0 !important;
		border-width: 1px !important;
	}
		.ghost_tri_bk
		{
			position: absolute;
			top: 26px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			z-index: 1;
		}
		.tri_block .white_block h4
		{
			position: relative;
			margin: 0 auto;
			z-index: 2;
		}
		.logo_tri_bk
		{
			position: relative;
			min-height:155px;
			overflow: hidden;
			z-index: 2;
		}
			.logo_tri_bk ul li
			{
				overflow: hidden;
				margin: 10px 0 4px;
			}
			.logo_link
			{
				display: block;
				float: left;
				width: 100%;
				cursor: default;
				outline: none;
			}
			#js_logos .logo_link
			{
				width: 50%;
			}
			.logo_link img
			{
				max-width: 95%;
				display:block;
				margin:0 auto;
				padding: 2px;
				border: 1px solid transparent;
				cursor: pointer;
			}
			.logo_link img:hover{ background-color: #fff; border-color: #dfdfdf; }
			
			#mini_yui_logo
			{
				margin-top:7px;
			}
			#mini_ext_logo
			{
				margin-top:9px;
			}
			#mini_azure_logo
			{
				margin-top:13px;
			}
			#mini_android_logo
			{
				max-height:75px;
			}
			#mini_iphone_logo
			{
				margin-top: 5px;
			}
				
			
			
/* HOME PAGE End */


/* SERVICES Pane */

.service_item
{
	overflow: hidden;
	margin-bottom: 25px;
}
	.service_pic
	{
		float: left;
		width:90px;
		height:50px;
		margin-right: 10px;
	}
	
	#services_dl .subsection_body
	{
		padding:0 10px 10px 100px;
	}
	
	#services_dl   h4
	{
		margin:0 0 10px 0;
	}

#modernization_service	
{
	background: transparent url(/images/service_icons/web.png) no-repeat center center;
}	
#json_service	
{
	background: transparent url(/images/service_icons/terminal.png) no-repeat center center;	
}
#library_service	
{
	background: transparent url(/images/service_icons/books.png) no-repeat center center;	
}	
#framework_service	
{
	background: transparent url(/images/service_icons/gear.png) no-repeat center center;
}	
#cloud_service	
{
	background: transparent url(/images/service_icons/consult.png) no-repeat center center;
}	
#mobile_service	
{
	background: transparent url(/images/service_icons/phone.png) no-repeat center center;
}	
/***/

/* ABOUT PAGE Begin */

#about_main_content
{
	float: left;
	width: 65%;
}

	#about_dl
	{
	
	}
	
		.personal_bio
		{
			overflow: hidden;
			margin-bottom: 25px;
		}
			.personal_pics
			{
				float: left;
				width:102px;
				margin-right: 10px;
				border: 3px solid #dfdfdf;
			}
			
			#personal_bio_dd .subsection_body
			{
				padding:0 10px 10px 122px;
			}
			
			#personal_bio_dd   h4
			{
				margin:0 0 10px 0;
			}
			
			.favorite_lib
			{
				font-style:italic;
				margin-top:10px;
			}

			
/***/

/* CONTACT PAGE Begin */
			
#contact_dl label
{
	position: relative;
	display:block;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	line-height:25px;
	padding:13px 16px 16px;
	background: #f0f0f0 url(/images/bottom_black_4.png) repeat-x bottom left;
	border:1px solid #DFDFDF;
	*line-height: 21px;
	*padding: 13px 16px 20px;
}

	#contact_dl input, select, textarea
	{
		border:2px solid #c5c5c5;
		left:190px;
		padding:3px;
		position:absolute;
		width:60%;
		font-size: 16px;
		padding:2px 3px;
	}
	
	#contact_dl select
	{
		padding:1px 1px 1px 0;
	}
	
	#m_and_q
	{
		height: 200px;
	}
	
	#m_and_q textarea
	{
		height:194px;
	}
	
	#contact_submit{ display: table; }