@charset "utf-8";
.navbar
{
	background-color: rgba(0,0,0,.50);
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 10px;
}

.navbar h1,.navbar h2,.navbar h3,.navbar h4,.navbar h5.navbar, h6,.navbar p
{
	text-align: center;
}

.contents
{
	background-color: rgba(0,0,0,.50);
	width: 570px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom:15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
}

ul li, h5
{
	margin-bottom:-5px;
}

.frame
{
	background-color: rgba(0,0,0,.50);
	width: auto;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	font-family:Arial, Helvetica, sans-serif;
}

li
{
	float:none;
	padding-bottom:-50px;
}

.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,.footer p
{
	background-color: rgba(0,0,0,.50);
	width: auto;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	text-align: center;
	
}

.divimage
{
	float:left;
	text-align:center;
	width:75px;
	margin-left:17px;
	margin-right:auto;
	margin-bottom:10px;
}

.divdescription
{
	float:left;
	width: 452px;
	vertical-align:top;
	margin-left:10px;
	margin-right:15px;
	margin-bottom:10px;
	padding-bottom:10px;
}

/** LIGHTBOX MARKUP **/

.lbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lbox img {
	/** Padding of lightbox img */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lbox:target {
	/** Remove browser outline */
	outline: none;

	/** Unhide the lbox **/
	display: block;
	/*animation: dispanim 5s;*/
	/*-webkit-animation: dispanim 5s;*/
}

/*Nav Animation*/
#nav_home
{
	content:url(../images/btn_home.jpg);
}

#nav_home:hover
{
	content: url(../images/btn_home_hover.jpg);
}

#nav_tim_stmp
{
	content:url(../images/btn_timstmp.jpg);
}

#nav_tim_stmp:hover
{
	content:url(../images/btn_timstmp_hover.jpg);
}

#nav_tim_clk
{
	content:url(../images/btn_time_clocks.jpg);
}
#nav_tim_clk:hover
{
	content:url(../images/btn_time_clocks_hover.jpg);
}

#nav_support
{
	content:url(../images/btn_support.jpg);
}

#nav_support:hover
{
	content:url(../images/btn_support_hover.jpg);
}

#nav_time_cards
{
	content:url(../images/btn_time_cards.jpg);
}

#nav_time_cards:hover
{
	content:url(../images/btn_time_cards_hover.jpg);
}

#nav_system
{
	content:url(../images/btn_system.jpg);
}

#nav_system:hover
{
	content:url(../images/btn_system_hover.jpg);
}

#nav_tp
{
	content:url(../images/btn_tp.jpg);
}

#nav_tp
{
	content:url(../images/btn_tp.jpg);
}

#nav_tp:hover
{
	content:url(../images/btn_tp_hover.jpg);
}

#nav_srv
{
	content:url(../images/btn_service.jpg);
}

#nav_srv:hover
{
	content:url(../images/btn_service_hover.jpg);
}

#nav_contact
{
	content:url(../images/btn_contact_us.jpg);
}

#nav_contact:hover
{
	content:url(../images/btn_contact_us_hover.jpg);
}

#nav_guard_clocks
{
	content:url(../images/btn_guard_clocks.jpg);
}

#nav_guard_clocks:hover
{
	content:url(../images/btn_guard_clocks_hover.jpg);
}

/*************************/
/*Animation*/
/*@keyframes dispanim
{
	0% {margin-left: 0px;}
	25%{margin-left: 15px;}
	50%{margin-left: 20px;}
	75%{margin-left: 25px;}
	100%{margin-left: 30px;}
}
*/
/*webkit is used for Safari, Chrome, and Opera*/
/*@-webkit-keyframes dispanim
{
	0% {margin-left: 0px;}
	25%{margin-left: 15px;}
	50%{margin-left: 20px;}
	75%{margin-left: 25px;}
	100%{margin-left: 30px;}
}*/