body {background:#ffffff; margin: 0px;padding: 0px;}

html, body {min-height: 100%;margin-bottom: 1px;}



/* holder styles */

#holder {
	width: 901px;
	text-align: left;
	margin: 0 auto 0 auto;
	height: auto;
}

#holderinside {
	width: 952px;
	text-align: left;
    background:url(images/whiteinside.jpg) repeat-y;
	margin: 0 auto 0 auto;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}


#holderbottom-front {
	width: 870px;
	background:url(images/bottom-back.jpg) no-repeat;
	text-align: left;
	margin: 0 0 0 15px;
	height: 368px;
}

#innerholder {
	width: 901px;
	margin: 0 0px 0 0px;
	position: relative;   /* reference point for #innerLeft absolute position */
}


/* front main styles */

#header {height:175px; width: 901px; background: url(images/header-shadow.jpg) no-repeat;text-align: left;margin: 0 auto 0 auto;}

#headermiddle {height:303px; width: 901px; background: url(images/xtar-middle.jpg) no-repeat;text-align: left;margin: 0 auto 0 auto;}

#headernav {height:43px; width: 901px;background: url(images/header-navnew.jpg) no-repeat;text-align: left;}

#headernav-container {height:30px; width: 850px; text-align: left;margin: 0 auto 0 auto; padding-left: 0px; padding-top:4px;}

#headerbottom {height:383px; width: 901px; background: url(images/xtar-bottom.jpg) no-repeat;text-align: left;margin: 0 auto 0 auto;}


#photo-main {
	float:left;
	padding: 15px 5px 0px 95px;
	width:528px;
	height: 276px;
}

#right-box-main {
	background: url(images/bluefront.jpg) no-repeat;
	float:left;
	margin-top: 15px;
	width:399px;
	height: 277px;
}

#right-box-in {
	float:left;
	margin-top: 35px;
	margin-left: 50px;
	width:300px;
	height: 200px;
}



/* content styles */

#contentbody {height:auto; width: 900px; background: url(images/xtar-whiteinside.jpg) repeat-y;text-align: left;}

#contentbody-front {height:auto; width: 900px; background: url(images/xtar-whiteinside.jpg) repeat-y;text-align: left;}


#content-front {
	float:left;
	padding: 15px 0px 0px 20px;
	width:865px;
	height: auto;
	}
	
#content {
	float:left;
	padding: 10px 0px 0px 15px;
	width:620px;
	height: auto;
	}
	
#left-tab {
	background: #ECECEC; url(images/lefttab-back.jpg) no-repeat;
	float:left;
	margin: 0px 0px 0px 11px;
	width:244px;
	height: auto;
}

#left-photobox {
	float:left;
	margin: 0px 0px 0px 0px;
	width:250px;
	height: auto;
}


#right-photo {
	float:right;
	margin: 0px 0px 0px 15px;
	width:242px;
	height: auto;
}


#left-photo {
	float:left;
	margin: 0px 0px 0px 0px;
	width:484px;
	height: 255px;
}

#right-boxfront {
	background: url(images/right-box.jpg) no-repeat;
	float:right;
	margin: 0px 0px 0px 0px;
	width: 370px;
	height: 255px;
}


