﻿/* Bortolotto - Inorbital 2007
Designer/Author: Mark Balson
--------------------------------------------------------------------*/


html, body {
	height: 100%;
}

body {
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
	font-family:  Arial, Verdana, Serif;
	font-size: 11px;
	color:#666666;
	line-height: 10pt;
	background: #f0f0f0;
	}

#container {
	width: 1000px;
	height: 600px;
	position: absolute;
	top: 50%;
	margin-top: -300px;	
}	

table {
	font-family:  Arial, Verdana, Serif;
	font-size: 11px;
	color: #666666;
}

/********** Flash Component ************/

#flashComponent {
	float: left;
	width: 574px;
	height: 600px;
	margin: 0px;
	padding: 0px;
	}

.snetOut {
	position:relative;
	height:0;
	overflow:visible;
}
	
.snet {
	position:absolute;
	top:-75px;
	left:0;
	width:150px;
	height:27px;
}

.snet a {
	width:28px;
	height:27px;
	margin-right:10px;
}

.snet img {
	border:none;	
}

/********** Main Content ************/

#mainContent {
	float: right;
	text-align: left;
	width: 426px;
	height: 600px;
	margin: 0px;
	padding: 0px;
	/*background: #f4f4f4;*/
	}

.mainPadding {
	padding: 30px 50px 50px 50px;
	}
	
#mainContent h1 {
	font-size: 15px;
	color: #bd3896;
	margin: 0px;
	padding: 0px;
}

#mainContent h2 {
	font-size: 13px;
	color: #bd3896;
	margin: 0px;
	padding: 0px;
}

#mainContent h3 {
	font-size: 12px;
	color: #bd3896;
	margin: 0px;
	padding: 0px;
}

/********** Header ************/

#header {
	width: 326px;
	height: 60px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#header img {
	float: left;
	}

/********** Main Menu ************/

#menu {
	width: 321px;
	height: 65px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 50px;
	padding: 0px;
	}
	
#menuLeft {
	width: 201px;
	height: 50px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#menuRight {
	width: 120px;
	height: 50px;
	float: right;
	margin: 0px;
	padding: 0px;
	}

/** Performance menu item **/

#menu a:hover#performance, body#performance a#performance {
	background: url(images/menu/menu2_perform_on.gif) no-repeat 0 0;
}

#menu a#performance	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_perform_off.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#performance	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_perform_off.gif) no-repeat 0 0;
}

/** Projects menu item **/

#menu a:hover#projects, body#projects a#projects {
	background: url(images/menu/menu2_projects_on.gif) no-repeat 0 0;
}

#menu a#projects	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_projects_off.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#projects	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_projects_off.gif) no-repeat 0 0;
}

/** Firm menu item **/

#menu a:hover#firm, body#firm a#firm	{
	background: url(images/menu/menu2_firm_off.gif) no-repeat 0 0;
}

#menu a#firm	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_firm_on.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#firm	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_firm_off.gif) no-repeat 0 0;
}

/** Services menu item **/

#menu a:hover#services, body#services a#services	{
	background: url(images/menu/menu2_services_on.gif) no-repeat 0 0;
}

#menu a#services	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_services_off.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#services	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_services_off.gif) no-repeat 0 0;
}


/** News menu item **/

#menu a:hover#news, body#news a#news	{
	background: url(images/menu/menu2_awards_off.gif) no-repeat 0 0;
}

#menu a#news	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_awards_on.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#news	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_awards_on.gif) no-repeat 0 0;
}

/** Blog menu item **/

#menu a:hover#blog, body#blog a#blog	{
	background: url(images/menu/menu2_blog_off.gif) no-repeat 0 0;
}

#menu a#blog	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_blog_on.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#blog	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_blog_on.gif) no-repeat 0 0;
}

/** Careers menu item **/

#menu a:hover#careers, body#careers a#careers	{
	background: url(images/menu/menu2_careers_on.gif) no-repeat 0 0;
}

#menu a#careers	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_careers_off.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#careers	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_careers_off.gif) no-repeat 0 0;
}

/** Latest News  **/

