/* CSS Document */
body {
	padding:0px; 
	margin:0px; 
	background:url(../images/mainbg.gif) 0 0 repeat-x #fff; 
	color:#707070; 
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div, p, ul, h2, h3, img { 
	padding:0px; 
	margin:0px;
}

ul {
	list-style-type:none;
}

h2 {
	color:#6E6C00; 
	font-size:24px; 
	height:70px; 
	line-height:70px;	
}

.nexus {
	display: inline;
	font-style: italic;
}

/*----TOP PANEL----*/
#topPan {
	width:821px; 
	height:152px; 
	position:relative; 
	margin:0 auto; 
	padding:0px;
}

#topPan img {
	width:284px; 
	height:75px; 
	position:absolute; 
	top:20px; 
	left:20px;
}

#topPan ul{
	height:32px; 
	position:absolute; 
	top:76px; 
	right:20px;
}

#topPan ul li {
	float:left; 
	width:79px; 
	height:32px;
	padding-right:1px;
}

#topPan ul li a {
	display:block; 
	width:79px; 
	height:32px; 
	background:url(../images/menubg-normal.gif) 0 0 no-repeat #2d3f6d; 
	color:#656565; 
	font-size:11px; 
	font-weight:bold; 
	line-height:32px; 
	text-transform:uppercase; 
	text-align:center; 
	text-decoration:none;
}

#topPan ul li a:hover{
	background:url(../images/menubg-hover.gif) 0 0 no-repeat #2d3f6d; 
	color:#7C7900; 
	text-decoration:none;
}

#topPan ul li.home {
	display:block; 
	width:79px; 
	height:32px; 
	background:url(../images/menubg-hover.gif) 0 0 no-repeat #2d3f6d; 
	font-size:11px; 
	font-weight:bold; 
	line-height:32px; 
	color:#7C7900; 
	text-decoration:none; 
	text-transform:uppercase; 
	text-align:center;
}

#topPan ul.dropdown{
	height:22px; 
	position:absolute; 
	top:119px;
	}
	
#topPan ul.tech {
	right:179px;
}

#topPan ul.prod {
	right:19px;
}
	
#topPan ul.dropdown li{float:left; width:79px; height:22px; }
#topPan ul.dropdown li a{display:block; width:79px;background:url(../images/vertical-dot.gif) 100% 0 no-repeat #fff; color:#3E3E3E; font-size:11px; text-decoration:none; text-align:center; line-height:22px;} 
#topPan ul.dropdown li a:hover{text-decoration:none; background:url(../images/vertical-dot.gif) 100% 0 no-repeat #fff; color:#7C7900;}

#topPan ul.dropdown li.verticallinenone a{display:block; width:79px;background:#fff; color:#3E3E3E; font-size:11px; text-decoration:none; text-align:center; line-height:22px;} 
#topPan ul.dropdown li.verticallinenone a:hover{text-decoration:none; background:#fff; color:#7C7900;}

/*----/TOP PANEL----*/

/*----BODY TOP PANEL----*/
#bodytopmainPan {
	width:100%; 
	background:#F4F4F4; 
	color:#8D8D8D; 
	padding:20px 0 0; 
	min-height:350px;
	clear:both;
	}

#bodytopPan {
	width:821px; 
	position:relative; 
	background:#F4F4F4; 
	color:#444; 
	margin:0 auto; 
	padding:0px;
}

#bodytopPan img.bridge {
	margin-bottom:10px;
}

#bodytopPan a {
	color:#444;
}

#bodytopPan  a:hover {
	color:#7C7900;
}

#bodytopPan h3 {
	padding:5px 38px 11px 0;
}

#bodytopPan p {
	padding:0 38px 11px 0;
}

#bodytopPan p.home {
	padding:0 38px 11px 38px;
}

#bodytopPan .miniheader {
	font-weight:bold;
}

#bodytopPan #bottom_main {
	display:block;
	width:821px;
	height:150px;
}
/* this span rule screws up nexus class in a span tag, commenting out */
/*#bodytopPan p span {font-weight:bold;}*/
#bodytopPan #bottom_main p.techbutton {
	width:154px;
	background:#F4F4F4;
	padding:50px 200px 0 0;
	float: right;
}
#bodytopPan #bottom_main p.techbutton a {
	display: block;
	width: 154px; 
	height: 29px; 
	background: url(../images/techbuttonoff.gif) 0 0 no-repeat; 
	color: #111; 
	font-size: 15px; 
	line-height :29px; 
	text-decoration: none; 
	padding:0 0 0 10px;
}

