/*  CSS Document */
/*  XYZ Axis - The Virtual Animations
    Last updated on FEB 2, 2008 */
/* body*/
* {
	margin:0;
	padding:0;
}
body {
	font-family:Tahoma, Arial, Verdana, sans-serif;
	background:url(../xyzAxisImages/bgPattern.gif) #333 repeat-x left top;
}
h1 { display:none; }
img { border:none; }
a { outline:none; }
#container {
	width:875px;
	margin:0 auto;
	padding:5px 0 0;
}
.sticker {
	width:101px;
	height:100px;
	background:url(../xyzAxisImages/sticker.gif) scroll no-repeat top;
	top:15px;
	right:15px;
	position:absolute;
}
/* header*/
#header {
	width:875px;
	height:295px;
	background:url(../xyzAxisImages/bgHeader.jpg) no-repeat left top;
	float:left;
}
.flashHeader {
	width:665px;
	height:295px;
	float:left;
}
.testimonials {
	width:280px;
	padding:60px 0 0;
	float:right;
	clear:left;
}
.callus {
	width:250px;
	float:left;
	padding:35px 0 0 30px;
	background:url(../xyzAxisImages/iconCall.gif) no-repeat center top;
}
/* navigation*/
.navigation {
	width:825px;
	height:50px;
	background:url(../xyzAxisImages/bgNavigation.jpg) scroll no-repeat left top;
	padding:0 0 0 50px;
	clear:both;
}
/*main panel*/
.content {
	width:875px;
	padding:0;
	margin:10px 0 0;
	float:left;
}
.leftNav {
	width:270px;
	float:left;
	padding:0 0 0 26px;
}
.showReel {
	width:270px;
	height:240px;
	float:left;
}
.welcome {
	width:250px;
	float:left;
	background:url(../xyzAxisImages/bgWelcome.jpg) scroll left top no-repeat;
	margin:0 0 0 19px;
	padding:170px 15px 0;
}
.welcome h1 {
	text-indent:-9999px;
	background:url(../xyz-axis-images/why-xyz.gif) scroll no-repeat left top;
	height:17px;
	padding:0;
}
.welcome p {
	font-size:75%;
	line-height:18px;
	color:#FFF;
	padding:0 0 15px;
}
.welcome a {
	font-size:70%;
	color:#666;
	text-decoration:underline;
	float:right;
}
.welcome a:hover {
	color:#FFF;
	text-decoration:underline;
}
/* side nav*/
.sideNav {
	width:263px;
	float:left;
	margin:0 0 0 17px;
}
/* footer*/
#footerPan {
	width:100%;
	float:left;
	background:#000;
	margin:20px 0 0;
	padding:20px 0;
}
.footer {
	width:876px;
	margin:0 auto;
}
.footerList {
	width:262px;
	float:left;
	font-size:70%;
	padding:0 15px;
}
.footerList ul { list-style:none; }
.footerList ul li {
	color:#FFF;
	border-bottom:1px solid #333;
}
.footerList ul li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:10px 0 10px 5px;
}
.footerList ul li a:hover { background:#333; }
.footerList ul li span {
	padding:10px 0 10px 5px;
	display:block;
}
/* Sub Content*/
.bgSubcontent {
	width:825px;
	float:left;
	background:url(../xyzAxisImages/bgContent.jpg) scroll no-repeat left top;
	margin:0;
	padding:0 25px;
}
.subContent {
	width:785px;
	padding:20px 20px 0;
	float:left;
	margin:0;
}
.subContentNews {
	width:800px;
	padding:20px 5px 0 20px;
	float:left;
	margin:0;
}
.subContent p {
	font-size:75%;
	line-height:16px;
	padding:0 25px 10px 15px;
	color:#FFF;
}
.subContent img { padding:0; }
.subContent ul, .bgFranchise ul {
	font-size:75%;
	line-height:16px;
	color:#FFF;
	list-style:none;
	padding:0 0 5px 30px;
}
.subContent ul li, .bgFranchise ul li {
	background:url(../xyzAxisImages/iconArrow.gif) no-repeat scroll left 4px;
	padding:0 0 10px 10px;
}
.subContent h5 {
	font-size:80%;
	font-weight:700;
	color:#FFF;
	border:1px solid #484848;
	padding:4px 0 4px 2px;
	margin:5px 0 10px 15px;
	background:#484848;
}
.subContent a {
	text-decoration:none;
	color:#FFFFFF;
}
.subContent a:hover {
	text-decoration:underline;
}
.handcursor { cursor:pointer; }
.bgCourse {
	width:753px;
	border:1px solid #484848;
	padding:10px 0 0;
	margin:0 0 15px 15px;
	float:left;
}
.bgCourse p {
	font-size:75%;
	color:#FFF;
	line-height:16px;
}
.bgCourse ul {
	font-size:75%;
	line-height:16px;
	color:#FFF;
	list-style:none;
	width:90%;
	padding:0 0 0 30px;
}
.bgCourse ul li {
	background:url(../xyzAxisImages/iconArrow.gif) scroll no-repeat left 40%;
	padding:0 0 5px 10px;
	border:none;
}
.portfolio {
	margin:0 0 0 10px;
	width:755px;
	text-align:left;
}
.newsLetters {
	margin:0;
	width:785px;
	text-align:left;
}
/* FAQ*/
.quest {
	cursor:pointer;
	font-size:75%;
	padding:0 0 0 35px;
}
.answer {
	padding:0 0 0 35px;
	color:#FFF;
}
.answer p { padding:0 15px 15px 0; }
.open {
	color:#666;
	margin:15px 0 10px 15px;
	padding:0 0 0 20px;
	background:url(../xyzAxisImages/iconMinus.gif) scroll no-repeat left;
}
.close {
	color:#FFF;
	background:url(../xyzAxisImages/iconPlus.gif) scroll no-repeat left;
	margin:15px 0 10px 15px;
	padding:0 0 0 20px;
}
/*font replacement*/
.sIFR-flash {
	visibility:visible!important;
	margin:0;
}
.sIFR-replaced { visibility:visible!important; }
span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}
.sIFR-flash + div[adblocktab=true] { display:none!important; }
.sIFR-hasFlash h2 {
	visibility:hidden;
	border:0;
	font-size:26px;
}
.sIFR-hasFlash h3 {
	visibility:hidden;
	border:0;
	margin:0 0 15px;
	font-size:24px;
}
.sIFR-hasFlash h4 {
	visibility:hidden;
	font-size:20px;
	border:0;
	margin:5px 0 10px 15px;
}
.sIFR-hasFlash h6 {
	visibility:hidden;
	font-size:18px;
	margin:10px 0 10px 10px;
	padding:0;
	color:#00BFFE;
}
/* misc*/
.addressOverall {
	width:770px;
	float:left;
	padding:15px 0 0;
}
.address {
	width:310px;
	float:left;
}
.address a { font-size:100%; }
.map {
	width:451px;
	padding:2px;
	float:left;
	border:1px solid #484848;
}
.bgTop {
	width:755px;
	height:12px;
	font-size:90%;
	text-align:right;
	background:url(../xyzAxisImages/bgTop.gif) no-repeat scroll 99% center;
	color:#666;
	padding:0 30px 0 0;
}
.bgTop a {
	color:#666;
	text-decoration:none;
}
.bgTop a:hover {
	color:#CCC;
	text-decoration:none;
}
.spacer { margin:0 0 0 15px; }
.courseDesc {
	float:left;
	margin:0 0 15px;
	background:url(../xyzAxisImages/bgCourseDesc.gif) repeat-y center top;
	border-top:1px solid #484848;
	border-right:1px solid #484848;
	border-left:1px solid #484848;
	font-size:75%;
	color:#FFF;
	width:500px;
}
.courseDesc h5 {
	margin:0;
	padding:4px 0 4px 5px;
	font-size:100%;
	line-height:16px;
}
.courseDescL {
	width:245px;
	float:left;
	border-bottom:1px solid #484848;
	padding:2px 0 2px 5px;
}
.courseDescOverall {
	float:left;
	padding:10px 0 0 15px;
	width:502px;
}
/* franchise */
.franchise {
	width:480px;
	float:left;
	background:#333 url(../xyzAxisImages/bgNews.jpg) no-repeat scroll left top;
	padding:0 0 0 20px;
}
.bgNewsLetter {
	width:100%;
	height:44px;
	background:url(../xyzAxisImages/bgFranchise.jpg) no-repeat scroll 90% top;
	text-indent:-9999px;
	margin:0 0 15px;
}
.bgFranchise {
	width:430px;
	margin:0;
	border-top:3px solid #333;
	border-right:3px solid #333;
	border-left:3px solid #333;
	color:#FFF;
	line-height:16px;
	padding:10px;
	float:left;
}
.bgFranchise p {
	font-size:75%;
	padding:0 0 10px;
}
.franchiseForm {
	width:410px;
	float:left;
	font-size:75%;
	border:1px solid #555;
	padding:10px;
}
.franchiseForm fieldset { border:none; }
.franchiseForm label {
	margin-right:10px;
	padding-right:10px;
	width:100px;
	display:block;
	float:left;
	color:#FFF;
}
.bgSubmit {
	background:url(../xyzAxisImages/bgSubmit.jpg) no-repeat scroll left top;
	height:33px;
	width:81px;
	color:#FFF;
	font-size:12px;
	font-weight:700;
	border-style:none;
	padding:0 0 2px;
	margin:3px 0 0;
}
.bgTextArea01 {
	background:#4F4F4F;
	padding:2px;
	border:1px solid #666;
	color:#000;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	width:250px;
	margin:0 0 5px;
}