/* site.css */

body 
{
	background-color: #688FA1;
	background-image: url(../img/public/bg_top.jpg);
	background-repeat: repeat-x;
	font-family: Calibri, Arial, Helvetica, Sans-Serif;
	font-size: 11pt;
}

a 
{
	font-weight: bold;
	font-size: 12pt;
	color: #555555;
}

/* PRIMARY LAYOUT
--------------------------------------------------*/
#container 
{
	width: 768px;
	margin: auto;
}

#header
{
	height: 63px;
	background-image: url(../img/public/header_blur.jpg);
	background-repeat: no-repeat;
}

#content 
{
	background-color: #F5EFDD;
	padding-bottom: 50px;
}

.main-column 
{
	float: right;
	width: 415px;
	padding-top: 162px;
	padding-left: 20px;
	padding-right: 20px;
	background-repeat: no-repeat;
}

.side-column
{
	float: left;
	width: 313px;
	padding-top: 158px;
	background-repeat: no-repeat;
}

.note, .chart
{
	background-color: #EEE2C0;
	padding: 20px 20px 20px 20px;
}

.side-column img 
{
	margin-left: 25px;
}

.chart img 
{
	display: block;
	margin: 10px auto 0 10px;
}

.logo 
{
	display: block;
	width: 200px;
	margin: 10px auto 0 auto;
}


/* PHOTOS 
--------------------------------------------------*/

.index .main-column 
{
	background-image: url(../img/public/colA_photo_home.jpg);
}

.index .side-column 
{
	background-image: url(../img/public/colB_photo_home.jpg);
}

.facta .main-column
{
	background-image: url(../img/public/colA_photo_checklist.jpg);
}

.facta .side-column, .trustwave .side-column, .about .side-column 
{
	background-image: url(../img/public/colB_photo_checklist.jpg);
}

.pci .main-column
{
	background-image: url(../img/public/colA_photo_oo.jpg);
}

.pci .side-column
{
	background-image: url(../img/public/colB_photo_oo.jpg);
}

.program .main-column, .trustwave .main-column, .about .main-column
{
	background-image: url(../img/public/colA_photo_resource.jpg);
}

.program .side-column
{
	background-image: url(../img/public/colB_photo_todo.jpg);
}

.faq .main-column 
{
	background-image: url(../img/public/colA_photo_faq.jpg);
}

.faq .side-column 
{
	background-image: url(../img/public/colB_photo_resource.jpg);
}

.saq .main-column 
{
	background-image: url(../img/public/colA_photo_login.jpg);
}

.saq .side-column 
{
	background-image: url(../img/public/colB_photo_login.jpg);
}

/* SIDE BAR MENU
--------------------------------------------------*/
.menu 
{
	background-color: #EEE2C0;	
}

#content .menu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu ul li 
{
	margin: 0px;
	padding: 0px;
	height: 32px;
	background-color: #E1D09B;
}

.menu ul li a
{
	display: block;
	height: 30px;
	color: #017F9A;
	text-indent: -9999px;
	background-image: url(../img/public/sprite_side_menu.png);
}

.menu ul li a#nav_home
{
	background-position: 0px 0px;
}

.menu ul li a#nav_program
{
	background-position: 0px -30px;
}

.menu ul li a#nav_checklist
{
	background-position: 0px -60px;
}

.menu ul li a#nav_facta
{
	background-position: 0px -90px;
}

.menu ul li a#nav_pci
{
	background-position: 0px -120px;
}

.menu ul li a#nav_saq
{
	background-position: 0px -150px;
}

.menu ul li a#nav_faq
{
	background-position: 0px -180px;
}

#content .menu ul li a:hover
{
	background-position-x: -313px;
}

#content .menu ul li a.on
{
	background-position-x: -626px;
}

/* MAIN HEADERS 
--------------------------------------------------*/
h1 
{
	font-size: 14pt;
	font-weight: bold;
}

h1 + p 
{
	margin-top: 3px;
}

#header h1 
{
   display: none;
}

.main-column h1 
{
	text-indent: -9999px;
	width: 415px;
	height: 40px;
	margin-top: 15px;
	background-image: url(../img/public/sprite_headers.png);
	background-repeat: no-repeat;
}