#menu a:hover#newsWordpress, body#newsWordpress a#newsWordpress {
	background: url(images/menu/menu2_news2_on.gif) no-repeat 0 0;
}

#menu a#newsWordpress	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_news2_off.gif) no-repeat 0 0;
}

/** CSS Flicker Fix **/
#menu span#newsWordpress	{
	float: left;
	width: 201px;
	height: 13px;
	background: url(images/menu/menu2_news2_off.gif) no-repeat 0 0;
}

/********** Section Header ************/

#sectionHeader {
	width: 326px;
	height: 16px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
/********** Page Content ************/

.pageContent {
	width: 326px;
	height: 245px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	}
	
.pageContent2 {
	width: 326px;
	height: 271px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	}
	
#pageLinks {
	width: 326px;
	height: 15px;
	text-align:left;
	margin: 0px;
	padding: 0px;
	}


.hidden {
    visibility: hidden;
    height:1px;
    overflow: hidden;
	}

a:link.light {
	color: #da79be;
	text-decoration: none;
	}
	
a:visited.light {
	color: #bd3896;
	text-decoration: none;
	} 

a:hover.light {
	text-decoration:underline;
	}   
	
a:active.light {
	color: #f462c9;
	}

	
a:link {
	color: #bd3896;
	text-decoration: none;
	}
	
a:visited {
	color: #bd3896;
	text-decoration: none;
	}  
	
a:hover {
	text-decoration:underline;
	}   
	
a:active {
	/*color: #f462c9;*/
	color: #898989;
	}
	
a:link.projectLink {
	color: #898989;
	text-decoration: none;
	}
	
a:visited.projectLink {
	color: #898989;
	text-decoration: none;
	} 

a:hover.projectLink {
	color: #bd3896;
	text-decoration:underline;
	}   
	
a:active.projectLink {
	color: #898989;
	}
	
.projectSubHead {
	font-size: 12px;
	font-weight: bold;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: -7px;
	padding: 0px;
	}
	
.sectionTitle {
	width: 326px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	}


/********** Footer ************/	

#footer {
	width: 326px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 0px;
	font-family:  arial, verdana, serif;
	font-size: 11px;
	color: #b4b5b5;
	}
	
#footerMenu {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	}
	
#footerMenu a:link {
	color: #7b7d7d;
	text-decoration: none;
	}
	
#footerMenu a:visited {
	color: #7b7d7d;
	text-decoration: none;
	}  
	
#footerMenu a:hover {
	color: #bd3896;
	text-decoration: underline;
	}   
	
#footerMenu a:active {
	color: #f462c9;
	}

#footerCopy a:link {
	color: #b4b5b5;
	text-decoration: none;
	margin-left:48px;
	}
	
#footerCopy a:visited {
	color: #b4b5b5;
	text-decoration: none;
	}  
	
#footerCopy a:hover {
	color: #bd3896;
	text-decoration: underline;
	}   
	
#footerCopy a:active {
	color: #f462c9;
	}
	
/* news page */

.newsPage {
	background-color:#e4e4e4;	
}

.newsIn {
	float:left;
	width:535px;
	height:560px;
	padding:20px;	
}

.newsText {
	float:left;
	width:534px;
	height:525px;
	margin:20px 0 0 0;
	overflow:auto;	
}

.newsTitle {
	padding-bottom:30px;
	background:url(images/hline.gif) left bottom no-repeat;
	color:#666666;
}

.newsTitle a, .newsTitle a:visited {
	font-weight:bold;
	color:#666666;
	display:block;
	font-size:12px;
	margin-bottom:-12px;
	width:530px;
	outline:none;
}

.newsTitle a:hover {
	color:#BD3896;	
}

.newsTitleSolo {
	font:bold 16px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	color:#666666;
}

.newsImg {
	float:left;
	display:block;	
}

.backToNews {
	float:right;
	width:105px;
	text-align:right;
	display:block;
	margin:-3px 0 0 30px;
}

.entry {
	line-height:20px;
	color:#666666;
}

.landingBlock a:link, .landingBlock a:visited {
	color:#666666;
	font-weight:bold;
}

.landingBlock a:hover {
	color:#BD3896;
}

.newsDate {
	font-size:12px;
	color:#666666;	
}