/* Default CSS Document */

/** BODY ELEMENTS **/
* {	margin: 0;	padding: 0;	}
html { overflow: y;}

body {background: #ffffff;font-family: "Arial", "Helvetica", sans-serif;font-size: 14px;text-align: center;line-height:22px;color:#333333;padding: 0px;margin:0px;text-align: center;background-color:#FFFFFF;background-image:url(../images/bg.gif);background-position:center;}

img {border:0px;}
img.space {padding:10px;}
.bd {border:1px solid #cccccc;}


/** containers **/
div#container {width: 985px;margin: 0 auto;text-align: left;}

/** bar **/
div#bar {height:43px;margin:0px;background-image:url(../images/bk_topbar.gif); }
div#barleft {width:295px;float:left;margin:0px;height:43px;}
div#barright {float:right;margin:0px;height:43px; margin-right:5px;}

/** header **/
div#header {width: 985px; height:99px; margin:0px; background-image:url(../images/bk_header.gif); }
div#logo {width:300px;float:left;margin:0px;  padding:0px}

#nav_main {	position: relative;	width: 615px;	height: 99px;	margin: 0px auto;	 float:right; }
#nav_main li {display: inline;float:left;}

#nav_main li.list1 {background:transparent url(../images/bt_about01.gif); background-repeat:no-repeat; width: 189px;}
#nav_main li.list2 {background:transparent url(../images/bt_industry01.gif); background-repeat:no-repeat;  width: 223px;}
#nav_main li.list3 {background:transparent url(../images/bt_getstarted01.gif); background-repeat:no-repeat;  width: 203px;}
#nav_main li.list4 {background:transparent url(../images/bt_getstarted01i.gif); background-repeat:no-repeat;  width: 203px;}

#nav_main li.list1on {background:transparent url(../images/bt_about03.gif); background-repeat:no-repeat;  width: 189px;}
#nav_main li.list2on  {background:transparent url(../images/bt_industry03.gif); background-repeat:no-repeat;  width: 223px;}
#nav_main li.list3on  {background:transparent url(../images/bt_getstarted03.gif); background-repeat:no-repeat;  width: 203px;}
#nav_main li.list4on  {background:transparent url(../images/bt_getstarted03.gif); background-repeat:no-repeat;  width: 203px;}

#nav_main a#item1 {background:transparent url(../images/bt_about02.gif) no-repeat 0px -99px;}
#nav_main a#item2 {background:transparent url(../images/bt_industry02.gif) no-repeat 0px -99px;}
#nav_main a#item3 {background:transparent url(../images/bt_getstarted02.gif) no-repeat 0px -99px;}
#nav_main a#item4 {background:transparent url(../images/bt_getstarted02i.gif) no-repeat 0px -99px;}

#nav_main a#item1on {background:transparent url(../images/bt_about02.gif) no-repeat 0px -99px;}
#nav_main a#item2on {background:transparent url(../images/bt_industry02.gif) no-repeat 0px -99px;}
#nav_main a#item3on {background:transparent url(../images/bt_getstarted02.gif) no-repeat 0px -99px;}
#nav_main a#item4on {background:transparent url(../images/bt_getstarted02i.gif) no-repeat 0px -99px;}

/* Adding the :hover style */
#nav_main a#item1:hover {background-position:0 0; z-index:50;}
#nav_main a#item2:hover {background-position:0 0; z-index:50;}
#nav_main a#item3:hover {background-position:0 0; z-index:50;}
#nav_main a#item4:hover {background-position:0 0; z-index:50;}

#nav_main a#item1on:hover {background-position:0 0; z-index:50;}
#nav_main a#item2on:hover {background-position:0 0; z-index:50;}
#nav_main a#item3on:hover {background-position:0 0; z-index:50;}
#nav_main a#item4on:hover {background-position:0 0; z-index:50;}

* html #nav_main a:hover {height:99px; height:0;}
/* Step 6 - General link styling */
#nav_main a {display:block; height:0; padding-top:99px; color:#000; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #nav_main a:link, * html #nav_main a:visited {height:99px; height:0;}

#brochure {width:200px; text-align:center; margin:0 auto; padding-left:80px;  float:left}
#brochure2 {width:370px; text-align:left; margin:0px; padding:0px;}
a.brochure {width: 225px; height: 47px; display: block; background: url(../images/bt_brochure.gif); }  
a.brochure:hover {background-position: 0 -47px;}
#brochure3 {width:300px; text-align:left;  padding:0px; float:right; margin:10px 0px 20px 0px;}



/** main **/
div#main {width:985px;margin:0px;  padding:0px; }
div#main1 {width:985px;margin:0px;  padding:0px; height:228px;}
div#main2 {width:985px;margin:0px 0px 2px 0px;  padding:0px; background-image:url(../images/success02.jpg); background-repeat:no-repeat; height:71px;}


/** flash **/
div#flashimages{width:985px;margin:0px;}


/** footer **/
div#footer {clear:both;margin:0px;background-image:url(images/bk_footer.gif);background-repeat:repeat-x;background-color:#FFFFFF;height:87px;}
div#footer-img {float:right;width:300px;padding:0px}
div#footer-txt {padding:10px;float:left;width:650px;background-image:url(images/bk_footer.gif);background-repeat:repeat-x;background-color:#FFFFFF;}

div#footeri {clear:both;margin:0px;background-image:url(../images/bk_footer.gif);background-repeat:repeat-x;background-color:#FFFFFF;height:87px;}
div#footer-txti{padding:10px;float:left;width:650px;background-image:url(../images/bk_footer.gif);background-repeat:repeat-x;background-color:#FFFFFF;}

/** links **/
a:link {color:#006699; text-decoration: underline;} 
a:visited {color:#006699; text-decoration: underline;} 
a:hover {color:#31a4dd; text-decoration: none;}


/** interior bar **/
div#barint {width: 985px; width: 59px; margin:0px;}


/** main  interior**/
div#mainint {width:985px;margin:0px;}

div#mainint #left {width:500px; margin:25px 5px 20px 25px; float:left}
div#mainint #right {width:330px;  height:290px; background-image:url(../images/videobk.jpg); background-repeat:no-repeat; margin:37px 25px 0px 5px; float:right; }

div#mainint #leftindustry {width:470px; margin:25px 0px 20px 25px; float:left}
div#mainint #rightindustry {width:330px; margin:0px 25px 0px 5px; float:right; }

div#mainint #leftstarted {width:450px; margin:25px 5px 20px 25px; float:left; text-align:left}
div#mainint #rightstarted {width:350px; margin:60px 25px 20px 10px; float:right; background-color:#dcf3f8; text-align:center; padding:15px; border:1px #64c7df solid}

div#mainint #rightbrochure{width:400px; margin:0p; float: right;  }

/** SUB CONTAINERS **/
* { }


/** TYPOGRAPHY **/

.smalltext 	{font: 11px Geneva, Arial, Helvetica, sans-serif;	color: #41a6b5;	text-align: left; font-style:italic; line-height:18px;}
.smalltext01	{ font: 10px Geneva, Arial, Helvetica, sans-serif;	color: #999999;	text-align: left;	line-height:13px;	}
.loatext {color:#4ab8c8;margin: 0px 0px 10px 0px;line-height:28px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;font-size: 22px; font-style:italic}
.ud {color:#4ab8c8;margin: 0px 0px 10px 0px;line-height:28px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;font-size: 20px; font-style:italic; font-weight:bold; background-color:#d7f6fd}

h1 {font-size:16px; color:#4ab8c8;}
h2 {font-size:14px; color:#4ab8c8; font-style:italic;}

/** FORMS **/
input {	font: 12px "Arial", Verdana, Arial, Helvetica, sans-serif;	color:#666666;	 padding:2px;}
textarea{	font: 12px "Arial", Verdana, Arial, Helvetica, sans-serif;	color:#666666;}
select {	font: 12px "Arial", Verdana, Arial, Helvetica, sans-serif;	color:#666666;}
input.button {    padding: 2px 10px 2px 10px;    width: 0; /* for IE only */    	font: 10px "Arial", Verdana, Arial, Helvetica, sans-serif;	text-transform:uppercase;	overflow: visible; width:0;}
input.button[class] { /* IE ignores [class] */    width: auto;	 padding: 2px 10px 2px 10px; 	font: 10px "Arial", Verdana, Arial, Helvetica, sans-serif;	text-transform:uppercase;
}

/** List **/
.listi  {list-style-image:url(../images/bullet.gif);  color:#666666; font-size:20px; font-style:italic; line-height:30px; text-align:justify; } 
.listi li {margin: 0px 0px 30px 40px;} 

/** table**/
table tr td {padding:2px;}