@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.eot');
    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-light-webfont.woff') format('woff'),
         url('opensans-light-webfont.ttf') format('truetype'),
         url('opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('opensans-semibold-webfont.eot');
    src: url('opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-semibold-webfont.woff') format('woff'),
         url('opensans-semibold-webfont.ttf') format('truetype'),
         url('opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.xxsc {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 10;
	color: #ffffff;
}
.tenc {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 10;
	color: #ffffff;
}
.xxsc-gry {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 10;
	color: rgb(120, 120, 120)
}
.tenc-grey {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 10;
	color: rgb(120, 120, 120)
}
.xsl {
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: #ffffff;
}
.xsc{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: #ffffff;
}
.twelvel {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: #ffffff;
}
.xsc-k {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: rgb(0, 0, 0)
}
.twelvec-blk {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: rgb(0, 0, 0)
}
.xsc2 {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: rgb(255, 255, 255)
}
.twelvec-wht {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: rgb(255, 255, 255)
}
.nav {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: #ffffff;
}
.nava {
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	font-weight: bold;
	color: rgb(120, 120, 120);
}	
.sl {
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 16;
	color: #ffffff;
}
.twelvec{
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: #ffffff;
}
.sixteenl{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 16;
	color: #ffffff;
}
.sixteenlb{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 16;
	font-weight: bold;
	color: #ffffff;
}
.fourteenlbi{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 14;
	font-style: italic;
	font-weight: bold;
	color: #ffffff;
}
.twelvel-k{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: rgb(0, 0, 0)
}
.twelvec-k{
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 12;
	color: rgb(0, 0, 0)
}
.sixteenl-k{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 16;
	color: rgb(0, 0, 0)
}
.sixteenlb-k{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 16;
	font-weight: bold;
	color: rgb(0, 0, 0)
}
.fourteenlbi-k{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 14;
	font-style: italic;
	font-weight: bold;
	color: rgb(0, 0, 0)
}
.sl--bi{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 16;
	font-style: italic;
	font-weight: bold;
	color: #ffffff;
}
.ml {
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 18;
	color: #ffffff;

}
.lc{
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 20;
	color: #ffffff;
}
.llb{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 20;
	font-weight: bold;
	color: #ffffff;
}
.llb-wht{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 20;
	font-weight: bold;
	color: #000000;
}
.xlc{
	text-align: center;
	font-family: open_sansregular, sans-serif;
	font-size: 24;
	color: #ffffff;
}

.sectiontitle{
	text-align: left;
	font-family: open_sanslight, sans-serif;
	font-weight: normal;
	font-size: 26px;
	color: #ffffff;
}

.itemtitle{
	text-align: left;
	font-family: open_sanslight, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
}

.itemrunning{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

.itemtitler{
	text-align: left;
	font-family: open_sanslight, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #888888;
}

.itemrunningr{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #888888;
}

body{ 
font-family: open_sansregular, sans-serif;
background-color: #000000;
margin:0; 
padding:0; 
}

#header{ 
background-color: #424242;
height:30px;
}

#title{
background-color: #424242;
width:360px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
position:relative;
z-index:9999;
}

#center { 
position: relative;
background-color: #000000;
width:798px;
margin-left: auto;
margin-right: auto;
height:910px;
}

#centerportfolio { 
position: relative;
background-color: #000000;
width:798px;
margin-left: auto;
margin-right: auto;
height:1300px;
}

#centerflowing { 
background-color: #000000;
width:798px;
margin-left: auto;
margin-right: auto;
position:relative;
}

#centertwobuttonrow { 
position: relative;
background-color: #000000;
width:798px;
margin-left: auto;
margin-right: auto;
height:234px;
}


/* ----- TitleHeaderOnPage ----- */

#pagetitle{
width:780px;
height:80px;
padding:0px;
background-color: #000000;
border: 1px;
border-color: #000000;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 8px;
top: 21px;
}

/* ----- TitleHeaderOnPageFlowing ----- */

#pagetitleflowing{
width:780px;
height:80px;
padding:0px;
background-color: #000000;
border: 1px;
border-color: #000000;
border-style:solid;
text-align: left;
font-color: #424242;
}

/* ----- CenteredTitleHeaderOnPage ----- */

#pagetitlecenter{
width:780px;
height:80px;
padding:0px;
background-color: #000000;
border: 1px;
border-color: #000000;
border-style:solid;
text-align: left;
font-color: #424242;
position:relative;
margin-left: auto;
margin-right: auto;
}

/* -----logo ----- */

#logo {
width:451px;
height:450px;
padding:0px;
background-color: #000000;
border: 0px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 360px;
top: 12px;
}

/* ----- sublogo ----- */

#sublogo {
width:380px;
height:380px;
padding:0px;
background-color: #000000;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 345px;
top: 21px;
}

#homepagecenter { 
position: relative;
background-color: #000000;
width:798px;
margin-left: auto;
margin-right: auto;
height:500px;
}

#howitworks { 
position: relative;
background-color: #000000;
margin-left: auto;
margin-right: auto;
}

/* ----homepage-logo ----- */

#homepagelogo {
width:451px;
height:450px;
padding:0px;
background-color: #000000;
border: 0px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 345px;
top: 12px;
}

/* ----- homepageButtonOne ----- */

#homepagebutton-one {
width:300px;
height:90px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 30px;
top: 21px;
}

/* ----- homepageButtonTwo ----- */

#homepagebutton-two {
width:300px;
height:90px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 30px;
top: 134px;
}

/* ----- homepageButtonThree ----- */

#homepagebutton-three {
width:300px;
height:90px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 30px;
top: 249px;
}

/* ----- homepageButtonFour ----- */

