/* ======================================================== *
 *  CSS Created by 5Q Communications                        *
 * -------------------------------------------------------- *
 *                                                          *
 *  Contact 5Q Communications, Inc. before modifying        *
 *                                                          *
 *  ~ 800-747-4214 ext. 904                                 *
 *  ~ http://www.5qcommunications.com/                      *
 *                                                          * 
 * -------------------------------------------------------- */
/* ============================================ *
 *  This stylesheet controls all the structure  *
 * ---------------------------------------------*/
html {
    background: #d9e0f9 url(/static/images/bg-html.jpg) repeat-x;
}
body {
    margin: 0;
    background: url(/static/images/bg-body.jpg) no-repeat 50% 0;
    font: 15px "trebuchet MS", sans-serif;
    min-width: 884px;
}
#page {
    margin: 0 auto;
    width: 884px;
    position: relative;
    overflow: hidden;
    padding: 516px 0 0;
}
/*header start*/
#header {
    width: 884px;
    overflow: hidden;
    height: 110px;
    position: absolute;
    top: 0;
    left: 0;
}
.logo {
    width: 254px;
    height: 69px;
    position: absolute;
    top: 20px;
    left: 16px;
    display: block;
}
.logo a {
    display: block;
    height: 69px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/static/images/logo.gif);
}
#header ul {
    float: right;
    margin: 20px 133px 0 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    height: 20px;
    display: inline;
}
#header ul li {
    padding: 0 9px 0 14px;
    margin: 0 4px 0 -4px;
    float: left;
    background: url(/static/images/header-split.gif) no-repeat left;
}
#header ul a {
    font: italic 13px "Trebuchet MS", sans-serif;
    color: #fff;
    text-decoration: none;
}
#header ul a:hover {
    text-decoration: underline;
}
form {
    margin: 0;
    padding: 0;
    border: 0;
}
.group.center {
	text-align: center;
}
.form {
    position: absolute;
    top: 50px;
    right: 14px;
    height: 26px;
    width: 270px;
    overflow: hidden;
}
.form button.btn-main {
    margin: 1px 0 0 3px;
}
.txt {
    float: left;
    height: 26px;
    width: 193px;
    overflow: hidden;
    background: url(/static/images/bg-input.gif);
}
.txt input {
    width: 185px;
    height: 23px;
    padding: 3px 4px 0;
    background: none;
    border: none;
}
.search {
    margin: 1px 0 0;
    float: right;
    display: inline;
    width: 50px;
    height: 22px;
    background: url(/static/images/search.gif);
    color: #fff;
    font: italic 13px "Trebuchet MS", sans-serif;
    text-decoration: none;
    padding: 2px 0 0 23px;
}
.search:hover {
    background-position: 0 -24px;
}
/* ======================================================== *
 *  Main Menu                                               *
 * -------------------------------------------------------- */
