@import url("reset.css");

html { font: 12px Verdana, Arial, Helvetica, sans-serif; margin:0px auto;
}

body { font-size: 1em;
	   line-height: 150%;
	   background:#CCC;
	   margin:0px auto;
}
body * { color:#333; }

/* GENERAL TAG RULES */

h1, h2 { font-weight:bold; margin-bottom:1em; color:#000; }
h1 { color:#333;font-size:1.8em; }
h2 { font-size:1.3em;margin-top:.5em; }
p.titleBox { font-weight:bold; padding-top:1em; color:#666666; font-size:1em; text-align:center; }

.boxTop h2 { margin-top:0; }
ol, ul { margin-left:10px; }
ol li { margin-bottom:1em; }
#mainSectionContainer li{list-style:disc;}
ol.decimal { list-style-type:decimal; }
p { margin-bottom:1em; }

/* */
/* BY ID */
	 
img.logoImage{ margin-top:10px;
               margin-left:20px;
}/*C*/			   
span.logoText{ font-size:32px;
               color:#003768;			   
			   top:90px;
			   left:850px;
			   position:absolute;
			   font-family:tahoma;
			   font-weight:bolder;
}/*C*/
span.MtiBlue{ color:#003768;			   
}/*C*/



/************************************************************************************************/
#pageContainer { border:1px solid #999;
                 float:left;
				 width:96.8em;
				 background-color:#ffffff;
				 margin:20px 60px;
}/*C*/
#header{ background:#ffffff;
         top:0px;
		 left:0px;
		 height:180px;
		 zbackground-image:url(../img/ist2_6271245-business-plan.png); 
		 background-repeat:repeat-x;
}/*C*/
#mainSectionContainer{ float:left;
                       font-size:1.2em;
					   width:99%;
					   padding-bottom:40px;
}/*C*/
#mainLeftSection{ width:28%;
				  float:left;
}/*C*/
#mainLeftSection p{ padding:20px;
					line-height:150%;
}/*C*/
span.appTrack{ color:#003768;
			   font-weight:bold;
               font-size:1.2em;
}
#mainRightSection{ width:72%;
			       float: left;
}/*C*/
#mainRightSection .homePageGraphic { zborder:1px solid black;
									 padding:30px;
									 text-align:center;
}/*C*/
#footer{ float:left;
         height:60px;
		 padding-top:10px;
		 width:100%;
		 background-color:#555;
		 color:#FFF;
		 text-align:center;
}






/**********************************************************************/


