* {margin:0;padding:0}
/* mac hide \*/
html,body{height:95%;width:100%;}
/* end hide */
body {
background-color: #cccccc;
background-image: url(../../img/bg_line2.jpg);
background-repeat:repeat-x;
min-height:290px;/* for good browsers*/
min-width:780px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 290px;
}

#logo {
background-image: url(../../img/logo.png);
background-repeat:no-repeat;
widtht: 194px;
height: 56px;
/*margin: 0px 0px 14px 0px;*/
}

#content_mid {
margin:0px 0px 0px 0px;
width: 780px;
height:162px;
}
#content_mid ul {
list-style-type:none;
}
#content_mid ul li {
float:left;
}
#content_mid ul li a {
background-position:0 0;
background-repeat:no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
}

.text_content {
	font: 75% Arial, Helvetica, sans-serif;
	color: #000;
}

#panel_text {
	position:relative;
	text-align:right;
	top:86px; /* in conjunction with left property, decides the text position */
	left:5px;
	width:150px; /* optional, though better have one */
}
#panel1 {
background-image: url(../../img/panel1.png);
background-repeat:no-repeat;
width: 250px;
height: 162px;
padding-right:15px;
/*margin: 0px 0px 14px 0px;*/
}
#panel2 {
background-image: url(../../img/panel2.png);
background-repeat:no-repeat;
width: 250px;
height: 162px;
padding-right:15px;
}
#panel3 {
background-image: url(../../img/panel3.png);
background-repeat:no-repeat;
width: 250px;
height: 162px;
/*margin: 0px 0px 14px 0px;*/
}

#inner_top {
width: 780px;
/*background:red;*/
height: 56px;
margin-left:auto;
margin-right:auto;
/*border:1px solid #000;*/
}

#inner_middle {
padding:25px 0px 15px 0px;
width: 780px;
/*background:red;*/
height: 162px;
margin-left:auto;
margin-right:auto;
/*border:1px solid #000;*/
}

#inner_footer {
margin-top:10px;
width: 780px;
/*background:red;*/
height: 22px;
margin-left:auto;
margin-right:auto;
/*border:1px solid #000;*/
}

#content_footer {
margin:0px 0px 0px 0px;
width: 780px;
height:22px;
}
#content_footer ul {
list-style-type:none;
}
#content_footer ul li {
float:right;
}
#content_footer ul li a {
background-position:0 0;
background-repeat:no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
}

#btn_enter_blue
{  
  margin-top:92px;
  margin-left:26px;
  display: block;
  width: 130px;
  height: 26px;
  background: url("../../img/btn_enter_blue.gif") no-repeat 0 0;}

#btn_enter_blue:hover
{   background-position: 0 -26px;}

#btn_enter_blue span
{  display: none;
height: 26px;}



#btn_enter_pink
{  
  margin-top:92px;
  margin-left:26px;
  display: block;
  width: 130px;
  height: 26px;
  background: url("../../img/btn_enter_pink.gif") no-repeat 0 0;}

#btn_enter_pink:hover
{   background-position: 0 -26px;}
#btn_enter_pink span
{  display: none;
height: 26px;}


#icon_gmail {
background-image: url(../../img/icon_gmail.gif);
background-repeat:no-repeat;
width: 24px;
height: 24px;
padding-left:5px;
}
#icon_facebook {
background-image: url(../../img/icon_facebook.gif);
background-repeat:no-repeat;
width: 24px;
height: 24px;
padding-left:5px;
}
#icon_flickr {
background-image: url(../../img/icon_flickr.gif);
background-repeat:no-repeat;
width: 24px;
height: 24px;

}
#icon_linkedin {
background-image: url(../../img/icon_linkedin.gif);
background-repeat:no-repeat;
width: 24px;
height: 24px;
padding-left:5px;
}
#icon_twitter {
background-image: url(../../img/icon_twitter.gif);
background-repeat:no-repeat;
width: 24px;
height: 24px;
padding-left:5px;
}

#icon_blog {
background-image: url(../../img/icon_blog.gif);
background-repeat:no-repeat;
width: 24px;
height: 24px;
padding-left:5px;
}

#icon_blank {
background-image: url(../../img/icon_blank.gif);
background-repeat:no-repeat;
width: 24px;
height: 24px;
padding-left:5px;
}

#footer_text {
width:662px;
text-align:left;
}

.text_footer {
	font: 75% Arial, Helvetica, sans-serif;
	color: #264c77;
}