@charset "UTF-8";
/* CSS Document */
/*  *  *   #################################################    STYLES FOR hero image    #####################  *  */
#heroImage {
	margin: 6px;
	padding: 0;
	width: 944px;
	height: 351px;
	position: relative;
	z-index: 1;
	color: rgb(240, 240, 240);
	background: transparent url(../images/homepage/heroImageBG_plain.jpg) no-repeat; /* rgb(52, 52, 52) */
	overflow: hidden;
	box-shadow: 1px 3px 5px rgb(60, 60, 60);
	-moz-box-shadow: 1px 3px 5px rgb(60, 60, 60);
	-webkit-box-shadow: 1px 3px 5px rgb(60, 60, 60);
}
#heroImage ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#heroImage div {
	margin: 0;
	padding: 0;
	height: 351px;
}
#overview #heroImage div h2, #overview #heroImage div h3 {
	display:none!important;
}


/* individual images for homepage rotation */
#heroImage div#ffSale {
	background: transparent url(../images/homepage/sgHome_001.jpg) no-repeat;
}
#heroImage div#captureCam {
	background: transparent url(../images/homepage/sgHome_002.jpg) no-repeat;
}
#heroImage div#vx6 {
	background: transparent url(../images/homepage/sgHome_003.jpg) no-repeat;
}
#heroImage div#bodyWire {
	background: transparent url(../images/homepage/sgHome_004.jpg) no-repeat;
}
#heroImage div#spyWatch {
	background: transparent url(../images/homepage/sgHome_005.jpg) no-repeat;
}
#heroImage div#captureCamSoft {
	background: transparent url(../images/homepage/sgHome_006.jpg) no-repeat;
}
#heroImage div#backToSchool {
	background: transparent url(../images/homepage/sgHome_007.jpg) no-repeat;
}
#heroImage div#appsHQ {
	background: transparent url(../images/homepage/SG_TrakrAppHQ.jpg) no-repeat;
}
#heroImage div#appsHQ .copyBox {
	display: block;
	margin-left: 480px;
	width: 40%;
}
#heroImage div .copyBox {
	/* display: block;
	margin: 24px 0 0 188px;
	width: 42%; */
	display: block;
	height: 351px;
}
#heroImage div h2 {
	padding: 12px 0 0 122px;
	font-size: 2.5em;
	text-transform: uppercase;
	font-weight: 700;
	text-shadow: 1px 2px 3px rgb(28, 28, 28), -1px -2px 3px rgb(28, 28, 28);
}
#heroImage div#appsHQ h2 {
	padding: 18px 0 0 480px;
}
#heroImage div h2 a {
	color: rgb(230, 230, 230);
	text-decoration: none;
}
#heroImage div h3 {
	padding: 12px 0 0 0;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 0px 1px 2px rgb(28, 28, 28), -0px -1px 2px rgb(28, 28, 28);
	color: rgb(204, 219, 38);
}
#heroImage div p {
	padding: 12px 0 0 0;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 400;
	text-shadow: 0px 1px 1px rgb(28, 28, 28);
}
#heroImage div a.greenButton {
	display: block;
	width: 180px;
	height: 32px;
	padding: 12px 0 0;
	margin: 18px 0 0 48px;
	background: url(../images/layout/greenButton.png) no-repeat;
/* image size: 180px by 44px   */
	color: rgb(28, 28, 28);
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-family: "Milibus-1", "Milibus-2", Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	text-shadow: none;
}
#heroImage div a.greenButton:hover {
	background: url(../images/layout/greenButton.png) no-repeat 0 -44px;
	color: rgb(230, 230, 230);
}

#heroImage div#captureCam a.greenButton {
  position:absolute;
  top:200px;
  left:270px;
}
#heroImage div#vx6 a.greenButton {
  position:absolute;
  top:230px;
  left:230px;
}
#heroImage div#bodyWire a.greenButton {
  position:absolute;
  top:230px;
  left:290px;
}
#heroImage div#spyWatch a.greenButton {
  position:absolute;
  top:230px;
  left:290px;
}
#heroImage div#backToSchool a.greenButton {
  position:absolute;
  top:200px;
  left:300px;
}
#heroImage div#appsHQ a.greenButton {
  position:absolute;
  top:244px;
  left:264px;
}


#heroImage div a.moreInfo {
	position: absolute;
	bottom: 18px;
	right: 24px;
	color: rgb(204, 219, 38);
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Milibus-1", "Milibus-2", Arial, sans-serif;
	font-size: .8em;
	font-weight: 700;
	text-shadow: 0px 1px 2px rgb(28, 28, 28), -0px -1px 2px rgb(28, 28, 28);
}
#heroImage div a.moreInfo:hover {
	color: rgb(237, 28, 36);
}


