/* @override http://gregan.com/pages/style.css */

body  {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	background: url(../images/background3.jpg);
	background-repeat: repeat-x;
	background-color: #aaaaaa;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	margin-top: 0px;
}

#pk1 .on1, #pk2 .on2, #pk3 .on3, #pk4 .on4, #pk5 .on5, #pk6 .on6, #pk7 .on7, #pk8 .on8, #pk9 .on9, #pk10 .on10, #pk11 .on11, #pk12 .on12, #pk13 .on13, #pk14 .on14  { color: #fff; }
#tm1 .on1, #tm2 .on2, #tm3 .on3, #tm4 .on4, #tm5 .on5, #tm6 .on6, #tm7 .on7, #tm8 .on8, #tm9 .on9, #tm10 .on10, #tm11 .on11, #tm12 .on12, #tm13 .on13, #tm14 .on14, #tm15 .on15, #tm16 .on16, #tm17 .on17 { color: #fff; }
#pr1 .on1, #pr2 .on2, #pr3 .on3, #pr4 .on4, #pr5 .on5, #pr6 .on6, #pr7 .on7, #pr8 .on8, #pr9 .on9, #pr10 .on10, #pr11 .on11, #pr12 .on12, #pr13 .on13, #pr14 .on14 { color: #fff; }
#sc1 .on1, #sc2 .on2, #sc3 .on3, #sc4 .on4, #sc5 .on5, #sc6 .on6, #sc7 .on7, #sc8 .on8, #sc9 .on9, #sc10 .on10, #sc11 .on11, #sc12 .on12, #sc13 .on13, #sc14 .on14, #sc15 .on15, #sc16 .on16, #sc17 .on17, #sc18 .on18, #sc19 .on19  { color: #fff; }
#ib1 .on1, #ib2 .on2, #ib3 .on3, #ib4 .on4, #ib5 .on5 { color: #fff; }


a:link, a:visited, a:active {
	color: #4e4e4e;
	text-decoration: none;
}



.greyhover:hover {
	color: #aaaaaa;
	text-decoration: underline;
}


.whitehover:hover {
	color: #fff;

}

img {display: block;
	border: none;

}

.wrapper {
	width: 800px;
	margin: 0 auto;
	border-style: solid;
	border-width: 0px;

}

.header {
	width: 800px;
	padding-top: 20px;
	border-style: solid;
	border-width: 0px;
	position: relative;
}

.login {
	position: absolute;
	left: 685px;
	top: 55px;
	text-align: left;
	font-size: 12px;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.home_roll {
width:114px;
height:41px;
display:block;
background:url(../images/menu_home.jpg) 0 0 no-repeat;
}

.home_roll:hover {
background-position: 0px -41px;
}

.company_roll {
width:114px;
height:41px;
display:block;
background:url(../images/menu_company.jpg) 0 0 no-repeat;
}

.company_roll:hover {
background-position: 0px -41px;
}

.time_roll {
width:115px;
height:41px;
display:block;
background:url(../images/menu_time.jpg) 0 0 no-repeat;
}

.time_roll:hover {
background-position: 0px -41px;
}

.payroll_roll {
width:114px;
height:41px;
display:block;
background:url(../images/menu_payroll.jpg) 0 0 no-repeat;
}

.payroll_roll:hover {
background-position: 0px -41px;
}

.parking_roll {
width:115px;
height:41px;
display:block;
background:url(../images/menu_parking.jpg) 0 0 no-repeat;
}

.parking_roll:hover {
background-position: 0px -41px;
}

.security_roll {
width:114px;
height:41px;
display:block;
background:url(../images/menu_security.jpg) 0 0 no-repeat;
}

.security_roll:hover {
background-position: 0px -41px;
}

.badges_roll {
width:114px;
height:41px;
display:block;
background:url(../images/menu_badges.jpg) 0 0 no-repeat;
}

.badges_roll:hover {
background-position: 0px -41px;
}

.service {
	width: 800px;
	height: 65px;
	margin-top: 6px;
	padding-bottom: 8px;
	background: url(../images/services.jpg);
	background-repeat: no-repeat;
	color: #fff;
	position: relative;
	
}

.service_text {
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	left: 14px;
	top:15px;
	padding-top: 4px;
	padding-left: 7px;
}

.main {
	background-color: #ffffff;
	width: 779px;
	margin: 0 auto;
	overflow: auto;
	padding: 0px 0px 4px 21px;
	border-style: solid;
	border-width: 0px;
}

.container {
	padding-top: 8px;
	overflow: auto;
	text-align:left;

}
.left {
	width: 436px;
	float: left;
	padding-top: 12px;
	padding-right: 21px;
	border-style: solid;
	border-width: 1px;
	border-style: solid;
	border-width: 0px;
}

.alignleft {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

.alignright {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}

#left3 {
	width: 240px;
	float: left;
	text-align: left;
	background: url(../images/left3_bg.jpg);
	background-repeat: repeat-y;
	position:relative;
}

.leftlinks {
	padding-left: 30px;
	color: #bb780c;
	padding-bottom: 400px;
	font: bold 13px/15px "Myriad Pro", Arial, Helvetica, sans-serif;
	padding-right: 30px;
}

.bottom {
position:absolute;
bottom:0px;
}

.right {
	width: 301px;
	float: left;
	padding-top: 12px;
	border-style: solid;
	border-width: 0px;

}

#right3 {
	width: 496px;
	float: left;
	padding-top: 12px;
	padding-left: 21px;
	border-style: solid;
	border-width: 0px;
	text-align: left;

}

