@charset "utf-8";
/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
}
body {
	line-height: 1.5;
	color:#E9EAEF;
	background:#6b6b6b url(../images/bg.png) repeat-x;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Remove annoying border on linked images. */
a img {
	border: none;
}
/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height: 1.5; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #E9EAEF; }
a           {
	color: #006;
	text-decoration: underline;
}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

.container {
	width:1024px;
	margin:0 auto;
	text-align:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.125em;
}
hr {
	border:0;
	height:1px;
	color: #999;
	background-color: #999;
}
#header {
	height:398px;
	width:1680px;
	background:url(../images/layout.png);
	background-size: contain; 
}

/* @group Global Nav */

#global_nav {
  list-style: none;
  padding:0;
  position:absolute;
  top:5px;
  right:10px; 
  margin: 0;
}
#global_nav li {
  display: block;
  float:  left;
  height: 25px;
  margin-left: 30px;
}
#global_nav li a {
  display: block;
  line-height: 22px;
  color: #fff;
  text-decoration: none;
  font-size: 120%;
}
#global_nav li.current a, #global_nav li a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

/* @end */
#adblock {
	text-align:center;
}

/* @group Footer */
#footer:before {
	content: "";
	display:block;
	height:1px;
	background:#999;
}
#footer {
	color: #EFDFFF;
	padding: 1px 0 50px 0;
	text-align:center;
}
#footer_nav, #footer_nav a, #footer hr{
  color: #777;
}
#footer_nav {
  float: right;
  text-align: right ;
  padding-top: 5px;
}

/* @end */



.drop-shadow {
	position:relative;
	width:1024px;
	padding:1em;
	margin:2em auto 5em;
	background:#999;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,  .drop-shadow:after {
	content:"";
	position:absolute;
	z-index:-2;
	bottom:15px;
	left:10px;
	width:50%;
	height:20%;
}
.drop-shadow:after {
	right:10px;
	left:auto;
}
.raised:before {
	width:auto;
	right:10px;
	left:10px;
	bottom:0;
	-webkit-box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
	box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
}
.grid {
	display:inline;
	float:left;
	width:400px;
	margin:25px;
	min-height:410px;
	font-size:12px;
	text-align: center;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}