.content_blueheader {font:normal 20px Helvetica, Arial, sans-serif;color:#0099CC;margin: 0px 0px 0px 0px; line-height: 23px;}
.content_blueheader a:link {color: #0099CC;text-decoration: none;}
.content_blueheader a:visited {color: #0099CC;text-decoration: none;}
.content_blueheader a:hover, #nav a:active, #nav a:focus {color: #4B382A;text-decoration: none;}

.content_bluesmall {font:normal 15px Helvetica, Arial, sans-serif;color:#0099CC;margin: 0px 0px 0px 0px; line-height: 25px;}


.contentheadingmed {font:bold 20px Helvetica, Arial, sans-serif;color:#000000;line-height: 25px;}
.contentheadinglarge {font:bold 30px Helvetica, Arial, sans-serif;color:#215AA8;line-height: 25px;}
.contentheadingbold {font:bold 14px Helvetica, Arial, sans-serif;color:#002E46;}


.content_text {
	font: 13px Helvetica, Arial, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 18px;
}
.content_text a:link {color: #333333;text-decoration: underline;}
.content_text a:visited {color: #333333;text-decoration: underline;}
.content_text a:hover, #nav a:active, #nav a:focus {color: #F68E15;text-decoration: underline;}

.front_heading {
	font: bold 14px Helvetica, Arial, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 18px;
}
.front_heading a:link {color: #333333;text-decoration: underline;}
.front_heading a:visited {color: #333333;text-decoration: underline;}
.front_heading a:hover, #nav a:active, #nav a:focus {color: #F68E15;text-decoration: underline;}

.content_texttable {
	font: 12px Helvetica, Arial, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 15px;
}
.content_texttable a:link {color: #333333;text-decoration: none;}
.content_texttable a:visited {color: #333333;text-decoration: none;}
.content_texttable a:hover, #nav a:active, #nav a:focus {color: #F68E15;text-decoration: none;}

.content_textbold2 {
	font: bold 13px Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: left;
	line-height: 16px;
}



.right-text {
	font: 15px Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-align: left;
	line-height: 20px;
}
.right-text a:link {color: #ffffff;text-decoration: none;}
.right-text a:visited {color: #ffffff;text-decoration: none;}
.right-text a:hover, #nav a:active, #nav a:focus {color: #F68E15;text-decoration: none;}




.content_textbold {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4B382A;
	text-align: left;
	line-height: 19px;
}

.content_textlink {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #20A6D9;
	text-align: left;
	line-height: 13px;
}
.content_textlink a:link {color: #20A6D9;text-decoration: none;}
.content_textlink a:visited {color: #20A6D9;text-decoration: none;}
.content_textlink a:hover, #nav a:active, #nav a:focus {color: #4B382A;text-decoration: none;}




/* List Styles for Site */

iframe {float: right; margin-top: -150px;} 

	
	/*
---------------- NAVIGATION
-------------------------------------------------------- */	



#nav {
	height: 32px;
	float: left;
	width: 880px;
	padding-right: 50px;
	padding-left: 50px;
	margin-top: -12px;
	}
	
#nav {
	height: 32px;
	width: 880px;
	}

#nav ul{
	width: 880px;
	padding: 0px 50px;	
	}
	
#nav li {
	display: inline;
	float: left;
	list-style: none;
	}
	
#nav li a {
	display: block;
	height: 32px;
	text-indent: -9999px;
	}


	

/* footer styles */

#footer {background: url(images/xtar-bottomfooter.jpg) no-repeat; height: 136px; width: 901px; margin: 0px auto; padding: 0px;}
#footerslitherin {background-color:#002e50; height: 168px;}

#footerinside {height:130px; width: 840px;text-align: left;margin: 0 auto 0 auto; padding-top:-1px;}

.footer-text {font:normal 10px Arial, Helvetica, sans-serif; color:#002E46;margin: 0px 0px 0px 0px; line-height:13px;}
.footer-text a:link {color: #002E46;text-decoration: none;}
.footer-text a:visited {color: #002E46;text-decoration: none;}
.footer-text a:hover, #nav a:active, #nav a:focus {color: #00ccff;text-decoration: none;}
.footer-textwhite {font:normal 10px Arial, Helvetica, sans-serif; color:#ffffff;margin: 0px 0px 0px 0px; line-height:17px;}

.footer-textitalic {font:italic 16px Arial, Helvetica, sans-serif; color:#F18022;margin: 0px 0px 0px 0px; line-height:17px;}




/* misc styles */

.logo {float: left; margin: 33px 0px 0px 20px; padding-bottom: -10px;}
.number {float: right; margin: 30px 0px 10px 200px;}
.photoinside {float: left; margin: 10px 20px 10px 0;}
#brclear {clear:both;height:0; margin:0;font-size: 1px;line-height: 0px;}

/*
---------------- GENERAL
-------------------------------------------------------- */	

* {margin: 0px; padding:0px;}


/*
---------------- hover over text with block highlight
-------------------------------------------------------- */	
	
#main_content a {
	color: #8F2D03;
}
#main_content a:hover {
	color: #4B1B1D;
	background: #FFFFFF;
	text-decoration: none;
}


/*
---------------- SIDENAV
-------------------------------------------------------- */	
	
.sidebox ul {
	padding: 0px 0px;
	margin-bottom: 5px;
	width: 244px;
	
	}
	
.sidebox li {
	list-style: url(none) none;
	border-bottom: 1px solid #999999;
	background: url(images/arrow.png) no-repeat 3px;
}
	
.sidebox h2 {
	color: #5F532A;
	font: normal 20px/28px Arial, Helvetica, sans-serif;
	letter-spacing: -0.1px;
	margin: 10px 18px 0px 18px;
	padding-bottom: 10px;
	}
	
.sidebox p {
	font: normal 13px/22px Arial, Helvetica, sans-serif;
	color: #554E31;
	padding-right: 18px;
	padding-left: 18px;
	margin-top: 10px;
	}
	
.sidebox a {
	color: #333333;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	padding: 3px 0px 5px 0px;
	display: block;
	text-decoration: none;
	width: 244px;
	}
	
.sidebox a:hover {
	text-decoration: none;
	background: #f5e7be url(images/bg.sidebox_ahover.jpg) repeat-y scroll center top;
	color: #333333;
	}
	
.sidebox {
	background: #ECECEC repeat-y;
	width: 244px;
	float: left;
	margin: 0px 0px;
	padding-bottom: 8px;
	padding-top: 15px;
	}
	
.sidebox_overstate, .sidebox_overstate a:link, .sidebox_overstate a:hover, .sidebox_overstate a:active, .sidebox_overstate a:visited {text-decoration: none;background: #f5e7be url(images/bg.sidebox_ahover.jpg) repeat-y scroll center top;color: #333333;}

/*
---------------- SIDENAV2
-------------------------------------------------------- */	
	
.sidebox2 ul {
	padding: 0px 0px;
	margin-bottom: 5px;
	width: 280px;
	
	}
	
.sidebox2 li {
	list-style: url(none) none;
	border-bottom: 1px solid #999999;
	background: url(images/arrow.png) no-repeat 3px;
	font: normal 11px/28px Arial, Helvetica, sans-serif;
	letter-spacing: -0.1px;

	}
	

/*
---------------- FRONT STLYES BOXES
-------------------------------------------------------- */	
	

#capabilities {
	position:absolute;
	left:307px;
	top:586px;
	width:292px;
	height:238px;
	z-index:1;
}

#constellation {
	position:absolute;
	left:53px;
	top:542px;
	width:224px;
	height:18px;
	z-index:1;
}
#unparalleled {
	position:absolute;
	left:339px;
	top:543px;
	width:223px;
	height:19px;
	z-index:1;
}
#flexible {
	position:absolute;
	left:618px;
	top:543px;
	width:250px;
	height:19px;
	z-index:1;
}
#chart1 {
	position:absolute;
	left:26px;
	top:579px;
	width:272px;
	height:206px;
	z-index:1;
}
#chart2 {
	position:absolute;
	left:608px;
	top:578px;
	width:273px;
	height:206px;
	z-index:1;
}
#clicktoview {
	position:absolute;
	left:45px;
	top:815px;
	width:119px;
	height:21px;
	z-index:1;
}
#clicktoview2 {
	position:absolute;
	left:618px;
	top:815px;
	width:121px;
	height:19px;
	z-index:1;
}




/* accordion styles */

/***********************************************
* Accordion Drop Down Menu- (c) JQuery Library/Web Designer Wall
* This notice MUST stay intact for legal use
* Visit JQuery at http://www.jquery.com
***********************************************/


.accordion2 {
	width: 461px;
	border-bottom: solid 1px #cccccc;
}
.accordion2 h3 {
	background: #cccccc url(images/droptab.jpg) top no-repeat;
	padding: 11px 15px;
	margin: 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color: #333333;
	border: solid 1px #cccccc;
	border-bottom: none;
	cursor: pointer;
}
.accordion2 h3:hover {
	background: url(images/drophover.jpg) no-repeat;
}
.accordion2 h3.active {
	background: url(images/drophover.jpg) no-repeat;
}
.accordion2 p {
	background: #ffffff;
	margin: 0;
	padding: 11px 14px 20px 15px;
	font:13px Arial, Helvetica, sans-serif;
	color: #000033;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	display: none;
}

.accordion3 {
	width: 461px;
	border-bottom: solid 1px #cccccc;
}
.accordion3 h3 {
	background: #cccccc url(images/droptab.jpg) no-repeat;
	padding: 7px 15px;
	margin: 0;
	font:11px Arial, Helvetica, sans-serif;
	color: #000033;
	border: solid 1px #cccccc;
	border-bottom: none;
	cursor: pointer;
}
.accordion3 h3:hover {
	background: url(images/drophover.jpg) no-repeat;
}
.accordion3 h3.active {
	background-position: right 5px;
	
}
.accordion3 p {
	margin: 0;
	padding: 10px 15px 20px;
	font:10px Arial, Helvetica, sans-serif;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	display: none;
}