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


html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
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, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}	
caption, th, td {
	text-align: left;
	font-weight: normal;
}	
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}	
.clearfix {
	display:inline-block;
}	
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/*........... do not change or amalgamate the above clearfix styles..................*/

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    overflow-x: auto;
	height:100%;
}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height:150%;
	font-size:12px;
	height:100%; margin:0; padding:0;
	}

/*tables - keep this up here*/
#table-wrap {}
#table-inner {text-align:center;}
table {
	border : 1px solid black;
}
table td {
	border : 1px solid black;
	padding:5px;
}

/* PAGE BACKGROUND IMAGES*/
/* prepare the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%;}
/* place the content ontop of the background image */
#page {position:relative; z-index:1;}
/*Set the background color for each of the images*/
body {background-color: #000;}

/* Page Elements */
#content-area {
	margin: 0 auto;
	width:1000px;
	}
	
#header {
	background-image:url(images/bc-title.png);
	background-repeat:no-repeat;
	background-position: center;
	width:1000px;
	height:100px;
	line-height:110px;
	text-align:center;
	position:relative;
	margin-bottom:20px;
	}

/*Navigation*/
#nav-title {width:1000px; height:254px;display: table;overflow: hidden;#position: relative;}
#nav-container {width:305px; margin-right:30px; float: left; }
#navsquare a {text-decoration: none}
.nav-section{width:50px; height:250px; float:left}
.nav-box{margin-left:50px;width:246px; height:250px; border:2px solid black; background:#FFF;}
.nav-scroll {margin-left: 80px; padding:5px; width:156px; overflow-x: hidden; overflow-y: scroll; height: 240px; font-size:12px; line-height:120%;}
.nav-scroll p, #navsquare p {color:#000; font-size: 12px;}

/*wrap for the sidebar and story content, below the nav/title*/


/*side bar*/
#sidebar {width:250px; padding:0; margin:0 30px 0 50px; float: left; }
.sidebar-block {width:228px; padding:10px; margin-bottom:30px; text-align:justify;}
.sidebar-block-no-pad {margin-bottom:30px; text-align:justify; }

/*the story content*/
#main-content-wrap {width:100%; margin-top:30px;}
#story-content-inner {margin:0 50px 30px 50px;  }

/*footer*/
#footer {text-align:center; margin: 0 auto;}
#footer-inside {font-size:10px; color:#ccc; padding-bottom:20px;}

/*Conditional / Section formatting*/
.sidebar-block h1{font-size:16px; font-weight:bold; line-height:150%}

/* Basic Text */

}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


p, .p, .content {
	color: #000000;
	font-size: 16px;
	font-weight: normal;
	line-height:175%;
}

em {font-style:italic;}

a {
	color: #3399FF;
	font-weight:bold;	
  	text-decoration: underline;  
  }
  
a:hover {
	text-decoration: underline;
  }


ol {
	list-style: disc;
	margin-left: 10px;
	padding-left: 1em;
	}
ol li {margin-bottom:10px; font-size:16px; line-height:175%;}

hr {
  border: none;
  background-color: #FFF;
  color: #FFF;
  height: 2px;
  margin:15px 0 15px 0;
}

h1 {
	font-size: 60px;
	font-style: normal;
	font-weight:800;
	color: #FFFFFF;
	margin-bottom:1px;
	padding-bottom:0;
	margin-top:0;
	padding-top:0;
	line-height:110%;
	text-shadow: 1px 1px 1px #000;

}

h2 {
	font-size: 35px;
	line-height:110%;
	font-weight: bold;
	color: #FFFFFF;
	margin-top:0;
	text-shadow: 1px 1px 1px #000;
}

h3 {
	
	font-size: 30px;
	line-height:normal;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
	padding:0px;
	margin-top:30px;
	text-shadow: 1px 1px 1px #000;
	}

h4 {
	font-size: 20px;
	line-height:normal;
	color: #FFFFFF;
	font-weight: bold;
	margin:10px;
	text-shadow: 1px 1px 1px #000;

	}

#header a {text-decoration:none;}
#page-title {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle; width:670px;}
#page-title-center{ #position: relative;  #top: -50%}

