html{
	width:100%;
	height:100%;
}

body {
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#fff;
	font-family:trebuchet ms, sans;
}

#main {
	margin:0px auto;
	width:100%;
	height:100%;
	min-height:640px;
	min-width:540px;
}
* html div#main { 
	width : expression( document.body.clientWidth > 540 ? "100%" : "540px"); /* sets min-width for IE */
	height: expression( document.body.clientHeight > 640 ? "100%" : "640px"); /* sets min-height for IE */
}

#main #warn {
	padding:7px 0px;
	border-bottom:2px solid #841;
	margin-bottom:20px;
	color:#333;
	background-color:#fa3;
	font-family:Tahoma, sans-serif;
	font-size:11px;
}

.home, .about, .contact {
	width:540px;
	height:540px;
	background-color:#0A50A0;
}

.home {
	background-image:url(../assets/img/bg_home.png);
}

.home .menu {
	padding-top:146px;
}

.return {
	text-align:right;
	position:relative;
	padding:0px 40px;
	top:420px;
}
.return a {
	font-size:13px;
	color:#8cf;
}

.about .section {
	text-align:left;
	padding-left:40px;
	color:#fff;
	font-size:36px;
	position:relative;
	top:440px;
}

.contact .section {
	text-align:left;
	padding-left:120px;
	color:#fff;
	font-size:36px;
	position:relative;
	top:240px;
}


p {
	padding:10px 0px 15px;
}

.text_content {
	text-align:left;
	padding:20px 40px;
	font-size:12px;
	line-height:19px;
	color:#fff;
}
.text_content a {
	color:#fff;
}

.contact .text_content {
	font-size:13px;
	line-height:24px;
	padding-top:90px;
	padding-left:290px;
}

.bluexlogin {
	width:200px;
	margin-top:155px;
	text-align:left;
}
.bluexlogin .label{
	color:#fff;
	font-size:13px;
	width:80px;
	padding-right:4px;
	text-align:right;
}

.menu {
	font-family:trebuchet ms, sans;
	font-size:13px;
	color:#fff;
}
.menu a {
	font-family:trebuchet ms, sans;
	font-size:13px;
	padding:0px 25px;
	color:#fff;
}
.menu .disabled {
	font-family:trebuchet ms, sans;
	font-size:13px;
	padding:0px 25px;
	color:#58b;
}


#footer {
	color:#888;
	padding-top:32px;
	font-size:11px;
}

a {
	color:#15a;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.home {
}



#mobile{
width:100%;
height:100%;
z-index:100;
top:0px;
left:0px;
position:absolute;
text-align:center;
}

.transparent{
width:100%;
height:100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src='http://www.blueswitch.com/images/transparent2.png');
}

.transparent a {position: relative}

.transparent[class] {
background-image:url('http://www.blueswitch.com/images/transparent.png');
}


#mobile_inside{
z-index:200;
width:540px;
height:540px;
}

.mobile_bg{
background-image:url('http://www.blueswitch.com/images/mobile_bg.gif');
background-repeat:repeat-y;
}

.mobile_bg a {position: relative}

.mobile_text{
font-size:13px;
color:#fff;
}





div#scrollbar1, div#scrollbar2, div#scrollbar3 {
    display:block; /* initially display:none; to hide from incapable */
	z-index:10000
    }
/* below in external file */

div#wn1	{ 
	font-family:arial;
    color:#666666;
	font-size:11px;
	position:relative; 
    width:215px; height:450px; 
    overflow:hidden;	
	}
	
div#scrollbar1 { 
  position:relative;
  width:10px; height:450px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
  
div#track1 { 
  position:absolute; left:0; top:6px;
  width:10px; height:435px;
  background: #ffffff;
  }
  
div#dragBar1 {
  position:absolute; left:0px; top:1px;
  width:9px; height:20px;background-color:#0099cc;
  z-index:1;
  background-repeat:no-repeat;
  margin-top:1px;
}  
  
  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }  


/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1, div#dragBar1, div#left, div#right,div#scrollbar2, div#track2, div#dragBar2,  {
    -moz-user-select: none;
    -khtml-user-select: none;
}

div#wn2	{ 
	font-family:arial;
    color:#666666;
	font-size:11px;
	position:relative; 
    width:460px; height:400px; 
    overflow:hidden;	
	}

/* vertical scrollbar for wn2 */    
div#scrollbar2 { 
  position:relative;
  width:10px; height:380px; 
  font-size:1px;

  }

div#track2 { 
  position:absolute; left:0; top:8px;
  width:10px; height:360px;
  }

div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:10px;
  background-color:#666;
  }  

div#up2 { position:absolute; left:0; top:0; }  
div#down2 { position:absolute; left:0; bottom:0; } 
  
  
  



/*This is where the magic happens!*/
div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     position: relative;
     width: 99%;
	 height:99%;
}
div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
}
div.box_background {
     background-color: black;
     height: 100%;
     filter:alpha(opacity=75); /* IE's opacity*/
     left: 0px;
     opacity: 0.75;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
	
}