/* CSS Document */
/*-------------------- Basic --------------------*/
Body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: 	#CCCCCC;
    margin: 0;
    padding: 0;
	background-color: #000000;	
}

table {
    font-size: 100%;
}

a {
    color: #ffcc00;
    background-color: transparent;
}
a:link,
a:visited {
	text-decoration: none;
}
a:hover,
a:visited:hover {
	text-decoration: underline;
}

img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0 0 0.75em 0;
    line-height: 1.5em;
	font-size: 1em;
}

p img {
    border: none;
    margin: 0;
}

hr {
    border: 0;
    height: 1px;
    color: #62198A;
    background-color: #62198A;
    margin: 0.5em 0 1em 0;
}


h1, h2, h3, h4, h5, h6 {
    color: #EDEDED;
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0em 0 0.75em 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #EDEDED !important;
    text-decoration: none;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 166%;
}

h3 {
	font-size: 133%;
    font-weight: bold;
}

h4 {
    font-size: 125%;
    font-weight: bold;
}

h5 {
    font-size: 108%;
    font-weight: bold;
}

h6 {
    font-size: 100%;
    font-weight: bold;
}

ul {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    list-style-type: disc;
}

ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 2.5em;
    padding: 0;
    list-style-image: none;
}

li {
    margin-bottom: 0.5em;
}

blockquote {
    padding-left: 2em;
    margin-left: 0;
}

.visualClear {
    display: block;
    clear: both;
}
.visualClear1px {
    height: 1px;
	display: block;
    clear: both;
}

.netscape4 {
    display: none;
}

.noWrap {
	white-space: nowrap;
}

/*-------------------- Layout --------------------*/

#visual-portal-wrapper{
	width: 1240px;
	margin: 0 auto;
	padding: 0;
}

#portal-logo{
	background-color: #000000;
	height: 60px;
	margin: 0;
	padding: 0;
}

#portal-columns{
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
	margin: 0;
	padding: 0;
}

#home #contentWrapper,
#contact #contentWrapper {
	height: 880px;
}
#about #contentWrapper,
#portfolio #contentWrapper {
	height: 858px;
}
#contentWrapper.autoHeight{
	height: auto !important;
}
*html #contentWrapper{
	height: 858px;
}
*html #home #contentWrapper,
*html #contact #contentWrapper {
	height: 880px;
}

#contentWrapper .visualPadding {
	margin: 0;
	padding: 15px 10px 20px 0;
}

#columnRight {
	float: right;
	margin: 0;
	padding: 0;
	width: 705px;
}
#columnLeft {
	float: left;
	margin: 0;
	padding: 0;
	width: 425px;
}
#columnLeft .pageImage {
	margin-top: 5px;
}


.columnAcross {
	margin: 0 0 0 10px;
}



/* Footer */
#footerWrapper {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0.91em;
	color: #AAAAAA; 		
}
#footerWrapper a{
	color: #AAAAAA;
	text-decoration: none;
}
#footerWrapper a:hover {
	text-decoration: underline;
}
#footerLeft{
	margin: 1em;
	padding: 0;
	float: left;
	width: 45%;
}
#footerRight{
	margin: 1em;
	padding: 0;
	float: right;
	width: 45%;
	text-align: right;
}


/* Section Background */
#portal-columns {
	background-position: top center;
	background-repeat: no-repeat;
}
#home #portal-columns{
	background-image: url(images/mbg-home.jpg);	
}
* html #home #navigationWrapper{
	background-image: url(images/nbg-home.jpg);	
}

#about #portal-columns{
	background-image: url(images/mbg-about.jpg);	
}
* html #about #navigationWrapper{
	background-image: url(images/nbg-about.jpg);	
}

#portfolio #portal-columns{
	background-image: url(images/mbg-portfolio.jpg);
	background-position: top left;		
}
* html #portfolio #navigationWrapper{
	background-image: url(images/nbg-portfolio.jpg);	
}

#articles #portal-columns{
	background-image: url(images/mbg-articles.jpg);
	background-position: top left;	
}
* html #articles #navigationWrapper{
	background-image: url(images/nbg-articles.jpg);	
}

