/* CSS Document */
/************************************************************************

	Site: Cook Security Group
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============

	1 - Global
	2 - Navigation
	3 - Structure/layout
	5 - Footer content
	

************************************************************************/
/***********************************************************************
	1 - GLOBAL
************************************************************************/
html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td, span { 
	margin: 0; 
	padding: 0; 
}

body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #6e7275;
}

a {
	color: #173a5f;
}

a.seo {
	color: #6e7275;
	text-decoration: none;
}

a.seo:hover {
	text-decoration: underline;
}

.clear,
br.clearFix {
	clear: both;	
}

div#logo a h1, li#footerLogo a span, div#navContainer ul a h1 {
	display: none;
}

div#logo a, div#navContainer ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

/***********************************************************************
	2 - NAVIGATION
************************************************************************/
div#navContainer ul {
	list-style: none;
}

div#navContainer ul li {
	float: left;
	width: 132px;
	height: 42px;
}

/*** ROLLOVER STATE ***/
div#navContainer ul li .mega_hover,
div#navContainer ul li a:hover { background: url(../images/nav_hover.png) left 1px no-repeat; }

li#home { background: url(../images/nav_home.gif) left 9px no-repeat; }
li#about { background: url(../images/nav_aboutCSG.gif) left 9px no-repeat; }
li#clients { background: url(../images/nav_clients.gif) left 9px no-repeat; }
li#services { background: url(../images/nav_services.gif) left 9px no-repeat; }
li#products { background: url(../images/nav_products.gif) left 9px no-repeat; }
li#contact { background: url(../images/nav_contactus.gif) left 9px no-repeat; }
li#manuals { background: url(../images/nav_manuals.gif) left 9px no-repeat; }

/*** ON STATES ***/
div#navContainer ul li a.on {
	position: relative;
	height: 42px;
}

a.on span {
	width: 121px;
	position: absolute;
	display: block;
	top: 42px;
	left: 5px;
	background: #e8e8e8;
	height: 1px;
}

li#home a.on, li#home a.on:hover { background: url(../images/nav_on-home.gif) 3px 4px no-repeat;}
li#about a.on, li#about a.on:hover { background: url(../images/nav_on-aboutCSG.gif) 3px 4px no-repeat; }
li#clients a.on, li#clients a.on:hover { background: url(../images/nav_on-clients.gif) 3px 4px no-repeat; }
li#services a.on, li#services a.on:hover { background: url(../images/nav_on-services.gif) 3px 4px no-repeat; }
li#products a.on, li#products a.on:hover { background: url(../images/nav_on-products.gif) 3px 4px no-repeat; }
li#contact a.on, li#contact a.on:hover { background: url(../images/nav_on-contactus.gif) 3px 4px no-repeat; }
li#manuals a.on, li#manuals a.on:hover { background: url(../images/nav_on-manuals.gif) 3px 4px no-repeat; }

/*Adding Rollover for products on product page*/
#mainContentContainer .servicesColumn a img
{
   border: none;
}
#mainContentContainer .servicesColumn a
{
   text-align: center;
}
#mainContentContainer .servicesColumn, .product-hover
{
   width: 225px !important;
}
.product-hover
{
   background-image: url(../images/backgrounds/products-rollover-bg.gif);
   background-repeat: no-repeat;
   border: 2px solid #002d4f;
   margin: -2px;
}
.product-hover h1
{
   color: #002d4f;
}
#mainContentContainer .servicesColumn p
{
   text-align: center;
}
#mainContentContainer .servicesColumn h1
{
   text-align: center;
}

/***********************************************************************
	3 - STRUCTURE/LAYOUT
************************************************************************/
/*** TOP ***/
div#topHeaderContainer {
	background: #002d4f;
	padding: 26px 0 0 0;
}

div#logo {
	background: url(../images/global_bg-logo.gif) left top no-repeat;
	width: 250px;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
}

div#navContainer {
	background: url(../images/global_bg-gray-bar.gif) left bottom repeat-x;
	margin: 23px 0 0 0;
}

div#nav {
	width: 792px;
	height: 42px;
	margin-left: auto;
	margin-right: auto;
}

/*** TOP MIDDLE ***/
div#pageInfoGradientContainer {
	background: #fff url(../images/global_bg-gray-gradient.gif) left top repeat-x;
}

div#pageInfoContainer {
	width: 792px;
	margin-left: auto;
	margin-right: auto;
}

div#pageInfoContainer div.pageTitle {
	float: left;
	width: 396px;
	height: 19px;
}

div#pageInfoContainer div.pageDescription {
	float: left;
	width: 395px;
}

/*** MIDDLE ***/
div#bodyGradientContainer {
	background: #e2e8ed url(../images/global_bg-body-gradient.gif) left top repeat-x;
}

div#footerBg {
	background: #252525 url(../images/global_bg-footer-gradient.gif) left top repeat-x;
	height: 100%;
}

/***********************************************************************
	4 - FOOTER
************************************************************************/
div#footerContainer {
	width: 792px;
	margin-left: auto;
	margin-right: auto;
}

div#footerContainer div#leftFooter {
	float: left;
	width: 533px;
}

div#footerContainer ul {
	padding: 21px 0 0 0;
}

div#footerContainer ul li {
	list-style: none;
	float: left;
	font-size: 10px;
	padding: 0 13px 0 0;
}

div#footerContainer ul li a {
	color: #fff;
	text-decoration: none;
}

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

div#footerContainer div#rightFooter {
	float: left;
	width: 259px;
}

li#footerLogo { background: url(../images/global_footer-logo.gif) 5px bottom no-repeat; width: 37px; height: 19px; }

/*Social Media CSS*/
div#social-media-container
{
   margin-left:auto;
   margin-right:auto;
   width:792px;
   height: 45px;
}

#social-media-icons
{
   text-indent:-9999px;
   float: right;
   width: 110px;
   margin-right: 28px;
}
	
#social-media-icons ul
	{
	margin:0 7px 0 0;
	padding:10px 0 0 0 !important;
	}

#social-media-icons li
	{
	display:inline;
	float:right;
	padding:0 2px !important;
	}
	
#social-media-icons li.icon-facebook a
	{
	background:url('../images/ICON-cook-facebook.png') no-repeat;
	width:22px;
	height:22px;
	display:block;
	}
	
#social-media-icons li.icon-twitter a
	{
	background:url('../images/ICON-cook-twitter.png') no-repeat;
	width:22px;
	height:22px;
	display:block;
	}
	
#social-media-icons li.icon-linkedin a
	{
	background:url('../images/ICON-cook-linkedin.png') no-repeat;
	width:22px;
	height:22px;
	display:block;
	
	}
/*End Social Media CSS*/