#bodytopPan #bottom_main p.techbutton a:hover {
	background:url(../images/techbuttonon.gif) 0 0 no-repeat; 
	color:#111; 
	text-decoration:none;
}

#bodytopPan p.productsbutton {
	margin:0 0 15px 200px; 
	padding:0px;
}
#bodytopPan p.productsbutton a {
	display: block;
	width: 101px; 
	height: 28px; 
	background: url(../images/productsbuttonoff.gif) 0 0 no-repeat; 
	color: #111; 
	font-size: 15px; 
	line-height :29px; 
	text-decoration: none; 
	padding:0 0 0 10px;
}
#bodytopPan p.productsbutton a:hover {
	background:url(../images/productsbuttonon.gif) 0 0 no-repeat; 
	color:#111; 
	text-decoration:none;
}

#bodytopPan ul {
	list-style-type: disc;
	padding-left:25px;
	line-height:25px;
	padding-bottom:15px;
	}
/*----/BODY TOP PANEL----*/

#contactPanel {
	width:697px; 
	background:#F4F4F4; 
	color:#444; 
	margin:0 auto;
}

#contactPanel p {
	padding:0 38px 11px 0;
}

/* contact us */
#contactPanel #contactAddress {
	background:#F4F4F4; 
	float:left;
	width: 347px; 
}

#contactPanel #contactForm {
	background:#F4F4F4; 
	width: 350px;
	float:left;
}

#contactPanel #contactForm #sendMessage{
	position:relative;
	left:140px;
	top:10px;
}

#sendMessage a, #sendMessage a:visited {
	display:block;
	width:61px;
	height:23px;
	background: url(../images/sendup.gif) 0 0 no-repeat; 
}

#sendMessage a:hover {
	background: url(../images/senddown.gif) 0 0 no-repeat; 
}

/** home page **/
#bodytopPan #quotebody {
	float:right;
	width:300px;
	background:#F4F4F4;
	margin: 0 0 5px 10px;
}

#bodytopPan #bottom_main #quotebody {
	position:absolute;
	left:100px;
}

/* spiffy rounded corners quote box http://www.spiffycorners.com/*/

.spiffy { 
	display:block
}

.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#656565;
}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #eae88c;
  border-right:1px solid #eae88c;
  background:#e3e03f}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f1f1db;
  border-right:1px solid #f1f1db;
  background:#e2de30}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e2de30;
  border-right:1px solid #e2de30;}
.spiffy4{
  border-left:1px solid #eae88c;
  border-right:1px solid #eae88c}
.spiffy5{
  border-left:1px solid #e3e03f;
  border-right:1px solid #e3e03f}
.spiffyfg{
  background:#656565;
}

#quotebody #thequote {
	padding:5px;
	color:#fff;
}

#quotebody #byline {
	text-align:right;
	padding:5px;
	color:#fff;
}
/** end rounded corners **/


/** technology **/
#bodytopPan #nexusdifference {
	float:right;
	margin: 0 0 5px 10px;
}


/*----BODY MIDDLE PANEL----*/

#bodymainmiddlePan{width:100%; background:#fff; color:#8D8D8D; float:left; padding:42px 0 0; clear:both;}

#bodymiddlePan{width:821px; position:relative; margin:0 auto 0 auto; background:#fff; color:#8D8D8D;}

/*----FOOTER PANEL----*/
#footermainPan{
	bottom: 0;
	width:100%;
	height:152px; 
	background:url(../images/footerbg.gif) 0 0 repeat-x #565656; 
	color:#fff; 
	clear:both;}
#footerPan{width:821px; position:relative; margin:0 auto;}
#footerPan img.footerlogo{
	width:285px; 
	height:75px; 
	position:absolute; 
	top:70px; 
	right:0px;
}
#footerPan p.copyright{background:#565656; color:#fff; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; position:absolute; top:117px; left:26px;}
#footerPan p.designby {background:#565656; color:#fff; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; position:absolute; top:130px; left:26px;}
#footerPan p.designby a{color:#fff;}

#footerPan ul{
	width:500px; 
	position:absolute; 
	top:70px; 
	left:14px;
}

#footerPan li{float:left; font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 12px 0; color:#fff; background:#565656; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{
	width:300px; 
	background:#565656; 
	color:#fff; 
	display:block; 
	position:absolute; 
	font-size:12px; 
	top:100px; 
	left:26px;
}
#footerPan ul.templateworld li a{background:#565656; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}