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

body {width:950px; margin:0px auto; background-color:#000000;  font-family:Verdana, Arial, Helvetica, sans-serif;;}
h1, h2, h3 {color:#a3cb30;font-family:Verdana, Arial, Helvetica, sans-serif;}
#header {width:950px; float:left; margin:0px; padding:0px;}
#logo {float:left; width:330px;}
#uppercontact {float:right; width:267px;}

/*** Navigation ***/

#navigation {width:950px; float:left; height:30px; border-bottom:solid 1px #3399cc;}






#tagline {float:left}
#navitems  {float:right; height:29px; vertical-align:middle; margin-top:8px;}
#navitems a:link{ border-left:2px solid #4386ba; color:#68c421; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:8px 8px 8px 8px; height:29px; font-weight:bold;}
#navitems a:visited {border-left:2px solid #4386ba; color:#68c421; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  text-decoration:none; padding:8px 8px 8px 8px;font-weight:bold;}
#navitems a:hover { border-left:2px solid #4386ba;color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; background-color:#4386ba;padding:8px 8px 8px 8px; font-weight:bold;}
#navitems a:active:{border-left:2px solid #4386ba; color:#68c421; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  text-decoration:none;padding:8px 8px 8px 8px;font-weight:bold;}

.linkactive  {background-color:#4386ba !important;padding:8px 8px 8px 8px; height:29px; color:#ffffff!important;}
.linkactive a:link{ color:#ffffff !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; background-color:#4386ba !important;padding:8px 8px 8px 8px; height:29px; font-weight:bold;}
.linkactive a:visited { color:#ffffff!important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  text-decoration:none; background-color:#4386ba!important;padding:8px 8px 8px 8px;font-weight:bold;}
.linkactive a:hover { color:#a3cb30!important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; background-color:#000000 !important;padding:8px 8px 8px 8px; font-weight:bold;}
.linkactive a:active{ color:#ffffff!important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  text-decoration:none;background-color:#4386ba!important;padding:8px 8px 8px 8px;font-weight:bold;}


/*** Main Page ***/

#mainpage { float:left; width:950px; height:529px; background: url(images/main_bg2.jpg) no-repeat #000000;border-bottom:0px solid #3399cc;}
#sitemap { float:left; width:950px; height:600px;  border-bottom:1px solid #3399cc;background: url(images/whyseegrid.jpg) no-repeat;}

#sitemapcopy {position:relative; top:40px; left:515px; color:#ffffff; width:400px; font-size:12px;}
#sitemapcopy ul {list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#sitemapcopy li {margin:0px 0px 0px 50px;padding:0px;}
#sitemapcopy h3 {font-size:16px; margin-bottom:20px;}
#sitemapcopy a:link {color:#a3cb30; text-decoration:none; text-decoration:none;}
#sitemapcopy a:visited {color:#a3cb30; text-decoration:none;text-decoration:none;}
#sitemapcopy a:hover {color:#ffffff; text-decoration:none; text-decoration:none;}
#sitemapcopy a:active {color:#a3cb30; text-decoration:none;text-decoration:none;}
#form { float:left; width:950px;  background:  #000000;border-bottom:1px solid #3399cc;}
#movies {position:relative; top:342px; left:527px; width:339px;}
#movies img {margin-bottom:3px;}
.margined {margin:10px 0px 10px 0px;}

/*** Seegrid Insight ***/

#seegridinsight{ float:left; width:950px; height:529px; background: url(images/seegridinsight_bg.jpg) no-repeat;border-bottom:1px solid #3399cc;}
#seegridinsightcopy {position:relative; top:40px; left:515px; color:#ffffff; width:400px; font-size:12px;}
#seegridinsightcopy h3 {color:#a3cb30;}
#seegridinsightcopy a:link{color:#a3cb30; text-decoration:none;}
#seegridinsightcopy a:visited{color:#a3cb30;text-decoration:none;}
#seegridinsightcopy a:hover{color:#FFFFFF;text-decoration:none;}
#seegridinsightcopy a:active {color:#a3cb30;text-decoration:none;}
#simenu { padding:4px 0px 0px 0px; float:left; width:950px; height:22px; background: url(images/subnavbg.gif) repeat-x; text-align:center; font-size:13px;  font-family:Verdana, Arial, Helvetica, sans-serif;}
#simenu a:link {color:#7fafd3; text-decoration:none; margin:0px 13px 0px 13px;}
#simenu a:visited {color:#7fafd3;text-decoration:none;margin:0px 13px 0px 13px;}
#simenu a:hover {color:#ffffff;text-decoration:none;margin:0px 13px 0px 13px;}
#simenu a:active {color:#7fafd3;text-decoration:none;margin:0px 13px 0px 13px; }

.white {color:#ffffff;}
.green {color:#a3cb30}

.blue {color:#4386ba}

/*** Why Seegrid ***/

#whyseegrid{ float:left; width:950px; height:529px; background: url(images/whyseegrid.jpg) no-repeat;border-bottom:1px solid #3399cc;}
#whyseegridcopy {position:relative; top:40px; left:515px; color:#ffffff; width:400px; font-size:12px;}
#whyseegridcopy h3 {color:#FFFFFF;}
#whyseegridcopy a:link{color:#a3cb30; text-decoration:none;}
#whyseegridcopy a:visited{color:#a3cb30;text-decoration:none;}
#whyseegridcopy a:hover{color:#FFFFFF;text-decoration:none;}
#whyseegridcopy a:active {color:#a3cb30;text-decoration:none;}

#how {width:263px; float:left; color:#ffffff; font-size:15px; padding:20px 0px}
#how p {margin-left:20px;}
#how a:link {text-decoration:none; color:#ffffff; }
#how a:visited {text-decoration:none; color:#ffffff; }
#how a:hover {text-decoration:none; color:#999999; }
#how a:active {text-decoration:none; color:#ffffff; }
#howdetail {float:right; width:570px; padding-top:30px;  background-color:#FFFFFF; padding-left:40px; padding-right:60px; font-size:12px;}
#howdetail h1 {display:inline; font-size:16px; color:#3399cc;}
#howdetail h2 {font-size:13px; color:#000000; margin:0px 0px 10px 0px;}
#howdetail p {width:400px;}
#howdetail a:link {text-decoration:none; color:#000000; font-weight:bold; font-size:11px;}
#howdetail a:visited {text-decoration:none; color:#000000; font-weight:bold;font-size:11px;}
#howdetail a:hover {text-decoration:none; color:#999999; font-weight:bold;font-size:11px;}
#howetail a:active {text-decoration:none; color:#000000;font-weight:bold; font-size:11px;}

#archivedetail {float:right; width:570px; padding-top:30px;  background-color:#FFFFFF; padding-left:40px; padding-right:60px; font-size:12px;}
#archivedetail h1 { font-size:16px; color:#3399cc;}
#archivedetail h2 {font-size:14px; color:#000000; margin:20px 0px 20px 0px;}
#archivedetail h3 { margin:0px 0px 5px 0px;font-size:13px;}
#archivedetail p {width:400px;margin:0px 0px 10px 0px;}
#archivedetail a:link {text-decoration:none; color:#000000; font-size:11px;}
#archivedetail a:visited {text-decoration:none; color:#000000; font-size:11px;}
#archivedetail a:hover {text-decoration:none; color:#999999; font-size:11px;}
#archivedetail a:active {text-decoration:none; color:#000000; font-size:11px;}



/*** see the robots ***/

#seetherobotsmain{ float:left; width:950px; height:500px; background: url(images/seerobots_bg.jpg) no-repeat;border-bottom:1px solid #3399cc;}
#seetherobotsmaincopy a:link {color:#FFFFFF; text-decoration:none; text-decoration:underline;}
#seetherobotsmaincopy a:visited {color:#FFFFFF; text-decoration:none;text-decoration:underline;}
#seetherobotsmaincopy a:hover {color:#a3cb30; text-decoration:none; text-decoration:none;}
#seetherobotsmaincopy a:active {color:#FFFFFF; text-decoration:none;text-decoration:underline;}
#seetherobotsmaincopy {position:relative; top:40px; left:515px; color:#ffffff; width:400px; font-size:12px;}


#robotsmore {width:263px; float:left; color:#ffffff; font-size:12px; padding:20px 0px}
#robotsmore p {margin-left:40px; width:200px;}
#robotsmore a:link {text-decoration:none; color:#a3cb30; }
#robotsmore a:visited {text-decoration:none; color:#a3cb30; }
#robotsmore a:hover {text-decoration:none; color:#999999; }
#robotsmore a:active {text-decoration:none; color:#a3cb30; }
#robotsmoredetail {float:right; width:570px; padding-top:30px;  background-color:#FFFFFF; padding-left:40px; padding-right:60px; font-size:12px;}
#robotsmoredetail h1 {display:inline; font-size:16px; color:#3399cc;}
#robotsmoredetail h2 {font-size:13px; color:#000000; margin:0px 0px 10px 0px;}
#robotsmoredetail p {width:575px; }
#robotsmoredetail a:link {text-decoration:none; color:#000000; font-weight:bold; font-size:11px;}
#robotsmoredetail a:visited {text-decoration:none; color:#000000; font-weight:bold;font-size:11px;}
#robotsmoredetail a:hover {text-decoration:none; color:#999999; font-weight:bold;font-size:11px;}
#robotsmoredetail a:active {text-decoration:none; color:#000000;font-weight:bold; font-size:11px;}
#robotsmoredetail  ul {margin:0px; padding:0px; list-style:none;}
#robotsmoredetail  li {margin-bottom:15px;}

/*** Leadership Team ***/

#leadershipteam{ float:left; width:950px; background: #000000; border-bottom:1px solid #3399cc;}
#names {width:263px; float:left; color:#ffffff; font-size:15px;}
#names p {margin-left:20px;}
#names a:link {text-decoration:none; color:#3399cc; }
#names a:visited {text-decoration:none; color:#3399cc; }
#names a:hover {text-decoration:none; color:#999999; }
#names a:active {text-decoration:none; color:#3399cc; }

#namesdetail {float:right; width:570px; padding-top:30px;  background-color:#FFFFFF; padding-left:40px; padding-right:60px; font-size:12px;}
#namesdetail h1 {display:inline; font-size:18px; color:#3399cc;}
#namesdetail h2 {font-size:14px; color:#000000; margin:0px 0px 10px 0px;}
#namesdetail p {width:530px;border-bottom:1px solid #3399cc; padding-bottom:40px; margin-bottom:25px;}
#namesdetail a:link {text-decoration:none; color:#000000; font-weight:bold; font-size:11px;}
#namesdetail a:visited {text-decoration:none; color:#000000; font-weight:bold;font-size:11px;}
#namesdetail a:hover {text-decoration:none; color:#999999; font-weight:bold;font-size:11px;}
#namesdetail a:active {text-decoration:none; color:#000000;font-weight:bold; font-size:11px;}
/*** see the robots ***/

#seetherobots { float:left; width:950px;  background: #000000;border-bottom:1px solid #3399cc;}
#robotband {width:243px; height:30px; background:#a3cb30; margin-top:35px; color:#000000; font-size:20px; padding:5px 0px 0px 20px;}
#robot {width:263px; float:left; color:#ffffff; font-size:11px; }
#robot ul {margin:0px; padding:0px;}
#robot p { margin-left:20px; margin-top:20px; margin-bottom:10px; color:#a3cb30; font:14px; font-weight:bold;}
#robot li {margin-left:30px; margin-bottom:0px; margin-right:15px;  }
#robot a:link {text-decoration:none; color:#3399cc; }
#robot a:visited {text-decoration:none; color:#3399cc; }
#robot a:hover {text-decoration:none; color:#999999; }
#robot a:active {text-decoration:none; color:#3399cc; }

#robotdetail {height:950px;float:right; width:647px; background-color:#FFFFFF; padding-right:0px; font-size:11px;}
#robotdetailcopy {float:right; width:214px; background-color:#FFFFFF; padding-right:10px; font-size:11px; line-height:20px; padding-top:30px;}
#robotdetail h1 {display:inline; font-size:18px; color:#3399cc;}
#robotdetail h2 {font-size:14px; color:#000000; margin:0px 0px 10px 0px;}
#robotdetail p { }
#robotdetail a:link {text-decoration:none; color:#4386ba; font-weight:bold; font-size:11px;}
#robotdetail a:visited {text-decoration:none; color:#4386ba; font-weight:bold;font-size:11px;}
#robotdetail a:hover {text-decoration:none; color:#999999; font-weight:bold;font-size:11px;}
#robotdetail a:active {text-decoration:none; color:#4386ba;font-weight:bold; font-size:11px;}

/*** test drive ***/

#testdrive { float:left; width:950px; height:529px; background:  #000000;}

/*** robots at work ***/

#robotsatworkcopy {position:relative; top:40px; left:415px; color:#ffffff; width:400px; font-size:12px;}
#robotsatworkcopy h3 {color:#a3cb30;}
#robotsatwork { float:left; width:950px;  background:  #000000;border-bottom:1px solid #3399cc;}
#work {width:233px; float:left;font-size:14px; color:#a3cb30; line-height:28px; margin-left:30px; margin-top:27px;}
#work h1 {color:#ffffff;font-size:18px; }
#work ul {margin:0px; padding:0px;}
#work li {margin-left:30px; margin-bottom:15px; margin-right:15px;  }
#work a:link {text-decoration:none; color:#3399cc; }
#work a:visited {text-decoration:none; color:#3399cc; }
#work a:hover {text-decoration:none; color:#999999; }
#work a:active {text-decoration:none; color:#3399cc; }

#workdetail {float:right; width:597px; padding-top:30px; background-color:#FFFFFF; padding-left:40px; padding-right:50px; font-size:12px;}
#workdetail h1 { font-size:18px; color:#3399cc;}
#workdetail h2 {font-size:14px; color:#000000;}
#workdetail p {width:375px; padding-bottom:40px; margin-bottom:25px;}
#workdetail a:link {text-decoration:none; color:#4386ba; font-weight:bold; font-size:11px;}
#workdetail a:visited {text-decoration:none; color:#4386ba0; font-weight:bold;font-size:11px;}
#workdetail a:hover {text-decoration:none; color:#999999; font-weight:bold;font-size:11px;}
#workdetail a:active {text-decoration:none; color:#4386ba;font-weight:bold; font-size:11px;}


/*** client login ***/

#clientlogin2 { float:left; width:950px; height:529px; background: #000000;}

/*** Try a Robot ***/

#tryarobot { float:left; width:950px;  background: #000000;border-bottom:1px solid #3399cc;}
#robotband {width:243px; height:30px; background:#a3cb30; margin-top:35px; color:#000000; font-size:20px; padding:5px 0px 0px 20px;}
#try {width:263px; float:left; color:#ffffff; font-size:11px; }

#try a:link {text-decoration:none; color:#3399cc; }
#try a:visited {text-decoration:none; color:#3399cc; }
#try a:hover {text-decoration:none; color:#999999; }
#try a:active {text-decoration:none; color:#3399cc; }

#trydetail {float:right; width:647px; padding-top:30px; background-color:#FFFFFF; padding-left:40px; padding-right:0px; font-size:12px;}
#trydetail h1 {display:inline; font-size:18px; color:#3399cc;}
#trydetail h2 {font-size:14px; color:#000000; margin:0px 0px 10px 0px;}
#trydetail p {width:375px; padding-bottom:40px; margin-bottom:25px;}
#trydetail a:link {text-decoration:none; color:#4386ba; font-weight:bold; font-size:11px;}
#trydetail a:visited {text-decoration:none; color:#4386ba0; font-weight:bold;font-size:11px;}
#trydetail a:hover {text-decoration:none; color:#999999; font-weight:bold;font-size:11px;}
#trydetail a:active {text-decoration:none; color:#4386ba;font-weight:bold; font-size:11px;}

/*** Contact ***/
#spacer {margin:15px 0px 15px 0px; display:block;}
#contact {width:263px; float:left; color:#ffffff; font-size:15px;}
#contact p {margin-left:20px;}
#contact a:link {text-decoration:none; color:#ffffff; }
#contact a:visited {text-decoration:none; color:#ffffff; }
#contact a:hover {text-decoration:none; color:#999999; }
#contact a:active {text-decoration:none; color:#ffffff; }
#contactdetail {float:right; width:570px; padding-top:30px;  background-color:#FFFFFF; padding-left:40px; padding-right:60px; font-size:12px;}
#contactdetail h1 {display:inline; font-size:16px; color:#3399cc;}
#contactdetail h2 {font-size:13px; color:#000000; margin:0px 0px 10px 0px;}
#contactdetail p {width:530px;border-bottom:1px solid #3399cc; padding-bottom:40px; margin-bottom:25px;}
#contactdetail a:link {text-decoration:none; color:#000000; font-weight:bold; font-size:11px;}
#contactsdetail a:visited {text-decoration:none; color:#000000; font-weight:bold;font-size:11px;}
#contactdetail a:hover {text-decoration:none; color:#999999; font-weight:bold;font-size:11px;}
#contactdetail a:active {text-decoration:none; color:#000000;font-weight:bold; font-size:11px;}

/*** News ***/

#news { float:left; width:950px;  background:  #000000;border-bottom:1px solid #3399cc;}
#work {width:233px; float:left;font-size:14px; color:#a3cb30; line-height:28px; margin-left:30px; margin-top:27px;}
#work h1 {color:#ffffff;font-size:18px; }
#work ul {margin:0px; padding:0px;}
#work li {margin-left:30px; margin-bottom:15px; margin-right:15px;  }
#work a:link {text-decoration:none; color:#3399cc; }
#work a:visited {text-decoration:none; color:#3399cc; }
#work a:hover {text-decoration:none; color:#999999; }
#work a:active {text-decoration:none; color:#3399cc; }

#workdetail {float:right; width:597px; padding-top:30px; background-color:#FFFFFF; padding-left:40px; padding-right:50px; font-size:12px;}
#workdetail h1 { font-size:18px; color:#3399cc;}
#workdetail h2 {font-size:14px; color:#000000;}
#workdetail p {width:375px; padding-bottom:40px; margin-bottom:25px;}
#workdetail a:link {text-decoration:none; color:#4386ba; font-weight:bold; font-size:11px;}
#workdetail a:visited {text-decoration:none; color:#4386ba0; font-weight:bold;font-size:11px;}
#workdetail a:hover {text-decoration:none; color:#999999; font-weight:bold;font-size:11px;}
#workdetail a:active {text-decoration:none; color:#4386ba;font-weight:bold; font-size:11px;}


/*** Footer ***/

#footer {width:950px; float:left; background-color:#231F20; vertical-align:top; background-image:url(images/footerspanner.jpg); background-repeat:repeat-x; background-position:bottom; margin-bottom:35px}
#pagelevelassistance { font-family:Verdana, Arial, Helvetica, sans-serif;  color:#ffffff; float:left; font-size:12px; margin:20px 0px 0px 30px;}
#pagelevelassistance a:link {font-family:Verdana, Arial, Helvetica, sans-serif;color:#ffffff; text-decoration:none;}
#pagelevelassistance a:visited {font-family:Verdana, Arial, Helvetica, sans-serif;color:#ffffff; text-decoration:none;}
#pagelevelassistance a:hover {font-family:Verdana, Arial, Helvetica, sans-serif;color:#a3cb30; text-decoration:none;}
#pagelevelassistance a:active {font-family:Verdana, Arial, Helvetica, sans-serif;color:#ffffff; text-decoration:none;}

#clientlogin {float:right; margin-top:5px; display:none;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
width:400px;
height:300px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

#in-the-news h1{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 20px;
}

#in-the-news h2{
	font-size: 12px;
	margin-left: 20px;
}

#in-the-news h3{
	font-size: 10px;
	color: #999999;
	margin-bottom: 0px;
	padding-bottom:0px;
	margin-left: 20px;
}

#in-the-news p{
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 0px;
}
#bracket-link a:link{
	color: #3399CC;
	text-decoration: none;
}
#bracket-link a:hover{
	color: #33CC00;
	text-decoration: none;
}
#bracket-link a:visited{
	color: #3399CC;
	text-decoration: none;
}
#bracket-link a:active{
	color: #3399CC;
	text-decoration: none;
}

/*LandingPages*/
#enter {position:relative; top:282px; left:517px; width:339px;}