@charset "utf-8";
/*-----------------------------------------------------------------------------
# sitename:			POLICECOINS.COM
# website:   		http://www.policecoins.com/
# purpose:			default style sheet
# last modified:	11.24.2008
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Set padding for certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  	margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	background: #fff url(../images/body_bg_grad-X.jpg) repeat-x;
  	font: 62.5%/1.6 Arial, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

p {
	font-size: 1.4em;
}

a:link {
	color: #006699;	
}

a:visited {
	color: #660033;
}

a:hover, a:active {
	color: #666666;
}

/* =Headings
-----------------------------------------------------------------------------*/
h2 {
	font-size: 3.1em;
	font-weight: bold;
	color: #333333;
	line-height: 1.1;
}


/* =Links
-----------------------------------------------------------------------------*/


/* =Container
-----------------------------------------------------------------------------*/
#container_0 {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 1%;
	margin: 0 auto;
	text-align: center; /*for IE6's benefit*/
}


/* =Branding
-----------------------------------------------------------------------------*/
#masthead {
	float: left;
	margin: 0;
	padding: 0;
	width: 776px;
	height: 185px;
	background: url(../images/masthead_bg_tile-X.jpg) repeat-x;
}

#masthead h1 {
	margin-top: 58px;
	text-indent: -5000px;
	background: url(../images/policeCoins_logoText.jpg) no-repeat;
	width: 238px;
	height: 41px;
	float: left;
}

/* Text replacement */
#masthead .phoneNumber {
	float: right; /*renders OK in safari3,ff and ie6 and 7, ie5.2 mac*/
	width: 112px;
	height: 41px;
	background: url(../images/phoneNumber.jpg) no-repeat;
	text-indent: -5000px;
	font-size: 15px;
	font-weight: bold;
	margin: 60px 10px 0px 55px;
	line-height: 1.1em;
	color: #FFFFFF;
}

span#mastheadEnd {
	float: right;
	background: url(../images/masthead_right_edge.jpg) no-repeat;
	width: 6px;
	height: 185px;
}

#logo {
	float: left;
	background: url(../images/masthead_logo_img.jpg) no-repeat;
	width: 180px;
	height: 185px;
}

/* =Flash 
----------------------------------------------------------------------------*/



/* =Main Nav
-----------------------------------------------------------------------------*/
			/* sent to ie52 mac script --		
			#masthead #menu {
				text-align: left;
				float: left;
				position: absolute;
				margin: 120px 0px 0px -238px;
			}
			*/

			/* Hide from IE5 Mac - Only IE Win Sees this \*/
			#masthead #menu {
				text-align: left;
				float: left;
				position: absolute;
				margin: 120px 0px 0px 179px;
			}
			
			* html ul {
				height: 1%;
				margin-left: 0;
				padding-left: 179px;
			}
			
			* html #menu {
				margin-right: -3px;
			}
			
			/* End hide from IE5 /Mac */

#masthead ul {
	float: left;
	margin: 0;
	padding: 0 0 0 2px;
	width: 550px;
	list-style: none;
}

#masthead ul li {
	float: left;
	margin: 0;
	padding: 0px 13px 0px 13px;
}

#masthead ul li.firstChild {
	padding-left: 0;
}

#masthead ul li a {
	color: #fff;
	font-family: Arial, "Trebuchet MS", Verdana, Georgia;	
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	/*display: block; remove for ie52 mac - breaks inline list*/
	width: auto;
}

#masthead ul li a:link, a:visited {
	color: #fff;
}

#masthead ul li a:hover {
	color: #A8D6DB;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/


/* =Main Content
-----------------------------------------------------------------------------*/
#container_1 {	
	float: left;	
	text-align: left;
	margin-left: -103px;
	height: auto;
	/*height: 441px;*/
	/*\*//*/min-height: 441px;/**/  /*IE 5.2 Mac filter - wont be seen by ie5mac*/
	background: url(../images/badge_bg_img.jpg) no-repeat;
	z-index: 105;
	padding-bottom: 70px;
}

/* This is an IE6 element only - to counter hidden bg images*/
span#ie6_only_img {
	visibility: hidden;
	position: absolute;
}

#container_2 {
	float: left;
	padding: 0;
	padding: 30px 0px 0px 103px;
	width: 776px;
}

