@charset "utf-8";
/* Layout */
body {
	cursor: default;
	background-color: #dce1e4;
	color: #202126;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}
div, body {
	margin: 0px;
	padding: 0px;
}
#bodydiv {
	padding-left: 15px;
	text-align: left;
	width: 960px;
}
#bannerdiv {
	height: 194px;
	width: 940px;
}
.decor {
	margin-left: -20px;
	width: 882px;
	height: 300px;
	position: absolute;
	z-index: -1;
	background: url(img/decor.png) no-repeat;
}
a#logo {
	float: left;
	position: absolute;
	width: 313px;
	height: 194px;
	text-indent: -9999px;
	background: url(img/logo.png);
	margin-left: -30px;
	z-index:3;
}
.bodymodule {
	width: 940px;
	border-top: solid 5px #00aeef;
}
/* End Layout */

/* List Styles */
#navid {
	margin-top: 40px;
	float: right;
}
ul.nav {
	float: left;
	list-style-type: none;
}
ul.nav li {
	border-top: solid 3px #444751;
	border-bottom: solid 1px #444751;
	float: left;
	list-style-position: outside;
}
ul.nav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding: 7px 10px 7px 10px;
	color: #444751;
}
ul.nav li a:hover, ul.nav li .navactive {
	color: #e1e5e8;
	background: url(img/navbg.png) repeat-x;
}
ul#people {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
}
ul#people li {
	margin-top: 20px;
	float: left;
	list-style-position: inside;
}
ul#people li:first-child {
	margin-top: auto;
}
ul#projects {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
}
ul#projects li {
	margin-top: 20px;
	float: left;
	list-style-position: inside;
}
ul#projects li:first-child {
	margin-top: auto;
}
/* End List Styles */

/* Slide Styles */
.container {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.slides {
	position:absolute; 
	top:0; 
	left:0; 
	list-style:none; 
	padding:0; 
	margin:0;
}
#slide2 {

}
.slidecontent {
	position:absolute; 
	top:0; 
	padding:0; 
	margin:0;
}
.slidecontent img {
	position: relative;
	float: left;
}
#nextbackwrap {
	float: right;
	margin-right: 15px;
	margin-top: 4px;
}
a#back {
	background: transparent url(img/nextbackbtn.png) no-repeat scroll 0 0;
	border: medium none;
	float: left;
	height: 37px;
	text-indent:-9999px;
	width: 37px;
}
a#back:hover {
	background-position: 0 -37px;
}
a#next {
	background: transparent url(img/nextbackbtn.png) no-repeat scroll -37px 0;
	border: medium none;
	float: left;
	height: 37px;
	text-indent: -9999px;
	width: 37px;
}
a#next:hover {
	background-position: -37px -37px;
}
/* Slide Styles */

/* Featured Box */
#featured {
	background: url(img/featuredbg.png) repeat;
	height: 344px;
}
#featuredcnt {
	width: 940px;
	height: 300px;

}
#featuredcnt .slidecontent img {
	position: relative;
	float: left;
}
#featuredsli {
	height: 300px;	
}
#fslidecontent1, #fslidecontent2, #fslidecontent3, #fslidecontent4 {
	height: 300px;
	width: 940px;
	background: url(img/featuredbg.png) repeat;
}
.featuredtext {
	color: #dce1e4;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
}
.ftexttitle {
	width: 360px;
	color: #00aeef;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.ftext {
	width: 340px;
	text-indent: -20px;
	margin-left: 20px;
	margin-top: 3px;
}
#fboxtitle {
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	width: 940px;
	height: 44px;
	background: url(img/nextbackbg.png) repeat;
}
#fboxtitletxt {
	float: left;
	font-size: 17px;
	text-transform: uppercase;
	color: #444751;
	margin-left: 15px;
	margin-top: 14px;
}
/* Featured Box */

/* Content Box Styles */
.box {
	font-family: Arial, Helvetica, sans-serif;
	color: #444751;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 15px;
}
.boxtitle {
	width: 100%;
	float: left;
	font-weight: bold;
	font-size: 17px;
	text-transform: uppercase;
	border-bottom: solid 2px #646876;
}
.boxtext {
	width: 100%;
	float: left;
	font-size: 13px;
	padding-top: 12px;
	background: url(img/boxtextbg.png) top right no-repeat;
}
/* End Content Box Styles */

