HTML {background-color:#231F20;}
BODY {margin:0; padding:0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:12px;font-style: normal;line-height:150%;font-weight: normal; font-variant: normal; }

.rounded {-moz-border-radius: 7px; -webkit-border-radius: 7px;}

/* Clear Fix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */ 
/* Clear Fix */

/*****************************************/	
/********** BASIC HTML ELEMENTS **********/
/*****************************************/	

/* ---------- don't edit collapse defaults*/
div, span, a, a img, img 		{margin:0px; padding:0px;border:0px;outline:0px;}
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: "" "";}
object {outline:0 none;}
button {margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:100%;font-family:inherit;text-align:left}
button::-moz-focus-inner {padding:0; border: none;}/* overrides extra padding in Firefox */
/* ----- headlines -----------------------*/
h1, h1 a, a h1 {font-size:24px; color:#2F424C; line-height:normal; letter-spacing:0; margin:0px;}
h2, h2 a, a h2 {font-size:20px; color:#333333; line-height:normal; letter-spacing:0; margin:0px;}
h3, h3 a, a h3 {font-size:18px; color:#336699; line-height:normal; letter-spacing:0; margin:0px;}
h4, h4 a, a h4 {font-size:16px; color:#333333; line-height:normal; letter-spacing:0; margin:0px;}
h5, h5 a, a h5 {font-size:14px; color:#666666; margin:0px;}
h6, h6 a, a h6 {font-size:12px; color:#000000;}
/* note: declare link attributes for headlines - since  */
/* tools arbitrarily put links inside or outside h tags */

/* ----- default text links in content -------*/
a {
	color:#3366BB;
	text-decoration:underline;
}
a:hover {
	color:#002BB8;
	text-decoration:none;
}

/* ----- default horizontal rule -------*/
hr {margin:5px 0px 20px 0;padding:0px;border-bottom:2px solid #999;border-top:0px;border-left:0px;border-right:0px;line-height:0px;height:0;display:block;}

/* --------------------------------- */
/* --------- COMMON STYLES --------- */
/* --------------------------------- */
.hidden{display:none}
.left {float:left;}
.right {float:right;}
.clear-both {clear:both;}
.clear-left {clear:left;}



#container {
	background: none;
	margin: 22px auto;
	text-align: left;
	width: 820px;
}
#left-bar {
	width: 80px;
}
	#left-bar #logo {background:url('/images/full-site.jpg') no-repeat -732px -580px; width: 77px; height:25px; margin-top: 45px;}
	#left-bar #logo SPAN {display: none;}
	#left-bar #nav UL {padding: 0; margin:10px 0 25px;}
	#left-bar #nav UL LI {margin:0 0 15px; padding: 0 6px 0 0; list-style-type: none; text-align: right;}
	#left-bar #nav A {color: #666; text-decoration: none; font-weight: bold; font-size: 14px; text-transform: uppercase;}
	#left-bar #nav A:hover, #left-bar #nav A.nav-selected {color: #999;}
	
	#left-bar #soc-icons {
		background:url('/images/full-site.jpg') no-repeat -734px -640px;
		width: 70px;
		margin-bottom:10px;
		height: 72px;
		position: relative;
	}
	#left-bar #soc-icons A {display: inline-block; width: 28px; height: 28px;  position: absolute; text-decoration: none;}
	#left-bar #soc-icons A#facebook {} 
	#left-bar #soc-icons A#flickr {right: 0;}
	#left-bar #soc-icons A#youtube {bottom: 0; left: 0;}
	#left-bar #soc-icons A#twitter {bottom: 0; right: 0;}
	
	#left-bar #funky-line-things {
		background:url('/images/full-site.jpg') no-repeat -735px 0;
		height: 535px;
		width: 70px;
	}
#page-body {
	height:auto !important;
	height:360px;
	min-height:360px;
	position:relative;
	width:735px;
}
#page-body H1
, #page-body H2
, #page-body H3 {
	height: 24px;
	padding:8px 0 8px 35px;
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
}
#page-body .top {
	margin: 0 0 14px 0;
}
#page-body .middle {
	margin: 0 0 14px 0;
}
#page-body #page-top {
	height: 405px;
	background:url('/images/full-site.jpg') no-repeat 0 0;
	position: relative;
}
#page-body #page-top A#buy-now {
	position: absolute;
	bottom: 23px;
	right: 32px;
	width: 140px;
	height: 58px;
	display: block;
	text-decoration: none;
}
#page-body #page-top A#learn-more {
	position: absolute;
	bottom: 69px;
	left: 41px;
	width: 58px;
	height: 20px;
	display: block;
	text-decoration: none;
}
#page-body #page-bottom {}
	/* RIGHT - BOTTOM */
	#page-body #page-bottom #page-bottom-right {
		width: 490px;
	}
		#page-body #page-bottom #page-bottom-right .block-footer {
			height: 53px; position: relative;
		}
			#page-body #page-bottom #page-bottom-right .block-footer A {
				position: absolute;
				top: 12px;
				right: 13px;
				width: 81px;
				height: 27px;
				display: block;
				text-decoration: none;
			}
		#page-body #page-bottom #page-bottom-right .top { 		/* Body */
			height: 405px;
			background:url('/images/full-site.jpg') no-repeat -243px -407px;
		}
			#page-body #page-bottom #page-bottom-right .top .scrollable {
				padding:20px 0px;
				margin:3px 3px 0 0;
				font-size: 12px;
				line-height:150%;
				height: 269px;
				overflow: auto;
			}
			#page-body #page-bottom #page-bottom-right .top .scrollable DIV {
				width: 390px;
				margin: 0 auto;
			}
		#page-body #page-bottom #page-bottom-right .middle {	/* Twitter */
			height: 346px;
			padding: 44px 4px 0 2px;
			background:url('/images/full-site.jpg') no-repeat -243px -814px;
		}
			#page-body #page-bottom #page-bottom-right .middle .scrollable {
				height: 293px;
				overflow: auto;
			}
				#page-body #page-bottom #page-bottom-right .middle .scrollable #twit-feed {
					position: relative;
					margin: 0 auto;
					width: 460px;
					padding: 5px 0 5px;
				}
				#page-body #page-bottom #page-bottom-right .middle .scrollable #twit-feed .twit {
					font-weight: normal;
					text-indent: 0;
					color: #fff;
					text-align: left;
					font-size: 13px;
					width: 400px;
					
					/* outlines the individual items */
					border: 0;
					
					/* pads the individual items */
					padding: 0;
					
					/* spaces the individual items */
					margin: 10px auto;
				}
					#twit-feed .twit A {color: #FFF;}
					#twit-feed .twit .date {
						font-size: 11px;
						color: #666;
						text-decoration: none;
					}
				
		#page-body #page-bottom #page-bottom-right .bottom {	/* Contact */
			height: 54px;
			padding-top: 48px;
			background:url('/images/full-site.jpg') no-repeat -243px -1207px;
			position: relative;
		}
			#page-body #page-bottom #page-bottom-right .bottom #band {
				position: absolute;
				top: -17px;
				right: 80px;
				background: url('/images/efx-band.png') no-repeat 0 0;
				height: 150px;
				width: 130px;
			}
			#page-body #page-bottom #page-bottom-right .bottom .text {
				color: #CCC;
				font-size: 10px;
				padding-left: 20px;
				line-height: 160%;
			}
				#page-body #page-bottom #page-bottom-right .bottom .text A {
					position: static;
					width: 200px;
					height:auto;
					font-size: 16px;
					color: #DDD;
				}
	/* LEFT - BOTTOM */
	#page-body #page-bottom #page-bottom-left {
		width:230px;
	}
		#page-body #page-bottom #page-bottom-left .block-footer {
			height: 52px; position: relative;
		}
			#page-body #page-bottom #page-bottom-left .block-footer A {
				position: absolute;
				top: 12px;
				left: 13px;
				width: 68px;
				height: 27px;
				display: block;
				text-decoration: none;
			}
		#page-body #page-bottom #page-bottom-left .top {		/* Facebook -407px */
			height: 416px;
			padding-top: 44px;
			background:url('/images/full-site.jpg') no-repeat 0 -407px;
		}
			#page-body #page-bottom #page-bottom-left .top .scrollable {
				height: 363px;
				overflow: hidden;
				margin-left:3px;
				padding:0px 2px 0 0;
				background: #FFF;
			}
			#page-body #page-bottom #page-bottom-left .top .scrollable IFRAME {
				margin: -1px 0;
			}
		
		#page-body #page-bottom #page-bottom-left .bottom {		/* Flikr -759px */
			height: 406px;
			padding:44px 2px 0;
			background:url('/images/full-site.jpg') no-repeat 0 -869px;
		}
			#page-body #page-bottom #page-bottom-left .bottom #flikr-feed {padding: 5px 10px 0; height:347px; overflow: auto; text-align: center;}
			#page-body #page-bottom #page-bottom-left .bottom #flikr-feed IMG {
				width: 135px; margin-bottom:10px;
			}