.HomeBox{float:left;background-color:#d3e5f6;width:100%;text-align:center;}

.HomeBox2{border:1px solid #ccc;float:left;width:300px;margin:15px 35px 15px 35px;height:115px;background-color:#FFF;}
.HomeBox1,
.HomeBox3{border:1px solid #ccc;float:left;width:290px;margin:15px 35px 15px 35px;height:115px;background-color:#FFF;}

.HomeImageBox1{float:left;width:140px;margin:10px 5px;zbackground-color:yellow;}
.HomeImageBox2{float:left;width:160px;margin:35px 0px;zbackground-color:yellow;}
.HomeImageBox3{float:left;width:140px;margin:25px 0px;zbackground-color:yellow;}

.HomeTexBox1{float:left;width:140px;zbackground-color:#0F6;padding:8px 0px; text-align:left}
.HomeTexBox2{float:left;width:140px;zbackground-color:#0F6;padding:8px 0px; text-align:left}
.HomeTexBox3{float:left;width:140px;zbackground-color:#0F6;padding:8px 0px; text-align:left}


.HomeTexBox1 .HomeHeadingBox,
.HomeTexBox2 .HomeHeadingBox,
.HomeTexBox3 .HomeHeadingBox{padding:5px;color:#003768;font-weight:bold;}


.HomeTexBox1 .HomeDescription,
.HomeTexBox2 .HomeDescription,
.HomeTexBox3 .HomeDescription{padding:0px 4px 0px 3px;color:#003768;}

/**********************************************************************/


.HighlightsBox{width:390px;border:1px solid #ddd;margin-bottom:10px;}
.HighlightsHeading{background-color:#bbb;height:20px;padding:10px;color:#000;}
.HighlightsDescription{padding:10px;border-top:1px solid #ddd;margin-top:2px;}

.FeaturedVideoBox {width:490px;border:1px solid #ddd;margin-bottom:10px;margin-left:25px;}
.FeaturedVideoBoxHeading{ background-color:#bbb;height:20px;padding:10px;color:#000;}
.FeaturedVideoBoxDescription{ padding:10px;border-top:1px solid #ddd;margin-top:2px;}
.FeaturedVideoBoxObject{text-align:center;padding-bottom:10px;}




.FeaturesBox{width:490px;border:1px solid #ddd;margin-left:25px;}
.FeaturesHeading{background-color:#bbb;height:20px;padding:10px;color:#000;}

.FeaturesBox1{border:1px solid #ddd;float:left;width:488px;margin-top:3px;}
.FeaturesBox2,.FeaturesBox3,.FeaturesBox4,.FeaturesBox5,.FeaturesBox6,.FeaturesBox7,.FeaturesBox8,.FeaturesBox9,.FeaturesBox10,
.FeaturesBox11,.FeaturesBox12{border:1px solid #ddd;float:left;width:488px;margin-top:10px}


.FeaturesImageBox1,.FeaturesImageBox2,.FeaturesImageBox3,.FeaturesImageBox4,.FeaturesImageBox5,.FeaturesImageBox6,
.FeaturesImageBox7,.FeaturesImageBox8,.FeaturesImageBox9,.FeaturesImageBox10,.FeaturesImageBox11,
.FeaturesImageBox12{float:left;width:145px;margin-top:6px;margin-left:5px;margin-bottom:2px;}


.FeaturesTexBox1,.FeaturesTexBox2,.FeaturesTexBox3,.FeaturesTexBox4,.FeaturesTexBox5,.FeaturesTexBox6,.FeaturesTexBox7,
.FeaturesTexBox8,.FeaturesTexBox9,.FeaturesTexBox10,.FeaturesTexBox11,
.FeaturesTexBox12{float:left;width:335px;}


.FeaturesTexBox1 .FeaturesHeadingBox,
.FeaturesTexBox2 .FeaturesHeadingBox,
.FeaturesTexBox3 .FeaturesHeadingBox,
.FeaturesTexBox4 .FeaturesHeadingBox,
.FeaturesTexBox5 .FeaturesHeadingBox,
.FeaturesTexBox6 .FeaturesHeadingBox,
.FeaturesTexBox7 .FeaturesHeadingBox,
.FeaturesTexBox8 .FeaturesHeadingBox,
.FeaturesTexBox9 .FeaturesHeadingBox,
.FeaturesTexBox10 .FeaturesHeadingBox,
.FeaturesTexBox11 .FeaturesHeadingBox,
.FeaturesTexBox12 .FeaturesHeadingBox{padding:15px;}

.FeaturesTexBox1 .FeaturesHeadingBox a,
.FeaturesTexBox2 .FeaturesHeadingBox a,
.FeaturesTexBox3 .FeaturesHeadingBox a,
.FeaturesTexBox4 .FeaturesHeadingBox a,
.FeaturesTexBox5 .FeaturesHeadingBox a,
.FeaturesTexBox6 .FeaturesHeadingBox a,
.FeaturesTexBox7 .FeaturesHeadingBox a,
.FeaturesTexBox8 .FeaturesHeadingBox a,
.FeaturesTexBox9 .FeaturesHeadingBox a,
.FeaturesTexBox10 .FeaturesHeadingBox a,
.FeaturesTexBox11 .FeaturesHeadingBox a,
.FeaturesTexBox12 .FeaturesHeadingBox a{color:#003768; text-decoration:none; font-weight:bold;}


.FeaturesTexBox1 .FeaturesDescription,
.FeaturesTexBox2 .FeaturesDescription,
.FeaturesTexBox3 .FeaturesDescription,
.FeaturesTexBox4 .FeaturesDescription,
.FeaturesTexBox5 .FeaturesDescription,
.FeaturesTexBox6 .FeaturesDescription,
.FeaturesTexBox7 .FeaturesDescription,
.FeaturesTexBox8 .FeaturesDescription,
.FeaturesTexBox9 .FeaturesDescription,
.FeaturesTexBox10 .FeaturesDescription,
.FeaturesTexBox11 .FeaturesDescription,
.FeaturesTexBox12 .FeaturesDescription{padding:0px 8px 10px 15px;}



/************************************************************************************************/


/** Breadcrumb ****************************************************************************************/
#breadcrumb{
    font-size: 10px;
	line-height: 120%;
	padding: 10px 0px 30px 0px;
	font-size: 81.8%;
}	
#breadcrumb a{
	color: #72765d;
	text-decoration: none;
	border: 0px;
}
#breadcrumb a:hover{
	color: #999999;
	text-decoration: none;
}

/** Links **********************************************************************************************/
#footer a {
	zborder-bottom: 1px solid #322f2f;
	padding: 1px 0;
	text-decoration:underline;
	color:#FFF;
	font-weight:bold;
}

za:hover{
	text-decoration: none;
	color: #999999;
}

/************************************************************************************************/

/* BY CLASS */
	/* BOXES */
.boxTop, .boxBottom, .boxTopExtended, .boxBottomExtended { background-color:transparent;background-repeat:no-repeat;position:relative; }
.boxTop { background-image:url(../img/boxes/top.gif); background-position:0 0;clear:both;float:none;margin:10px 0;width:100%;z-index:1; }
.boxTopExtended {background-image:url(../img/boxes/topExtended.gif);background-position:100% 0;padding-right:0px;margin-right:-15px;top:-15px;z-index:2;}
.boxBottom {background-image:url(../img/boxes/bottom.gif);background-position:0 100%;padding:0px 15px 0px 15px;top:15px;z-index:3; }
.boxBottomExtended {background-image:url(../img/boxes/bottomExtended.gif);background-position:100% 100%;padding:0px 15px 10px 0px;top:15px;z-index:4; }

.box1 { background-image:url(../img/boxes/1-top.gif);margin-bottom:30px; }
.box1 .boxTopExtended { background-image:url(../img/boxes/1-topExtended.gif); }
.box1 .boxBottom { background-image:url(../img/boxes/1-bottom.gif);}
.box1 .boxBottomExtended { background-image:url(../img/boxes/1-bottomExtended.gif);height:75px; }

.box2 { background-image:url(../img/boxes/2-top.gif);margin-bottom:30px; }
.box2 .boxTopExtended { background-image:url(../img/boxes/2-topExtended.gif); }
.box2 .boxBottom { background-image:url(../img/boxes/2-bottom.gif);}
.box2 .boxBottomExtended { background-image:url(../img/boxes/2-bottomExtended.gif);height:75px; }

.boxTop.newsItem { width:50%; }
.boxTop.feature { width:33%; }

	/* COLUMNS */
.column { float:left; }
.column .content { padding:0 10px 0 0; }
.threeColumnContainer {}
.threeColumnContainer .column { width:33%; }
.threeColumnContainer .second { width:34%; }
.threeColumnContainer .second .content { padding:0 5px;}
.threeColumnContainer .third .content { padding:0 0 0 10px;}

.highlight { background:yellow; }
.note { color:red; }

/************************************************************************************************/
/* TABS */
.tabs { border-bottom:1px solid #cccccc;clear:both;height:25px !important;margin-top:.7em;margin-bottom:15px;width:100%; }
.tabs a, .tabs a span { 
	background-image:url(../img/tabs/left-off.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
	display:block;
	float:left;
	font-size:1em;
	font-weight:bold;
	height:24px;
	margin:0 1px 0 0;
	padding:0 0 0 6px;
	position:relative;
	text-decoration:none;
	top:1px;
}
.tabs a span { 
	background-image:url(../img/tabs/right-off.gif);
	background-position:right top;
	font-size:1em;
	margin:0 0 -5px 0;
	padding:5px 6px 0 0;
	top:0;
}
.tabs a.selected { background-image:url(../img/tabs/left-on.gif);height:25px;top:1px; }
.tabs a.selected span { background-image:url(../img/tabs/right-on.gif);color:#000000;height:25px; }



/** Left Navigation ****************************
#leftNavContainer{ float:left;
                   width:14%;
				   background-color:#100B52;
				   font-size:1em;
				   border-right:#21106B 1px solid;
				   border-bottom:#21106B 1px solid;
}
ul#links_1{
	display:block;
	padding:0px;
	margin:0px;
	line-height:normal;
}
ul#links_1 li{
	padding:0px !important;
	margin:0px !important;
    line-height:normal;
	list-style:none; 
}
ul#links_1 li a{
	display:block;
	padding: 10px 10px 0px 20px;
	margin: 0px !important;
	border-bottom: #21106B 1px dotted; 
	text-decoration: none;
	color: #ffffff;
	height:30px !important;
}
ul#links_1 li a:hover{
	background: url(../img/nav_bg.png) #21106B repeat-x; 
}
ul#links_1 li a.selected{
	background: url(../img/nav_bg.png) #21106B repeat-x; 
}*/

/************************************************************************************************/
ul {
	margin: 2px 0px 10px 17px;
	padding: 0px 0px 0px 0px;
	list-style-image:url(../img/listImg.gif);
	line-height: 145%;
	list-style-type:none;
	list-style-position:outside;
}


/*********************************************************************************************************************************************/
/**** Left Navigation ****************************************************************************************************************/
#leftNav {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
#leftNav li {
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	width:25%;
}
li#zhome{width:130px;}
li#zproducts{width:120px;}
li#zaboutUs{width:120px;}
li#zcontactUs{width:120px;}


#leftNav li a {
	display:block;
	font-size:1.2em;
	padding:5px 10px;
	height:100%;
	color:#fff;
	text-decoration:none;
}

#leftNav li a:hover, 
#leftNav li a:focus, 
#leftNav li a:active { background-position:-150px 0; }
#leftNav li a:hover, 
#leftNav li a:active {
	color:#fff;
	text-decoration:none !important;
}
#leftNav li a { background:url(../img/bg3.jpg) repeat 0 0; }
#leftNav .activePage a {
	background:#1a53ff !important;
	color:#fff;
}