
@font-face {
	font-family: MainFlow;

	src:
		url("OpenSans-Regular.eot?") format("eot"),
		url("OpenSans-Regular.woff") format("woff"),
		url("OpenSans-Regular.ttf") format("truetype"),
		url("OpenSans-Regular.svg#OpenSans") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family: NavFlow;
	src:url("OpenSans-Semibold.eot?") format("eot"),
		url("OpenSans-Semibold.woff") format("woff"),
		url("OpenSans-Semibold.ttf") format("truetype"),
		url("OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
	font-weight:normal;
	font-style:normal;
}


HTML
{
	
}

BODY
{
	MARGIN: 0px;
 	FONT-FAMILY: MainFlow, Arial, Helvetica, Geneva, Sans-Serif;
	FONT-SIZE: 11pt;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	LINE-HEIGHT: 130%;
	TEXT-ALIGN: left;
	TEXT-DECORATION:justify;

	BACKGROUND-IMAGE: radial-gradient(circle, rgb(230, 230, 230), rgb(240, 244, 248));

	BACKGROUND-SIZE: 100% 1600px;
}


/*
#pagebg
{
	BACKGROUND-IMAGE: url(../images/blue-background.png);  
	POSITION: absolute;
	HEIGHT: 100%;
	WIDTH: 100%;
}
*/

#maintop
{
	POSITION: absolute;
	WIDTH: 100%;
	LEFT: 0px;
	TOP: 0px;
	
}

#mainbg
{
	MARGIN-TOP: 60px;
	POSITION: absolute;
	WIDTH: 1000px;
	LEFT: 50%;
	MARGIN-LEFT: -500px;
	BACKGROUND: url(../images/bodybg_960.png) repeat-y;
}

#mainbody
{
	MIN-HEIGHT:600px; 
	MARGIN: 0px 20px;
	MARGIN-TOP: -5px;
	BACKGROUND: #FFFFFF;
}

P
{   
	
}

TABLE
{
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px;
}

TABLE.hidden
{
	POSITION: absolute;
	LEFT: 5000px;
}

B
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 16px;
}

B.bold
{
	FONT-SIZE: 16px;
	
}

TD.headline>B,
 TD.headnoline>B,
 A.downloadheaderlink>B
{
	FONT-SIZE: 100%;
}

TD.headlinespacer {
	PADDING: 0px;
	HEIGHT: 4px;
}

H1
{
	COLOR: #181818;
	BORDER-RIGHT: 0px;
	MARGIN-TOP: 2px;
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	xFONT-SIZE: 110x%;
	xLINE-HEIGHT: 110%;
}

.codesample
{
	COLOR: #444466;
	FONT-FAMILY:  Consolas, Courier New, Lucida Console, Courier;
	FONT-SIZE: 80%;
	MARGIN: 8px;
}

UL
{
	PADDING-LEFT: 25px;
	MARGIN-TOP: 8px;
	MARGIN-BOTTOM: 10px;
}

UL.prodfeatures
{
	PADDING-LEFT: 20px;
	MARGIN-TOP: 4px;
	MARGIN-BOTTOM: 4px;
}

LI
{
	LIST-STYLE-IMAGE: url(../images/button.gif);
}

TD
{
	VERTICALALIGN: top;
}

A
{
	xCOLOR: #105080;
	COLOR: #105890;
	TEXT-DECORATION: none;
}

A:hover
{
	 COLOR: #ff9900;
	 TEXT-DECORATION: underline;
}

IMG
{
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px;
}

A.mainprodlink
{
	xFONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	xFONT-WEIGHT: 700;
	xFONT-SIZE: 15px;
}

A.downloadheaderlink
{
	xCOLOR: #000066;
	xCOLOR: #0075EF;
	COLOR: #0065aa;
	xCOLOR: #000033;
	TEXT-DECORATION: none;
}

A.downloadheaderlink:hover
{
	COLOR: #ff9900;
	TEXT-DECORATION: none;
}

