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, 
input, textarea
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	backgroun-color: transparent;
}

html
{
   width: 100%;
}

body
{
   margin: 0px;
   padding: 0px;
   font-family: Verdana,san-serif;
   font-size: 1.0em/1.2em;
   text-align: center;
   background-color: black;
   color: #BBBBBB;
}

a, a:hover, a:active, a:visited 
{
   color: #0192FF;
   text-decoration: none;
}

h1
{
   text-align: center;
   font-family: "Courier New", Courier, monospace;
   font-size: 26px;
   font-weight: bold;
   text-transform: uppercase;
   color: #0066B3;
}

h2
{
   text-align: center;
   font-family: "Courier New", Courier, monospace;
   font-size: 18px;
   font-weight: bold;
   text-transform: uppercase;
   color: #0066B3;
}

#wrapper
{
   margin: 0 auto;
   width: 980px;
   min-height: 800px;
   text-align: left;
   padding: 97px 0 0 0;
   background: url( /images/page_background.jpg ) center top no-repeat;
}

/*********************************************
            HEADER SECTION STYLES
*********************************************/
#header_full
{
   position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:67px;
	/*background:url( /images/full_bg_header_bar.jpg ) center top repeat-x;*/
	z-index:1;
   /*
   width: 100%;
   height: 32px;
   background: url( /images/full_bg_header_bar.jpg ) repeat-x;
   */
}

#header
{
   width: 980px;
   height: 67px;
   margin: 0 auto;
}

#header #logo
{
   width: 293px;
   height: 34px;
   float: left;
   margin: 34px 0 0 0;
   background: url( /images/logo.png ) no-repeat;
   text-indent: -999em;
   overflow: hidden;
}

#header #nav
{
   margin-top: 9px;
   float: right;
}

#header #nav ul
{
   list-style-type: none;
   margin: 0px 0px 0px 0px;
   padding: none;
}

#header #nav li
{
   margin-left: 4px;
   float: left;
}

#header #nav #projects
{
   height: 60px;
   width: 139px;
   background: url( /images/nav_project_tab.png ) no-repeat;
}

#header #nav #projects a
{
   margin: 18px 0  0 8px;
   padding: 0;
   height: 28px;
   width: 122px;
   background: url( /images/nav_project_txt.png ) no-repeat;
   background-position: 0 0;
   text-indent: -999em;
   overflow: hidden;
   display: block;
}

#header #nav #projects a:hover
{
   background-position: 0 -29px;
}

#header #nav #projects a.active
{
   background-position: 0 -57px;
}

#header #nav #about
{
   height: 64px;
   width: 104px;
   background: url( /images/nav_about_tab.png ) no-repeat;
}

#header #nav #about a
{
   margin: 18px 0 0 8px;
   height: 28px;
   width: 89px;
   background: url( /images/nav_about_txt.png ) no-repeat;
   background-position: 0 0;
   text-indent: -999em;
   overflow: hidden;
   display: block;
}

#header #nav #about a:hover
{
   background-position: 0 -29px;
}

#header #nav #about a.active
{
   background-position: 0 -57px;
}

#header #nav #connect
{
   height: 60px;
   width: 139px;
   background: url( /images/nav_connect_tab.png ) no-repeat;
}

#header #nav #connect a
{
   margin: 18px 0 0 8px;
   height: 28px;
   width: 124px;
   background: url( /images/nav_connect_txt.png ) no-repeat;
   background-position: 0 0;
   text-indent: -999em;
   overflow: hidden;
   display: block;
}

#header #nav #connect a:hover
{
   background-position: 0 -29px;
}

#header #nav #connect a.active
{
   background-position: 0 -57px;
}



/*********************************************
            FOOTER SECTION STYLES
*********************************************/
#footer_full
{
   width: 100%;
   height: 45px;
   /*background: url( /images/full_bg_footer_bar.jpg ) repeat-x;*/
}

#footer
{
   margin: 0 auto;
   width: 980px;
   height: 45px;
   color: #111111;
}

#footer #left
{
   margin-top: 16px;
   margin-left: 15px;
   float: left;
}

#footer #right
{
   margin-top: 16px;
   margin-right: 15px;
   float: right;
}

#footer a
{
   text-decoration: none;
   color: #333333;
}

#footer a:hover
{
   color: #0066B3;
}

#footer #buttons
{
   margin-top: 10px;
   margin-right: 15px;
   float: right;
}

