@font-face {
	font-family: Archer;
	src: url('fonts/Archer-Book.otf');
}

@font-face {
	font-family: Archer;
	font-weight: bold;
	src: url('fonts/Archer-Bold.otf');
}

/*Reset*/
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { font: normal 12px Archer, "Courier New", Courier, monospace; text-align: center; background-color: #231F20; color: #EDEDED;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*Styles*/

h1 { font: bold 18px Archer, "Courier New", Courier, monospace; text-transform: uppercase; letter-spacing: 1px; color: #16B5B1;}
p { font: normal 16px/24px Archer, "Courier New", Courier, monospace; color:#EDEDED; }
a { font: normal 16px/22px Archer, "Courier New", Courier, monospace; color:#16B5B1; text-decoration:none;}
a:hover { border-bottom: 1px solid #EDEDED; color: #EDEDED;} 

#navBg { height: 35px; background-color: #231F20; border-bottom: 3px solid #16B5B1;}
#navContainer { margin: 0 auto; width: 1024px; text-align: left;}
#nav { float: right; padding-top: 10px;}
#nav a {  padding: 10px 11px 9px; text-decoration: none; color: #FAF9F9; font: bold 14px Archer, "Courier New", Courier, monospace; text-transform:uppercase; letter-spacing: 1px;}
#nav a:hover { background-color:#333333; color: #16B5B1; border-bottom: none; }

#containerBg { background-color: #fbfafa;}
#container { margin: 0 auto; width: 1024px; text-align:left;}

#contentBg { background-color: #231F20;}
#contentContainer { margin: 0 auto; width: 1024px; text-align: left;}
#mainContent { padding: 25px 35px; min-height: 300px;}
#mainContent ul li { background: url(images/flake.gif) no-repeat top left; padding: 0 0 0 25px; margin: 0 0 5px 0;}

#intro {width: 960px; margin-bottom: 70px;}
#intro p, #contactPara p {  margin: 10px 0 10px;}
#intro h2 { color:#999; font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; margin: 25px 0 15px 0;}

#introPara { width: 450px; }
#introLinks { width: 400px; float: right;}
#introLinks a { padding:15px 5px 25px 5px;}
#introLinks a:hover { border-bottom: none;}

#portfolioContainer { }
#portfolioContainer h1 { border-bottom: 1px solid #666; }
#portfolioContainer h2, #contactPara h2 { font: bold 21px Archer, "Courier New", Courier, monospace; text-transform: uppercase; letter-spacing: 1px; color: #16B5B1; margin: 0 0 15px 0; }
#portfolioContainer h3 { font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #999; margin: 25px 0 15px; }

.example { padding: 50px 10px 10px 0px;}
.example img { float: right; width: 500px; margin-left: 75px; border: 10px solid #fbfafa; -webkit-box-shadow:#000 3px 3px 3px; -moz-box-shadow:#000 3px 3px 3px;}

.example .info { margin: 100px 0 0 20px;}
.example a { float: left; margin: 30px 0 0 25px; padding: 3px 10px 1px; background-color: #16B5B1; color: #231F20; border: 1px solid #ccc; font-weight: bold; }
.example a:hover { background-color: #ccc;}

#footer { border-top: 2px solid #16B5B1; padding: 35px 0;}
#footer .links { float: left;}
#footer .contact { float: right;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/*Form Styles*/

#contactPara { float: left; width: 350px; margin: 15px 100px 0 50px; }
#contact { float: right; margin: 0 100px 40px 0; width: 300px; }
#contact, input, #contactPara p { font: normal 16px/22px Archer, "Courier New", Courier, monospace; color:#EDEDED;}
fieldset {   margin: 1em 0 0 0;  padding: 0;  }  
legend {  margin-left: 1em; text-transform: uppercase; letter-spacing: 1px; color: #16B5B1; font: bold 18px Archer, "Courier New", Courier, monospace; text-transform: }  
fieldset ol {  padding: 1em 0 0 0; list-style: none;  }  
fieldset li { padding-bottom: 1em;  }
input.text, textarea { width: 300px; border: 1px solid #16B5B1; padding: 5px; background-color:#CCC; color:#000000;}
input.submit { padding: 3px 10px 1px; background-color: #16B5B1; color: #231F20; border: 1px solid #ccc; font-weight: bold; float: right; }
input.submit:hover { background-color: #ccc; }
label { display: block; margin-bottom: 3px;  }

.pdf { background: url(images/pdf.gif) top left no-repeat; padding-left: 30px;}
.PHP a { font-size: .7em;}
.error { color:#FF0000;}

Black { color: #231F20}
white { color: #FAF9F9}
Dk Gray { color: #323232}
lighter { color: #A8ABA2}