A.indexheaderlink
{
	COLOR: #000000;
	TEXT-DECORATION: none;
}

A.indexheaderlink:hover
{
	COLOR: #ffbb00;
	TEXT-DECORATION: none;
}


A.highslide
{
	xBORDER-TOP:1px #800000 solid;
}





/* 
 * FONT DEFINITIONS
 */

FONT.fontmini
{
	FONT-SIZE: 10pt;
	LINE-HEIGHT: 14px;
}

FONT.fontquote
{
	FONT-SIZE: 12.25pt;
	FONT-WEIGHT: 400;
 	FONT-FAMILY: Times New Roman, Times, Serif;

}
FONT.fontquotewho
{
	FONT-SIZE: 10pt;
 	FONT-FAMILY: Arial, Helv, Helvetica;

}

FONT.fontdef
{
 	FONT-FAMILY: MainFlow, Arial, Helvetica, Geneva, Sans-Serif;
	FONT-SIZE: 14px;
	LINE-HEIGHT: 22px;
	COLOR: #202020;
}

FONT.fontprice
{
 	FONT-FAMILY: Arial, Helvetica, Geneva, Sans-Serif;
	FONT-SIZE: 14px;
	LINE-HEIGHT: 20px;
	COLOR: #202020;
}

FONT.fontmed
{
	FONT-SIZE: 15px;
	LINE-HEIGHT: 22px;
}

FONT.fontbig
{
	FONT-SIZE: 20px;
	LINE-HEIGHT: 26px;
}









/* 
 *
 *
 *    STRUCTURAL TABLES
 *
 *
 */

/* 
 * TOPROW
 */
TABLE.topbluebar
{
	WIDTH: 100%;
	HEIGHT: 60px;
	BACKGROUND-COLOR: #102870;
}

IMG#toplogoimage
{
	HEIGHT: 31px;
}

TABLE.toprowmenu
{
	BACKGROUND: #505050 url(../images/blend7.png);
	BACKGROUND-POSITION: 0px -8px;
	BACKGROUND-SIZE: 148%;
	HEIGHT: 45px;
	WIDTH: 100%;
}

TABLE.toprowmenuinner
{
	WIDTH: 1050px;
}

TD.toprowmenu
{
	VERTICAL-ALIGN: center;
	HEIGHT: 26px;
}

FONT.toprowmenu
{
	FONT-SIZE: 15px;
	FONT-WEIGHT: 700;
}


A.toprowitem,
 A.toprowitem:hover,
 A.toprowitemactive
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	TEXT-DECORATION: none;
}

A.toprowitem
{
	COLOR: #ffffff;
}

A.toprowitem:hover
{
	COLOR: #ffbb00;
}

A.toprowitemactive
{
	COLOR: #204080;
}

TABLE.topmenuend
{
	BACKGROUND-POSITION: 0px 0px;
	HEIGHT: 6px;
}



/* 
 * NAVBAR
 */

TABLE.navbarcontainer
{
	MARGIN-TOP: 10px;
	HEIGHT: 40px;
}

TD.navbarcontainer
{
	xBACKGROUND-COLOR: #104470;
	BACKGROUND-COLOR: #104672;
}

TABLE.navbardata
{
	MARGIN-TOP: 9px;
	xBACKGROUND-COLOR: #448800; /* debug */
}

TD.navbar
{
	LINE-HEIGHT: 150%;
	TEXT-ALIGN: center;
}

TD.navbarcontainerbottom
{
	BACKGROUND-COLOR: #F4F4F4;
}

A.languagelink
{
	COLOR: #A0A0A0;
	xFONT-SIZE: 13;
	TEXT-DECORATION: none;
}

span.navbartopitem
{
	COLOR: #202020;
	FONT-WEIGHT: 600;
	TEXT-DECORATION: none;
}


A.navbarproditem,
 A.navbarproditem:hover,
 A.navbarproditemactive,
 A.navbarsubitem,
 A.navbarsubitem:hover,
 A.navbarsubitemactive
{
	FONT-FAMILY: NavFlow, Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
}