#footer #buttons a.facebook
{
   margin: 0 0 0 4px;
   height: 30px;
   width: 30px;
   background: url( /images/btn_facebook.jpg ) no-repeat;
   background-position: 0 0;
   text-indent: -999em;
   overflow: hidden;
   display: block;
   float: left;
   opacity: 0.7;
   filter: alpha(opacity=70);
}

#footer #buttons a.twitter
{
   margin: 0 0 0 4px;
   height: 30px;
   width: 30px;
   background: url( /images/btn_twitter.jpg ) no-repeat;
   background-position: 0 0;
   text-indent: -999em;
   overflow: hidden;
   display: block;
   float: left;
   opacity: 0.7;
   filter: alpha(opacity=70);
}

#footer #buttons a:hover
{
   opacity: 1.0;
   filter: alpha(opacity=100);
}

/*********************************************
            GENERAL STYLES
*********************************************/
#content
{
   margin: 15px;
   padding: 0px;
   clear: both;
}





/* HOME PAGE */
#home_strip
{
   margin: 0 auto 15px auto;
   padding: 0;
   width: 860px;
   height: 200px;
   position: relative;
}

#home_strip #active_frame
{
   position: absolute;
   top: 0;
   left: 318px;
   margin: 0;
   padding: 0;
   width: 242px;
   height: 150px;
   z-index: 10;
   /*background: url( /images/strip_center.png ) no-repeat;*/
   background: url( /images/strip_center_screwed.png ) no-repeat;
}

#home_strip #left_frame
{
   position: absolute;
   top: 20px;
   left: 124px;
   margin: 0;
   padding: 0;
   width: 210px;
   height: 132px;
   z-index: 7;
   background: url( /images/strip_side.png ) no-repeat;
}

#home_strip #right_frame
{
   position: absolute;
   top: 20px;
   left: 546px;
   margin: 0;
   padding: 0;
   width: 210px;
   height: 132px;
   z-index: 8;
   background: url( /images/strip_side.png ) no-repeat;
}

#home_strip #title_frame
{
   position: absolute;
   top: 135px;
   left: 147px;
   margin: 0;
   padding: 0;
   width: 584px;
   height: 66px;
   z-index: 9;
   /*background: url( /images/strip_info.png ) no-repeat;*/
   background: url( /images/strip_info_screwed.png ) no-repeat;
}

#home_strip #title_frame ul, .f_title
{
   list-style-type: none;
   margin: 16px 20px 0px 20px;
   padding: 0;
}

#home_strip #title_frame ul li, .f_title li
{
   width: 100%;
   text-align: center;
   font-family: "Courier New", Courier, monospace;
   font-size: 26px;
   font-weight: bold;
   text-transform: uppercase;
   color: #0066B3;
}

#home_strip #left_tab
{
   position: absolute;
   top: 45px;
   left: 64px;
   margin: 0;
   padding: 0;
   width: 74px;
   height: 74px;
   z-index: 9;
   background: url( /images/strip_left_tab.png ) no-repeat;
}

#home_strip #left_tab a
{
   margin: 12px 0 0 20px;
   height: 50px;
   width: 33px;
   background: url( /images/strip_left_arrow.png ) no-repeat;
   background-position: 0 0;
   text-indent: -999em;
   display: block;
   overflow: hidden;
}

#home_strip #left_tab a:hover
{
   background-position: 0 -55px;
}

#home_strip #right_tab
{
   position: absolute;
   top: 45px;
   left: 736px;
   margin: 0;
   padding: 0;
   width: 74px;
   height: 74px;
   z-index: 9;
   background: url( /images/strip_right_tab.png ) no-repeat;
}

#home_strip #right_tab a
{
   margin: 12px 0 0 20px;
   height: 50px;
   width: 33px;
   background: url( /images/strip_right_arrow.png ) no-repeat;
   background-position: 0 0;
   text-indent: -999em;
   display: block;
   overflow: hidden;
}

#home_strip #right_tab a:hover
{
   background-position: 0 -55px;
}

#home_strip #active_frame #viewer, .f_active
{
   margin:16px 0 0 16px;
   width: 206px;
   height: 116px;
   background-color: black;
   overflow: hidden;
}

#home_strip #active_frame #viewer img, .f_active img
{
   margin: 0;
   padding: 0;
   width: 206px;
   height: 116px;
}

#home_strip #left_frame #viewer, #home_strip #right_frame #viewer, .f_left, .f_right
{
   margin:15px 0 0 15px;
   width: 175px;
   height: 97px;
   background-color: black;
   overflow: hidden;
}

#home_strip #left_frame #viewer img, #home_strip #right_frame #viewer img, .f_left img, .f_right img
{
   margin: 0;
   padding: 0;
   width: 175px;
   height: 97px;
}