#mainContent {
	float: left;
	/*position: relative;*/
	/*margin-left: 153px;*/
	width: 190px;
}

#mainContent h2 {
	float: left;
	padding: 0px 0px 0px 12px;
	width: 400px;
}

#mainContent p {
	float: left;
	width: 460px;
	padding: 0px 15px 0px 15px;
	font-size: 1.4em;
}

.interior_h3 {
	padding: 0px 15px;
	margin: 0px 0px -10px 0px;
	width: 300px;
	font-size: 14px;
}

#container_2_img {
	margin-top: -30px;
	float: right;
	background: url(../images/main_coin_img.jpg) no-repeat;
	width: 280px;
	height: 373px;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/
#miniMenuLeft {
	float: left;
	width: 153px;
	margin: 0px 0px 0px 103px;
	padding-right: 12px;
}

.miniMenuBox {
	float: left;
	width: 153px;
	height: auto;
	margin: 0;
	padding-bottom: 0; 
	background: url(../images/mini_menu_bg_tile-Y.gif) repeat-y;
}

.miniMenuContent {
	float: left;
	margin: 0;
	padding: 0;
	width: 153px;	
	background: url(../images/mini_menu_left.gif) top no-repeat;
	text-align: left;
}

.miniMenuBottom {
	float: left;
	background:url(../images/mini_menu_left_bottom.gif) bottom no-repeat;
	width: 153px;
	height: 14px;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Mini menu navigation */

.miniMenuContent ul {
	margin: 30px 0px 10px 0px;
	padding: 0;
}

.miniMenuContent ul li {
	list-style: none;
	width: 152px;
}

.miniMenuContent ul li a {
	margin: 0;
	padding: 0px 0px 0px 15px;
	text-decoration: none;
	display: block;
	font-family: Arial, "Trebuchet MS", Verdana, Georgia; 
	font-size: 14px;
	color: #333;
}

/*:link, :visited, :hover, :focus, :active.*/

.miniMenuContent ul li a:link, .miniMenuContent ul li a:visited {
	color: #333;
}

.miniMenuContent ul li a:hover {
	color: #888;
	background-color: #EEE ;
}


/* =Promo containers - relevant to the home page only
-----------------------------------------------------------------------------*/


#promoContainer_0 {
	float: left;
	width: 790px;
	/*height: 1%;*/
	margin-bottom: 30px;
	padding-bottom: 1px;
	padding-top: .5em;
	/*min-height: 206px;*/
}

.promoContainer {
	float: left;
	width: 251px;
	padding-right: 12px;
}

.promoBox {
	float: left;
	width: 251px;
	height: auto;
	margin: 0;
	padding-bottom: 0; 
	background: url(../images/promo_bg_tile-Y.gif) repeat-y;
}

.promoContent {
	float: left;
	margin: 0;
	padding: 0;
	width: 251px;	
	background: url(../images/promo_bg.gif) top no-repeat;
	/*height: 190px;*/
	/*min-height: 190px;*/
	text-align: left;
}

.promoContent h3 {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	padding-left: 15px;
}

.promoContent p {
	width: 120px;
	padding-left: 15px;
	font-size: 12px;
	line-height: 1.2;
}
	
.promoContent img {
	float: right;
	margin-top: 0;
}

.promoBottom {
	/*clear: both;*/
	float: left;
	background:url(../images/promo_bottom.gif) bottom no-repeat;
	width: 251px;
	height: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* =Footer
-----------------------------------------------------------------------------*/
	/*For ie5.2 mac benefit - sent to style sheet
	#footer {
		float: left;
		display: block;
		padding: 0;
		clear: both;
		width: 776px;	
		height: 160px;
	}
	*/

/* Hide from IE5 Mac - Only IE Win Sees this \*/
#footer {
	float: left;
	display: block;
	padding: 0;
	clear: both;
	width: 776px;
}
/* End hide from IE5 /Mac */

#footer p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #666666;
}

#footer img {
	margin-top: 5px;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
/*
fieldset {
  	border: 1px solid transparent;
}
*/

/* =Tables
-----------------------------------------------------------------------------*/

table { 
	border-collapse: collapse;
}

td {
  	text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
.clear {
	clear: both;
}


/* =Misc 2
-----------------------------------------------------------------------------*/