#homepagebutton-four {
width:300px;
height:90px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 30px;
top: 363px;
}

/* ----- MediaButtonOne ----- */

#mediabuttonone {
width:256px;
height:90px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 0px;
top: 20px;
}

/* ----- MediaButtonTwo ----- */

#mediabuttontwo {
width:256px;
height:90px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 268px;
top: 20px;
}

/* ----- MediaButtonTwhree ----- */

#mediabuttonthree {
width:256px;
height:90px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 536px;
top: 20px;
}

/* ----- MediaButtonFour ----- */

#mediabuttonfour {
width:256px;
height:90px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 0px;
top: 122px;
}

/* ----- MediaButtonFive ----- */

#mediabuttonfive {
width:256px;
height:90px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 268px;
top: 122px;
}

/* ----- MediaButtonSix ----- */

#mediabuttonsix {
width:256px;
height:90px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 536px;
top: 122px;
}

/* ----- PortfolioOne ----- */

#portfolio-one {
width:380px;
height:380px;
padding:0px;
background-color: #e7e7e7;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 8px;
top: 109px;
}

/* ----- PortfolioTwo ----- */

#portfolio-two {
width:380px;
height:380px;
padding:0px;
background-color: #e7e7e7;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 408px;
top: 109px;
}

/* ----- PortfolioThree ----- */

#portfolio-three {
width:380px;
height:380px;
padding:0px;
background-color: #e7e7e7;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 8px;
top: 509px;
}

/* ----- PortfolioFour ----- */

#portfolio-four {
width:380px;
height:380px;
padding:0px;
background-color: #e7e7e7;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 408px;
top: 509px;
}

/* ----- PortfolioFive ----- */

#portfolio-five {
width:380px;
height:380px;
padding:0px;
background-color: #e7e7e7;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 8px;
top: 909px;
}

#footer { 
clear:both;
background-color: #000000;
height:25px;
text-align:center;
font-size: 10px;
color: #888888;
}

#content { 
 width: 800px;
 color: #333;
 background: #000000;
 border:0px;
 margin:0px 0px 0px 0px;
 padding:30px;
 height:auto;
}
#item { 
 width: 638px;
 color: #333;
 background: #000000;
 border-left:1px solid #868686;
 border-top:1px solid #868686;
 border-right:1px solid #868686;
 border-bottom:0px solid #868686;
 margin:0px 0px 0px 0px;
 padding-top:20px;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:20px;
 height:140px;
}
#itemflowing { 
 width: 638px;
 color: #333;
 background: #000000;
 border-left:1px solid #868686;
 border-top:1px solid #868686;
 border-right:1px solid #868686;
 border-bottom:0px solid #868686;
 margin:0px 0px 0px 0px;
 padding-top:20px;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:20px;
}
#itembottom { 
 width: 638px;
 color: #333;
 background: #000000;
 border-left:1px solid #868686;
 border-top:1px solid #868686;
 border-right:1px solid #868686;
 border-bottom:1px solid #868686;
 margin:0px 0px 0px 0px;
 padding-top:20px;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:20px;
}
#itemrezound { 
 width: 638px;
 color: #333;
 background: #000000;
 border-left:1px solid #ffffff;
 border-top:1px solid #ffffff;
 border-right:1px solid #ffffff;
 border-bottom:0px;
 margin:0px 0px 0px 0px;
 padding-top:20px;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:20px;
 height:180px;
}
#sectiontitle { 
 width: 700px;
 background: #000000;
 border:0px;
 margin:0px 0px 0px 0px;
 padding-bottom:20px;
 height:20px;
}
#buffer { 
 width: 700px;
 background: #000000;
 border:0px;
 margin:0px 0px 0px 0px;
 padding-bottom:0px;
 height:6px;
}


/* These styles create the dropdown menus. */
#navbar {
	margin: 0;
	padding: 0;
	height: 1em;
	font-family: open_sanslight, sans-serif;
	font-size: 11pt;
}
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 4px 10px;
	background-color: #424242;
	color: #fff;
	border-bottom: none;
	text-decoration: none; }
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #424242;}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #424242;
	border-bottom: 1px solid #000000;
	color: #000000; }
#navbar li li a:hover {
	background-color: #666666; }


A:link {text-decoration: none; border-bottom:1px dotted #eeeeee; color:  rgb(0, 0, 0);}
A:visited {text-decoration: none; border-bottom:1px dotted #eeeeee; color:  rgb(0, 0, 0);}
A:active {text-decoration: none; border-bottom:1px dotted #eeeeee; color:  rgb(0, 0, 0);}
A:hover {text-decoration: none; border-bottom:1px solid rgb(0, 0, 0); color: #eeeeee;}

A.credits:link {text-decoration: none; border:none; color:  #ffffff;}
A.credits:visited {text-decoration: none;  border:none; color:  #ffffff;}
A.credits:active {text-decoration: none; border:none; color:  #ffffff;}
A.credits:hover {text-decoration: none; border:none; color:  #ffffff;}

A.button:link {text-decoration: none; border:1px solid #dedede; color:  #ffffff;}
A.button:visited {text-decoration: none;  border:1px solid #dedede; color:  #ffffff;}
A.button:active {text-decoration: none; border:1px solid #dedede; color:  #ffffff;}
A.button:hover {text-decoration: none; border:1px solid #aaaaaa; color:  #ffffff;}

A.tempnav:link {text-decoration: underline; color: rgb(0, 0, 220);}
A.tempnav:visited {text-decoration: underline; color: rgb(0, 0, 160);}
A.tempnav:active {text-decoration: underline; color: rgb(0, 0, 0);}
A.tempnav:hover {text-decoration: underline; color: rgb(0, 0, 0);}