@import url("/i/i/css/common.css");

/* common design begin */
@media screen
{
	html
	{
		height: 100%;
		min-height: 100%;
		background: #404040;
	}
	body
	{
		margin: 0 auto;
		padding: 0;
		min-height: 100%;
		position: relative;
		background: #f8f8f8 url('/i/i/bg_gradient.gif') repeat-x;
	}
	.toPrint
	{
		display: none;
	}
	#mainContainer
	{
		width: 930px;
		padding: 76px 0 107px;
		margin: 0 auto;
	}
	#mainHeader
	{
		height: 62px;
		min-height: 62px;
		position: absolute;
		top: 0;
		width: 795px;
		background: transparent url('/i/i/logo.png') no-repeat 0 7px;
		color: #fff;
		padding-left: 135px;
	}
	#logoHolder
	{
		display: block;
		position: absolute;
		width: 135px;
		height: 62px;
		text-decoration: none;
		top: 0;
		left: 0;
	}
	#mainFooter
	{
		position: absolute;
		height: 106px;
		min-height: 106px;
		background: #404040 url('/i/i/bg_bottom.gif') repeat-x bottom;
		bottom: 0;
		width: 100%;
		color: #fff;
	}
	#mainHolderLeft
	{
		width: 653px;
		float: left;
	}
	#mainHolderRight
	{
		width: 267px;
		float: right;
	}
	#innerHolderLeft
	{
		width: 653px;
		float: left;
	}
	#innerHolderRight
	{
		width: 267px;
		float: right;
	}
	#errorHolderLeft
	{
		width: 653px;
		float: left;
	}
	#errorHolderRight
	{
		width: 267px;
		float: right;
	}
	#contactHolderLeft
	{
		width: 319px;
		float: left;
	}
	#contactHolderRight
	{
		width: 602px;
		float: right;
	}
	#bottomMenu
	{
		position: relative;
		margin: 47px auto 0;
		width: 930px;
		text-align: center;
	}
	#bottomMenu,
	#bottomMenu a
	{
		color: #fff;
		font-family: Verdana,Arial,sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}
	#bottomMenu a:hover
	{
		text-decoration: underline;
	}
	#copyrightContainer
	{
		position: relative;
		margin: 0 auto;
		width: 930px;
		font-family: Verdana,Arial,sans-serif;
		font-size: 10px;
	}
	#copyright
	{
		margin-top: 8px;
		text-align: center;
	}
	#copyright a
	{
		color: #fff;
		text-decoration: none;
	}
	#copyright a:hover
	{
		text-decoration: underline;
	}
	#topMenu
	{
		position: absolute;
		height: 61px;
		top: 0;
		right: 15px;
		padding: 0;
		margin: 0;
		max-width: 780px;
		overflow: hidden;
	}
	.topMenuItem
	{
		height: 61px;
		padding: 0;
		margin: 0;
		text-align: center;
		color: #fff;
		font-family: Verdana,Arial,sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}
	.topMenuLeftBorder
	{
		display: block;
		height: 61px;
		padding-left: 2px;
	}
	.topMenuRightBorder
	{
		display: block;
		height: 61px;
		padding-right: 2px;
	}
	.topMenuLabel
	{
		display: block;
		padding: 26px 8px 0;
		height: 35px;
		cursor: pointer;
	}
	.topMenuItem:hover .topMenuLabel
	{
		background: #592 url('/i/i/top_menu/bg.gif') repeat-x;
	}
	.topMenuItem:hover .topMenuLeftBorder
	{
		background: transparent url('/i/i/top_menu/left.gif') no-repeat;
	}
	.topMenuItem:hover .topMenuRightBorder
	{
		background: transparent url('/i/i/top_menu/right.gif') no-repeat 100% 0;
	}
}

@media print
{
	.noPrint
	{
		display: none;
	}
	#printHeader
	{
		border-bottom: 1px solid #333;
		margin-bottom: 15px;
	}
	#printFooter
	{
		border-top: 1px solid #333;
		margin-top: 15px;
		color: #333;
	}
	#printFooter a
	{
		display: none;
	}
}

.phpdigHighlight {
	background-color: #FFFF00;
}

.error
{
	font-weight: bold;
	color: #f00;
}
/* common design end */

/* styles for modal drug-n-drop window */
div.jqDrag {
	cursor: move;
}
div.jqDnR {
	z-index: 3;
	position: relative;
}

div.jqmDialog2 {
	overflow: hidden;
	border: 1px solid #005298;
	background-color: #ffffff;
}

div.jqmDialog {
	display: none;
	width: 400px;
	overflow: hidden;
	border: 1px solid #005298;
	background-color: #ffffff;
}

