/* CSS Document */

@import "reset.css";
@import "type.css";


* {margin:0; padding:0; }
html,body { width: 100%; height: 100%; }
body {font: 11px/16px 'Helvetica Neue', Arial, sans-serif; background-color: #807d73; color: #000; } /* Default font 12px/18px */
td { vertical-align: top; }

/* GLOBAL SETTINGS
------------------------------------------------------------------------------ */

.column,
.unit,
.full,
.center { 
	float: left; 
	margin: 0; /* Major Bugs in IE 5 Don't Use => Supplement Borders Also Apply the Add Subtract Rule for w\idth Box Hack */
	/* border: 5px solid #fff; */ /* Margin Supplement */
	padding: 0 10px;
}

.columnContact,
.columnArea {
	float: left;
	margin: 0;
	padding: 43px 10px 0 10px;
	}
.columnContact {
	background-image: url('http://www.federaldefensecases.com/images/home_14.gif');
	background-position: top left;
	background-repeat: no-repeat;
	}
.columnArea{
	background-image: url('http://www.federaldefensecases.com/images/home_15.gif');
	background-position: top left;
	background-repeat: no-repeat;
	}
.cleanNational {
	float: left;
	width: 207px!important;
	margin: 0;
	padding: 43px 0 0 0;
	background-image: url('http://www.federaldefensecases.com/images/home_16.gif');
	background-position: top right;
	background-repeat: no-repeat;
	}

.clean {
	float: left;
	margin: 0!important;
	padding: 0!important;
	}
.addPadding {
	margin: 0;
	padding: 0 10px;
	}
.peekaboo {
	visibility: hidden;
	}

/* Grid.css */
/* BLOCKS (hanging lines or rows)
   Use .container to wrap units which have nested units.
-------------------------------------------------------------------------------- */

.block,
.compDual,
.compSingle {
  position: relative;
  width: 750px; /* Override this value for narrorwer layouts. Use ( x * 60 ) -10, where x is the number of column you want. */
  margin: 0 auto; /* Layouts are typically centered horizontially, but this can be overriden for flush-left. */
  text-align: left;
}

.clear:after,
.container:after,
.block:after,
.clean:after,
.column:after,
.compDual:after,
.compSingle:after { 
  content:  "."; /* Clear fix */
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*.clear,
.container,
.block,
.clean,
.column,
.compDual,
.compSingle {
  zoom: 1;  IE fix 
}*/

.wrapper {
	float: left;
	}
.dual {
	float: left;
	width: 50%;
	}
.single {
	float: left;
	width: 527px;
	w\idth: 520px;
	}
	

/* Layout FlowChart
------------------------------------------------------------------------------ */

#main { 
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -375px;
	width: 750px; 
	background: #fffae6; }

/* Header SECTION
------------------------------------------------------------------------------ */

#head {
	height: 105px; 
	background: url('../images2/bg_head.jpg') repeat-x;
	border-bottom: 3px solid #fff;
	}
.logo {
	width: 306px;
	height: 92px;
	float: left;
	border: 0;
	}
#flags {
	width: 207px;
	height: 92px;
	float: right;
	border: 0;
	background: url('../images2/bg_flags.jpg') repeat-x;
	}
	
#address-new {
	width: 207px;
	height: 105px;
	float: right;
	border: 0;
	background: url('../images2/bg_flags.jpg') repeat-x;
	}
	
#address-new p {
    line-height:15px;
	text-align:left;
	margin:3px 0 4px 10px;
	text-align:center;
}

#flags ul, #flags p {
	height: 30px;
	line-height: 30px;
	width: 207px;
	text-align: center;
	clear: both;
	margin: 0;
	padding: 0;
	}
#flags ul     { list-style: none; }
#flags ul li  { display: inline; width: 38px; height: 30px; margin: 5px; }
.ph_main      { font-weight: bold; font-size: 16px; color: #75051b;}
.ph_sub       { font-weight: bold; font-size: 10px; color: #000; }

/* Top Menu SECTION
------------------------------------------------------------------------------ */
#intro { 
	height: 216px;
	border-top: 5px solid #44020e;
	border-bottom: 1px solid #fff;
	}

#topMenu {
	height: inherit;
	width: 223px;
	}
#topMenu a img {
	border: none; 
	}
#introGFX {
	height: inherit;
	width: 527px;
	}
/* Components and Modules SECTION
   Column(s)
------------------------------------------------------------------------------ */

#compMods { 
	border-top: 5px solid #44020e;
	border-bottom: 5px solid #807d73;
	}
#compModsHigh {
	border-top: 5px solid #44020e;
	border-bottom: 5px solid #807d73;
	max-height: 500px;
	min-height: 350px; 
	}
.compDual {
	background: url('../images2/bord_dual.gif') repeat-y;
	}
.compSingle {
	background: url('../images2/bord_single.gif') repeat-y;
	}
#sidebar {
	width: 223px;
	w\idth: 203px;
	}
#component {
	width: 320px;
	w\idth: 300px;
	}
.center {
	text-align: center;
	width: 223px;
	w\idth: 203px;
	}
.full { 
	width: 527px!important;
	w\idth: 507px!important;
	}
#aside {
	width: 207px;
	w\idth: 187px;
	}

/* Footer SECTION
------------------------------------------------------------------------------ */
#footer {
	border-top: 1px solid #fff;
	text-align: center;
	background-color: #e3decc!important;
	background-image: url('http://www.federaldefensecases.com/images/home_02.gif');
	background-repeat: repeat-x;
	background-position: top left;
	}
#footlinks {
	padding: 10px 0 0 0; 
	}
#footlinks a,
#footlinks a:active,
#footlinks a:visited {
	float: left;
	display: block;
	width: 125px;
	text-align: center;
	}