@charset "UTF-8";
html, body, ul, ol, li, p, h1,        {
	margin: 0 auto;
	padding: 0;
	border: 0;
}
p {
	font-size: 80%;
	line-height: 130%;
}
body {
	padding: 0px;
	font: 100.01% Arial, Helvetica, sans-serif;
	background: #333333;
	margin: 0px;
}

a:link    {
	color: #333333;
	text-decoration: underline;
	font-size: 110%;
}
a:visited  {
	color: #333333;
	text-decoration: underline;
	font-size: 110%;
}
a:hover  {
	color: #FF0000;
	text-decoration: none;
}

#fontosizer {
	float: right;
	width: 400px;
	padding-top: 2px;
	text-align: right;
	padding-right: 12px;
	font-size: 80%;
}


h3 {
	color: #ff0000;
	font-weight: bold;
	font-size: 95%;
	margin-bottom: 6px;
	margin-top: 0px;
}

h4 {
color: #ff0000;
font-weight: bold;
font-size: 85%;
margin-bottom: 6px;
margin-top: 0px;
padding: 0px;
}

#float_image{
	width: 50px;
	background: url(../images/emma.gif) no-repeat bottom;
	position: absolute;
	height: 84px;
	margin-top: 450px;
	margin-left: 830px;
}

#wrapper_bkgrd{
	width: 900px;
	height: 400px;
	background: url(../images/flourishes.gif) no-repeat center top;
	margin: 20px auto 0px;
}

#wrapper{
	width: 800px;
	margin: 0px auto;
	height: auto;
}

#design_container{
	width: 800px;
	background: #000000 url(../images/design_cont_bkgrd.gif) no-repeat center top;
	float: left;
	clear: left;
	height: auto;
}

#video_container{
	background: #000000;
	margin: 0px;
	float: left;
	width: 780px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

#port_container{
	width: 800px;
	height: 350px;
	float: left;
}

#curved_btm{
	width: 528px;
	background: #000000 url(../images/curved_btm.jpg) no-repeat center top;
	text-align: left;
	height: 20px;
	margin-left: 12px;
	float: left;
	margin-bottom: 12px;
}

#frtpg_image{
	width: 528px;
	float: left;
	clear: left;
	margin-left: 12px;
	margin-top: 18px;
	border: 1px solid #FFFFFF;
}

#slideshow{
width: 530px;
margin-top: 24px;
margin-bottom: 24px;
height: 500px;
margin-left: 12px;
}

#slideshow p{
color: #FFFFFF;
font-size: 80%;
}

#slideshow a:link{
color: #FFFFFF;
font-size: 100%;
}

#signup{}


#left_body{
	width: 528px;
	background: #FFFFFF;
	float: left;
	margin-left: 12px;
	margin-top: 12px;
	clear: left;
}

#left_body_text{
	text-align: left;
	width: 504px;
	padding: 12px 12px 0px;
	background: #FFFFFF url(../images/curved_top.jpg) no-repeat center top;
	float: left;
	height: auto;
}

/* ARCHIVES PAGE  */

#archives{
	text-align: left;
	width: 504px;
	padding: 12px 12px 0px;
	background: #FFFFFF url(../images/curved_top.jpg) no-repeat center top;
	float: left;
	height: auto;
}

#archives p{
	text-align: left;
	width: 480px;
	background: #FFFFFF;
	height: auto;
	padding-bottom: 0px;
	padding-top: 12px;
	float: left;
}

#archives h4{
	text-align: left;
	width: 480px;
	background: #FFFFFF;
	float: left;
	height: auto;
	padding-bottom: 0px;
	padding-top: 12px;
	font-size: 120%;
	color: #666666;
}

#archives a{
	background: #FFFFFF;
	font-size: 100.01%;
	font-weight: bold;
	color: #666666;
}

.arc_images{
	margin-right: 12px;
	border: 3px solid #000000;
	float: left;
}

/* TEXT PAGES  */

#left_body_text h4{
color: #333333;
font-size: 105%;
}

#left_body_text li{
	font-weight: bold;
	list-style: inside;
	font-size: 75%;
}

#left_body_text a{
	color: #000000;
	font-size: 100.01%;
}