/* Home Page Styles */
/*#homepage {
	background: url(img/nextbackbg.png) repeat-x;
	margin-top: 10px;
	float: left;
	background-color: #e6e6e6;
	border: none;
	padding-bottom: 20px;
}
*/
#homepage {
	float: left;
	background-color: #FEFDFC;
	padding-bottom: 20px;
	border-color: #444751;
}
#jupitech {
	width: 350px;
}
#jupitech .boxtext div, #services .boxtext div {
	margin-right: 3px;
}
#whoweare {
	width: 525px;
	margin-right: 3px;
}
#whowearecnt {
	margin-top: 5px;
	width: 525px;
	height: 199px;
}
#whowearesli {
	width: 525px;
	clear: both;
}
img.who {
	border: solid 3px #444751;
}
#whowearecnt:hover img.who {
	border: solid 3px #0084d3;
}
.whotext {
	float: left;
	position: relative;
	margin-left: 20px;
}
.whotitle {
	width: 376px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	clear:right;
}
.wtext {
	width: 376px;
	clear:right;
}
#nextbackwrap2 {
	float: left;
	margin-left: 55px;
	margin-top: 6px;
}
a#back2 {
	background: transparent url(img/nextbackbtn.png) no-repeat scroll 0 -73px;
	height: 20px;
	width: 20px;
	border: medium none;
	float: left;
	text-indent:-9999px;
	
}
a#back2:hover {
	background-position: 0 -93px;
}
a#pause2 {
	background: transparent url(img/nextbackbtn.png) no-repeat scroll -20px -73px;
	height: 20px;
	width: 20px;
	border: medium none;
	float: left;
	text-indent:-9999px;
	
}
a#pause2:hover {
	background-position: -20px -93px;
}
a#next2 {
	background: transparent url(img/nextbackbtn.png) no-repeat scroll -40px -73px;
	height: 20px;
	width: 20px;
	border: medium none;
	float: left;
	text-indent:-9999px;

}
a#next2:hover {
	background-position: -42px -93px;
}
a#seeguys {
	float: right;
	margin-top: 10px;
	font-weight: bold;
	font-size: 15px;
	color: #444751;
	font-variant: small-caps;
}
a#seeguys:hover {
	color: #00aeef;
}
#contactus {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #dce1e4;
	float: left;
	clear: left;
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 15px;
	background: url(img/featuredbg.png) repeat;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	border-top: solid 1px #222;
	border-left: solid 1px #222;
}
#contactus .boxtext div {
	margin-right: 3px;
	margin-left: 10px;
	margin-bottom: 5px;
}
#contactus .boxtext, .people .boxtext {
	background: none;
}
#contactus .boxtext div b {
	color: #00aeef;
	text-transform: uppercase;
}
#contactus .boxtitle {
	border-bottom: solid 2px #dce1e4;
	text-indent: 10px;
	padding-top: 3px;
}
#services {
	width: 570px;
	margin-right: 3px;
}
/* Home Page Styles */

/* People Page Styles */
/*
#peoplepage {
	background: url(img/nextbackbg.png) repeat-x;
	border: none;
	margin-top: 0px;
	float: left;
	background-color: #e6e6e6;
	padding-bottom: 20px;
}
*/
#peoplepage {
	margin-top: 0px;
	float: left;
	background-color: #FEFDFC;
	padding-bottom: 20px;
	border-color: #4D505B;
}
#peoplenav {
	background: url(img/featuredbg.png) repeat;
	height: 300px;
}
#peoplenav .boxtitle {
	font-size: 24px;
	font-variant: small-caps;
	text-transform: none;
	margin-left: 15px;
	margin-top: 15px;
	color: #0084d3;
	border-bottom: none;
}
.people {
	width: 920px;
}
/*
.people:hover .boxtitle, .people:hover .realtext {
	color: #0084d3;
	border-color: #0084d3;
}
.people:hover #contactus .boxtitle {
	color: #dce1e4;
}
.people:hover img.peopleimg {
	border-color: #0084d3;
}
*/
.people img.peopleimg {
	float: left;
	border: solid 3px #444751;
	width: 120px;
	margin-right: 0px;
}
.people .boxtitle {
	font-size: 15px;
	padding-left: 15px;
	width: 770px;
}
.people .boxtext {
	padding-left: 15px;
	width: 770px;
}
.people .boxtext .realtext {
	margin-right:3px;
	float:left;
	width: 445px;
}
.people #contactus {
	float: right;
	margin-left: 0px;
	margin-top: -13px;
	margin-right: 0px;
}
.people #contactus .boxtext, .people #contactus .boxtitle {
	padding-left: 0px;
	width: 100%;
}
.people a.gototop {
	float:right;
	width: 82px;
	height: 33px;
	margin-top: 15px;
	background: url(img/up.png) no-repeat;
	text-indent: -9999px;
	opacity: 0;
	display: none;
}
.people:hover a.gototop {
	opacity: 1;
	display: inherit;
}
/* End People Page Styles */