A.navbarproditem
{
	COLOR: #208020;
	FONT-SIZE: 13px;
	TEXT-DECORATION: none;
	MARGIN-BOTTOM: 6px;

	POSITION: absolute;
	TOP: -200px;
}

A.navbarproditem:hover
{
	COLOR: #ffbb00;
	FONT-SIZE: 13px;
	MARGIN-BOTTOM: 6px;
}

A.navbarproditemactive
{
	COLOR: #ffbb00;
	FONT-SIZE: 13px;
	FONT-WEIGHT: 700;
	TEXT-DECORATION: none;
	MARGIN-TOP: 2px;
	MARGIN-LEFT: 10px;
	MARGIN-RIGHT: 10px;
}


A.navbarsubitem,
 A.navbarsubitem:hover,
 A.navbarsubitemactive
{
	FONT-SIZE: 13px;
	xFONT-WEIGHT: 600;
	LINE-HEIGHT: 16px;
	MARGIN-RIGHT: 4px;
} 

A.navbarsubitem
{
	COLOR: #f4f4f4;
}

A.navbarsubitem:hover
{
	COLOR: #ffbb00;
	FONT-WEIGHT: 800;
	TEXT-DECORATION: underline;
}

A.navbarsubitemactive
{
	COLOR: #ffbb00;
	xFONT-WEIGHT: 800;
}





/* 
 * BODY CONTENT
 */

TABLE.maincontainer
{
	BACKGROUND-COLOR: #FFFFFF;
	HEIGHT: 90%;
}

TABLE.mainbody
{

}

TD.bodydata
{
	xBACKGROUND-COLOR: #880044; /*debug */
	PADDING-LEFT: 40px;
}

TD.bodyrightmargin
{
	PADDING: 0px;
}




/* 
 * CONTENT TABLEDATA ELEMENTS
 */

TABLE.sectionbox
{
	PADDING: 8px 24px 12px 20px;
	MARGIN-BOTTOM: 36px;
	BACKGROUND-COLOR: #F0F0F0;
	BORDER-RADIUS: 8px;

}

TABLE.sectionbox TD.headline {
	PADDING-TOP: 25px;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 30px;
	BORDER-BOTTOM: 1px #cccccc solid;
}

TABLE.sectionbox TD.headlinespacer {
	HEIGHT: 8px;

}


TABLE.sectionbox TD.headlinesub {
	PADDING-TOP: 15px;
	PADDING-BOTTOM: 0px;
	BORDER-TOP: none;
}

TABLE.sectionbox .headline
{
	PADDING-LEFT: 10px;
	BORDER-TOP: none;
	PADDING-BOTTOM: 16px;
}


TD.headline,
 TD.prodheadline,
 TD.headnoline
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	COLOR: #203090;
}

TD.headline
{
	FONT-SIZE: 133%;
	LINE-HEIGHT: 133%;
	BACKGROUND-COLOR: transparent;
	BORDER-TOP:1px #cccccc solid;
	PADDING-TOP:25px;
	PADDING-BOTTOM:6px;
}

TD.deffont
{
 	FONT-FAMILY: MainFlow, Arial, Helvetica, Geneva, Sans-Serif;
	FONT-SIZE: 14px;
	LINE-HEIGHT: 22px;
	COLOR: #202020;
}

TD.prodheadline
{
	FONT-SIZE: 133%;
	LINE-HEIGHT: 133%;
	BACKGROUND-COLOR: transparent;
	PADDING-TOP:20px;
	PADDING-BOTTOM:6px;
}

TD.headnoline
{
	FONT-SIZE: 133%;
	LINE-HEIGHT: 133%;
	BACKGROUND-COLOR: transparent;
	PADDING-TOP:18px;
	PADDING-BOTTOM:6px;
}

TD.headlinesub
{
	COLOR: #000077;
	BACKGROUND-COLOR: transparent;
	BORDER-TOP:1px #dddddd solid;
	PADDING-TOP: 8px;
}

