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


/* 

K    K  Y    Y  L      EEEEE      P P       A       SSSSS     CCC  IIIII  U       U  TTTTT  TTTTT  IIIII         CCC     O O     MM     MM
K  K     Y Y    L      E          P  P     A A     S        CC       I    U       U    T      T      I         CC      O     O   M M   M M
KK        Y     L      EEEEE      P P     A   A     SSSS   C         I    U       U    T      T      I        C       O       O  M   M   M
K  K      Y     L      E          P      AAAAAAA        S   CC       I     U     U     T      T      I    ..   CC      O     O   M       M
K    K    Y     LLLLL  EEEEE      P     A       A  SSSSS      CCC  IIIII    UUUUU      T      T    IIIII  ..     CCC     O O     M       M

*/


/* SITE STYLE */



/* PAGE STYLE */
html {
	color: #FFF;
	background-color: #315666;
	width: auto;
	height: auto;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	
	
/* BODY STYLE */
body {
	color: #FFF;
	background-color: #315666;
	background-image: url(../Images/Background/TopBack.png);
	background-repeat: repeat-x;
	background-position: top left; 
	width: auto;
	min-width: 950px;
	height: auto;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

	
	
/* LINK STYLES */	
	
/* MAIN LINK STYLES (original #CC6)*/
a:link {
	color: #c4a94a;
	font-weight: bold;
	text-decoration: none;
	}
a:visited {
	color: #c4a94a;
	font-weight: bold;
	text-decoration: none;
	}
a:hover {
	color: #c4a94a;
	font-weight: bold;
	text-decoration: underline;
	}
a:active {
	color: #c4a94a;
	font-weight: bold;
	text-decoration: underline;
	}
	
/* OTHER LINK STYLES */
/* Logo!!! */
a#Logo {
	background-image: url(../Images/Logo/Logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 393px;
	height: 175px;
	margin: 10px -393px -175px 0px;
	float: left;
	position: relative;
	z-index: 300;
	}
	
/* Top Info EMail */
a#TopInfoEMail {
	width: auto;
	color: #FFF !important;
	font-size: 16px !important;
	float: right;
	}
	
/* Footer Links */
a.FooterLinks {
	color: #FFF;
	font-weight: normal !important;
	}



/* FONTS */

/* MAIN FONT STYLE */
body,td,th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 18px;
	line-height: 100%;
	text-shadow: 2px 2px 2px #000;
	}
	
/* OTHER STANDARD FONT STYLES */
.BoldFont {
	font-weight: bold;
	}
.ItalicFont {
	font-style: italic;
	}
.BoldItalicFont {
	font-weight: bold;
	font-style: italic;
	}
.UnderlinedFont {
	text-decoration: underline;
	}
.StrikeFont {
	text-decoration: line-through;
	}	

/* NON-STANDARD FONT STYLES */
#CopyrightFont {
	font-size: 14px;
	font-style: italic;
	text-align: center;
	margin: 3px 0px 0px 0px;
	line-height: 100%;
	}
	
	
	
/* HEADER STYLES */

/* Site Title & Logo */
h1 {
	font-size: 48px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-indent: -9999px;
	}

/* Unknown */
h2 {
	background-repeat: no-repeat;
	background-position: bottom center; 
	overflow: hidden;
	display: block;
	font-size: 36px;
	font-weight: bold;
	text-indent: -9999px;
	margin: 0px auto 10px auto;
	padding: 20px 0px 0px 0px;
	border: 0px;
	text-align: center;
	}
	
/* Unknown */
h3 {
	font-size: 48px;
	font-weight: bold;
	line-height: 100%;
	margin: 5px auto 20px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: center;
	filter: DropShadow(Color=#181818, OffX=2, OffY=2, Positive=1);
	}
	
/* Unknown */
h4 {
	font-size: 40px;
	font-weight: bold;
	line-height: 100%;
	margin: 20px auto 20px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: center;
	filter: DropShadow(Color=#181818, OffX=2, OffY=2, Positive=1);
	}
	
/* Unknown */
h5 {
	font-size: 24px;
	font-weight: bold;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: center;
	filter: DropShadow(Color=#181818, OffX=2, OffY=2, Positive=1);
	}
	
/* Unknown */
h6 {
	font-size: 22px;
	font-weight: bold;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: center;
	filter: DropShadow(Color=#181818, OffX=2, OffY=2, Positive=1);
	}
	


/* PARAGRAPH STYLES */

/* Main Paragraph Style */
p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	line-height: 120%;
	filter: DropShadow(Color=#181818, OffX=2, OffY=2, Positive=1);
	}
	
/* Center Aligned Paragraph Style */
p.Center {
	text-align: center;
	line-height: 120%;
	margin: 0px auto 0px auto !important;
	}
	
/* Style for Sitemap, Policies, Report Problem, & Statisics */
p#FooterLinksP {
	text-align: center;
	}
	
/* Under Construction Paragraph Style */
p#UnderConstructionP {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin: 20px auto 0px auto;
	}



/* IMAGE STYLES */

/* All Image Styles */
img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}



/* TABLE STYLES */

/* All Table Styles */
table {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}



/* SPAN STYLES */

/* Main Span Styles */
span {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}
	
/* Top Info Phone Span */
span#TopInfoPhone {
	width: auto;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	float: right;
	}
	
