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

/* General Page */
body {
	background:			#000;
	background-image:	url(../art/background.gif);
	background-repeat:	repeat-x;
	margin:				0px;
	padding:			0px;
}
body, input, textarea {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:			12px;
}

p {
	margin:				0px;
	padding:			0px 0px .75em 0px;
	line-height:		1.5em;
}

ul, ol {
	margin-top:			0px;
	margin-bottom:		0px;
	Xpadding:			0px;
	line-height:		1.5em;
	list-style-position:	outside;
	margin-right:		40px;
}


h2 {
	font-size:			14px;
	font-weight:		bold;
	margin:				0px;
	Xpadding:			.25em 0px .25em 0px;
	padding:			0px 0px .25em 0px;
}
h2.first {
	padding-top:		0px;
}

a, a.visited {
	Xcolor:				#000;
	color:				#295DC7;
	text-decoration:	none;
	font-weight:		bold;
}
a:hover {
	color:				#bdd73c;
}
a img {
	border:				none;
}
/* Layout */
.wrapper {
	position:			relative;
	width:				100%;
	z-index:			auto;
}
.container {
	position:			relative;
	width:				950px;
	margin:				0px auto;
	Xborder:			1px solid #f00;
}
.reset_stack {
	z-index:			-1;
	width:				100%;
	height:				0px;
}
#header_wrapper {
	z-index:			200;
}
#header {
	height:				80px;
	padding:			0px;
}
#main_wrapper {
	position:			relative;
	background-color:	#fff;
	z-index:			10;
}
#main {
	position:			relative;
	padding:			0px;
	min-height:			440px;
	border:				1px solid #fff;	/* This has to be here to work around a bug. */
}
#footer_wrapper {
	position:			relative;
	background-color:	#000;
}
#footer {
	position:			relative;
	height:				115px;
	Xborder:			1px solid #09F;
}
#left {
	position:			absolute;
	top:				0px;
	left:				0px;
	height:				380px;
	width:				140px;
	Xborder:			1px solid #09F;
} 
#left #logo {
	position:			absolute;
	margin:				0px;
	padding:			0px;
	top:				40px;
	right:				0px;
	Xborder:			1px solid #f00;
	
}
#left #get_noticed {
	position:			absolute;
	margin:				0px;
	padding:			0px;
	top:				220px;
	right:				0px;
	Xborder:			1px solid #f00;
}
#middle {
	position:			relative;
	margin:				0px;
	padding:			0px;
	top:				0px;
	left:				170px;
	width:				760px;
	Xborder:				1px solid #fff;
	z-index:			20;
}
#content {
	position:			relative;
	display:			block;
	padding:			0px;
	margin:				100px 20px 20px 20px;
	width:				495px;
	Xborder:			1px solid #ff0;
	letter-spacing:		0;
}
#content .short {
	Xwidth:				515px;
}
#content .contact_link {
	margin-top:			10px;
}
#right {
	position:			absolute;
	top:				40px;
	right:				0px;
	width:				20px;
	height:				380px;
	background-image:	url(../art/marketing_and_design.jpg);
	Xborder:			1px solid #09F;
}
#foot_stuff {
	position:			absolute;
	top:				10px;
	right:				20px;
	width:				780px;
	height:				80px;
	Xborder:			1px solid #09F;
	text-align:			center;
}
#footer a, #footer a.visited {
	color:				#FFF;
	text-decoration:	none;
	Xfont-weight:		bold;
}
#footer a:hover {
	color:				#bdd73c;
}
#copyright {
	position:			absolute;
	bottom:				0px;
	right:				20px;
	width:				780px;
	font-size:			11px;
	text-align:			center;
	color:				#FFF;
	letter-spacing:		.25em;
	Xborder:				1px solid #09F;
}
#waydown {
	position:			relative;
	margin:				0px auto;
	width:				950px;
	Xheight:				100px;
	padding:			0px;
	bottom:				0px;
	color:				#000;
	Xborder:				1px solid #09F;
}
#waydown a {
	color:				#000; !important
}
/* Flash overlay */
#flash {
	position:			absolute;
	top:				0px;
	right:				20px;
	width:				780px;
	height:				540px;
	margin:				0px;
	padding:			0px;
	Xborder:			1px solid #F00;
	z-index:			100;
}
#flash #portfolio {
	position:			relative;
	top:				0px;
	left:				0px;
}
#flash #intro {
	position:			relative;
	top:				20px;
	left:				192px;
	Xborder:			1px solid #00f;
}
object {
	outline:			none;
} 
#page_background {
	position:			absolute;
	top:				0px;
	right:				20px;
}
/* Navigation and pulldowns */
#navbar {
	visibility:			visible;
}
#static_navbar {
	visibility:			hidden;
}
#navbar {
	position:			absolute;
	padding:			0px;
	margin:				0px;
	bottom:				10px;
	right:				-20px;
	height:				18px;
	z-index:			200;
}
#navbar ul {
	padding:			0px;
	margin:				0px;
	list-style-type:	none;
}
#navbar li {
	border-left:		1px #fff solid;
	padding:			0px 20px;
	margin:				0px;
	border-collapse:	collapse;
	float:				left;
	vertical-align:		bottom;
}
#navbar li.first {
	border:				none;
}
#navbar a , #navbar a.visited {
	Xcolor:				#FFF;
	color:				#000;
	text-decoration:	none;
	padding: 			0;
	margin:				0;
	font-weight:		bold;	
	font-size:			11px;
	text-transform:		uppercase;
	text-decoration:	none;
	display: 			block;
	vertical-align:		bottom;
}
#navbar a:hover {
	Xcolor:				#000;
	color:				#FFF;
}
#navbar a.active {
	Xcolor:				#000;
	color:				#FFF;
}
#navbar .pulldown ul {
	display:			none;
}
#navbar .pulldown:hover ul, #navbar .pulldown.hover ul{
	visibility: 		visible;
	display: 			block;
	position:			absolute;
	padding: 			0;
	margin: 			0;
	background-color:	#bdd73c;
	padding-top:		5px;
	padding-bottom:		5px;
}
#navbar li li {	
	border: 			none;
	clear:				both;
	padding: 			0;
	margin:				0;
}
#navbar li li a {
	padding: 2px 10px 2px 5px;
	xpadding: 			0;
	margin:				0;
	font-size:			11px;
}
/* Contact page layout */
#contact_left {
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				240px;
	padding:			0px;
	margin:				0px;
}
#contact_info {
	padding:			0px;
	margin:				0px;
	margin-top:			25px;
}
#contact_info p {
	padding:			0px;
	margin:				0px;
	margin-bottom:		2px;
}

