/***********************************************************************************/
/*																				   */
/*  CSS Document | January 2007 | Mosaique New Media | Martin Lee  			       */
/*																				   */
/***********************************************************************************/

/* Config */
html, body, html body {
	margin: 0;
	padding: 0;
	height:100%
	}
	
body {
	background:url(../images/main_bg.png);	
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FCFCFC;
	text-align: center;	
	}
	
form {
	padding:0px;
	margin: 0px;
}	
	
hr { display: none; 
	}

ul {
	

	}	
a {
	text-decoration: none;
	}	
a:hover {
	text-decoration: none;
	}	
a:active, a:focus {
	
	}		
p {
	display: block;

	}	

.hidden{
	display:none;
}
		
.footer{
	clear:both;	
	margin: 0px;

}





/* Wrapper */
#wrapper {	
	width: 990px;
	margin: auto;
	text-align: left;	
	position:relative;
	}	

body#bigColLeft #wrapper{
	background:url(../images/main_back_left.jpg) repeat-y;

}

body#bigColRight #wrapper{
	
}


body#bigColLeft.events #wrapper{
	background:url(../images/main_back_left_events.jpg) repeat-y;

}

body#bigColRight.events #wrapper{
	background:url(../images/main_back_right_events.jpg) repeat-y;
}

body#bigColLeft.case #wrapper{
	background:url(../images/main_back_left_case.jpg) repeat-y;

}

body#bigColRight.case #wrapper{
	background:url(../images/main_back_right_case.jpg) repeat-y;
}
/********************** Header **********************/
#headerWrap{

}

#hdr {
	width: 990px;
}
#hdr_logo {
	float: left;
	width: 100px;
	padding: 0 0 18px 10px;
}
#hdr_cont img{
	float: right;
	padding: 30px 10px 5px 10px;
}

#headerWrapTop{
	margin:0px;

}

#headerSpace{
	height:20px;
}

#headerSpace2{
	height:20px;
}

#headerTop{
	height:153px;
}
#headerMain {
	margin: 0 auto;
	text-align: center;
}
#flash_navigation {
	margin: 0 auto;
	text-align: center;
	background:url(../images/flash_board_bg.png) repeat-x;
	width: 949px;
}

#hdr_menu {
	list-style:none outside none;
	float: left;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background:url(../images/test_bg.png) no-repeat;
}
#hdr_menu ul{
	width: 990px;
	height: 35px;
	margin: 0px;
	padding: 0px;
}
#hdr_menu li{
	float: left;
	height: 35px;
	margin: 0px;
	padding: 0px;
	
}
#hdr_menu li.rght{
	padding-left: 12px;
	margin: 0px;
	}
#hdr_menu li.bg_rght{
	/*background: url('../images/menu_bg_rht.png') no-repeat scroll left top;*/
	width: 7px;
	height: 35px;
	margin: 0px;
	padding: 0px;
}
#hdr_menu li.bg_lft{
	/*background: url('../images/menu_bg_lft.png') no-repeat scroll left top;*/
	width: 7px;
	height: 35px;
	margin: 0px;
	padding: 0px;
}
#hdr_menu a {
	background: url('../images/menu_separator.png') no-repeat scroll right top;
	float: left;
	color: #f2f2f2;
	padding: 9px 37px;
	font-weight: bold;
	font-size: 12px;
}
#hdr_menu a:hover{
	color: #d4d4d4;
}
#hdr_menu_lft {
	float: left;
}
.head_link_sep {
	padding: 0px 5px;
}

/*********** Navigation **************/

/* Navred */

#navBarRed{
	margin:2px 0px -2px 0px;
	height:15px;
}

.navRed {
	float:right;
	padding:0px 10px 0px 7px;
	
}

/* NavGrey */
#navBarGreyLeft{
	margin:0px 0px 0px 0px;

}

.navGreyLeft {
	float:left;
	padding:0px 7px 0px 10px;
	border-right:solid #D61B2D thin;
}


#navBarGreyRight{
	margin:0px 0px 0px 0px;
	height:20px;
	float:right;
	width:250px;
	display:inline;
}

.navGreyRight {
	float:right;
	padding:0px 10px 0px 0px;
}

.navGreyTextBox {
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	display:block;
}

.navForm{
	float:right;
	width:220px;
	padding:0px 0px 0px 0px;
	margin:-4px 0px 0px 0px;
}

