@charset "UTF-8";
/* CSS Document */


/*
===========================================



© 2009 Evoke Creative

Table of Contents

	1. Reset - Reset of browser styles
	
	2. Site Layout
	
		2.1 Main Layout
		
		2.2 Sub Layout
	
	3. Site navigation
		
		3.1 Main Nav
			
	4. Formatting 
		
		4.1 Generic Styles
		
		4.2 Form Styles
		
	5.  Admin
	    
	    5.1 Admin menu (temp)

===========================================
*/



/* 
	
	1. Reset

*/


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-weight: normal; font-style: normal; }
ul,ol {list-style: none;}
fieldset,img { border: none; }
caption,th { text-align: left; vertical-align:top;}
table { border-collapse: collapse; border-spacing: 0; }
a{outline:none; text-decoration:none;}

body{
	margin: 0px;
	padding: 0px;
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	color: #211e1f;
	font-size:62.5%;
	background: url(../images/background-gradient.jpg) repeat-x #FFF;
}

html{
	margin:0px;
	padding:0px;
}


/* 
	
	2. Site Layout

*/

/*
	----------------------------
	2.1 Main Layout
	----------------------------
*/


#wrapper {
    width: 960px;
    margin:0 auto;
    height: auto;
    overflow: hidden;
    _overflow: visible;
}

#header{
    height: 90px;
    width: 960px;
}





#main-bar{
    width: 700px;
    float: left;
    padding-bottom:10000px;
    margin-bottom:-9950px;
    min-height: 200px;
}

#side-bar{
    width: 240px;
    float: right;
    padding-bottom:10000px;
    margin-bottom:-9950px;
    margin-left: 20px;
    min-height: 200px;
}

#footer{
    width: 100%;
    height: 28px;
    background: #211e1f;
	margin-top: -28px; /* negative value of footer height */
}

#footer-content{
    width: 960px;
    height: 28px;
    margin: 0 auto;
}

/* ----CSS to create floating footer---- */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ----End of floating footer CSS---- */


#logo {
    margin: 40px 0 0;
    float: left;
}

#image-bar {
    width: 960px;
    height: 262px;
    margin: 10px 0 20px;
    overflow: hidden;
}


/*
	----------------------------
	2.2 Sub Layout
	----------------------------
*/

.content-block {
    width: 100%;
    float: left;
    margin: 0 20px 20px 20px;
    
}

#arapuni {
    display: block;
    height: 0;
    padding-top: 262px;
    width: 481px;
    background: url(../images/arapuni-milk.jpg) no-repeat top left;
    float: left;
    overflow:hidden;
}

#arapuni:hover {
    background-position: 0 -262px;
}

#cow {
    float: left;
}

#car {
    display: block;
    height: 0;
    padding-top: 262px;
    width: 240px;
    background: url(../images/car.jpg) no-repeat top left;
    float: left;
    overflow:hidden;
}

#car:hover {
    background-position: 0 -262px;
}




/* 
	
	3. Navigation

*/

/*
	----------------------------
	3.1 Main Nav
	----------------------------
*/

#navigation{
    height: 33px;
    float: right;
    margin-top: 50px;
    display: block;
}

#navigation li {
    float: left;
    width: 158px;
    height: 25px;
    overflow: hidden;
}

#navigation li a {
    float: left;
    width: 158px;
    height: 0;
    padding-top: 25px;
    display: block;
    overflow: hidden;
}



/* ---default nav states--- */

#nav-home {
    background: url(../images/nav-home.jpg) no-repeat top right;
}

#nav-investors {
    background: url(../images/nav-investors.jpg) no-repeat top right;
}

#nav-contact {
    background: url(../images/nav-contact.jpg) no-repeat top right;
}

/* ---rollover nav states--- */

#nav-home:hover {
    background: url(../images/nav-home.jpg) no-repeat top center;
}

#nav-investors:hover {
    background: url(../images/nav-investors.jpg) no-repeat top center;
}