#newwork #portal-columns{
	background-image: url(images/mbg-newwork.jpg);
	background-position: top left;
}
* html #newwork #navigationWrapper{
	background-image: url(images/nbg-newwork.jpg);	
}

#contact #portal-columns{
	background-image: url(images/mbg-contact.jpg);	
}
* html #contact #navigationWrapper{
	background-image: url(images/nbg-contact.jpg);	
}


/* Navigation */
#navigationWrapper{

}
* html #navigationWrapper{
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
}

#mainNavigation {
	background-image: url(images/black-alpha-65.png);
	border-bottom: 2px solid #000000;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style: none;
    height: auto;
    line-height: normal;
}
/** html #mainNavigation { 
	background-image: url(images/black-90.gif);
}*/
* html #mainNavigation { 
	background-image: none;
}

#subNavigation {
	background-image: url(images/black-alpha-80.png);
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style: none;
    height: auto;
    line-height: normal;
}
/** html #subNavigation { 
	background-image: url(images/black-96.gif);
}*/
* html #subNavigation { 
	background-image: none;
}

#navigationWrapper li{
    display: inline;
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.08em;
	font-weight: bold;
}

#mainNavigation {
    padding: 0.4em 1em;
}
#mainNavigation li a {
    color: #999999;
    height: auto;
    margin: 0px;
    padding: 0.4em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
}
#mainNavigation li.selected a {
    background-image: url(images/nav-selected.png);
	background-position: bottom center;
	background-repeat: no-repeat;
    color: #FFFFFF;
	background-color: transparent;
}
#mainNavigation li a:hover {
    background-image: url(images/nav-selected.png);
	background-position: bottom center;
	background-repeat: no-repeat;
    color: #FFFFFF;
	background-color: transparent;
}
* html #mainNavigation li.selected a,
* html #mainNavigation li a:hover  { 
    background-image: url(images/nav-selected.gif);
}

#subNavigation {
    padding: 0.2em 1em;
}
#subNavigation li a {
    color: #999999;
    height: auto;
    margin: 0px;
    padding: 0.2em 1em;
    text-decoration: none;
}

#subNavigation li.selected a {
    color: #FFFFFF;
	background-color: transparent;
}

#subNavigation li a:hover {
    color: #FFFFFF;
	background-color: transparent;
}

/*-------------------- Page Content --------------------*/
/* Portfolio */
.mainThumbnail{
	float: left;
	margin: 3em 2em 0em 0;
}
#portfolio #subNavigation .firstOption{
	margin-left: 7em;
}

.thumbnail{
	margin: 2px 0 0 2px;
}
.thumbnail:hover {
	margin: 0 0px 0px 0;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}
*html .columnThumbnail a{
	margin: 2px 0 0 2px;
}
*html .columnThumbnail a:hover,
*html .columnThumbnail a:visited:hover,{
	margin: 0 0px 0px 0;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}

.thumbnailsTable td{
	padding-bottom: 30px;
}
.columnThumbnail{
	width: 212px;
	text-align: right;
	vertical-align: bottom;
}
.columnDescription {
	width: 473px;
	vertical-align: bottom;
}

.subSectionTable td{
	padding-bottom: 30px;
	vertical-align: top;
	font-size: 0.91em;
	line-height: 1.4em;
}
.subSectionTable .columnThumbnail{
	width: 182px;
	text-align: right;
}
.subSectionTable .columnDescription {
	width: 213px;
	vertical-align: bottom;
}


.articleDetail {
	margin: -0.75em 0 1.5em 2em;
}


/*-------------------- Misc --------------------*/
.backgroundBlack {
	background-color: #000000;
}

.caption{
	font-size: 0.91em;
	margin-top: 1em;
	line-height: 1.2em;
}

.noDisplay {
	display: none;
}

.noWrap {
	white-space: nowrap;
}

.marginLeft10px {
	margin-left: 10px;
}

.width10px {
	width: 10px;
}
.width20px {
	width: 20px;
}
.alignTop{
	vertical-align: top;
}
a.textWhite {
	color: #cccccc;
}