/*
 
1. --defaults-- 
2. --layout-- 
3. --header--
4. --navbar--
5. --main column 1--
6. --main column 2--
7. --main section bottom--

--*/



/* 1. --defaults--*/

* {
	margin:0;
	padding:0;
	}
	
html {
	font-size:100%;
		}

body {
	font-size:62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, Lucida,  sans-serif;	
}
	
a {
	text-decoration:none;
	 outline: none;
	 color: #600;
	 font-weight:bold;}
	 
a:hover {
	text-decoration:underline;}
	 

img {
	border:none;}
	
li{
	list-style:none;
	float:left;
	display:block;}
	
p {
	width:270px;
	font-size:120%;
	margin:10px 20px 0 40px;
	clear:left;}
	
address {
	font-style:normal;
	font-size:100%;
	float:left;
	width:130px;}
	
	
.wide {
	width:660px;
	clear:left;}
	
h2 {
	width:250px;
	font-size:180%;
	margin:0 20px 0 40px;
	padding-top:10px;
	}
	
h3 {
	width:250px;
	font-size:150%;
	margin-left:40px;
	padding-top:20px;
	font-weight:normal;
	}
	
h3.wide {
	width:660px;
	padding-top:0;
	}
	
.block {
	display:block;
	clear:left;
	width:380px;
	font-size:120%;
	color:#600;}
	
.first {
	padding-top:10px;}
	
.contact {
	font-size:150%;
	margin-left:0;
	}
	
span#address {
	height:70px;
	display:block;}
	
.bold {
	font-weight:bold;}

	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.white {
	color:white;}

textarea:focus, input:focus {
	background: #ff9b9b;}
	
fieldset {

	border:none;}




/* 2. --layout--*/

#wrap, #nav, #footer {
	width:100%;
	
	}

#header, #main {
	width:790px;
	margin:0 auto;
	padding:0 10px;}
	
#nav ul {
	width:820px;
	margin:0 auto;
	padding:0 10px;}
	
#maintext {
	float:left;
	width:320px;
	margin-bottom:20px;
	margin-right:30px;}
	
#maintext2 {
	float:left;
	width:450px;
	margin-bottom:20px;}
	
	
#mainpic {
	height:310px;
	display:block;
	float:left;
	width:380px;}
	

#maincontact {
	float:left;
	width:250px;}

	
#mainmid {
	position:relative;}
	
#buttons {
	margin-bottom:30px;}
	
#fund {
	width:660px;
	clear:left;}
	
	
/* 3. --header--*/

#header {
	margin-bottom:15px;}

img#logo{
	float:left;
	margin:20px 0 0 0;}
	
img#completelogo{
	float:right;
	margin:20px 10px 0 0;}

/* 4. --nav--*/

#nav {
	height:57px;
	background:url(../images/navstrip.jpg) 0 0 repeat-x;}
	
	
#nav ul li {
	padding: 0 10px;
	list-style:none;
	float:left;
	display:block;}

#nav ul li a{
	display:block;
	width:95px;
	height:30px;
	margin-top:7px;}
	
#nav ul li a span{
	display:block;
	width:95px;
	height:30px;
	position:absolute;
	}
	
a span#home{
	background:url(../images/home_but.gif) 0 0 no-repeat;}
	
a:hover span#home{
	background:url(../images/home_but.gif) 0 -32px no-repeat;}
	
a span#about{
	background:url(../images/about_but.gif) 0 0 no-repeat;}
	
a:hover span#about{
	background:url(../images/about_but.gif) 0 -32px no-repeat;}
	
a span#services{
	background:url(../images/serv_but.gif) 0 0 no-repeat;}
	
a:hover span#services{
	background:url(../images/serv_but.gif) 0 -32px no-repeat;}
	
a span#contact{
	background:url(../images/contact_but.gif) 0 0 no-repeat;}
	
a:hover span#contact{
	background:url(../images/contact_but.gif) 0 -32px no-repeat;}
	
a span#funding{
	background:url(../images/fund_but.gif) 0 0 no-repeat;}
	
a:hover span#funding{
	background:url(../images/fund_but.gif) 0 -32px no-repeat;}
	
a span#partners{
	background:url(../images/part_but.gif) 0 0 no-repeat;}
	
a:hover span#partners{
	background:url(../images/part_but.gif) 0 -32px no-repeat;}
	
a span#vacancies{
	background:url(../images/vacancies_but.gif) 0 0 no-repeat;}
	
a:hover span#vacancies{
	background:url(../images/vacancies_but.gif) 0 -32px no-repeat;}
	


/* 5. --main--*/

#main {
	margin-top:30px;}

#maintop {
	background:url(../images/maintop.jpg) 0 0 no-repeat;
	width:790px;
	height:37px;
}

#mainmid {
	background:url(../images/mainmid.jpg) 0 0 repeat-y;
	width:790px;
	padding-bottom:50px;
}

#mainmid ul.mainlist {
	margin-top:10px;}
	

#mainmid ul.mainlist a {
	list-style:disc;
	text-decoration:none;
	color:black;
	clear:left;
	font-size:120%;
	font-weight:normal;}
	
#mainmid ul.mainlist a:hover {
	text-decoration:underline;}
	
#mainmid ul.mainlist li{
	background: url(../images/pinkbullet.gif) 0 8px no-repeat;
	font-size:120%;
	margin-left:40px;
	padding:5px 15px;
	float:none;
	}
	