/* Slashes Span Header */
span.SlashSpanHeader {
	width: auto;
	color: #fa8508;
	font-size: 16px !important;
	padding: 0px 4px 0px 6px;
	float: right;
	}
	
/* Slashes Span Header */
span.SlashSpanHeaderSpace {
	width: auto;
	color: #fa8508;
	font-size: 16px !important;
	padding: 0px 6px 0px 6px;
	float: right;
	}
	
/* Slashes Span Footer */
span.SlashSpanFooter {
	color: #fa8508;
	font-size: 18px !important;
	}
	


/* DIV STYLES */

/* All Div Styles */
div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

/* Header (Logo, Info, Nav) */
div#Header {
	width: 950px;
	height: 212px;
	margin: 0px auto 0px auto;
	}

/* Logo Highlight */
div#LogoHighlight {
	background-image: url(../Images/Background/LogoHighlight.png);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 450px;
	height: 215px;
	margin: 0px 0px -215px 0px;
	float: left;
	position: relative;
	z-index: 2;
	}
	
/* Top Info (E-Mail, Phone, Search) */
div#TopInfo {
	text-align: right;
	width: 600px;
	height: 20px;
	margin: 10px 0px -35px 0px;
	float: right;
	position: relative;
	z-index: 3;
	filter: DropShadow(Color=#181818, OffX=2, OffY=2, Positive=1) !important;
	}

/* TopLine */
div#TopLine {
	background-image:url(../Images/Background/ShadeLineTop.png);
	background-position: top left;
	background-repeat: repeat-x;
	height: 10px;
	width: 100%;
	margin-bottom: -10px;
	position: relative;
	z-index: 5;
	}

/* Content Container (background for content) */
div#ContentContainerOne {
	background-image: url(../Images/Background/ContainerBack.jpg);
	background-position: top left;
	background-repeat: repeat;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	position: relative; 
	z-index: 4;
	}
	
/* Content Container (background for content) */
div#ContentContainerTwo {
	background-image: url(../Images/Background/ContentBorder.png);
	background-position: top center;
	background-repeat: repeat-y;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	position: relative; 
	z-index: 4;
	}

/* Content Style (all page content) */
div#Content {
	width: 950px;
	height: auto;
	min-height: 420px;
	margin: 0px auto 0px auto;
	padding-bottom: 20px;
	}

div.Divider {
	width: 950px;
	height: 4px;
	margin: 0px 0px 10px 0px;
	background-image: url(../Images/Background/Divider.png);
	background-repeat: no-repeat;
	overflow: hidden;
	clear: both;
	}

/* Clear Div */
div.Clear {
	clear: both;
	}

/* Footer Style (bottom of page) */
div#Footer {
	background-color: #131A48;
	width: 100%;
	height: 135px;
	margin: 0px 0px 0px 0px;
	}
	
/* Footer Line */
div#FooterLine {
	background-image: url(../Images/Background/ShadeLineFooter.png);
	background-position: top left;
	background-repeat: repeat-x;
	height: 10px;
	width: 100%;
	}
	
/* Footer Content */
div#FooterContent {
	width: 950px;
	margin: 5px auto 0px auto;
	}

/* Footer Divider (horizontal line) */
div#FooterDivider {
	width: 600px;
	height: 1px;
	margin: 0px auto 10px auto;
	background-color: #474747;
	}
	
/* Firefox Footer Fix (removes spacing from body scripts) */
div#FooterFix {
	background-color: #131A48;
	width: 100%;
	height: 8px;
	margin: -8px 0px -8px 0px;
	position: relative;
	z-index: -99;
	}
	