.menu {
    position: absolute;
    z-index: 100;
    top: 116px;
    left: 10px;
    width: 824px;
    height: 35px;
}
#menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu li {
    padding: 0;
    float: left;
    margin: 0 3px 0 0;
}
#menu li a {
    float: left;
    height: 35px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    font: 16px "trebuchet MS", sans-serif;
    color: #ffffff;
}
#menu li a span {
    float: left;
    height: 35px;
}
.l {
    width: 5px;
    background: url(/static/images/bg-l.png) no-repeat;
}
.r {
    width: 5px;
    background: url(/static/images/bg-r.png) no-repeat;
}
#menu li a span.item {
    background: url(/static/images/bg-item.png) repeat-x;
    padding: 7px 9px 0;
    height: 30px;
    border: none;
}
#menu li a:hover {
    color: #fff;
}
#menu li a .l,
#menu li a .r,
#menu li a .item {
    opacity: .50;
    filter:alpha(opacity=50);
}
#menu li a:hover .l,
#menu li a:hover .r,
#menu li a:hover .item {
    opacity: .80;
    filter:alpha(opacity=80);
}
#menu li a.active .l {
    background: url(/static/images/bg-l-active.png) no-repeat;
}
#menu li a.active .r {
    background: url(/static/images/bg-r-active.png) no-repeat;
}
#menu li a.active .item {
    background: url(/static/images/bg-item-active.png) repeat-x;
}
#menu li:hover,#menu li.hover {
    position: relative;
}
#menu li:hover ul,#menu li.hover ul {
    display: block;
}
#menu li:hover ul ul,#menu li.hover ul ul {
    display: none;
}
#menu ul li:hover ul,#menu ul li.hover ul {
    display: block;
}
#menu ul {
    display: none;
    width: 170px;
    margin: 0;
    position: absolute;
    top: 35px;
    left: 0;
    padding: 1px 0 0;
    list-style: none;
    font: 14px "Times New Roman", Times, serif;
}
#menu ul li {
    width: 100%;
    padding: 0;
    float: left;
    display: block;
}
#menu ul a {
    float: none;
    display: block;
    overflow: hidden;
    width: 159px;
    background: url(/static/images/bg-sub-a.png) repeat-x;
    height: 24px;
    color: #19263a;
    font: 14px "Times New Roman", Times, serif;
    padding: 4px 0 0 11px;
}
#menu ul a span {
    float: none;
    display: block;
    width: 154px;
    background: url(/static/images/arrow.gif) no-repeat right;
    height: auto;
}
#menu ul a:hover {
    background: url(/static/images/bg-sub-a-hover.png) repeat-x;
    color: #19263a;
}
#menu ul a.first {
    height: 25px;
    background: url(/static/images/bg-first.png);
}
#menu ul a.first:hover {
    background: url(/static/images/bg-first-hover.png);
}
#menu ul a.last {
    background: url(/static/images/bg-last.png);
    height: 22px;
}
#menu ul a.last:hover {
    background: url(/static/images/bg-last-hover.png);
}
#menu ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 170px;
    width: 170px;
    padding: 0 0 0 1px;
}
/* ======================================================== *
 *  Visual Area (basically header image)                    *
 * -------------------------------------------------------- */
.home #visual {
    width: 860px;
    position: absolute;
    top: 155px;
    left: 12px;
    background: url(/static/images/visual-new-3.jpg) bottom no-repeat;
    height: 335px;
    overflow: hidden;
}
.video-holder {
    width: 240px;
    height: 180px;
    background: url(/static/images/video-depth.png) no-repeat top left;
    overflow: hidden;
}
.video-holder .video {
    width: 230px;
    height: 153px;
    margin: 18px 0 0 6px;
}
.video-holder .video img {
    display: block;
    border: none;
}
/* ======================================================== *
 *  Content Area                                            *
 * -------------------------------------------------------- */
#content {
    width: 100%;
    overflow: hidden;
}
/*column1 start*/
.column1 {
    width: 263px;
    float: left;
    margin: 0 0 0 12px;
    overflow: hidden;
    display: inline;
}

