/* EVERYPAGE CSS */

body {
background-color: #000000;
/*background-image: url(http://communicationsafetysystem.com/bg.jpg);
background-position: center 0px;
background-repeat: repeat-y;*/
margin: 0px;
padding: 0px;
}

ul#navigation {
font-family:Tahoma, Arial, Verdana, Sans;
padding: 0;
margin: 0 auto;
margin-left: 0 auto;
margin-right: 0 auto;
background-image: url('images/nav_bg.jpg');
color: #fffff;
width: 780px;
height:24px;
}

ul#navigation li {
display: inline;
font-size:10pt;
height:24px;

}

ul#navigation li a {
padding-top: 6px;
padding-left: 10px;
padding-right: 8px;
color: #fff;
text-decoration: none;
border-bottom: none;
border-top: none;
height:24px;
font-size:10pt;

}

ul#navigation li a:hover {
color: yellow;
text-decoration:none;
height:24px;
font-size:10pt;
}

.clear {
clear: both;
}

body.home img {
	width:auto;
	height:auto;
	}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.home, table.home td, table.home tr {
		display: block;
	}

	table.home td {
		/* Behave  like a "row" */
		position: relative;
		padding-left: 50%;
	}

	table.home td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	body.home {
		padding: 0;
		margin: 0;
		width: 320px; }
	}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	body.home {
		width: 495px;
	}

}