#searchtxt,
#submit {
	margin: 0;
	padding: 0;
}

.navSub{
	float:right;
}

.navText{
	float:left;
	height:15px;
}



/* main navigation */
#navMain{
	background:url(../images/nav_bar_back.jpg) no-repeat;
	height:22px;
	padding:0px 20px;
}


/********************** Main **********************/

.mainBack{
	background:url(../images/trans.gif) no-repeat;
	width: 960px;
	text-align: left;
}

#mainWrap{
	margin: 6px 14px;
	text-align: center;
}




/* Main Columns */


.mainColBig{
	width:670px;	
}

.mainColSmall{	
	width:272px;
}

.mainColBigFooter{
	background:url(../images/main_col_bottom.jpg) repeat-x;
	height:22px;
}

.mainColBigFooterRed{
	background-color:#860000;
	height:22px;
}

.mainColBigFooterDown{
	background:url(../images/main_col_bottom_down.jpg) repeat-x;
	height:22px;	
}

body.news .mainColSmallFooter{
	background-color:#8B0000;
	height:22px;
}

body.events .mainColSmallFooter{
	background-color:#8B0000;
	height:22px;
}

body.case .mainColSmallFooter{
	background-color:#8B0000;
	height:22px;
}

body#bigColLeft .colLeft{
	float:left;
	display:inline;
	margin:0px 0px 0px 5px;
}

body#bigColLeft .colRight{
	float:right;
	display:inline;
	margin:0px 5px 0px 0px;		
}

/* swap columns */
body#bigColRight .colLeft{
	float:right;
	display:inline;
	margin:0px 5px 0px 0px;
	
}

body#bigColRight .colRight{
	float:left;
	display:inline;
	margin:0px 0px 0px 6px;
}


/* Main title Box */

#mainTitleBoxBack{
	/*background:url(../images/main_col_title_box.jpg) repeat-x; -- removed by Basement 59, December 2008*/
	background: url(../images/shared/main_header_tile.gif) repeat-x #a41500;
	height:86px;
	
}


#mainTitleBox{
	padding:35px 10px 0px 0px;
	margin:0px 0px 0px 39px;
	
}


.logoSmall{
	margin-left:-20px;
	margin-right:10px;
}

.titleMain{

}

.titleSub{

}


#mainContentBox{
	padding:15px 20px 5px 20px;
	background-color:#F3F3F3;
	/* min-height: 533px; */
}
#mainContentBoxForm{
	padding:15px 20px 5px 20px;
	background-color:#F3F3F3;
	overflow: auto;
	width: 630px;
}
#mainContentBoxRed{
	padding:15px 20px 5px 20px;
	background-color:#B10000;
	color:#FFFFFF;
}
#mainContentBoxRed p{
	color:#FFFFFF;
}

#mainContentBox img{
	margin:2px;
}

#mainContentBox h1, #mainContentBox h2, #mainContentBox h3, 
#mainContentBox h4, #mainContentBox h5, #mainContentBox h6 {
	display: block; 
	color: #999;
}


/********************** press page **********************/

.press_spacer {
	background-color: #FFFFFF;
	height: 5px;

}
.press_content {
	padding:20px 20px 20px 35px;
}

.tech_content {
	padding:0px 10px 0px 10px;
}
.tech_image2{
	margin:0px 10px 0px 0px;
	float:left;	
}
.down_image2{
	margin:0px 9px 0px 5px;
	float:left;	
}
.tech_text{
	padding:35px 0px 0px 0px;
	float:left;
	width:330px;
}
.down_text{
	padding:0px 0px 0px 0px;
	float:left;
	width:330px;
}

.press_cell2 {
	height: 110px;
	background: #EBEBEB;
	border-left:solid 5px #BA0500;
}

.tech_cell2 {
	height: 113px;
	background: #EBEBEB;
	border-left:solid 5px #BA0500;
}

.tech_cell2:hover {
background:#E0E0E0;
}

.down_cell2 {
	height: 18px;
	background: #EBEBEB;
	border-left:solid 5px #BA0500;
	padding:5px 0px 0px 0px;
}

.down_cell2:hover {
	background:#E0E0E0;
}
.press_cell2:hover {

	background:#E0E0E0;

}

.press_moreinfo {
	background-image:url(../images/press/presslist_moreinfo.gif);
	background-repeat: no-repeat;
	background-position:right;
	height: 12px;
	}
	