.tabset {
    width: 100%;
    overflow: hidden;
    height: 28px;
}
.tabset a {
    float: left;
    height: 28px;
    font: italic 13px/18px "trebuchet MS", sans-serif;
    color: #fff;
    text-decoration: none;
    margin: 0 1px 0 0;
    background: url(/static/images/tab-l.gif) no-repeat 0 0;
    overflow: hidden;
}
.tabset a span {
    float: left;
    height: 23px;
    background: url(/static/images/tab-r.gif) no-repeat 100% 0;
    padding: 5px 11px 0 12px;
    -webkit-padding-start: 14px; /* fixes homepage sidebar tab width in Safari */
}
.tabset a.active {
    color: #19263a;
    background-position: 0 -28px;
}
.tabset a.active span {
    background-position: 100% -28px;
}
div.tab {
    width: 262px;
    overflow: hidden;
    background: url(/static/images/bg-tab.gif) no-repeat;
    padding: 0;
}
div.tab h3 {
    padding: 0 10px;
}
#tab1 .item .hold {
	width: 242px;
}
.column1 h4 {
    margin: 23px 0 6px;
    font: bold 16px "trebuchet MS", sans-serif;
    color: #19263a;
    float: left;
    width: 100%;
}
.column1 p {
    margin: 0 0 10px;
    font-size: 12px;
    color: #222258;
    float: left;
}
div.tab a.btn {
    margin: 12px 0 0;
}
.column1 h2 {
    font: bold 24px "trebuchet MS", sans-serif;
	color:#252350;
	padding: 0 0 0 10px;
    margin: 30px 0 0;
}
.column1 .underline {
	display: block;
	height: 9px;
	width: 263px;
	margin: 0 0 10px 0;
	background: transparent url(/static/images/bg-underline.png);	
}
.column1 .holder {
    width: 100%;
    overflow: hidden;
}
.column1 .holder h4 {
    margin: 0;
    line-height: 16px;
    margin-bottom: 15px;
}
.column1 .holder h4 a {
	color: #721366;
	text-decoration: none;
}
.column1 .holder h4 a:hover {
	color: #ac219b;
}
.column1 .holder img {
	width: 90px;
	padding: 4px;
	border: 1px solid #bec7e9;
	background: #e8ecfb;
    float: left;
    margin: 0 0 0 10px;
}
.column1 .holder .purchase {
    float: right;
    overflow: hidden;
    width: 141px;
}
.purchase a.btn {
    margin: 5px 0 0;
}
.column1 .holder2 {
    overflow: hidden;
    padding: 0 10px;
    width: 233px;
}
.column1 .holder2 a.btn {
    margin: 6px 0 0;
    letter-spacing: -1px;
}
/*column2 start*/
.column2 {
    width: 567px;
    float: right;
    margin: 0 14px 0 0;
    overflow: hidden;
}
.column2 .block {
    width: 100%;
    overflow: hidden;
    margin: 0 0 7px;
    padding: 7px 0 0;
    background: url(/static/images/block-top.gif) no-repeat;
}
.column2 .block-sub {
    width: 567px;
    overflow: hidden;
    background: url(/static/images/block-btm.png) no-repeat 0 100%;
    padding: 6px 0 13px;
}
.block-sub .img {
    float: left;
    margin: 0 0 0 14px;
    width: 174px;
}
.block-sub .img img {
    display: block;
    border: 4px solid #5D64A8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.block-sub .text {
    width: 340px;
    float: right;
    display: inline;
    margin: 0 14px 0 0;
}
.block h3 {
    margin: 0 0 10px;
    font: italic 18px "trebuchet MS", sans-serif;
}
.block h3 a {
	text-decoration: none;
	color: #403e71;
}
.block h3 a:hover {
	text-decoration: underline;
}
.block h3.normal {
    font-style: normal;
}
.block .text p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 10px;
}
.block .group {
	margin: 15px 0 5px 0;	
}
.block a {
    color: #4b5ac2;
}
.block a:hover {
    text-decoration: none;
}
/* ======================================================== *
 *  Footer                                                  *
 * -------------------------------------------------------- */
.footer-holder {
    width: 100%;
    background: #192050 url(/static/images/bg-footer.gif) repeat-x;
    margin: 52px 0 0;
}
#footer {
    width: 884px;
    overflow: hidden;
    margin: 0 auto;
    color: #babfdf;
    font-size: 12px;
    padding: 0 0 20px;
}
#footer p {
    margin: 0 0 0 13px;
    line-height: 14px;
}
#footer .left {
    width: 261px;
    float: left;
    display: inline;
    overflow: hidden;
    margin: 15px 0 0;
}
#footer .left .separator {
    overflow: hidden;
    width: 100%;
    background: url(/static/images/bg-separator.gif) no-repeat bottom;
    padding: 0 0 16px;
    margin: 0 0 13px;
}
.logo2 {
    float: left;
    margin: 39px 0 0 84px;
}
.logo2 img {
    display: block;
    border: none;
}
#footer .right {
    width: 270px;
    float: right;
    display: inline;
    overflow: hidden;
    margin: 15px 0 0;
}
#footer .right .separator {
    overflow: hidden;
    width: 100%;
    background: url(/static/images/bg-separator.gif) no-repeat bottom;
    padding: 0 0 16px;
    margin: 0 0 13px;
}
#footer .right .separator p {
    margin: 0;
    float: left;
}
#footer .right ul {
    float: right;
    width: 100%;
    margin: 0 -7px 0 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
#footer .right ul li {
    float: left;
    padding: 0 8px 0 12px;
    margin: 0 4px 0 -4px;
    background: url(/static/images/footer-split.gif) no-repeat left;
}
#footer .right ul a {
    text-decoration: none;
    color: #babfdf;
}
#footer .right ul a:hover {
    text-decoration: underline;
}
#footer .right .by {
    margin: 23px 0 0 154px;
    display: block;
}
#footer .right .by img {
    display: block;
    border: none;
}
/* ======================================================== *
 *  Inner Page Structure                                    *
 * -------------------------------------------------------- */