#logowrap {
	border-top:1px dotted #999;
	width:690px;
	position:absolute;
	top:-25px;
	left:40px;
	
	}
	
	
ul#logos {
	background:none;
	margin: 0 auto;
	width:380px;
	}

#logos a {
	float:left;
	padding: 10px 20px;
	position:relative;
	z-index:4;
	}
	

	
#maincontact span {
	padding-right:10px;
	width:70px;
	float:left;}
	
#maincontact a {
	color:black;
	font-weight:normal;}
	
#mainbot {
	background:url(../images/mainbot.jpg) 0 0 no-repeat;
	width:790px;
	height:39px;
	position:relative;
	}
	

#buttons ul li a{
	display:block;
	width:149px;
	height:177px;
	margin-top:7px;
	padding:20px 4px 0 4px;}
	
#buttons ul li a span{
	display:block;
	width:149px;
	height:177px;
	position:absolute;
	
	}
	
p#contacttext {
	width:350px;}
	
a span#skills{
	background:url(../images/skills_but2.jpg) 0 0 no-repeat;}
	
a:hover span#skills{
	background:url(../images/skills_but2.jpg) 0 -190px no-repeat;}
	
a span#support{
	background:url(../images/support_but2.jpg) 0 0 no-repeat;}
	
a:hover span#support{
	background:url(../images/support_but2.jpg) 0 -176px no-repeat;}
	
a span#consult{
	background:url(../images/consult_but2.jpg) 0 0 no-repeat;}
	
a:hover span#consult{
	background:url(../images/consult_but2.jpg) 0 -187px no-repeat;}
	
a span#market{
	background:url(../images/market_but2.jpg) 0 0 no-repeat;}
	
a:hover span#market{
	background:url(../images/market_but2.jpg) 0 -191px no-repeat;}
	
a span#recruit{
	background:url(../images/recruit_but2.jpg) 0 0 no-repeat;}
	
a:hover span#recruit{
	background:url(../images/recruit_but2.jpg) 0 -191px no-repeat;}

/*6. --forms--*/

div#forminp {
	width:430px;
	margin-left:40px;}
	
div#forminp p{
	margin:10px 0 0 0;}
	
div#forminp p a {
	font-size:90%;
	font-weight:normal;
	}
	
label {
	display:block;
	width:100px;	
	margin:5px;
	float:left;
	}
	
div.submit {
	margin-left:110px;
	}
	
div.formfoot {
	width:430px;
	clear:left;}
	
div.formfoot p#req {
	float:left;
	width:100px;
	padding:0;}
	
	
div.submit input{
	margin:5px;
	width:100px;
	}
	
.marg {
	margin-top:40px;}
	
select, input {
	display:block;
	width:220px;
	float:left;
	margin:5px;
	color:#763938;
	font-size:12px;
	}
	

textarea {
	width:300px;
	margin:5px;
	}
	

#button {

padding: 0 10px;}



/* 7. --footer--*/

#footer {
	color:#fff;
	background: #600 url(../images/footstrip.jpg) 0 0 repeat-x;
	width:100%;
	padding-bottom:20px;}

	

#footer a {
	color:#7a5a5a;
	}
	

#newsletter {
	width:410px;
	display:block;
	padding:40px 0;
	margin:0 auto;
	}

#newsletter #form {
	float: left;
	}
	

#newsletter #form form#news {
	padding-top:10px;
	width:250px;
	float: left;}
	
form#news select, form#news input {
	float:none;
	display:block;
	width:220px;
	margin:0 5px;
	}
	
	


	
#newsletter form h2 {
	width:200px;
	color:#fff;
	font-size:200%;
	font-weight:bold;
	margin-left:10px;
	}
	
form#news input#name {
	margin-top:20px;
}
	
	
form#news input#send {
	background:url(../images/formbut.gif) 0 0 no-repeat;
	width:102px;
	height:27px;
	border:none;
	float:left;
	cursor: pointer;
	}

#newsletter .searcharea {
	background: url(../images/formback.gif) 0 0 no-repeat;
	width:194px;
	height:34px;
	border:none;
	padding:5px 20px 0 15px;
	overflow:hidden;
	font-size:150%;
	}
	

	

	




#newsletter div.float {
	float:left;
	}
	
#newsletter p {
	margin:25px 0 0 10px;
	padding-bottom:10px;
	text-align:left;
	width:150px;
	font-size:12px;
	}
	

#newsletter span#privacy {
	width:auto;
	float:left;
	margin:5px 0 0 25px;
	font-size:10px;
	padding-bottom:0;}
	

	
	
#footer p#creds {
	clear:left;
	margin:0 auto;
	width:370px;
	text-align:center;
	font-size:90%;
	color:#7a5a5a;}
	
#footer p#weblink a {
	color:#4f2700;
	width:83px;
	position:relative;
	z-index:1;
	font-size:2px;
	}
	
#footer p#weblink a span{
	width:83px;
	height:19px;
	background: url(../images/linkicon.jpg) 0 0 no-repeat;
	display: inline-block;
	position:absolute;
	top:-8px;
	z-index:2;
	padding-left:3px;}
	
#footer p#weblink {
	position:relative;
	width:150px;
	margin:0 auto;
	padding-top:10px;
	font-size:90%;
	color:#7a5a5a;
	}