@charset "utf-8";
/* CSS Document */

/* /////////////// basic elements /////////////// */



body { 
margin:0;
padding:0;
font:75%/1.4 verdana,Helvetica,sans-serif;
background-color:#262626;
text-align:center;

}

a { outline-style: none; }

a { color: #57a6c5; text-decoration: none; }
a:hover { text-decoration: underline; }

h2 { background: none;  font-family: Verdana, Geneva, sans-serif; padding: 0px; margin: 0px; font-size: 45px; }





p {
	font-size: 14px;
	line-height: 150%;
	letter-spacing:0.5px;
	color: #CCCCCC;
}

p.green { color: #90b32e; padding-top: 18px; }

.greenlight { color: #99cc33; }

h2.about, h3.about { color: #99cc33 /*Green */  }
h2.team ,  h3.team { color: #66ccff; /* Light Blue */  }
 h2.investors,  h3.investors { color: #ff9933; /*0range */  }
h2.careers ,  h3.careers { color: #cc3333; /*Red */ }
h2.support ,  h3.support { color: #99cc33; /*Green */  }
h2.contact ,  h3.contact { color: #66ccff; /*Blue */  }



/* ////////////// layout ///////////////// */


#container {
	width:900px;
	margin:0 auto;
	padding:0 0px;
	position:relative;
	text-align:left;
	color: #CCCCCC;
}

/*
#home-text-img {
	background-image: url(../images/home-text.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9000px;
	margin: 0px; padding: 0px;
	height: 298px; width: 498px;
}

#home-text-img p {	
	text-indent: -9000px;
}

*/

#home-text-img p { font-size: 17px; letter-spacing: -1px;  }

#home-text-img h4 { margin-bottom: -20px;  font-family: Verdana, Geneva, sans-serif; font-size: 22px;  }

#header {
height:160px;
border-bottom: #757575 solid 1px;
display: block;
margin: -15px 0px 0px 0px;
padding: 0px;
background-color:#262626;
}


#logo a { float: right; background: url(../images/nicira-logo.gif) 0 0 no-repeat; width: 165px; height: 158px; display: block; margin-right: -33px; text-indent: -6000px; }



/* ////////////// menu ///////////////// */


#menulinks {
	  margin-top: 125px;
	  width:635px;
	  height:24px;
	  float: left;
	  position:relative;
	  overflow: hidden;
	  }

#nav {  width: 635px;
        height: 22px;
        background: url(../images/nav.gif) top left no-repeat; 
	    position: absolute;
		margin: 0px;
		padding: 0px;
    }
	
    #nav li {
        position: absolute;
        top: 0;
        text-indent: -8700px;
		list-style: none;
	}
    #nav li a {
        display: block;
        height: 24px;
    }
	
	
	.nav_home { left: 0px; }
    .nav_home { width: 61px; }
    .nav_home a:hover  { background: url(../images/nav.gif) 0px -21px no-repeat; }
	 body.home .nav_home a, body.home .nav_home a:hover { background: url(../images/nav.gif) 0px -21px no-repeat; }
	
    .nav_about {left: 61px; }
    .nav_about a { width: 97px; }
    .nav_about a:hover { background: url(../images/nav.gif) -61px -21px no-repeat; }
	body.about .nav_about a, body.about .nav_about a:hover { background: url(../images/nav.gif) -61px -21px no-repeat; }
	
    .nav_team { left: 158px; }
    .nav_team a { width: 120px; }
    .nav_team a:hover  { background: url(../images/nav.gif) -158px -21px no-repeat; }
	body.team .nav_team a, body.team .nav_team a:hover { background: url(../images/nav.gif) -158px -21px no-repeat; }
	
    .nav_investors { left: 278px; }
    .nav_investors a { width: 96px; }
    .nav_investors a:hover{ background: url(../images/nav.gif) -278px -21px no-repeat; }
	body.investors .nav_investors a, body.investors .nav_investors a:hover { background: url(../images/nav.gif) -278px -21px no-repeat; }
    
	.nav_careers { left: 374px; }
    .nav_careers a { width: 82px; }
    .nav_careers a:hover  { background: url(../images/nav.gif) -374px -21px no-repeat; }
	body.careers .nav_careers a, body.careers .nav_careers a:hover { background: url(../images/nav.gif) -374px -21px no-repeat; }
	
    .nav_support { left: 456px; }
    .nav_support a { width: 86px; }
    .nav_support a:hover  { background: url(../images/nav.gif) -456px -21px no-repeat; }
	body.support .nav_support a, body.support .nav_support a:hover { background: url(../images/nav.gif) -456px -21px no-repeat; }
	
    .nav_contact { left: 542px; }
    .nav_contact a { width: 93px; }
    .nav_contact a:hover  { background: url(../images/nav.gif) -542px -21px no-repeat; }
	body.contact .nav_contact a, body.contact .nav_contact a:hover { background: url(../images/nav.gif) -542px -21px no-repeat; }
	



#homepage { width:830px; float:left; background: #000 url(../images/home-bg.jpg) bottom right no-repeat; color: color:#CCCCCC; border-bottom: #757575 solid 1px; padding: 35px 40px 35px 30px; margin-top: 1px; min-height: 412px; overflow: hidden; }

#subpage { width:830px; float:left; background: #000 url(../images/page-bg.jpg) bottom right no-repeat; border-bottom: #757575 solid 1px; padding: 0px 40px 35px 30px; margin-top: 1px; min-height: 412px; overflow: hidden;  }

.post { float: left; width: 495px; }


.inner.contact 

.map { width: 410px; }
.map span { float: right; }
.map ol { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 20px; }
#post {
	float: left;
	width: 495px;
	margin-top: 86px;
}

#post h4 {
	width: 535px;
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0px 2px 0px;
	color: #FFFFFF;
}
span.title {
	font-size: 10px;
	font-style: italic;
	margin: 0px 0px 2px 0px;
	color: #FFFFFF;
}


#sidebar { float: right; width: 255px;  border-top: #757575 solid 1px; position: relative; margin-top: 170px; }
#sidebar h3 { font-size: 14px; font-weight: 500; margin: 0px 0px 13px 0px; padding-top: 3px; }
#sidebar p { color: #ccc; margin: 5px 8px 5px 0px; font-size: 12px; }

#footer p {
text-align:left;
color: #FFF;
font-size: 10px;
padding-top: 10px;
margin: 0px 0px 35px 0px;
}