/*SECTION body qualifiers*/
body#companies .nav-section{background-image:url(images/nav-squares/title/companies.png);background-repeat:no-repeat;background-position: top left;}
body#companies .nav-box {background-image:url(images/nav-squares/picture/companies.jpg);background-repeat:no-repeat;background-position: top left;}
body#contact .nav-section{background-image:url(images/nav-squares/title/contact.png);background-repeat:no-repeat;background-position: top left;}
body#contact .nav-box {background-image:url(images/nav-squares/picture/contact.jpg);background-repeat:no-repeat;background-position: top left;}
body#hollywood .nav-section{background-image:url(images/nav-squares/title/hollywood.png);background-repeat:no-repeat;background-position: top left;}
body#hollywood .nav-box {background-image:url(images/nav-squares/picture/hollywood.jpg);background-repeat:no-repeat;background-position: top left;}
body#geeking .nav-section{background-image:url(images/nav-squares/title/geeking.png);background-repeat:no-repeat;background-position: top left;}
body#geeking .nav-box {background-image:url(images/nav-squares/picture/geeking.jpg);background-repeat:no-repeat;background-position: top left;}
body#humor .nav-section{background-image:url(images/nav-squares/title/humor.png);background-repeat:no-repeat;background-position: top left;}
body#humor .nav-box {background-image:url(images/nav-squares/picture/humor.jpg);background-repeat:no-repeat;background-position: top left;}
body#marketing .nav-section{background-image:url(images/nav-squares/title/marketing.png);background-repeat:no-repeat;background-position: top left;}
body#marketing .nav-box {background-image:url(images/nav-squares/picture/marketing.jpg);background-repeat:no-repeat;background-position: top left;}
body#music .nav-section{background-image:url(images/nav-squares/title/music.png);background-repeat:no-repeat;background-position: top left;}
body#music .nav-box {background-image:url(images/nav-squares/picture/music.jpg);background-repeat:no-repeat;background-position: top left;}
body#ocean .nav-section{background-image:url(images/nav-squares/title/ocean.png);background-repeat:no-repeat;background-position: top left;}
body#ocean .nav-box {background-image:url(images/nav-squares/picture/ocean.jpg);background-repeat:no-repeat;background-position: top left;}
body#photo .nav-section{background-image:url(images/nav-squares/title/photos.png);background-repeat:no-repeat;background-position: top left;}
body#photo .nav-box {background-image:url(images/nav-squares/picture/photos.jpg);background-repeat:no-repeat;background-position: top left;}
body#politics .nav-section{background-image:url(images/nav-squares/title/politics.png);background-repeat:no-repeat;background-position: top left;}
body#politics .nav-box {background-image:url(images/nav-squares/picture/politics.jpg);background-repeat:no-repeat;background-position: top left;}
body#projects .nav-section{background-image:url(images/nav-squares/title/projects.png);background-repeat:no-repeat;background-position: top left;}
body#projects .nav-box {background-image:url(images/nav-squares/picture/projects.jpg);background-repeat:no-repeat;background-position: top left;}
body#random .nav-section{background-image:url(images/nav-squares/title/random.png);background-repeat:no-repeat;background-position: top left;}
body#random .nav-box {background-image:url(images/nav-squares/picture/random.jpg);background-repeat:no-repeat;background-position: top left;}
body#resumes .nav-section{background-image:url(images/nav-squares/title/resumes.png);background-repeat:no-repeat;background-position: top left;}
body#resumes .nav-box {background-image:url(images/nav-squares/picture/resumes.jpg);background-repeat:no-repeat;background-position: top left;}
body#sandiego .nav-section{background-image:url(images/nav-squares/title/sandiego.png);background-repeat:no-repeat;background-position: top left;}
body#sandiego .nav-box {background-image:url(images/nav-squares/picture/sandiego.jpg);background-repeat:no-repeat;background-position: top left;}
body#standalone .nav-section{background-image:url(images/nav-squares/title/standalone.png);background-repeat:no-repeat;background-position: top left;}
body#standalone .nav-box {background-image:url(images/nav-squares/picture/resumes.jpg);background-repeat:no-repeat;background-position: top left;}
<!--Sidebar Images-->
#image {width:246px;}
#image img{width:246px; border:1px black solid;}

/*COLOR FILLS*/
/*SemiOpaque*/
.black5 {background-image:url(images/fills/black5.png);}
.black10 {background-image:url(images/fills/black10.png);}
.black25 {background-image:url(images/fills/black25.png);}
.black50 {background-image:url(images/fills/black50.png);}
.black75 {background-image:url(images/fills/black75.png);}
.black90 {background-image:url(images/fills/black90.png);}
.black {background-image:url(images/fills/black.png);}
.white5, #white5 {background-image:url(images/fills/white5.png);}
.white10, #white10 {background-image:url(images/fills/white10.png);}
.white25, #white25 {background-image:url(images/fills/white25.png);}
.white50, #white50 {background-image:url(images/fills/white50.png);}
.white75, #white75 {background-image:url(images/fills/white75.png);}
.white90, #white90 {background-image:url(images/fills/white90.png);}
.white, #white {background-image:url(images/fills/white.png);}

/*Text color*/
.text-white, .text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white ul, .text-white li {color:#fff}
.text-black, .text-black p, .text-black h1, .text-black h2, .text-black h3, .text-black h4 {color:#000}

/*Border*/
.border-white {border:1px white solid;}
.border-black {border:1px black solid;}
			   
/*Thumbs n' Text*/
.thumb-n-text-wrap {width:100%; margin:0 auto;}
.thumb-n {
    float:left;
    display:block;
    width:102px;
    margin:0 20px 20px 0;
    }
.thumb-n img {border:1px white solid;}
.n-text {
    float:left;
    display:block;
    width:778px;
	margin:0 0 20px 0;
    }
	
	/* -----------------------------------------
   Lists
----------------------------------------- */

ul.list, li.list {margin-left: 12px;
    padding-left: 2px;
    list-style-position: outside;
	list-style-type: disc;
		font-size: 16px;
	font-weight: normal;
	line-height:175%;
	}

ul.disc {
	margin-bottom: 17px;