div.jqmdT {
	background-color:#E8F2F9;
	padding: 5px;
	color:#2E66A4;
	font-weight:bold;
	border-bottom: 1px solid #005298
}
input.jqmdX {
	position: absolute;
	right: 7px;
	top: 4px;
}

/* blue content frame */
.blueFrame div.title
{
	background-color: #2483c9;
	padding-top: 8px;
	padding-left: 12px;
	padding-bottom: 8px;
}
.blueFrame div.title, .blueFrame div.title a
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
.blueFrame .content
{
	padding: 12px;
	border:#2483c9 1px solid;
}

/* gray content frame */
.grayFrame
{
	margin-bottom: 10px;
}
.grayFrame div.title
{
	background-color:#E7E8E9;
	color:#5D5D5D;
	font-size:10px;
	font-weight:bold;
}
.grayFrame div.title, .grayFrame div.title a
{

}
.grayFrame .content
{
	border: none;
	background-color:#F4F4F4;
}

/* modal windows begin */
.jqmOverlay {
	background: #000;
}
/* modal windows end */

/* form begin: Questions or Comments */
.formQuestionsContainer
{
	background-color: #fff;
	border: 1px solid #c5c5c5;
	padding: 20px 20px 5px 30px;
	margin-bottom: 8px;
}
.formQuestionsContainer h1
{
	color: #73bc23;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
.formQuestionsTitle
{
	width: 200px;
	font-size: 14px;
	color: #363636;
}
.formQuestionsField
{
	width: 350px;
	margin-bottom: 6px;
}
.formQuestionsInput
{
	margin-bottom: 6px;
}
.formQuestionsInput input
{
	border: 1px solid #9d9d9d;
	padding: 6px;
	width: 346px;
}
.formQuestionsInput option
{
	color: #626262;
	padding: 0;
	width: 346px;
}
.formQuestionsInput select
{
	border: 1px solid #9d9d9d;
	padding: 6px;
	width: 360px;
}
.formQuestionsInput textarea
{
	border: 1px solid #9d9d9d;
	padding: 6px;
	width: 346px;
	height: 100px;
}
.formQuestionsInput *
{
	margin: 0;
}
.formQuestionsButtons td
{
	text-align: center;
}
/* form end: Questions or Comments */

/* form begin: Contact */
.formContactContainer
{
	width: 233px;
	border: 1px solid #9d9d9d;
	padding: 16px 16px 8px;
	background: #36710e url('/i/i/content/bgGreen.jpg') repeat-x;
	font-size: 12px;
	color: #fff !important;
	margin-bottom: 8px;
}
.formContactContainer h1
{
	font-size: 18px;
	color: #214807;
	padding: 0;
	margin: 0;
}
.formContactContainer p
{
	padding-bottom: 5px;
}
.formContactInput,
.formContactPhone
{
	margin-bottom: 6px;
}
.formContactInput input
{
	border: 1px solid #9d9d9d;
	padding: 6px;
	width: 216px;
}
.formContactInput option
{
	color: #626262;
	padding: 0;
	width: 216px;
}
.formContactInput select
{
	border: 1px solid #9d9d9d;
	padding: 6px;
	width: 236px;
}
.formContactInput textarea
{
	border: 1px solid #9d9d9d;
	padding: 6px;
	width: 216px;
	height: 100px;
}
.formContactInput *
{
	margin: 0;
}
.formContactPhone input
{
	text-align: center;
}
.formContactPhone1,
.formContactPhone2
{
	border: 1px solid #9d9d9d;
	padding: 6px;
	width: 51px;
}
.formContactPhone3
{
	border: 1px solid #9d9d9d;
	padding: 6px;
	width: 62px;
}
.formContactPhoneDelimiter
{
	color: #fff;
	font-size: 18px;
	vertical-align: text-bottom;
}
.formContactButtons
{
	text-align: center;
}
.formContactAsterisk
{
	font-size: 10px;
	text-align: right;
	color: #fff;
	margin-bottom: 6px;
}
/* form end: Contact */

/* content block begin: Green */
.contentBlockGreen
{
	width: 277px;
	border: 1px solid #9d9d9d;
	padding: 20px;
	background: #36710e url('/i/i/content/bgGreen.jpg') repeat-x;
	font-size: 14px;
	color: #fff !important;
}
.contentBlockGreen *
{
	color: #fff !important;
	margin-bottom: 8px;
}
/* content block end: Green */

/* content block begin: White */
@media screen
{
	.contentBlockWhite
	{
		max-width: 593px;
		border: 1px solid #9d9d9d;
		padding: 15px 30px 20px;
		background-color: #fff;
		margin-bottom: 8px;
	}
}
/* content block end: White */

/* news announce block begin */
.newsAnnounceContainer
{
	position: relative;
	width: 242px;
	border: 1px solid #9d9d9d;
	padding: 0 12px 40px 11px;
	background-color: #fff;
	font-size: 11px;
	margin-bottom: 8px;
}
.newsAnnounceContainer h1
{
	font-size: 18px;
}
.newsAnnounceItem
{
	margin-top: 1em;
}
.newsAnnounceLink
{
	color: #242424;
	font-weight: bold;
	text-decoration: none;
}
a.newsAnnounceLink:hover
{
	text-decoration: underline;
}
.newsAnnounceDate
{
	font-weight: normal;
}
.newsAnnounceRss
{
	position: absolute;
	bottom: 15px;
	right: 12px;
}
.newsAnnounceSeeAll
{
	position: absolute;
	bottom: 15px;
	left: 11px;
	color: #549c00;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.newsAnnounceSeeAll:hover
{
	text-decoration: underline;
}
/* news announce block end */

/* news block end */
@media screen
{
	.newsListContainer
	{
		position: relative;
		width: 591px;
		border: 1px solid #9d9d9d;
		padding: 14px 28px 19px 32px;
		background-color: #fff;
		font-size: 12px;
		margin-bottom: 8px;
	}
	.newsListContainer .wrapper
	{
		height: 31px;
	}
	.newsListContainer h1
	{
		margin-bottom: 22px;
	}
	.newsListItem
	{
		clear: both;
		position: relative;
	}
	.newsListItem h2
	{
		font-size: 14px;
		color: #414141;
		margin-left: 128px;
	}
	.newsListItem h2 a
	{
		color: #414141;
		text-decoration: none;
	}
	.newsListItem h2 a:hover
	{
		text-decoration: underline;
	}
	.newsListImage
	{
		float: left;
		width: 117px;
		text-align: center;
	}
	.newsListImage img
	{
		background-color: #3b3b3b;
		border: 1px solid #9d9d9d;
	}
	.newsListAnnounce
	{
		margin: 0 0 0 128px;
	}
	.newsListReadMore
	{
		font-weight: bold;
		color: #7ac425;
	}
	.newsItemContainer
	{
		position: relative;
		width: 591px;
		border: 1px solid #9d9d9d;
		padding: 14px 28px 30px 32px;
		background-color: #fff;
		font-size: 12px;
		margin-bottom: 8px;
	}
	.newsItemContainer h2
	{
		font-size: 18px;
	}
	.newsItemButtonGroup
	{
		margin: 4px 0 15px;
	}
	.newsItemButton
	{
		float: left;
		margin: 0 8px 0 4px;
		font-size: 11px;
		cursor: pointer;
	}
	.newsItemButtonImage
	{
		border: none;
		padding-right: 5px;
		vertical-align: text-bottom;
	}
	.newsItemButton a
	{
		color: #3b3b3b;
		text-decoration: none;
	}
	.newsItemButton a:hover
	{
		text-decoration: underline;
	}
	.newsItemImage
	{
		float: left;
		margin: 0 8px 8px 0;
		text-align: center;
	}
	.newsItemImage img
	{
		background-color: #3b3b3b;
		border: 1px solid #9d9d9d;
	}
	.newsItemMoreNews
	{
		margin-top: 28px;
		text-align: center;
		font-weight: bold;
		color: #7ac425;
	}
}

@media print
{
	.newsListImage,
	.newsItemImage
	{
		float: left;
		padding: 0 1em 1em 0;
	}
	.newsListImage img,
	.newsItemImage img
	{
		border: 1px solid #000;
	}
	.newsListItem h2
	{
		font-size: 14px;
		margin-left: 128px;
	}
	.newsListItem h2 a
	{
		color: #000;
		text-decoration: none;
	}
	.newsListReadMore
	{
		display: none;
	}
}
/* news block end */

/* news archive bagin */
@media screen
{
	.newsArchiveContainer
	{
		position: relative;
		width: 591px;
		border: 1px solid #9d9d9d;
		padding: 15px 28px 29px 32px;
		background-color: #fff;
		font-size: 14px;
		margin-bottom: 8px;
	}
	.newsArchiveItem
	{
		padding-bottom: 1em;
		font-weight: bold;
	}
	.newsArchiveTitle
	{}
	.newsArchiveDate
	{}
	.newsArchiveLink
	{
		display: block;
		color: #7ac425;
		font-size: 12px;
		text-decoration: none;
	}
	.newsArchiveLink:hover
	{
		text-decoration: underline;
	}
	.newsArchivePaging
	{
		font-weight: bold;
		text-align: right;
	}
}
@media print
{
	.newsArchiveItem
	{
		padding-bottom: 1em;
	}
	.newsArchivePaging
	{
		display: none;
	}
}
/* news archive end */

/* case studies begin */
@media screen
{
	.catalogContainer
	{
		position: relative;
	}
	.catalogItemContainer
	{
		float: right;
		width: 395px;
		border: 1px solid #9d9d9d;
		padding: 14px 28px 28px 22px;
		background-color: #fff;
		margin-bottom: 8px;
	}
	.catalogItemContainer h2
	{
		font-size: 20px;
	}
	.catalogItemDescription
	{
		padding-left: 2px;
		font-size: 12px;
	}
	.catalogListContainer
	{
		/*float: left;*/
		width: 176px;
		border: 1px solid #9d9d9d;
		padding: 2px 10px 30px 9px;
		background-color: #e8e8e8;
		margin-bottom: 8px;
		text-align: center;
	}
	.catalogListContainer h3
	{
		margin-top: 13px;
		margin-bottom: 6px;
		font-size: 12px;
	}
	.catalogListContainer a
	{
		color: #74bc23;
		text-decoration: none;
	}
	.catalogListContainer img
	{
		border: none;
		background-color: #373737;
	}
}
@media print
{
	.catalogListContainer
	{
		display: none;
	}
}
/* case studies end */

/* rotating block begin */
@media screen
{
	.rotatingContainer
	{
		position: relative;
		padding: 0 0 1px;
		margin: 0 -1px;
		width: 651px;
		height: 367px;
		border: 1px solid #9d9d9d;
		overflow: hidden;
	}
	.rotatingControls
	{
		position: absolute;
		right: -4px;
		bottom: -1px;
		left: -1px;
		height: 37px;
		overflow: hidden;
		white-space: nowrap;
	}
	.rb_label
	{
		display: block;
		float: left;
		margin-right: 1px;
		height: 25px;
		padding-top: 12px;
		overflow: hidden;
		text-align: center;
		cursor: pointer;
		font-family: 'Gotham Book',Gotham,Arial,sans-serif;
		color: #fff;
	}
	.rb_content img
	{
		border: none;
	}
	.rb_for_2_faces .rb_label
	{
		width: 326px;
		background: transparent url('/i/i/rotating/bg_inactive2.png') no-repeat;
	}
	.rb_for_2_faces .rb_label_selected
	{
		background-image: url('/i/i/rotating/bg_active2.png') !important;
	}
	.rb_for_3_faces .rb_label
	{
		width: 217px;
		background: transparent url('/i/i/rotating/bg_inactive3.png') no-repeat;
	}
	.rb_for_3_faces .rb_label_selected
	{
		background-image: url('/i/i/rotating/bg_active3.png') !important;
	}
	.rb_for_4_faces .rb_label
	{
		width: 163px;
		background: transparent url('/i/i/rotating/bg_inactive4.png') no-repeat;
	}
	.rb_for_4_faces .rb_label_selected
	{
		background-image: url('/i/i/rotating/bg_active4.png') !important;
	}
	.rb_for_5_faces .rb_label
	{
		width: 130px;
		background: transparent url('/i/i/rotating/bg_inactive5.png') no-repeat;
	}
	.rb_for_5_faces .rb_label_selected
	{
		background-image: url('/i/i/rotating/bg_active5.png') !important;
	}
}
@media print
{
	.rotatingControls
	{
		display: none;
	}
}
/* rotating block end */

/* employment block begin */
@media screen
{
	.employmentListContainer
	{
		position: relative;
		width: 593px;
		border: 1px solid #9d9d9d;
		padding: 14px 28px 12px 30px;
		background-color: #fff;
		margin-bottom: 8px;
	}
	.employmentListContainer h1
	{
		margin-bottom: 1em;
	}
	.employmentListItem h3
	{
		color: #414141;
		font-size: 14px;
	}
	.employmentListItem a
	{
		text-decoration: none;
	}
	.employmentListItem a:hover
	{
		text-decoration: underline;
	}
	.employmentListContainer hr
	{
		margin-bottom: 19px;
	}
	.employmentListContainer
	{}
	.employmentListContainer
	{}
}
/* employment block end */

@media screen
{
	.defaultContainer
	{
		position: relative;
		width: 593px;
		border: 1px solid #9d9d9d;
		padding: 14px 28px 12px 30px;
		background-color: #fff;
		margin-bottom: 8px;
	}
}