/* 
Set the font an background for the whole site
make sure margins are 0px
 */


html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* Required */
}

 
body {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	
}


/*
Main page
Set width to be a fixed 800px
Set height to be a fixed 600px
Make sure margins are 0 on top and left
*/

div.page {
	background-color: white;
	width: 800px;
	height: 600px;
	padding-right: 5px;
	margin: 0px 0px 0px 0px;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}

/* 
The first header that includes the logo and the tagline
Set fixed height
Create a bottom border
make position relative so that other elements can be positioned inside it
*/

div.header {
	height: 81px;
	position: relative;
	background-image:url(images/bg_header.gif)
}
div.menubg {
	height: 66px;
	background-image:url(images/bg_menu.gif);
    position: relative;
	top: 25px;
	left: 0px;
}

div.menubg div.image {
	position: relative;
	top: 5px;
	left: 175px;
}



div.header div.logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.header div.tagline {
	position: absolute;
	top: 0px;
	left: 473px;
	}

/* 
End of Header
*/


/* 
Begin Image Div + Menu 
Div size: 591px width - 361px height
Menu: 591px width - 31px height
*/
	
div.homeimage {
    width: 591px;
	height: 361px;
	position: relative;
	background-image:url(images/i_home_1.jpg)
}	

div.menu {
    width: 590px;
	height: 31px;
	position: relative;
	font-size: 12px;
	letter-spacing: 2px
}

div.menu a {
	color: #000000;
	text-decoration: none;
    padding-bottom: 0px;
}

	

div.menu a:hover {
	color: #FF6600;

	text-decoration: none;
}

/*
if position is not set to absolute the menu div grows in height ???
*/


div.side {
	width: 204px;
	height: 361px;
	position:absolute;
    left:593px;
    top:82px;
	font-size: 12px;
	letter-spacing: 2px;
	background-color: #ECEDF2;
}


div.side a {
	color: #FF6600;
	text-decoration: none;
	padding-bottom: 0px;
	font-family: "Trebuchet MS";
}

	

div.side a:hover {
	color: #FF6600;
    text-decoration: none;
}
div.side h1{
	font-size: 13px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color: black;
	margin:2px;
	text-align:left;

}

div.side div.text{
	font-size: 12px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: black;
	margin:8px;
	text-align:left;
	line-height: 15px;

}		

div.greycorner {

	 position:absolute;
     left:0px;
     top:361px;

}
	

div.tabs {
    width: 593px;
	height: 22px;
	position:absolute;
    left:0px;
    top:442px;

}
	

div.tabscontent {
	width: 787px;
	/*height: 115px;*/
	height:140px;
	position:absolute;
	left:0px;
	top:463px;
	background-color: #FF6600;
	padding: 15px 5px 5px 5px

}
div.tabscontentmain {
	width: 447px;
	/*height: 115px;*/
	height:140px;
	position:absolute;
	left:0px;
	top:0px;
	background-color: #FF6600;
	padding: 5px;
	

}
div.tabscontentmain a {
	color: white;
    font-weight:bold
}

div.tabscontentmain a:hover {
	color: white;
    text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:1px
	
}

div.tabscontentmain img 
{
float:left;
padding:0px 7px 0px 0px;
}

div.tabscontentmxDoc {
	width: 447px;
	/*height: 115px;*/
	height:140px;
	position:absolute;
	left:0px;
	top:0px;
	background-color: #FF6600;
	padding: 5px;
	

}
div.tabscontentmxDoc a {
	color: white;
    font-weight:bold
}

div.tabscontentmxDoc a:hover {
	color: white;
    text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:1px
	
}

div.tabscontentmxDoc img 
{
float:left;
padding:0px 7px 0px 0px;
}

div.tabscontentblink {
	width: 447px;
	/*height: 115px;*/
	height:140px;
	position:absolute;
	left:0px;
	top:0px;
	background-color: #FF6600;
	padding: 5px;
	

}
div.tabscontentblink a {
	color: white;
    font-weight:bold
}

div.tabscontentblink a:hover {
	color: white;
    text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:1px
	
}

div.tabscontentblink img 
{
float:left;
padding:0px 7px 0px 0px;
}

div.tabscontentSOD {
	width: 447px;
	/*height: 115px;*/
	height:140px;
	position:absolute;
	left:0px;
	top:0px;
	background-color: #FF6600;
	padding: 5px;
	

}
div.tabscontentSOD a {
	color: white;
    font-weight:bold
}

div.tabscontentSOD a:hover {
	color: white;
    text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:1px
	
}

div.tabscontentSOD img 
{
float:left;
padding:0px 7px 0px 0px;
}

div.tabscontenttestimonials {
	width: 180px;
	/*height: 115px;*/
	height:140px;
	position:absolute;
	left:448px;
	top:0px;
	background-color: #FF6600;
	padding: 8px 0px 0px 0px;
	

}
div.tabscontenttestimonials a {
	color: white;
    font-weight:bold
}