#gbb {
	position:			absolute;
	top:				355px;
	right:				20px;
}
/* Blog Content */
#blog {
}
#blog .storytitle {
	font-size:			14px;
	font-weight:		bold;
	color:				#000;
	padding:			0;
}
#blog .storydate {
	font-size:			10px;
	color:				#333;
	padding:			0;
}
#blog .storycontent {
	padding:			1.5em 0 30px 0px;
}
/* Blog Sidebar */
#blog_sidebar {
	position:			absolute;
	width:				230px;
	height:				300px;;
	top:				40px;
	right:				20px;
	background-color:	#fff;
	border:				1px solid #bdd73c;
	z-index:			20;
}
.blog_widget {
	padding:			8px 15px 0 15px;
}
.blog_widget_title {
	padding:			0;
	color:				#000;
	font-weight:		bold;
}
.blog_widget ul {
	list-style:			none;
	margin:				0;
	padding:			0;
}
.blog_widget li {
	display:			block;
	padding:			0;
	margin:				0px 0px;
	line-height:		1.5em;
	height:				1.5em;
	overflow:			hidden;
}
.blog_widget label {	/* Hide "Search for:" */
	display:			none;
}
.blog_widget form {	/* Hide "Search for:" */
	margin:				0;
	padding:			0;
}
#blog .alignright {
	float:				right;
	margin-left:		15px;
}
#blog .alignleft {
	float:				left;
	margin-right:		15px;
}
#blog .aligncenter {
	display:			block;
	margin:				15px auto;
	
}
#blog .alignnone {
	float:				none;
}
#blog p {
	Xborder:				1px solid	#f0f;
	Xpadding:			0;
	Xmargin:				0;
}
#blog table {
	border-collapse:	collapse;
}
#blog th  {
	border:				1px solid #000;
	padding:			5px;
	text-align:			center;
	font-weight:		bold;
	background-color:	#bdd73c;
}
#blog td {
	border:				1px solid #000;
	padding:			5px;
	text-align:			center;
}
/* Google Search */
#goog-wm { }
#goog-wm h3.closest-match { }
#goog-wm h3.closest-match a { }
#goog-wm h3.other-things { }
#goog-wm ul li { }
#goog-wm li.search-goog { display: block; }

/* Constant Contact Maillist signup form */
#maillist {
	margin-top:			20px;
}