/* -----------------------------------------------
/
/	Project: ICP Website
/	Developer: ASD Labs
/	Coder: Eugene Vasilchenko
/	File: Primary Style-Sheet
/	Coded: 1/23/09
/
/-----------------------------------------------*/

body 
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Trebuchet MS;
	color: #373437;
	font-size: 13px;
	background-color: #ebf7ff;
}

a img
{
	border: none;
}

a:visited img
{
    border: none;
}

a
{
    color: #373437;
    text-decoration: none;
}

a:hover
{
    color: #9c2a2f;
	text-decoration: underline;
}

.cleaner
{
	clear:both;
	line-height: 0px;
	visibility: hidden;
}

#mainContainer
{
	position: relative;
	text-align: left;
	width: 980px;
	margin: 0 auto;
}

/* START ---- HEADER Section ---- */

#headerContainer
{
	width: 980px;
	height: 346px;
	position: relative;
	top: 0px;
	left: 0px;
}

#headerContainerInternal
{
	width: 980px;
	height: 294px;
	position: relative;
	top: 0px;
	left: 0px;
}

#headerImageAndMenuContainer
{
	position: absolute;
	top: 25px;
	left: 0px;
	height: 321px;
	width: 980px;
	background-color: #e8eef2;
}

#headerImageAndMenuContainerInternal
{
	position: absolute;
	top: 25px;
	left: 0px;
	height: 269px;
	width: 980px;
	background-color: #e8eef2;
}

/* ---- HEADER > MENU Section ---- */

#menuMainContainer
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 50px;
	width: 980px;
	background-image: url('../images/menu_shadow_bot_bg.png');
	background-position: bottom;
	background-repeat: repeat-x;
}

.menuMainItem
{
	position: relative;
	height: 50px;
	float: left;
}