.event_new {
	background-image:url(../images/press/event_new.gif);
	background-repeat: no-repeat;
	background-position:right;
	height: 12px;
}

.event_old {
	background-image:url(../images/press/event_past.gif);
	background-repeat: no-repeat;
	background-position:right;
	height: 12px;
}
	
/***************** login pane *****************************/
#pane{
	background:url(../images/login_back.jpg) repeat-x;
	
}

.paneSpace {
	background-color: #FFFFFF;
	height: 3px;
}

#paneTitle{
	background:url(../images/login_title_bar.jpg) repeat-x;
	height:20px;
}

#paneTitle2{
	background:url(../images/login_title_arrow.jpg) no-repeat;
	height:17px;
	padding: 3px 0px 0px 20px;	
}

#paneBar{
	background:url(../images/login_bar.jpg) repeat-x;
	padding:4px 0px 0px 20px;
	height:17px;
}	

#paneContent{
	padding: 10px 20px 10px 20px;
}

/******** home short links  *******/
#homeLinks{
	padding: 0px 10px 0px 10px;	
}

.homeLinkBox{
	float:left;
	height:90px;
	width:90px;
	padding:5px;
	margin:0px 0px 6px 6px;
	background-color:#FFFFFF;
}

/********************** Footer **********************/

#footerBottom{
	background-color:#FFFFFF;
	position:relative;
}

#footerWrap{	
	margin: 0px;
}

.footerBack{
	background:url(../images/footer_tile.jpg);
	height:43px;
}

#ftr {
	clear: both;
	float: left;
	position: relative;
	width: 970px;
	height: 107px;
	background-color: #F2F2F2;
	padding: 0px 10px;
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}
#ftr_content {
	width: 990px;
	margin: 0px auto;
}
#ftr_contact {
	margin: 10px 0 0 0;
	padding: 0px;
	width: 300px;
	float: left;
	line-height: 170%;
	text-align: left;
	/*border-right: 1px dotted #808080;*/
}
#ftr_contact p {
	color: #666;
	padding: 0px;
	font-weight: none;
	font-size: 10px;
	line-height: 170%;
	text-align: left;
	margin: 0px;
}
#ftr_contact a{
	color: #666;
}
#ftr_contact a:hover{
	text-decoration: underline;
	color: #B50000;
}
#ftr_link {
	float: left;
	list-style:none outside none;
	padding: 3px 0 0 35px;
	text-align: left;
}

#ftr_link_col1, #ftr_link_col2 {
	float: left;
	width: 370px;
	list-style:none outside none;
	padding: 0px;
	text-align: left;
	margin-top: 10px;
	line-height: 170%;
}
#ftr_link_col2 {
	text-align: right;
	width: 300px;
}
.ftr_link_head {
	font-weight: bold;
	font-size:11px;
	color: #666;
	line-height: 200%;
}
#ftr_link ul{
	float: right;
	margin: 0px;
}
#ftr_link li{
	float: left;
	margin: 0px;
	padding: 0px;
	border-right: 1px dotted #CCCCCC;
}
#ftr_link li.rght{
	float: left;
	margin: 0px;
	padding: 0px;
	border-right: 0px;
}
#ftr_link a{
	color: #99998c;
	padding: 10px;
	font-weight: none;
	font-size: 10px;
	line-height: 170%;
	text-align: left;
}
#ftr_link a:hover{
	text-decoration: underline;
	color: #B50000;
}
#ftr_btm {
	float: left;
	width: 992px;
	height: 24px;
	background-color: #333;
}
#ftr_copy {
	float: left;
	width: 100%;
	margin: 0px auto;
	color: #f2f2f2;
	padding: 4px 10px 6px;
	font-size: 10px;
}
.btm_links {
	padding: 0px;
}
#ftr_link_col1 a, #ftr_link_col2 a {
	color: #666666;
}
#ftr_link_col1 a:hover, #ftr_link_col2 a:hover {
	text-decoration: underline;
	color: #B50000;
}
.link_sep {
	padding: 0px 5px;
}


/*************** developer tag ************/

.developer{
	display:none;
	position:absolute;
	top:25px;
	right:20px;
}
#homemenu {
	background-color: #F3F3F3;
}
#magazine_logout {
	padding: 10px;
	cursor: pointer;
}