/* FLASH BANNER  */
#SWFbanner {
	width:944px;
	height:64px;
	position:relative;
	left:6px;
	top:18px;
	margin-bottom:-6px;
}
#SWFbanner a img {
	border:none;
}


/*  *  *   #################################################    STYLES FOR explore site box    #####################  *  */
#exploreSite {
	margin: 32px 6px 6px;
	padding: 0;
	width: 944px;
	height: 206px;
	position: relative;
	background: rgb(105, 106, 108);
	box-shadow: 1px 3px 5px rgb(60, 60, 60);
	-moz-box-shadow: 1px 3px 5px rgb(60, 60, 60);
	-webkit-box-shadow: 1px 3px 5px rgb(60, 60, 60);
}
#exploreSite h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 9px 7px;
	background: rgb(28, 28, 28);
	color: rgb(0, 174, 239);
}
#exploreSite ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#exploreSite ul li {
	margin: 0;
	margin: 6px 6px 6px 0;
	padding: 0;
	display: block;
	width: 306px;
	height: 146px;
	float: left;
	font-size: 1em;
	color: rgb(240, 240, 240);
	text-decoration: none;
	background: rgb(17, 86, 111);
/* Old browsers */
	background: -moz-linear-gradient(top, rgb(17, 86, 111) 0%, rgb(28,28,28) 84%, rgb(28,28,28) 100%);
/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(17, 86, 111)), color-stop(84%,rgb(28,28,28)), color-stop(100%,rgb(28,28,28)));
/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, rgb(17, 86, 111) 0%, rgb(28,28,28) 84%, rgb(28,28,28) 100%);
/* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(top, rgb(17, 86, 111) 0%, rgb(28,28,28) 84%, rgb(28,28,28) 100%);
/* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(17, 86, 111) 0%, rgb(28,28,28) 84%, rgb(28,28,28) 100%);
/* IE10+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#11566F', endColorstr='#1c1c1c',GradientType=0 );
/* IE6-9 */
	background: linear-gradient(top, rgb(17, 86, 111) 0%, rgb(28,28,28) 84%, rgb(28,28,28) 100%);
/* W3C */
}
#exploreSite ul li a {
	margin: 0;
	padding: 0;
	/* float: left;
*/
	display: block;
	/*background: rgb(240,240,240);
*/
	color: rgb(240, 240, 240);
	text-decoration: none;
	overflow: hidden;
}
#exploreSite ul li:hover {
	color: rgb(240, 240, 240);
	background: rgb(210, 48, 34);
/* Old browsers */
	background: -moz-linear-gradient(top, rgb(210,48,34) 0%, rgb(28,28,28) 84%, rgb(28,28,28) 100%);
/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(210,48,34)), color-stop(84%,rgb(28,28,28)), color-stop(100%,rgb(28,28,28)));
/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, rgb(210,48,34) 0%, rgb(28,28,28) 84%, rgb(28,28,28) 100%);
/* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(top, rgb(210,48,34) 0%, rgb(28,28,28) 84%, rgb(28,28,28) 100%);
/* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(210,48,34) 0%, rgb(28,28,28) 84%, rgb(28,28,28) 100%);
/* IE10+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d23022', endColorstr='#1c1c1c',GradientType=0 );
/* IE6-9 */
	background: linear-gradient(top, rgb(210,48,34) 0%, rgb(28,28,28) 84%, rgb(28,28,28) 100%);
/* W3C */
}
#exploreSite ul li.firstItem {
	margin-left: 7px;
}
#exploreSite ul li a img {
	margin: 0;
	width: 120px;
	float: right;
	margin: 9px;
	box-shadow: 1px 2px 4px rgb(20,20,20);
	-moz-box-shadow: 1px 2px 4px rgb(20,20,20);
	-webkit-box-shadow: 1px 2px 4px rgb(20,20,20);
}
#exploreSite ul li span.itemHeader {
	display: block;
/*  */
	padding: 9px;
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
	text-shadow: 1px 2px 2px rgb(20,20,20);
}
#exploreSite ul li span.itemDesc {
	display: block;
/*  */
	padding: 0 9px 9px;
	text-align: left;
	font-size: 12px;
	font-weight: 400;
}
#exploreSite ul li span.itemDesc span {
	text-decoration: underline;
	display: block;
	padding-top: 9px;
	text-transform: uppercase;
	font-weight: 700;
}