.menuMainLeft
{
	position: relative;
	width: 16px;
	height: 50px;
	float: left;
	background-image: url('../images/main_menu_left_bg.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

.menuMainMiddle
{
	position: relative;
	height: 50px;
	float: left;
	background-image: url('../images/main_menu_mid_bg.png');
	background-position: left bottom;
	background-repeat: repeat-x;
}

.menuMainContent a
{
	position: relative;
	margin-top: 22px;
	margin-right: 7px;
    font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	display: inline-block;
	color: #373437;
}

.menuMainContent a:hover
{
    color: #9c2a2f;
	text-decoration: underline;
}

.menuMainRight
{
	position: relative;
	width: 9px;
	height: 50px;
	float: left;
	background-image: url('../images/main_menu_right_bg.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

.menuTopRightContainer
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 220px;
}

.menuTopRightMenuLine
{
	position: relative;
	height: 20px;
	background-color: #d2dadf;
}

.menuTopRightMenuItem
{
	position: relative;
	margin-top: 5px;
	float:left;
	border-style: solid;
	border-width: 0px;
	border-right-width: 1px;
	border-color: #9c2a2f;
	color: #9c2a2f;
	font-size: 10px;
	padding-right: 9px;
	padding-left: 9px;
	font-weight: bold;
	line-height: 10px;
}

.menuTopRightLoginContainer
{
	position: relative;
	height: 50px;
}

#menuTopRightLoginArea
{
	background-color: #fff;
	height: 0px;
	line-height: 0px;
	width: 220px;
	display: block;
	overflow: hidden;
}

.menuTopRightLoginBottom
{
	width: 220px;
	height: 13px;
	background-image: url('../images/login_bottom_bg.gif');
	background-position: top;
	background-repeat: repeat-x;
}

.menuSecondaryItem
{
	position: relative;
	height: 37px;
	float: right;
	font-weight: bold;
	font-size: 11px;
	font-weight: bold;
	margin-top: 13px;
}

.menuSecondaryItemLeft
{
	position: relative;
	height: 37px;
	width: 15px;
	float: left;
	background-image: url('../images/sec_menu_left_bg.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

.menuSecondaryItemMiddle
{
	position: relative;
	height: 37px;
	float: left;
}

.menuSecondaryTopLeft
{
	background-image: url('../images/sec_menu_top_cutout.png');
	background-position: top left;
	background-repeat: no-repeat;
	width: 24px;
	height: 11px;
	float: left;
	position: relative;
}

.menuSecondaryTopRight
{
	background-image: url('../images/sec_menu_top_bg.png');
	background-position: top;
	background-repeat:repeat;
	height: 11px;
	float: left;
	position: relative;
	right: 0px;
}

.menuSecondaryContent a
{
	position: relative;
	font-size: 11px;
	height: 21px;
	margin-top: 11px;
	padding-top: 5px;
	text-decoration: none;
	display: inline-block;
	color: #373437;
}

.menuSecondaryContent a:hover
{
    color: #9c2a2f;
	text-decoration: underline;
}

.menuSecondaryItemRight
{
	position: relative;
	height: 37px;
	width: 15px;
	float: left;
	background-image: url('../images/sec_menu_right_bg.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

.menuSecondaryTop
{
	height: 7px;
}

.menuSecondaryBottom
{
	height: 26px;
	padding-right: 7px;
	padding-left: 7px;
}

/* END ---- HEADER Section ---- */

/* START ---- BODY Section ---- */

#bodyContainer
{
	width: 980px;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #f7f8fe;
	margin-top: 0px;
}

.bodyTopParagraph
{
	width: 670px;
	margin-left: 25px;
	position: relative;
	padding-top: 40px;
}

.bodyTopParagraphInner
{
	width: 490px;
	margin-left: 20px;
	position: relative;
	padding-top: 40px;
	float: left;
}

.bodyTopParagraphTitle
{
	font-size: 18px;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #000;
	padding-bottom: 2px;
}

.bodyTopParagraphTitleBelow
{
	color: #9c8889;
	font-size: 16px;
	padding-top: 5px;
}

.bodyTopParagrapBody
{
	margin-top: 20px;
}

.bodyLeftNavigation
{
	width: 190px;
	float: left;
	margin-top: 40px;
	margin-left: 30px;
}

.bodyLeftNavigation a
{
    color: #373437;
    text-decoration: none;
}

.bodyLeftNavigation a:hover
{
    color: #9c2a2f;
	text-decoration: underline;
}

.bodyLeftNavigationTitle a
{
	font-weight:bold;
	font-size: 14px;
	color: #373437;
	text-decoration: none;
	padding-bottom: 5px;
}

.bodyLeftNavigationTitle a:hover
{
	font-weight:bold;
	font-size: 14px;
	color: #9c2a2f;
	text-decoration: underline;
	padding-bottom: 5px;
}

.bodyLeftNavigationBody
{
	font-size: 12px;
	color: #a8a5a5;
	padding-bottom: 10px;
	border-style: dotted;
	border-color: #a8a5a5;
	border-width: 0px;
	border-bottom-width: 1px;
	margin-bottom: 20px;
}

.bodyRightNavigation
{
	width: 203px;
	float: right;
	margin-top: 30px;
	margin-right: 25px;
}

.bodyBottomThreeItem
{
	font-size: 12px;
	margin-top: 50px;
	margin-left: 30px;
	float: left;
	width: 223px;
	background-color: #f7f8fe;
}

.bodyBottomThreeItemTitle a
{
	font-size: 16px;
	font-weight: bold;
	color: #444144;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #000;
	padding-bottom: 2px;
	display: inline;
	text-decoration: none;
}

.bodyBottomThreeItemTitle a:hover
{
    color: #9c2a2f;
	text-decoration: underline;
}

.bodyBottomThreeItemBody
{
	width: 180px;
	margin-top: 20px;
}

/*-- BODY - FLOATING BOX --*/

.floatBox
{
	width: 229px;
	position: absolute;
	right: -4px;
	top: 346px;
	z-index: 99;
}

.floatBoxTop
{
	position: relative;
	height: 4px;
	overflow: hidden;
}

.floatBoxTopLeft
{
	background-image: url('../images/float_box_left_bg.png');
	background-repeat: repeat-y;
	background-position: left;
	width: 11px;
	float: left;
}

.floatBoxTopMiddle
{
	float: left;
}

.floatBoxTopRight
{
	background-image: url('../images/float_box_right_bg.png');
	background-repeat: repeat-y;
	background-position: right;
	width: 11px;
	float: right;
}

.floatBoxCenter
{
	position: relative;
}

.floatBoxCenterLeft
{
	background-image: url('../images/float_box_left_bg.png');
	background-repeat: repeat-y;
	background-position: left;
	float: left;
	width: 8px;
	height: 445px;
}

.floatBoxCenterContent
{
	float: left;
	font-size: 10px;
	width: 212px;
	background-color: #f2f2f2;
	color: #9c2a2f;
}

.floatBoxCenterRight
{
	background-image: url('../images/float_box_right_bg.png');
	background-repeat: repeat-y;
	background-position: right;
	float: right;
	width: 9px;
	height: 445px;
}

.floatBoxBottom
{
	position: relative;
	float: left;
	height: 15px;
	width: 229px;
	background-image: url('../images/float_box_bottom.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* END ---- BODY Section ---- */

/* START ---- FOOTER Section ---- */

.footerContainer
{
	position: relative;
	width: 980px;
	height: 100px;
	left: 0px;
	background-image: url('../images/footer_bg.png');
	background-position: top;
	background-repeat: repeat-x;
}

.footerColumn
{
	width: 170px;
	float: left;
	margin-top: 50px;
	margin-left: 30px;
}

.footerColumnTitle
{
	color: #9c8889;
	font-size: 12px;
	font-weight: bold;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #9c8889;
	margin-bottom: 10px;
}

.footerColumnBody
{
	color: #8b8dc1;
	font-size: 11px;
	text-decoration: none;
}

.footerCopyright
{
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-color: #9c8889;
	margin-left: 30px;
	margin-top: 20px;
	width: 800px;
	text-align: left;
	float: left;
	color: #9c8889;
	font-size: 10px;
	padding-bottom: 5px;
}

.onMarkSystem
{
	position: relative;
	padding: 0px;
	margin-left: 5px;
	background-color: #fff;
}

.button
{
	border-style: solid;
	border-color: #999;
	border-width: 0px;
	background-color: #af0707;
	color: #fff;
	font-size: 11px;
	padding: 3px;
}

.footerColumnBody a
{
	text-decoration: none;
	color: #8b8dc1;
}

.footerColumnBody a:hover
{
    color: #9c2a2f;
	text-decoration: underline;
}

.footerColumnTitle a
{
	color: #9c8889;
	text-decoration: none;
}

.footerColumnTitle a:hover
{
    color: #9c2a2f;
	text-decoration: underline;
}

/*---Blockers - Used to block certain elements ---*/

.business_blocker
{
    background-color: #f6f6f6; 
    position: absolute; 
    bottom: 0px;
    left: 123px;
    line-height: 10px;
    height: 3px;
    width: 107px;
    z-index: 99;
}

.firm_blocker
{
    background-color: #f6f6f6; 
    position: absolute; 
    bottom: 0px;
    left: 20px;
    line-height: 10px;
    height: 3px;
    width: 92px;
    z-index: 99;
}