.inner #page {
    padding-top: 505px;
}
.inner #visual {
    width: 864px;
    height: 299px;
    overflow: hidden;
    position: absolute;
    top: 180px;
    left: 9px;
    background: transparent url(/static/images/bg-caption.png) no-repeat 0 100%;
}
.inner #visual .photo {
    width: 860px;
    height: 258px;
    overflow: hidden;
    padding: 0 2px 3px;
    background: transparent url(/static/images/bg-image-shadow.png) no-repeat 0 100%;
}
.inner #visual .breadcrumb {
    padding: 10px 10px 12px;
    overflow: hidden;
    width: 580px;
    position: relative;
}
.inner #visual .breadcrumb p {
    margin: 0;
    font: 12px "trebuchet MS", sans-serif;
    color: #131234;
}
.inner #visual .breadcrumb a {
	color: #721366;
	text-decoration: none;
}
.inner #visual .breadcrumb a:hover {
	color: #ac219b;
}

/*inner column1 start*/
/*
.inner .column1 h3 {
    font: 19px "trebuchet MS", sans-serif;
    color: #343360;
    margin: 0;
    padding: 8px 0 0 17px;
    background: url(/static/images/bg-h3.png);
    width: 234px;
    height: 30px;
}
*/
.inner .column1 .menucap {
    background: url(/static/images/bg-h3.png) no-repeat;
    width: 234px;
    height: 30px;
    z-index: 0;
    padding: 8px 0 0 17px;
    position: relative;
    margin: 0;
}
.inner .column1 .menucap h3 {
    font: 19px "trebuchet MS", sans-serif;
    color: #343360;
    margin: 0;
    padding: 0;
}
.inner .column1 .menucap a.btn-main {
    position: absolute;
    top: 8px;
    right: 7px;
    z-index: 400;
}
#nav{
    margin:0 0 20px 0;
    padding:0 0 35px;
    list-style:none;
    width:251px;
    font:14px "trebuchet MS", sans-serif;
    background:url(/static/images/bg-nav.gif) no-repeat 0 100%;
}
#nav li{
    width:100%;
    overflow:hidden;
    padding:0;
    position: relative;
    z-index: 100;
}
#nav li a{
    display:block;
    height:26px;
    background:url(/static/images/bg-nav-link.gif);
    width:235px;
    text-decoration:none;
    color:#343360;
    padding:6px 0 0 16px;
}
#nav li a.active{
    color: #721366;
}
#nav li a:hover { background-position:0 -32px; }
#nav ul {
    display:none;
    margin:0;
    list-style:none;
    width:100%;
    overflow:hidden;
    background:url(/static/images/bg-nav-ul.gif) repeat-y;
    font:12px "trebuchet MS", sans-serif;
}
#nav ul li {
    padding:0;
    width:249px;
}
#nav ul a {
    color:#36399b;
    text-decoration:none;
    background:none;
    padding-left:33px;
}
#nav ul a:hover {
    background: url(/static/images/bg-open-hover.gif) repeat-y;
}
#nav .open .click {
    height: 27px;
    font-size: 14px;
    background: url(/static/images/bg-open.gif) no-repeat 0 0;
}
#nav .open .click:hover {
    background-position: 0 0;
}
#nav .open ul {
    display: block;
    padding: 0;
    margin: 0;
}
.banner {
    display: block;
    margin: 36px 0 0;
}
.banner img {
    display: block;
    border: none;
}
/*inner column2 start*/
.inner .column2 {
    width: 578px;
    margin: 0 9px 0 0;
}
/*.inner .column2 p {
    padding: 0;
    margin: 0 0 20px;
    font: 12px/18px "trebuchet MS", sans-serif;
    color: #2f2848;
}*/
.video-holder2 {
    float: right;
    display: inline;
    margin: 0 0 15px 15px;
    width: 365px;
    height: 166px;
    overflow: hidden;
    background: url(/static/images/video-holder2.jpg);
}
.video-holder2 .video2 {
    margin: 9px 0 0 131px;
    width: 230px;
    height: 153px;
    overflow: hidden;
}
.inner .column2 .float-left {
    float: left;
    background: #fff;
    padding: 5px;
    margin: 0 36px 26px 0;
    display: inline;
}
.inner .column2 .float-right {
    float: right;
    background: #fff;
    padding: 5px;
    margin: 0 0 26px 36px;
    display: inline;
}
/* ======================================================== *
 *  Universal Button Rules                                  *
 * -------------------------------------------------------- */