#nav-contact:hover {
    background: url(../images/nav-contact.jpg) no-repeat top center;
}

/* ---selected states--- */

#nav-homeSelected {
    background: url(../images/nav-home.jpg) no-repeat top left;
}

#nav-investorsSelected {
    background: url(../images/nav-investors.jpg) no-repeat top left;
}

#nav-contactSelected {
    background: url(../images/nav-contact.jpg) no-repeat top left;
}



/* 
	
	4. Formatting

*/

/*
	----------------------------
	4.1 Generic Styles
	----------------------------
*/

h1 {
    font-family: "Futura Bold", Futura, "Century Gothic", AppleGothic, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #211e1f;
    font-size: 2.2em;
    margin-bottom: 15px;
    text-transform: uppercase;
}

h2 {
    font-weight: bold;
    
}

p {
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: 1.2em;
    color: #211e1f;
    line-height: 1.7em;
    margin-bottom: 15px;
}

a {
    color: #211e1f;
    text-decoration: underline;
}

a:hover {
    color: #505050;
    text-decoration: none;
}

dl {
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
       font-size: 1.2em;
       color: #211e1f;
       line-height: 1.7em;
       margin-bottom: 15px;
       margin:0 0 10px 20px;
       
       
       list-style-image:none;
       list-style-position:outside;
       list-style-type:none;
       
}

dl dt {
    font-weight: bold;
    font-size: 1.2em;
    
}

dl dd {
    background: transparent url(../images/greentick.gif) no-repeat scroll left 3px;
    padding: 0 0 0 18px;
}

.two-col-list-left {
    float: left;
    margin: 0 0 0 0px;
}

.two-col-list-right {
    margin: 20px 0 0 300px;
}

#footer a, #footer span{
    text-transform: uppercase;
    float: left;
    margin: 7px 25px 0 0;
    color:#FFF;
    font-size: 1.1em;
    font-family: Futura, "Century Gothic", AppleGothic, Helvetica, Arial, sans-serif;
}

#footer a:hover {
    text-decoration: underline;
}

#footer span{
    margin-top:7px;
}


#evoke{
    margin: 7px 0 0 25px!important;
}

#evokelink{
    margin: 7px 0 0 10px!important;
    color:#0099B5!important;
}

#evokelink:hover{
    color:#fff!important;
    text-decoration: none!important;
}

#copyright{
    margin-right: 390px!important;
}


/*
	----------------------------
	4.2 Form Styles
	----------------------------
*/

label {
    font-family: Futura, "Century Gothic", AppleGothic, Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    color: #211e1f;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}
fieldset input, fieldset textarea {
    display: block;
}

input {
    background: none;
    border: none;
    border: 1px solid #000;
    color: #211e1f;
    padding: 6px;
    margin: 4px 0 4px 0;
}

.contact-form input {
    width: 225px;
}

.contact-form textarea {
    width: 225px;
    height: 100px;
}



textarea {
    font-family: Futura, "Century Gothic", AppleGothic, Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    display: inline;
    background: none;
    border: none;
    border: 1px solid #000;
    color: #211e1f;
    padding: 6px;
    margin: 4px 0 4px 0;
    

}

.signup-input {
    width: 225px;
}

input:hover, textarea:hover {
    background: #E7E7E7;
}

input:focus, textarea:focus {
    background: #E7E7E7;
}

.submit-btn {
    background: #fff;
    cursor: pointer;
    cursor: hand;
    font-family: Futura, "Century Gothic", AppleGothic, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 5px 8px 4px;
    border: 1px solid #000;
    width: auto!important;
}

.submit-btn:hover {
    background: #E7E7E7;
}

.validation-error {
    color: red;
    margin: 0 0 8px 0;
}

/*
	----------------------------
	4.3 List Styles
	----------------------------
*/





/*
	----------------------------
	4.4 Image Styles
	----------------------------
*/