@charset "utf-8";

body{
background-image:url(/idea/imgs/bg3.jpg);
background-repeat:no-repeat;
}
.wrapper {
margin:0 auto;
overflow:hidden;
width:900px;

}
.container {
margin-top:200px;
height:313px;
width:900px;
/*overflow:hidden;
position:relative;
clear:both;
z-index:10;*/
}
h1{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:36px;
text-align:right;
padding-right:5px;
}
.mainbox {
/*background-color:#000000 none repeat scroll 0 0;
   opacity: 0.5;  
   width:970px;
   height:1000px;
   position:absolute;
   margin: 0 auto;
   z-index:0;*/
   background:#000000 none repeat scroll 0 0;
   border:#FFFFFF 1px solid;
height:400px;
margin:233px auto;
filter:alpha(opacity=40);
opacity:0.4;
position:absolute;
width:900px;
z-index:0;
}

.navhead {

/*margin:auto;margin-top:21.5%;*/
height:58px;
}
.navhead img{
border:none;
float:left;
}

.wrapper2 {
overflow:hidden;
width:121px;

}

.smallbx {
background-image:url(../../imgs/smllbx.gif);
background-repeat:no-repeat;
margin:200px 40px auto;
 filter:alpha(opacity=60);
opacity:0.6;
position:absolute;
width:228px;
height:121px;
z-index:0;
}

#smallbxcontainer {
border-right:#999999 1px solid;
/*padding-top:5px;*/
margin-top:-24px;
margin-left:30px;
position:absolute;
z-index:10;
height:400px;
width:250px;
font-size:30px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}

.selected {
font-size:30px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#FF9900;
}
.smallbxcontainer2 {
/*padding-top:5px;*/
margin-top:-5px;
margin-left:350px;
position:absolute;
z-index:10;
height:400px;
width:500px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}

.smallbxcontainer2 img {
float:left;
margin-bottom:3px;
padding-left:5px;
padding-right:10px;
}

a.navy:link {
font-family:Arial, Helvetica, sans-serif;
color:#FF9900;
text-decoration:none;
}


a.navy:visited {
font-family:Arial, Helvetica, sans-serif;
color:#FF9900;
text-decoration:none;
}

a.navy:active {
font-family:Arial, Helvetica, sans-serif;
color:#FF9900;
text-decoration:none;
}
a.navy:hover {
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#FF0000;
}

a.example6:link {
font-family:Arial, Helvetica, sans-serif;
color:#FF9900;
text-decoration:none;
}


a.example6:visited {
font-family:Arial, Helvetica, sans-serif;
color:#FF9900;
text-decoration:none;
}

a.example6:active {
font-family:Arial, Helvetica, sans-serif;
color:#FF9900;
text-decoration:none;
}
a.example6:hover {
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#FF0000;
}

a:link {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}


a:visited {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

a:active {
font-family:Arial, Helvetica, sans-serif;
color:#FF9900;
text-decoration:none;
}
a:hover {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FF9900;
}

a.about span { 
        display: none; 
}

a.about:hover { 
        background: url(../../imgs/head/about_on.gif) repeat 0px 0px; 
}


a.web { 
        background:url(../../imgs/head/web_off.gif) repeat 0px 0px; 
		float:left;
        width: 96px; 
        height: 58px; 
}

a.web span { 
        display: none; 
}

a.web:hover { 
        background: url(../../imgs/head/web_on.gif) repeat 0px 0px; 
}


a.video { 
        background:url(../../imgs/head/video_off.gif) repeat 0px 0px; 
		float:left;
        width: 122px; 
        height: 58px; 
}

a.video span { 
        display: none; 
}

a.video:hover { 
        background: url(../../imgs/head/video_on.gif) repeat 0px 0px; 
}

a.photo { 
        background:url(../../imgs/head/photo_off.gif) repeat 0px 0px; 
		float:left;
        width: 133px; 
        height: 58px; 
}

a.photo span { 
        display: none; 
}

a.photo:hover { 
        background: url(../../imgs/head/photo_on.gif) repeat 0px 0px; 
}

.videobox {
float:left;
padding-right:30px;
width:120px;
}