#left_body_text a:hover{
	color: #FF0000;
	text-decoration: underline;
}

#right_body_inside{
	text-align: left;
	height: 459px;
	float: left;
	width: 228px;
	clear: right;
	margin-top: 11px;
	padding-top: 20px;
}

#right_body{
	width: 228px;
	text-align: left;
	float: right;
	margin-right: 12px;
}

#right_body h3{
	padding-left: 15px;
	font-size: 100%;
	padding-top: 18px;
	margin-bottom: 6px;
	color: #54b948;
}

#right_body p{
	padding-left: 14px;
	padding-bottom: 0px;
	padding-right: 12px;
	color: #CCCCCC;
}

#right_body a{
	color: #FFFFFF;
	font-size: 100.01%;
}

#right_body a:hover{
	color: #FF0000;
	text-decoration: underline;
}

#horz_rule
{
	width: 800px;
	background: #000000;
	border-top: 1px solid #000000;
	height: 1px;
	margin-top: 120px;
	float: right;
	clear: right;
}

#footer
{
	width: 800px;
	background: #54b948 url(../images/btm_flourishes.gif) no-repeat center top;
	margin-bottom: 20px;
	float: left;
	clear: left;
	border-bottom: 3px solid #000000;
}

#footer p
{
	color: #000000;
	padding-left: 24px;
	padding-top: 3px;
}

#footer a
{
	color: #000000;
	text-decoration: underline;
	font-size: 100.01%;
}

#footer_top_text {
	font-size: 70%;
	float: right;
	width: 600px;
	clear: right;
	color: #CCCCCC;
	margin-top: 20px;
	margin-right: 10px;
	text-align: right;
}

#paypal {
	width: 10px;
	height: 10px;
	margin-left: 100px;
	float: left;
	clear: left;
}

#footer_top
{
	width: 776px;
	float: left;
	clear: left;
	background: #666666 url(../images/footer_top_shad.jpg) repeat-x top;
	height: 36px;
	padding-left: 24px;
	padding-top: 8px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
}

#topbar
{
	width: 776px;
	background: url(../images/top_bar.jpg) repeat-x bottom;
	color: #CCCCCC;
	font-size: 70%;
	padding-top: 3px;
	height: 17px;
	text-align: left;
	padding-left: 24px;
	border-top: 3px solid #000000;
}

#topbar a
{
	color: #999999;
	font-size: 100.01%;
}

#topbar a:hover
{
	color: #FFFFFF;
	font-size: 100.01%;
	text-decoration: underline;
}

#topbar_two
{
	width: 776px;
	background: url(../images/top_bar_two.jpg) repeat-x;
	color: #CCCCCC;
	font-size: 70%;
	height: 12px;
	float: left;
	padding-left: 24px;
	padding-top: 6px;
	margin-top: 4px;
}

#masthead
{
	width: 800px;
	background: url(../images/head_bkgd.jpg) no-repeat;
	clear: left;
	float: left;
	height: 100px;
}

#masthead_inside
{
	width: 800px;
	height: 107px;
	float: left;
}

#copyright {
	color: #666666;
	width: 460px;
	padding-top: 5px;
}

#navlist
{
margin-top: 75px;
margin-left: 0px;
width: 782px;
font-size: 70%;
font-weight: bold;
padding-left: 24px;
}

#navlist ul, #navlist li
{
	list-style: none;
	display: inline;
}

#navlist a:link, #navlist a:visited
{
	float: left;
	padding-right: 16px;
	color: #54b948;
	text-decoration: underline;
}

#navlist a:hover, 
  .home #navlist #home a,
  .portfolio #navlist #portfolio a,
  .enews #navlist #enews a,
  .experience #navlist #experience a,
  .mission #navlist #mission a,
  .nuts_bolts #navlist #nuts_bolts a,
  .new_work #navlist #new_work a, 
  .photos #navlist #photos a,
  .contact #navlist #contact a,
  .funny #navlist #funny a {

	color: #FFFFFF;
	text-decoration: underline;
}

/* these are misc. class style that have not been used in this site. you may use these or create new styles of your own  */
.images {
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	padding: 2px;
	text-decoration: none;
	border: 1px solid #FFFFFF;
}

.images_normal {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}