/* Under Construction Image */
div#UnderConstruction {
	background-image: url(../Images/Background/UnderConstruction.png);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 600px;
	height: 486px;
	display: block;
	margin: 20px auto 0px auto;
	position: relative;
	left: 40px;
	}



/* Navigation */
#Nav {
	position: relative;
	width: 653px;
	height: 127px;
	left: 297px;
	top: 85px;
	}
#Nav ul {
	list-style: none;
	}
#Nav li {
	position: absolute;
	z-index: 20;
	text-indent: -9999px;
	display: none;
	}
#transparent_nav {
	position: absolute;
	z-index: 30;
	width: 653px;
	height: 127px;
	border: none;
	}
	
#NavBackHome {
	width: 653px;
	height: 127px;
	background-image: url(../Images/Nav/NavBackgroundHome.png);
	position: relative;
	}
#NavBackProjects {
	width: 653px;
	height: 127px;
	background-image: url(../Images/Nav/NavBackgroundProjects.png);
	position: relative;
	}
#NavBackAbout {
	width: 653px;
	height: 127px;
	background-image: url(../Images/Nav/NavBackgroundAbout.png);
	position: relative;
	}
#NavBackContact {
	width: 653px;
	height: 127px;
	background-image: url(../Images/Nav/NavBackgroundContact.png);
	position: relative;
	}
	
#home {
	background: url(../Images/Nav/GlowHome.png) no-repeat;
	width: 140px;
	height: 127px;
	top: 0px;
	right: 389px;
	}
#projects {
	background: url(../Images/Nav/GlowProjects.png) no-repeat;
	width: 171px;
	height: 127px;
	top: 0px;
	right: 268px;
	}
#about {
	background: url(../Images/Nav/GlowAbout.png) no-repeat;
	width: 125px;
	height: 127px;
	top: 0px;
	right: 154px;
	}
#contact {
	background: url(../Images/Nav/GlowContact.png) no-repeat;
	width: 169px;
	height: 127px;
	top: 0px;
	right: 24px;
	}



/* CONNECT BUTTONS */

a.ConnectButton {
	width: 50px;
	height: 50px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	text-indent: -9999px;
	opacity: 0.35;
	filter: alpha(opacity=35);
	background-repeat: no-repeat;
	overflow: hidden;
	}
	
a#TwitterConnectButton {
	background-image: url(../Images/Buttons/TwitterConnect.png);
	margin-left: 150px;
	}
a:hover#TwitterConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}

a#FacebookConnectButton {
	background-image: url(../Images/Buttons/FacebookConnect.png);
	}
a:hover#FacebookConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}

a#MySpaceConnectButton {
	background-image: url(../Images/Buttons/MySpaceConnect.png);
	}
a:hover#MySpaceConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	
a#LinkedInConnectButton {
	background-image: url(../Images/Buttons/LinkedInConnect.png);
	}
a:hover#LinkedInConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	
a#TheatreStoryConnectButton {
	background-image: url(../Images/Buttons/TheatreStoryConnect.png);
	}
a:hover#TheatreStoryConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}

a#BloggerConnectButton {
	background-image: url(../Images/Buttons/BloggerConnect.png);
	}
a:hover#BloggerConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	
a#YouTubeConnectButton {
	background-image: url(../Images/Buttons/YouTubeConnect.png);
	}
a:hover#YouTubeConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	
a#FlickrConnectButton {
	background-image: url(../Images/Buttons/FlickrConnect.png);
	}
a:hover#FlickrConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	
a#WaveConnectButton {
	background-image: url(../Images/Buttons/WaveConnect.png);
	}
a:hover#WaveConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	
a#DiggConnectButton {
	background-image: url(../Images/Buttons/DiggConnect.png);
	}
a:hover#DiggConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	
a#RSSConnectButton {
	background-image: url(../Images/Buttons/RSSConnect.png);
	}
a:hover#RSSConnectButton {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}



/* OTHER/ASSORTED STYLES */

form#cse-search-box {
	font-size: 12px !important;
	}
form.TopInfoSearch {
	width: auto;
	float: right;
	position: relative;
	top: -0px;
	margin-right: 5px;
	}
	
input.LinkHereBox {
	font-size: 12px;
	background-color: #274552;
	color: #FFF;
	width: 150px;
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid;
    border-left-color: #000000;
    border-top-color: #000000;
    border-right-color: #898989;
    border-bottom-color: #898989;
	}






/* Reset ---------------------------------------------------------------------------------------- */
/* (other reset code not added elsewhere) */
/* Original: http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css */
dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}