#right3 p {
	font-size: 12px;
	text-align: left;
	padding-bottom: 18px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	line-height: 150%;
}

.bullet_container {
	font-size: 13px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 436px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-style: solid;
	border-width: 0px;
	overflow: auto;

}

.bullets {
	width: 51px;
	background-color: #ededed;
	float: left;
	border-style: solid;
	border-width: 0px;
}

.bullet_list {
	width: 436px;
	min-height: 247px;
	padding-top: 5px;
	text-align: left;
	background-color: #ededed;
	border-style: solid;
	border-width: 0px;
	line-height: 200%;

}

.bullet_links {
	color: #000; 

}
.icon_container {
	font-size: 12px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 464spx;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 30px;
	border-style: solid;
	border-width: 0px;
	overflow: auto;
	color: #8988bd;
	text-align: left;

}


.statement {
	font-size: 13px;
	text-align: left;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	width: 436px;
	line-height: 150%;

}

.statement2 {
	font-size: 16px;
	text-align: left;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	width: 436px;
	font-weight: bold;
	line-height: 120%;
}

.statement3 {
	font-size: 12px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 18px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	width: 494px;
	line-height: 150%;
}

.divider {
	padding-top: 5px;
	padding-bottom: 18px;
}

h3 {
	font-size: 26px;
	text-align: left;
	margin:0;
	padding-bottom: 20px;

}

.form_container {
	background-color: #3d0095;
	width: 301px;

}


.form_spacer {
	width:301px; 
	height:109px; 

}


.form_bottom {
	width: 266px;
	height: 30px;
	background: url(../images/form_bottom2.jpg);
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 0px;
	padding-top: 14px;
	padding-left: 35px;
	font-size: 17px;
	color: #292929;
	text-align: left;
	font-family: "Myriad Pro", Arial;
}

input {
	width:260px; 
	height:18px; 
	margin:10px 0 0 0; 
	padding:2px 0 0 0; 
	color: #404040; 
	font:12px Verdana, Arial, Helvetica, sans-serif;

}

.info_services {
	padding-top: 20px;
	padding-left: 21px;
	background-color: #fff;

}

.columns {
	width: 800px;
	border-style: solid;
	border-width: 0px;
	padding-top: 25px;
	padding-bottom: 40px;
	color: #4e4e4e;
	background-color: #fff;
	overflow: auto;

}

.c1 {
	width: 180px;
	float: left;
	padding: 0px 35px 0px 45px;
	text-align: left;
}

.c2 {
	width: 176px;
	float: left;
	padding: 0px 35px 0px 35px;
	text-align: left;
}

.c3 {
	width: 187px;
	float: left;
	padding: 0px 45px 0px 35px;
	text-align: left;
}

p {
	margin: 0;


}



