/* CSS Document */
.clearfix:after {/*this will help the menu to push its container down and not overlapping it in firefox*/
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body {
	margin: 0 ;
	padding: 0 ;
	font-size:62.5%;
	font-family:Arial,Tahoma, Verdana, Georgia, sans-serif;
	font-weight:normal; 
	color:#0f420a ;
	background: #1D3C59 url(../images/body_gradient.jpg) repeat-x center top;*/
	line-height:14pt;
}
/* main_cont contains everything*/
#main_cont{
padding:0;
width:100%;
min-width:850px;
max-width:1100px;
margin:0px auto;
 
}
/* that's to force min+max width on IE6*/
*html #main_cont{
padding:0;
margin:0px auto; 
width: expression((documentElement.clientWidth < 850) ? "850px":"100%");
width: expression(documentElement.clientWidth < 850 ? "850px" : document.body.clientWidth > 1100? "1100px" : "100%");
 
 }
 /* contains everything in the top section*/ 
#top {
position:relative;top:0;
margin:0 auto; 
width:980px; 
height:67px; 
color:#fff;
} 
/*logo container*/ 
#logo{
display:block; 
position:absolute; 
top:0px;
left:0px;
height:67px; 
width:100%; 
}
#logo h1{
display:none;
}
#logo a{
display:block;
text-decoration:none;
background: url(../images/logo.gif) no-repeat left top;
width:172px;
height:64px;
margin:0;
padding:0;
}
/* top menu*/ 
#nav {
display:block;
width:670px;
height:35px;
position:relative;
top:69px;
margin:0 auto;
padding:0;

}
#nav ul {
width:670px;
list-style:none;
margin:0;
padding:0;
}

#nav ul li  {
float:left;
width:120px;
}

#nav ul li a  {
background-color:#fff;
float:left;
width:120px;
height:28px;
}
#nav ul li a#upload {background:url('../images/profile/upload_video2.jpg') no-repeat;height:44px;width:178px;position:relative;top:-16px;}

#nav ul li a#video_nav {background:url('../images/videos_nav.gif') no-repeat;}
#nav ul li a#video_nav:hover {background-position: 0px -29px;}
 #nav ul li a#video_nav.here , #nav ul li a#video_nav.here:hover  {background-position: 0px -58px;}

	

#nav ul li a#community_nav {background:url('../images/community_nav.gif') no-repeat;}
#nav ul li a#community_nav:hover {background-position: 0px -29px;}
 #nav ul li a#community_nav.here,#nav ul li a#community_nav.here:hover {background-position: 0px -58px;}

#nav ul li a#myzig_nav {background:url('../images/myzig_nav.gif') no-repeat;}
#nav ul li a#myzig_nav:hover {background-position: 0px -29px;}
#nav ul li a#myzig_nav.here,#nav ul li a#myzig_nav.here:hover  {background-position: 0px -58px;}

#nav ul li a#invreq_nav {background:url('../images/invreq_nav.gif') no-repeat;}
#nav ul li a#invreq_nav:hover {background-position: 0px -29px;}
 #nav ul li a#invreq_nav.here ,#nav ul li a#invreq_nav.here:hover{background-position: 0px -58px;}


#nav ul li a#friends_nav {background:url('../images/friends_nav.gif') no-repeat;}
#nav ul li a#friends_nav:hover {background-position: 0px -29px;}
#nav ul li a#friends_nav.here ,#nav ul li a#friends_nav.here:hover{background-position: 0px -58px;}

/* login/logout*/ 
#logs{
position:absolute;
top:71px;
right:0px;
min-width:90px;
height:26px;
margin:0;
padding:0;
}
#logs a.login{background: transparent url('../images/index/login_icon.gif') no-repeat 0px 0px; float:left;
width:120px;
height:23px;
margin:0;
padding:0 0 0 35px;
color:#5FAC8A;
font-size:12px;
font-weight:bold;
text-decoration:none;
line-height:25px;
}
#logs a.login:hover{background: transparent url('../images/index/login_icon.gif') no-repeat 0px -29px; color:#00C3DE;}

/* search box*/
#search{
position:absolute;
top:15px;
right:25px;
width:220px;
height:19px;
margin:0;
padding:0;
background: transparent url('../images/search_left.gif') no-repeat 0px 0px;
}


#search .search_text{
float:left;
height:15px;
padding-left:10px;
padding-top:2px;
font-size:10px;
border:none;
width:115px;
background: #AECCE9 url('../images/search_left.gif') no-repeat left top ;
}

#search .search_button{
float:left;
border:none;
width:20px;
height:19px;
padding-bottom:2px;
background: transparent url('../images/search_button.gif') no-repeat left top;
cursor:pointer;
}

#search .search_button:hover{
background:url('../images/search_button_over.gif') no-repeat left top;
background: transparent;
}

#search_what {
float:left;
background: transparent url('../images/search_what.gif') no-repeat left top;
width:23px;
height:19px;
margin:0 ;
padding:0;

}
/* login_section*/
#login_div{
 margin:0 auto;
 width:90%;
 padding:40px 0 0 0;
 text-align:center;
 color:#fff;
 font-size:1.1em;
 
}
#login_div a{
  color:#fff;
}
.hidden_div2{
display:none;
margin: 0;
}
/* blue container*/
#middle {
display:block;
width:90%;
position:relative;
top:60px;
margin:0 auto;
padding:0;
background:  url('../images/top_cont.gif') no-repeat left top;
font-size:1.2em;
}
#middle span.corner { 
display:block; 
position:relative; 
top:0;
margin: 0 0 0 40px;
background: url('../images/top_right.gif') no-repeat right top;

}
/* container for the inner elements*/ 
#middle_cont {
display:block;
width:100%;
margin:0 auto;
padding:10px 0;
background:#517391 url('../images/content_gradient.gif') repeat-x left top;
}
/* left container*/
#left{
display:block;
float:left;
width:35%;
padding:0;
margin:0 0 0 1%;
border:none;
}
/* a container that contains the center and right inner containers*/
#right{
display:block;
float:left;
width:62%;
padding:0;
margin:0;
border:none;
background:#000 url('../images/profile/my_gradient.jpg') repeat-x left top;
}
/* the center container */
#center{
display:block;
float:left;
width:26%;
padding:0;
margin:0;
border:none;
background:#000;
}

/* the right container within the right container */
#right_right{
display:block;
float:right;
width:68%;
padding:0;
margin:0 ;
border:none;
background:#A9D4FE url('../images/profile/right_gradient.gif') repeat-x left top;
}
/*  container variations for friends page*/
#left.friends{
display:block;
float:left;
width:25%;
padding:0;
margin:0 0 0 1%;
border:none;
}
#right_friends{
display:block;
float:left;
width:72%;
padding:0;
margin:0;
border:none;
}
#right_payer{
display:block;
float:left;
width:58%;
padding:0;
margin:0 0 0 20px;
border:none;

}
#help{
display:block;
width:85%;
padding:0;
margin:0 auto;
border:none;

}