TABLE.featuredprogram
{
	WIDTH: 250px;
	HEIGHT: 300px;
	FONT-FAMILY: Arial, Lucida Grande, Tahoma, Helvetica, Sans-Serif;
	COLOR: #000000;
	BACKGROUND-COLOR: #E8E8E8;
	BORDER: 1px #CCCCCC solid;
	xBORDER-RADIUS: 4px;
	xPADDING: 8px;
	FONT-SIZE: 13px;
}

TABLE.featuredprogramheader
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 15px;
	xFONT-WEIGHT: 700;
	COLOR: #606060;
}

TD.featuredprogram
{
	COLOR: #000000;
}

TD.order_head,
 TD.order_sub,
 TD.order_subline
{
	BORDER:1px #DDDDDD solid;
	BORDER-RADIUS: 8px;
	PADDING-LEFT: 12px;
}

TD.order_head
{
	FONT-SIZE: 15;
	BACKGROUND-COLOR: #E8E8E8;
	LINE-HEIGHT: 90%;
}

TD.order_sub
{
	BACKGROUND-COLOR: #F8F8F8;
}

TD.order_subline
{
	BACKGROUND-COLOR: #F8F8F8;
}

TD.prodbodysplit
{
	background:url(../images/bodysplit.gif) ;
}



/* 
 * STYLES FOR CSS POPUP
 */

#imgPopupBlanket {
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
   filter:alpha(opacity=65);
   opacity: 0.65;
   *background:none;
   background-color:#111;
   /*
   background:url(../images/blanketbgnd.png) ;
   *background:none;
   */
}

#imgPopupDiv {
	position:absolute;
	width:400px;
	height:400px;
	/*
	padding:5px;
	background:url(pop-back.jpg) no-repeat;
  	background-color:#22f;
	border:1px solid #000;
	*/
	z-index: 9002;
}

#imgPopupDiv img {
	border:0px
}

#imgPopupDiv a {
	position:relative; 
	top: -16px; 
	left: 20px;
}

#imgPopupDiv a:link, #imgPopupDiv a:visited {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	background:#000000;
	padding:5px;
	/*
	-webkit-border-radius:10px;
	-moz-border-radius:10px
	*/
}

#imgPopupDiv a:hover, #imgPopupDiv a:active {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	background:#333333;
	padding:5px;
	/*
	-webkit-border-radius:10px;
	-moz-border-radius:10px
	*/
}



/*
 *   http://css3buttongenerator.com/
 */

A.downloadbutton {
  background: #266c98;
  background-image: -webkit-linear-gradient(top, #367ca8, #266c98);
  background-image: -moz-linear-gradient(top, #367ca8, #266c98);
  background-image: -ms-linear-gradient(top, #367ca8, #266c98);
  background-image: -o-linear-gradient(top, #367ca8, #266c98);
  background-image: linear-gradient(to bottom, #367ca8, #266c98);
  background-image: -moz-linear-gradient(top, #367ca8, #266c98);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;

  padding: 7px 12px 7px 12px;
  text-decoration: none;
}

A.downloadbutton:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}




/*TeachMeJoomla's
flexible rounded corners 
module CSS*/

/*image setup */
div.module-green, div.module-green div
{
	background: url('../images/rounded_green.jpg');

}

/*replaced with TeachMeJoomla's single image technique*/
div.module-green
{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:bottom left;
	height:1%;
	width:auto;
}

div.module-green div
{
	margin:0px 0px 0px 13px;
	background-repeat:no-repeat;
	background-position: bottom right;
	padding: 0px 0px 13px 0px;
	width:auto;
}

div.module-green div div 
{
	background-position: top right;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

div.module-green div div div 
{
	margin:0px 13px 0px -13px;
	background-position: top left;
	padding: 13px 0px 0px 13px;
}

/*reset nested divs*/
div.module-green div div div div
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:none;
	background-image: none;
	background-position: top left;
	background-repeat: repeat;
	background-color: transparent;
	width:100%;
}