h1 {
	font-size:20px;
	margin: 0;
	color: #3b0096;
}

.section-heading {
	font-size: 24px;
	margin: 0;
	color: #4277ff;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-size: 12px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

h4 {
	margin-top: 0;
	margin-bottom: 0;
	color: #3b0096;
}

.column_copy {
	font-size: 12px;
}

.footer {
	width: 800px;
	margin: 0 auto;
	color: #454545;
	font-size: 12px;
	padding-top: 15px;
	font-weight: bold;
	padding-left: 12px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.copyright {
	font-size: 11px;
	color: #4e4e4e;
	padding-top: 5px;
	padding-bottom: 15px;

}

.menu1 {
padding-top:2px;
padding-bottom: 6px;
display:block;
text-decoration: none;
border-bottom: 1px dotted #b98535;

}

.menu2 {
padding-top:2px;
padding-bottom: 6px;
display:block;
text-decoration: none;
cursor: hand;
cursor: pointer;
}

.menu2:hover {
color: #FFFFFF
}

a.menu1 {
color: #b67a27;
margin-bottom: 8px;
	
}

a.menu2 {
color: #b67a27;

}

.menu1:hover {
	color: #fff;
}

.submenu{
display: block;
padding-left: 12px;
text-decoration: none;
background: url(../images/menu_arrow.jpg) no-repeat 0 4px;
margin-bottom: 6px;
	padding-top: 2px;
	margin-left: 12px;
}

a.submenu {
color: #b67a27;
	font-weight: bold;
}

.submenu:hover {
	color: #fff;
}

.submenu2{
display: block;
padding-left: 24px;
text-decoration: none;
background: none no-repeat 12px 3px;
	font-size: 12px;
	color: #fff;
	border-top-width: 1px;
	border-top-color: #b67a27;
	margin-bottom: 6px;
	font-weight: normal;
	font-style: normal;
}

.submenu3{
display: block;
padding-left: 24px;
text-decoration: none;
background: none no-repeat 12px 3px;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	border-top-width: 1px;
	border-top-color: #b67a27;
	margin-bottom: 4px;
}

a.submenu3 {
color: #f5ff88;
}

a.submenu2 {
color: #9a6b29;
}

.submenu2:hover {
	color: #fff;
}

.submenu3:hover {
	color: #fff;
}


.hide{
display: none;
}

.show{
display: block;
}

.expand {
border-bottom: 1px dotted #b98535;
margin-bottom: 8px;

}
.product {
	width: 496px;
	background: url(../images/divider.jpg) no-repeat 0 bottom;
	margin-bottom: 20px;
	border-style: solid;
	border-width: 0px;
	overflow: auto;
	padding-bottom: 20px;
	position: relative;

}

.product_img {
	border-style: solid;
	border-width: 0px;
	padding-left: 20px;
	margin-bottom: 20px;
	width: 214px;
	float: left;


}

.product_text {
	border-style: solid;
	border-width: 0px;
	margin-bottom: 20px;
	width: 262px;
	float: left;
	font-size: 12px;
	line-height: 150%;

}

/*
.product_img img {
	border-width: 1px;
	border-left: 1px none #bfbfbf;
}
*/

.caption {
	text-align: right;
	font-size: 11px;
	font-style: italic;
	margin-top: 6px;
	color: #5600ab;
	padding-right:3px;
}



.caption-long {
	text-align: left;
	font-size: 12px;
	margin-top: 16px;
	color: #000;
	line-height: 16px;
	border-style: solid;
	border-width: 0px;
}

i {
	color: #670095;
	font-size: 1.2em;
}

#right3 ul {
	font-size: 12px;
	line-height: 16px;
	padding-left: 0;
}

.list ul li {
	list-style-type: disc;
	font-size: 12px;
	opacity: 1;
	list-style-image: url(../images/arrow_sm.gif);
	line-height: 12px;
	list-style-position: outside;
	margin-left: 14px;
	color: #3b0096;
	font-style: italic;
}

.list ul {
	margin-top: 0;
	margin-bottom: 0;
}

ul li {
	margin-bottom: 6px;
	color: #262626;
	list-style-image: url(../images/arrow_sm.gif);
	margin-left: 15px;
}

img.thumb {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

img.wrap_left {
	padding-right: 15px;
	display: inline;
	padding-bottom: 10px;
	float: left;
}

#section {
	border-bottom-width: 1px;
	border-bottom-color: #dcdfde;
	float: left;
	margin-bottom: 10px;
}



/* Tabbed Menu on CIT page*/

#tabMenu {
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
}

