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

/*CSS Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*start of website layout proper*/

body{
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
line-height:14px;
}

a:link {
color:black;
text-decoration:none;
font-weight:bold;
}  

a:visited {
color:black;
text-decoration:none;
font-weight:bold;
}  

a:hover {
color: red;
text-decoration:none;
font-weight:bold;
}  

a:active {
color:black;
text-decoration:none;
font-weight:bold;
}

.clear-me{
clear:both;
}

#wrap{ width:940px; margin:0 auto; }

#menu-section{
width:940px;
padding-top:10px;
height:80px;
overflow:visible;
}
#menu-section ul{
width:700px;
float:left;
overflow:visible;
height:50px;
}

#menu-section li{
display: inline-block;
float:left;
overflow:visible;
height:50px;
}
.link{
margin-right:30px;
}
.long-link{
width: 220px;
}

#copyright{
width:220px;
float:right;
color:#666666;
overflow:visible;
height:50px;

}

#main-content{
width:940px;
}

#info-content{
float:left;
width:380px;
margin-right:20px;
background-image:url(images/logo-flock.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:180px;
}

#thirst-content{
float:left;
width:380px;
margin-right:20px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:180px;
}

#flock-content{
float:left;
width:380px;
margin-right:20px;
background-image:url(images/logo-flock.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:180px;
}

p{
margin-bottom:5px;
}

h1{
margin-top:10px;
margin-bottom:5px;
font-size:12px;
}

#thirst-content p, #flock-content p{
width:300px;
text-align:left;
margin-bottom:10px;
font-size:12px;
line-height: 16px;
}

#info-content p{
width:300px;
text-align:right;
margin-bottom:10px;
}

#visual-content{
float:right;
width:540px;
}

#footer{
width:940px;
height:50px;
clear:both;
}

.grid-layer{
margin-bottom:20px;
}

.grid-item-1{
width:220px;
margin-right:20px;
float:left;
}

.grid-item-2{
width:140px;
margin-right:20px;
float:left;
}

.grid-caption{
margin-top:5px;
}

.grid-caption p{
font-size:10px;
}

/*styles for form*/

span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {
padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 

.button-holder{
margin-top:10px;
}
.bold-grey{
font-weight:bold;
color:#666666;
}

#contact-holder{
padding-top:80px;
}

#mailing-list-form{
padding-top:20px;
}
#mailing-list-form p{
margin-bottom:5px;
}

#mailing-list-form form{
padding-top:20px;
}

.small-text{
font-size:10px;
margin-bottom:3px;
}

#links{
margin-top:70px;
margin-bottom:20px;
}