a.left {
    float: left;
}
a.right {
    float: right;
}
.btn-main,
.btn-print,
.btn-email,
.btn-support {
    border: 0;
    cursor: pointer;
    font-style: italic;
    text-align: center;
    text-decoration: none!important;
    float: left;
}
.btn-main span,
.btn-print span,
.btn-email span,
.btn-support span {
    border: none;
    position: relative;
    display: block;
    white-space: nowrap;
    text-decoration: none!important;
    text-transform: capitalize;
}

a.btn-print,
a.btn-email {
	margin-left: 5px;
}
.btn-main,
.btn-print,
.btn-email {
    padding: 0 8px 0 0;
    margin: 0;
}
.btn-main span,
.btn-print span,
.btn-email span  {
    padding: 0 0 0 21px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #fff;
}
.btn-print span,
.btn-email span {
    padding: 0 0 0 30px;
}
.btn-support {
    padding: 0 11px 0 0;
    margin: 0;
}
.btn-support span {
    padding: 0 0 0 18px;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    color: #62656c;
}
/* ======================================================== *
 *  Button Main (larger darker button)                      *
 * -------------------------------------------------------- */
.btn-main,
.btn-print,
.btn-email {
    background: url(/static/images/btn-main.png) right no-repeat;
}
.btn-main span {
    background: url(/static/images/btn-main-span.png) left no-repeat;
}
.btn-print span {
    background: url(/static/images/btn-print-span.gif) left no-repeat;
}
.btn-email span {
    background: url(/static/images/btn-email-span.gif) left no-repeat;
}
.btn-main:hover,
.btn-print:hover,
.btn-email:hover {
    background: url(/static/images/btn-main-hover.png) right no-repeat;
}
.btn-main:hover span {
    background: url(/static/images/btn-main-span-hover.png) left no-repeat;
}
.btn-print:hover span {
    background: url(/static/images/btn-print-span-hover.gif) left no-repeat;
}
.btn-email:hover span {
    background: url(/static/images/btn-email-span-hover.gif) left no-repeat;
}
/* ======================================================== *
 *  Button Support (small light button)                     *
 * -------------------------------------------------------- */
.btn-support {
    background: url(/static/images/btn-support.png) right no-repeat;
}
.btn-support span {
    background: url(/static/images/btn-support-span.png) left no-repeat;
}
.btn-support:hover {
    background: url(/static/images/btn-support-hover.png) right no-repeat;
}
.btn-support:hover span {
    background: url(/static/images/btn-support-span-hover.png) left no-repeat;
}
/* ======================================================== *
 *  Banners                                                 *
 * -------------------------------------------------------- */
#banners {
    margin: 0;
    padding: 0;
}
#banners ul {
    list-style: none;
    margin: 30px 0 10px;
    padding: 0 0 7px;
}
#banners li img {
    width: 230px;
    border: none;
    padding: 0 10px;
    margin: 0 0 15px 0;
    overflow: hidden;
}
/* ======================================================== *
 *  Button Expand/Collapse (sidebar menu)                   *
 * -------------------------------------------------------- */
#nav span.expander,
#nav a.btn-expand,
#nav a.btn-collapse {
    display: block;
    height: 20px;
    width: 20px;
	margin: 0;
	padding: 0;
}
#nav span.expander {
    position: absolute;
    z-index: 105;
    right: 7px;
    top: 7px;
}
#nav a.btn-expand,
#nav a.btn-collapse {
    background: transparent url(/static/images/btn-expand-collapse.png) no-repeat 0 0;
}
#nav a.btn-expand {
    background-position: 0 0;
}
#nav a.btn-expand:hover {
    background-position: 0 -20px;
}
#nav a.btn-collapse {
    background-position: -20px 0;
}
#nav a.btn-collapse:hover {
    background-position: -20px -20px;
}

/* ======================================================== *
 *  Print & Email a Friend									*
 * -------------------------------------------------------- */

.inner #visual .printemail {
	position: absolute;
	bottom: 9px;
	right: 9px;
	z-index: 600;
}
.inner #visual .printemail a.btn-print, 
.inner #visual .printemail a.btn-email {
	z-index: 700;
}