#home_display
{
   margin: 0 auto 0 auto;
   padding: 0;
   width: 830px;
   height: 480px;
   position: relative;
   background: url( /images/strip_display.jpg ) no-repeat;
}

#home_display #viewer, .f_display
{
   width: 799px;
   height: 450px;
   background-color: black;
   position: absolute;
   top: 15px;
   left: 15px;
   overflow: hidden;
   z-index: 12;
}

#home_display #viewer img, .f_display img
{
   margin: 0;
   padding: 0;
   width: 799px;
   height: 450px;
   z-index: 13;
}

#home_display #viewer_detail
{
   position: absolute;
   top: 415px;
   left: 109px;
   width: 611px;
   height: 50px;
   background: url( /images/strip_detail.png ) no-repeat;
   overflow: hidden;
   z-index: 14;
}

#home_display #viewer_detail h4
{
   text-align: center;
   font-family: "Courier New", Courier, monospace;
   font-size: 26px;
   font-weight: bold;
   text-transform: uppercase;
   color: #0066B3;
   margin: 10px;
}

#home_display #viewer_detail ul, .f_desc
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   background-color: transparent;
}

#home_display #viewer_detail ul li, .f_desc li
{
   margin: 0;
   padding: 15px;
   background-color: transparent;
}


/* ABOUT PAGE */
#about_panel
{
   margin: 0 auto;
   padding: 0;
   width: 815px;
   height: 650px;
}

#about_panel #left_column
{
   width: 500px;
   height: 650px;
   margin: 0;
   padding: 0;
   background: url( /images/panel_about_left.jpg ) no-repeat;
   overflow: hidden;
   float: left;
}

#about_panel #right_column
{
   width: 300px;
   height: 400px;
   margin: 90px 0 0 0;
   padding: 0;
   /*background: url( /images/panel_about_right.jpg ) no-repeat;*/
   overflow: hidden;
   float: right;
}

.column_content
{
   margin: 30px;
}

#tweets
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#tweets li
{
   margin: 0 0 15px 0;
   padding: 0;
   color: #FFFFFF;
}

#tweets li.odd
{
   color: #A1A1A1;
}




/* CONNECT PAGE */
#connect_panel
{
   margin: 0 auto;
   padding: 0;
   width: 858px;
   height: 458px;
}

#connect_panel #left_column
{
   width: 443px;
   margin: 65px 0 0 0;
   padding: 0;
   float: left;
}

#connect_panel #right_column
{
   width: 400px;
   height: 600px;
   margin: 0;
   padding: 0;
   overflow: hidden;
   float: right;
   background: url( /images/panel_connect_right.jpg ) no-repeat;
}





/* FORMS */
#data_form .input_text
{
   width: 443px;
   height: 49px;
   background:url( /images/form_input_text.jpg ) no-repeat scroll 0 0 transparent;
   border:thick none;
   color:#A7A6A6;
   font-size:16px;
   padding:0px 16px 0 16px !important;
   margin: 0 0 10px 0;
}

#data_form .input_textarea_large
{
   width: 443px;
   height: 138px; /*actual image height 170 */
   background:url( /images/form_input_textarea_large.jpg ) no-repeat scroll 0 0 transparent;
   border:thick none;
   color:#A7A6A6;
   font-size:16px;
   padding:16px 16px 16px 16px !important;
   font-family: Verdana, san-serif;
   margin: 0 0 10px 0;
}

#data_form .input_button
{
   width: 104px;
   height: 38px;
   background: transparent url( /images/form_button.jpg ) no-repeat;
   border:medium none;
   text-indent: -999em;
   padding:0;
   margin: 0;
   float: right;
}

#data_form_thank_you
{
   /*
   width: 443px;
   height: 106px; 
   background:url( /images/form_input_textarea.jpg ) no-repeat scroll 0 0 transparent;
   border:thick none;
   color:#A7A6A6;
   font-size:16px;
   padding:25px 0 0 0 !important;
   font-family: Verdana, san-serif;
   margin: 0;
   text-align: center;
   */
   
   background-color:#000000;
	color:#A7A6A6;
	width:400px;
	padding:20px;
	margin:5px auto;
	font-size:16px;
	opacity: 0.7;
   filter: alpha(opacity=70);
   -moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align: center;
}

#errors {
	background-color:#000000;
	color:#A7A6A6;
	width:400px;
	padding:20px;
	margin:5px auto;
	display:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;			
}

#data_form label
{
   background-color: #000000;
	padding:10px;
	margin:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}