.index .main-column h1 
{
	background-position: 0px -0px;
}

.program .main-column h1 
{
	background-position: 0px -40px;
}

.facta .main-column h1 
{
	background-position: 0px -80px;
}

.pci .main-column h1 
{
	background-position: 0px -120px;
}

.saq .main-column h1 
{
	background-position: 0px -160px;
}

.faq .main-column h1 
{
	background-position: 0px -200px;
}

.about .main-column h1 
{
	background-position: 0px -240px;
}

.trustwave .main-column h1 
{
	background-position: 0px -280px;
}

/* SUB HEADERS 
--------------------------------------------------*/
h2 
{
	font-size: 12pt;
	font-weight: bold;
}

h2 + p 
{
	margin-top: 3px;
}

.main-column h2 
{
	text-indent: -9999px;
	width: 415px;
	height: 29px;
	margin-top: 2px;
	background-image: url(../img/public/sprite_sub_headers.png);
	background-repeat: no-repeat;
}

.index .main-column h2 
{
	background-position: 0px 0px;
}

.program .main-column h2 
{
	background-position: 0px -29px;
}

.facta .main-column h2 
{
	background-position: 0px -58px;
}

.pci .main-column h2 
{
	background-position: 0px -87px;
}

.saq .main-column h2 
{
	background-position: 0px -116px;
}

/* SIDE BAR HEADERS 
--------------------------------------------------*/
.side-column h2 
{
	text-indent: -9999px;
	width: 220px;
	height: 26px;
	margin-top: 2px;
	background-image: url(../img/public/sprite_sidebar_headers.png);
	background-repeat: no-repeat;
}

.index .side-column .chart h2
{
	background-position: 0px -26px;
}

.program .side-column .note h2
{
	background-position: 0px 0px;
}

.program .side-column .chart h2
{
	background-position: 0px -26px;
}

.pci .side-column .note h2
{
	background-position: 0px -78px;
}

.side-column .note.trustwave h2
{
	background-position: 0px -52px;
}

.facta .side-column .note h2
{
	background-position: 0px -104px;
}

.faq .side-column .note h2
{
	background-position: 0px -78px;
}

/* TEXT 
--------------------------------------------------*/
ul li, ol li
{
	padding-bottom: 6px;
}

.note ol li a
{
	font-size: 10pt;
}

.note ul a 
{
	font-size: 11pt;
}

.blue 
{
	color: #017F9A;
}

.green 
{
	color: #95AB00;
}

.tiny 
{
	font-weight: normal;
	font-size: 9pt;
}

.tiny a 
{
	font-size: 9pt;
}

h3 
{
	margin-top: 15px;
	font-size: 12pt;
	font-weight: bold;
}

h3 + p
{
	margin-top: 3px;
}

p 
{
	margin-top: 10px;
}

.side-column h4 
{
	text-indent: -9999px;
	height: 19px;
	background-image: url(../img/public/date_header.png);
	background-repeat: no-repeat;
}

.large 
{
	font-size: 13pt;
}

#content ul, #content ol 
{
	margin: 10px 0 0 25px;
}

#content ol 
{
	font-weight: bold;
}

#resource ul 
{
	margin-bottom: 20px;
}

p + h1 
{
	margin-top: 15px;
}

#concern1 + em, #concern2 + em, #concern3 + em 
{
	display: none;
	font-size: 9pt;
	padding-top: 6px;
}

.chart p
{
	font-size: 10pt;
}
/*
.chart h2 
{
	width: 200px;
	height: 16px;
	text-indent: -9999px;
	background-image: url(../img/header_did_you_know.png);
	background-repeat: no-repeat;
}
*/


/* FOOTER 
--------------------------------------------------*/
#footer 
{
	clear: both;
	background-image: url(../img/public/bg_footer.png);
	background-repeat: repeat-x;
}

#footer div 
{
	margin: auto;
	padding-top: 10px;
	width: 768px;
	background-color: #ECE0BF;
	background-image: url(../img/public/bg_inner_footer.png);
	background-repeat: repeat-x;
	height: 23px;
}