#tabMenu li {
	float:left;
	height:120px;
	width:120px;
/*	cursor:pointer;
	cursor:hand; */
	border-style: solid;
	border-width:0px;
	list-style-image: none;
	margin:0;
	padding:0;

}


/* this is the button images */
li.phase1 {background:url(../images/cit_plan.jpg) no-repeat 0 0;}
li.phase2 {background:url(../images/cit_implement.jpg) no-repeat 0 0;}
li.phase3 {background:url(../images/cit_transition.jpg) no-repeat 0 0;}
li.phase4 {background:url(../images/cit_support.jpg) no-repeat 0 0;}

li.mouseover {background-position:0 -128px;}
li.mouseout {background-position:0 0;}
li.selected {background-position:0 -257px;}

.boxTop {
	/*background:url(../images/images/boxTop.gif)no-repeat;*/
	height:11px;
	clear:both
}

.boxBody {
	background-color:#fff;
}

.boxBottom {
	/*background:url(../images/images/boxBottom.gif) no-repeat;*/
	height:11px;
}

.boxBody div {
	display:none;
}

.boxBody div.show {
	display:block;
}


.boxBody #category a {
	display:block
}

/* styling for the content*/
.boxBody div ul {
	margin:0 10px 0 25px;
	padding:0;
	width:480px;
	list-style-image:url(../images/arrow_sm.gif)
}

.boxBody div li {
	border-bottom:1px dotted #8e8e8e; 
	padding:4px 0;
/*	cursor:hand;
	cursor:pointer; */
}

.boxBody div ul li.last {
	border-bottom:none
}

.boxBody div li span {
	font-size:8px;
	font-style:italic; 
	color:#888;
}

.link {
	padding-bottom: 30px;
	font-style: italic;
	text-align: center;
	border-bottom-width: 1px;
}

.link a {
	color: #4277ff;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

/*.link a:hover {
	color: #670095;
}*/



ol {
	font-size: 18px;
	line-height: 22px;
	list-style-type: decimal;
	opacity: 1;
	margin: 0;
	color: #41009e;
}

ol li {
	font-style: italic;
	font-weight: bold;
}






.enlarge {
	text-align: left;
	font-size: 11px;
	color: #5f5f5f;
	position: relative;
	float: left;
	top: 124px;
	right: 44px;
	font-style: italic;
	width: 0;
}



.content {
	margin-right: 22px;
}

.content ul li a {
	color: #4277ff;
}



.big_links {
	margin-top: 50px;
	margin-left: 30px;
	display: inline-block;
	float: none;
	margin-bottom: 40px;
}

.big_links img {
	padding: 10px;
	float: left;
	display: inline;
}



ul li ul {
	margin-top: 5px;
	font-style: italic;
	letter-spacing: 1px;
	color: #4400a6;
}

ul li ul li {
	color: #5700ab;
	list-style-image: none;
	margin-left: 15px;
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 0;
	font-style: italic;
}

#support_cols {
	
}

.sup1 {
	background: url(../images/supp_payroll.jpg) no-repeat;
	width: 224px;
	float: left;
	display: inline;
	height: 100px;
	padding-top: 90px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 12px;
}

.sup2 {
	background: url(../images/supp_parking.jpg) no-repeat;
	width: 224px;
	float: left;
	display: inline;
	height: 100px;
	padding-top: 90px;
	margin-right: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.sup3 {
	background: url(../images/supp_systems.jpg) no-repeat;
	width: 224px;
	float: left;
	display: inline;
	height: 100px;
	padding-top: 90px;
	padding-right: 10px;
	padding-left: 10px;
}

#form_page .unify {
	font-size: 13px;
}

#form_page .unify a {
	color: #497fff;
}

#form-page .unify a:hover {
	color: #454545;
}