@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
/* remember to define focus styles! */
:focus {
	outline: 0; 
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*END STYLE RESETS*/

/* GLOBAL STYLES #b30917;*/
body {
	background-color:#191919;
	background-image:url(images/pinstripe.gif);
	font: .8em/1.3em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color:#fff;}
a {
	color:#CACA00;
}
a:link {
	color:#f3ec0c;}
a:visited {
	color:#8d0000;}
a:hover {}
a:active {}
a:focus {}

p{
margin-bottom:.75em;}


h1, h2, h3 { 
 font: normal 1em/1.5em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;}
h1 { 
 font-size: 1.8em;}
h2 { 
 font-size: 1.5em;
 }
h3 { 
 font-size: 1.3em;} 
 
.uppercase {
	text-transform:uppercase;
}

/* HEADER */
#header {
	text-align:center;
	margin:10px 0 15px 0;
	position:relative;
	left:0px;}
#header h2 {
	font-size:1em;}
#header img {
	position:absolute;
	top:0px;
	left:78px;
	background-image:url(images/pinstripe.gif);
	}

/* FOOTER */
#footer {
	text-align:center;}	
#footer h3 {
	font-size:.85em;
	display:inline;}

/* GLOBAL CONTENT COMPONENTS */
#page_wrapper {
margin:0 auto;
width:630px;
}
#content_wrapper {
	background: #228ac0;
	height:395px;
	position:relative;
	top:0px;
	padding:10px 10px 7px 10px;
}

#content_wrapper > img {
	float:left;
	margin:-10px 10px 10px -5px;
}
div.clearer  {
	clear: both;
	line-height: 0;
	height: 0;
	border:none;
	background:none;}

#thumbnails {
	clear:both;
	text-align:center;
	margin:0 auto;
	position:absolute;
	bottom:5px;
	left:12px;}
#thumbnails img {
	margin:0px 7px;}
#thumbnails p {
	clear:both;
	margin:2px 0 0 7px;
	text-align:left;}
	
#navigation{
	clear:left;
	float:left;
	width:158px;
	height:130px;
	margin:0 10px 15px 0px;
	padding:.5em 0 0 5px;
	background-color: #0092DF;
	border: 1px #000 solid;
}
#navigation li {
	margin:0 0 5px 0;
}

/*=====| Contact Page |=================================================================*/
#contact{
	width:420px;
	padding:.5em 0 0 0;
	position:absolute;
	top:0px;
	right:0px;}
#contact p {
	display:inline;
	margin:0 1em 0 0;
	position:relative;
	top:5px;
}