div.tabscontenttestimonials a:hover {
	color: white;
    text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:1px
	
}
div.tabscontenttestimonials img 
{
float:left;
padding: 0px 5px 5px 0px;
border: 1px solid #FF6600;


}
div.tabscontenttestimonials div.text{
	font-size: 12px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	color: white;
    text-align:left;
	line-height: 15px;

}
div.tabscontentsemweb {
	width: 175px;
	/*height: 115px;*/
	height:140px;
	position:absolute;
	left:622px;
	top:0px;
	background-color: #FF6600;
	padding: 8px 0px 0px 0px;
	

}
div.tabscontentsemweb img 
{
float:left;
padding: 0px 5px 5px 0px;
border: 1px solid #FF6600;


}
div.tabscontentsemweb a {
	color: white;
    font-weight:bold
}

div.tabscontentsemweb a:hover {
	color: white;
    text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:1px
	
}
div.tabscontentsemweb div.text{
	font-size: 11px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	color: white;
    text-align:left;
	line-height: 15px;

}




div.orangecorner {

	 position:absolute;
     left:0px;
     /*top:578px;*/
     top:613px;
}

div.tabscontent div.text{
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	color: white;
    text-align:left;

}		

div.footer1{
	position:absolute;
	left:0px;
	top:630px;
	font-size: 10px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	color: #999999;
	text-align:left;
	/*width: 288px;*/
	width:300px;
	padding:3px
}	

div.footer2{
	position:absolute;
    /*left:478px;*/
	left:428px;
    top:630px;
	font-size: 10px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	color: #999999;
    text-align:left;
	padding:3px;

}	

/*
main pages start here
*/

div.title{
	position:absolute;
    left:176px;
    top:180px;
}

div.content{

font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	color:#333333;
	position:absolute;
    left:175px;
    top:224px;
	width:600px;
	padding-bottom: 40px;


}

.text{
    font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	color:#333333;
	

}

div.content a{
    font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	color:#333333;
	/*font-weight:bold;
	text-decoration:none;*/

}

div.content a:hover{
    font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	color:#FF6600;
	text-decoration:none;

}



div.content ul {
	font-size: 12px;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	color: #333333;

}

div.content ul li {
	list-style: circle outside;
	color:#FF6600;
}
	

.h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
letter-spacing:1px;
color:#FF6600;
font-weight:bold

}

.h2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:2px;
color:#FF9900;
font-weight:bold

}

.footer{
	background-image:url(images/bg_footer.gif);
	width: 800px;
	position: absolute;
	/*bottom: 0 !important;*/
	/*bottom: -1px;*/
	
	height: 63px;
	left: -180px;
/*	top: 2279px;*/

	/*left: -10px;*/
	/*top: 2533px;*/


}

.footer .text{
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
color:black;
text-align:right;
padding: 5px;

}

.footer .text a{
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
color:black;


}
.footer .text a:hover{
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
color:#FF6600;



}


	

/*
main pages start here
*/

/*
left side menu styles starts here
*/
body {
  font-family:arial, verdana, sans-serif; 
  font-size:0.8em; 
  background:#fff; 
  color:#fff;
  }
#leftmenu a, #leftmenu a:visited {
	color:black;
	text-decoration:none;
	display:block;
	padding:0.4em;
	background: #F2F2F2;
  }

#leftmenu a.submenu {
	color:white;
	text-decoration:none;
	padding:0.4em;
	background: #F60;
  }

#leftmenu a:hover {
	background: #CCCCCC;
	color:#FF6600;
	
  }
  

dd {
  margin:0; 
  padding:0; 
  text-align:left; 
  border-top:1px solid #fff; 
  }
  
dt {
  margin:0; 
  padding:0.4em; 
  text-align:center; 
  font-size: 1em;
  letter-spacing:0.1em; 
  font-weight:bold; 
  background: #F60;
  }


dl {
  margin: 0; 
  padding: 0; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
  }

#container {
  width:12em;
  position:absolute;
  /*display: block;*/
  top:175px;
  left:4px
  }
  
 .top {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottom {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #fff;
  }

.b1 {
  display:block; 
  height:1px;
  background:#fff;
  margin:0 5px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.b2 {
  display:block; 
  height:1px;
  background:#F60;
  margin:0 3px;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.b3 {
  display:block; 
  height:1px;
  background:#F60;
  margin:0 2px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.b4 {
  display:block; 
  height:2px;
  background:#F60;
  margin:0 1px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.b1, .b2, .b3, .b4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.b1, .b2, .b3 {
height:1px;}

.b2, .b3, .b4 {
  background:#F60; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
  }
  
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}

a.hname:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:2px;
color:#FF9900;
font-weight:bold

}
a.hname:link{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:2px;
color:#FF9900;
font-weight:bold


}
a.hname:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:2px;
color:#FF9900;
font-weight:bold
}
	/*
left side menu styles ends here
*/