#footer ul 
{
	margin-left: 20px;
	float: left;
	list-style: none;
}

#footer ul li
{
	float: left;
	margin-right: 2px;
	color: #959595;
	font-size: 10pt;
}

#footer ul li a
{
	color: #959595;
	font-size: 10pt;
	text-decoration: none;
	font-weight: normal;
}

#footer ul li a:hover
{
	text-decoration: underline;
}

#footer p 
{
	float: left;
	color: #959595;
	font-size: 10pt;
	margin: 0px 20px 0 20px;
}


/* BUTTONS 
--------------------------------------------------*/
#content ul.buttons
{
	margin: 10px;
	padding: 0px;
	float: right;
}

#content ul.buttons li
{
	list-style-type: none;
	display: inline;
}

ul.buttons li a
{
    float: left;
	display: block;
	text-indent: -9999px;
	width: 129px;
	height: 45px;
	background-image: url(../img/public/sprite_btn_lrg.png);
	background-repeat: no-repeat;
}

.back
{
	background-position: 0px 0px;
}

.continue
{
	background-position: 0px -45px;
}

.login
{
	background-position: 0px -90px;
}

.start
{
	background-position: 0px -135px;
}

.checklist .continue
{
	background-position: 0px -180px;
}

.facta .continue
{
	background-position: 0px -225px;
}

.pci .continue
{
	background-position: 0px -270px;
}

.submit
{
	background-position: -258px --315px;
}

/* FAQ 
--------------------------------------------------*/
dl 
{
	margin-top: 20px;
}

dt 
{
	font-weight: bold;
	/*color: #017F9A; /* blue */
	/*color: #95AB00; /* green */
}

dt.hover 
{
	text-decoration: none;
}

dd
{
	font-size: 10pt;
	margin: 2px 0px 10px 10px;
}

dd a 
{
	font-size: 10pt;
	color: #017F9A; /* blue */
	/*color: #95AB00; /* green */
}

dd p 
{
	margin: 0px 0 10px 0;
}

/* TERMINAL INSTRUCTIONS 
--------------------------------------------------*/
#show-dwnld 
{
    display: none;
}

#instructions 
{
	padding: 4px;
	margin-top: 10px;
	background-color: #EEE2C0;
}

#instructions, #show-dwnld 
{
	margin-bottom: 20px;
}

#instructions ul 
{
	display: none;
	list-style:none;
	float:left;
}

#instructions h3 
{
	margin: 0px;
}
#instructions ul li
{
    float:left;
}

#instructions ul li a
{
    border:1px solid #000;
    display:block;
    width:96px;
    height:25px;
    padding-top:96px;
    text-align:center;
    margin:0 6px 6px 0;
    background-image: url(../img/public/terminals.jpg);
	background-repeat: no-repeat;
}
.T4100
{
    background-position:0px 0px;
}
.T7P
{
    background-position:-100px 0px;
}
.T7Plus
{
    background-position:-200px 0px;
}
.Nurit8000
{
    background-position:-100px -120px;
}
.Nurit8020
{
    background-position:0px -120px;
}
.Nurit2085
{
    background-position:-200px -120px;
}
.Nurit2090
{
    background-position:0px -240px;
}
.Nurit3000
{
    background-position:-100px -240px;
}
.Nurit3010
{
    background-position:-200px -240px;
}
.Nurit3020
{
    background-position:0px -360px;
}
.Nurit8320
{
    background-position:-100px -360px;
}
.Omni3740
{
    background-position:-200px -360px;
}
.Vx570
{
    background-position:0px -480px;
}
.Omni3210
{
    background-position:-100px -480px;
}
.Omni3200
{
    background-position:-200px -480px;
}
.Omni396
{
    background-position:0px -600px;
}
.Tranz
{
    background-position:-100px -600px;
}
.Tranz460
{
    background-position:-200px -600px;
}
.Talento
{
    background-position:0px -720px;
}

.index ol li
{
	margin-bottom: 6px;
}

/* ABOUT US 
--------------------------------------------------*/
#logos 
{
	margin: 20px 0 0 37px;
}