/* People Page Styles */
#projectpage {
	margin-top: 0px;
	float: left;
	background-color: #FEFDFC;
	padding-bottom: 20px;
	border-color: #4D505B;
}
.project {
	margin-left: 20px;
	width: 920px;
}
.project img.peopleimg {
	float: left;
	border: solid 3px #444751;
	width: 120px;
	margin-right: 0px;
}
ul#projects li:first-child .box {
	margin-top: 5px;;
}
ul#projects li:first-child .boxtitle {
	display: none;
} 
.project .boxtitle {
	width: 900px;
	border-bottom: dashed 1px #646876;
	background: url(img/boxtextbg.png) top right no-repeat;
}
.project .boxtext {
	padding-left: 10px;
	width: 900px;
	background: none;
}
.project .boxtext .realtext {
	margin-right:3px;
	float:left;
	width: 540px;
}
.projectimg {
	position: relative;
	text-decoration: none;
	background-image: url(img/itembg.png);
	margin: 5px 15px 0px 0px;
	padding: 0px;
	float: right;
	height: 160px;
	width: 310px;
}
.projectimg a.projectimga {
	position: relative;
	margin: 5px;
	float:left;
	width:300px;
	height:150px;
	overflow:hidden;
}
.projectimg img {
	margin: 5px;
	position: relative;
	width:300px;
	height:150px;
	border:0;
}
.projectname {
	font-size:14px;
	font-weight: bold;
	margin-bottom: 7px;
	text-transform: uppercase;
	position: relative;
}
.viewproject {
	position: absolute;
	top: 120px;
	left: 5px;
	width: 300px;
	height: 35px;
	z-index: 999;
	text-indent: -9999px;
}
.projectimg:hover .viewproject {
	background:url(img/viewproject.png) no-repeat;
}
/* End People Page Styles */

/* Footer Styles */
#footer {
	border-top: solid 1px #EEE;
	background: url(img/footerbg.png) #444751 repeat-x;
	float: left;
	width: 100%;
	height: 150px;
}
#footercontent {
	width: 960px;
	text-align: left;
}
a#footerlogo {
	float: left;
	width: 313px;
	height: 150px;
	background-image: url(img/footerlogo.png);
	position: absolute;
	margin-left: -70px;
}
#copy {
	border-left: 3px solid #00aeef;
	float: right;
	color: #dce1e4;
	margin-top: 25px;
	margin-right: 20px;
	font-size: 13px;
}
#copyborder {
	border-top: 1px solid #373b44;
	border-right: 1px solid #535662;
	border-bottom: 1px solid #535662;
	border-left: 2px solid #32363f;
	padding: 5px;
}
/* End Footer Styles */

/* Links */
a {
	text-decoration: none;
	outline: none;
}
a.link1, #contactus a {
	color: #dce1e4;
}
a.link1:hover, #contactus a:hover {
	color: #00aeef;
}
a.link2 {
	color: #444751;
}
a.link2:hover {
	color: #00aeef;
}
a.link3 {
	color: #008ed4;
	font-weight: bold;
}
a.link3:hover {
	color: #00aeef;
}
/* End Links */

.realtext br, .wtext br, .br5px {
	margin-bottom:5px;
}


#map {
	margin-top: 0px;
	float: left;
	background-color: #FEFDFC;
/*	border-color: #4D505B; */
}
#aboutpage {
	margin-top: 0px;
	float: left;
	background-color: #FEFDFC;
	padding-bottom: 20px;
/*	border-color: #4D505B; */
}
#contactform {
	float: right; 
	width: 550px; 
	height: 400px; 
	margin-right: 15px;
	margin-top: 30px;
}
.formunit {
	float: left;
	height: 24px;
	width: 550px;
	margin-top: 5px;
}
.formunit span:first-child{
	float: left;
	width: 150px;
	margin-top: 2px;
	font-size: 12px;
}
.formunit span:last-child{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	font-size: 10px;
	font-style:italic;
	color: #999;
}
.formunit input{
	width: 200px;
	height: 18px;
	float: left;
	border: 1px solid #dadada;
}
.formunit select {
	float: left;
	font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	width: 200px;
	color: #353535;
	padding: 0;
	margin: 0;
	height: 22px;
}
.formunit textarea {
	width: 380px;
	height: 150px;
	float: left;
	border: 1px solid #dadada;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #353535;
}
button {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background:#444751;
	border: 1px solid;
	cursor: pointer;
	padding: 3px 12px 3px 12px;
	font-weight: bold;
	text-transform: uppercase;
}