/* - - - - - - - - - - - - - - - - - - - - -

Title :    Intuitive Medical Systems
URL :      http://www.intuitivemedical.com

Created :  04.21.2008
Modified : 05.28.2008

- - - - - - - - - - - - - - - - - - - - - */

/*
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
*/
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

.navbg a:active {
	color:#069;
	text-decoration: none;
}

.navbg a:visited {
	color:#036;
	text-decoration: none;
}

.navbg a:hover {
	color: #036;
	text-decoration: none;
}

.navbg a:active {
	color:#069;
	text-decoration: none;
}

.mainNav 
{
    background-color: #104B6D; 
    height: 24px; 
    width: 133px;
    float: left; 
    clear: right;  
    border-top: solid 4px #CADFF0; 
    border-bottom: solid 1px #ffffff; 
    border-left: solid 1px #ffffff; 
    padding-top: 5px; 
    padding-left: 6px; 
    padding-right: 6px; 
    text-align: center;
}

a.mainNav:active {
	color:#ffffff;
	text-decoration: none;
}

a.mainNav:visited {
	color:#ffffff;
	text-decoration: none;
}

a.mainNav:hover {
	color:#000069;
	text-decoration: none;
	background-color: #CADFF0;
}

a.mainNav:link {
	color:#ffffff;
	text-decoration: none;
}

.rightNav 
{
    background-color: #104B6D; 
    height: 24px; 
    width: 133px;
    float: left; 
    clear: right;  
    border-top: solid 4px #CADFF0; 
    border-bottom: solid 1px #ffffff; 
    padding-top: 5px; 
    padding-left: 6px; 
    padding-right: 6px; 
    text-align: center;
}

a.rightNav:active {
	color:#ffffff;
	text-decoration: none;
}

a.rightNav:visited {
	color:#ffffff;
	text-decoration: none;
}

a.rightNav:hover {
	color:#000069;
	text-decoration: none;
	background-color: #CADFF0;
}

a.rightNav:link {
	color:#ffffff;
	text-decoration: none;
}

.navbg
{
    display:block;
     width: 320px; 
    text-align: left;
    padding-top: 7px; 
    color:#069;
    text-decoration:none;
   margin: 0 auto;

}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/* =HTML
- - - - - - - - - - - - - - - - - - - - - */
body {
	font-size: 66%;
	text-align: center;
	font-family: "Tahoma", Helvetica, Arial, sans-serif;
	background:#F1F1EF/* url(../img/body_bg.jpg) top left repeat-x*/;
}

html>body {
	font-size: 11.7px;
}

#content p {
	margin-bottom:1.6em;
	padding-right:30px;
	font-size:1em;
	line-height:1.6em;
	color:#666;
}

.cornerBox ul, .cornerBox2 ul {
	margin-bottom:2.4em;
}

.cornerBox ul li, .cornerBox2 ul li {
	list-style:none;
	margin-bottom:0.6em;
	margin-left:36px;
	padding-left:24px;
	background:url(../img/checkmark.jpg) 0px 0px no-repeat;
	font-size:1em;
	line-height:1.4em;
	color:#666;
}

.cornerBox ol, .cornerBox2 ol {
	margin-bottom:2.4em;
	margin-left:46px;
}

.cornerBox ol li, .cornerBox ol li {
	list-style: decimal;
	margin-bottom:0.4em;
	padding-left:0px;
	line-height:1.4em;
	font-size:1em;
	color:#666;
}

#content em {
font-style:italic;
}

#content small {
	font-size:0.833em;
}

#content strong {
	font-weight:bold;
}

#content cite {
	font-style:italic;
}

.shotBox cite {
	display:block;
}

/* =HEADINGS
- - - - - - - - - - - - - - - - - - - - - */
h3.OverviewVideos {
	margin-top:1em;
}

#content h2 {
	margin-bottom:0.9em;
	padding-right:30px;
	font-size:1.6em;
	font-weight:bold;
	color:#069;
}

#column550 h2 {
	margin-top:24px;
}

#content h2 small {
	font-size:0.6em;
}

#content h3 {
	font-size:1.25em;
	font-weight:bold;
	color: #999;
	margin-top:3em;
	margin-bottom:0.6em;
	padding-bottom:0.2em;
	border-bottom:1px dashed #999;
}

/* =LINKS
- - - - - - - - - - - - - - - - - - - - - */
a:link {
	color:#069;
}

a:visited {
	color:#036;
}

a:hover {
	color: #036;
	text-decoration:none;
}

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */
.hide {
	display: none;
}

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */
.col1, .col2 {
	float: left;
	width: 300px;
}
.col1 {
}
.col2 {
	margin: 0 0 0 24px;
}
.emp {
	clear: both;
	padding: 24px 0 0 0;
}
.emp_img {
	background: #FFF;
	border: solid 1px #ECECEC;
	border-bottom-color: #D5D5D5;
	float: left;
	padding: 4px;
}
#content .emp p.emp_bio {
	margin: 3px 0 0 169px;
}
.hide {
	display: none;
}
.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	text-align:center;
}

.centerTN img {
	margin-left:24px;
	margin-bottom:12px;
}

.invisible {
	text-indent:-9000em;
	overflow:hidden;
	height:0px;
}

/* FooterStickAlt */
/*
http://www.themaninblue.com/writing/perspective/2005/08/29/
*/
html {
	height: 100%;
}

body {
	height: 100%;
}

#wrap1 {
	position: relative;
	min-height: 100%;
}

* html #wrap1 {
	height: 100%;
}

#wrap2 {
	padding-bottom: 10em;
}

#footer {
	position: relative;
	margin-top: -6em;
	/* SWD EDIT */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 900px;
	height:auto;
	padding-left: 34px;
	padding-right: 34px;
}

/* Main Layout */
#footWrap {
	border-top:1px solid #A3B6C5;
}

#footer p#copyright {
	padding:1em 0;
	font-size:0.833em;
	line-height:1.2em;
	text-align:center;
	color:#999;
}

#wrap1 {
	/* height: 1000px; */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 900px;
	padding-left: 34px;
	padding-right: 34px;
	background:url(../img/shade.png) center center repeat-y;
}

#homepage a {
	display:none;
}
#homeTab a {
	float:left;
	display:block;
	text-indent:-9000em;
	overflow:hidden;
	width:55px;
	height:18px;
	margin-left:-145px;
	background:url(../img/home_tab.gif) top left no-repeat;
}

h1#logo a img {
	clear:both;
	width:215px;
	height:78px;
	margin:16px 0 8px 16px;
	float:left;
}

p#clientUtility {
	float:right;
	text-align:right;
	margin-top:54px;
	padding-right:12px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
}

#noflash {
	padding-top:24px;
}

#flashcontent {
	clear:both;
	text-align: center;
	background-color: #104B6D;
/*	margin-bottom:16px; */
	background: url(../img/banner-bg-new.jpg) no-repeat;
}

#flashcontent #slogan {
	text-indent:-9000em;
	text-align: center;
	background-color: #104B6D;
	overflow:hidden;
	width:900px;
	height:232px;
	background: url(../img/home_banner.jpg) no-repeat;
}

#flashcontent #slogan {
	width:900px;
	text-align: center;
	height:232px;
	color:#ff0000;
	background: url(../img/banner-bg-new.jpg) no-repeat;
}

#column550 {
	float:left;
	width:900px;
}

#column550 h2, #column550 h3, #column550 p, #column550 div {
	margin-left:24px;
}

.cornerBox2, .cornerBox {
	background:url(../img/gradient_corner.jpg) top left no-repeat;
	float:right;
}

.subPageMenu 
{
    width: 120px;
    background: url(../img/gradient_corner.jpg) top left no-repeat;
    padding: 5px 5px 5px 5px;
    float: right;
}

.cornerBox2 {
	width:574px;
}

/* =NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */

/* Main Navigation */
ul#navlist {
	height:32px;
	margin:0 0 36px 8px;
}

ul#navlist li {
	padding: 0;
	margin: 0 40px 0 0;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
}

ul#navlist li a {
	display:block;
	text-decoration:none;
}

ul#navlist li a span {
	display:block; font-size:1.2em; font-weight:bold; color:#069;
	padding:5px 8px;
}

ul#navlist li.navActive a span, ul#navlist li a:hover span {
	color:#808284;
	background: url(../img/nav_active.gif) center left no-repeat;
}

ul#navlist li.navActive a, ul#navlist li a:hover {
	background: url(../img/nav_active.gif) center right no-repeat;
}

/* Left Side Navigation */
ul#sublist {
	float:left;
	width:116px;
	margin-bottom:32px;
	padding-top:10px;
	background:url(../img/subnav_bg.gif) 12px 0px no-repeat;
}

ul#sublist li {
	margin-bottom:20px;
	padding-left:24px;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.2em;
}

ul#sublist li.lastItem {
	margin-bottom:10px;
}

ul#sublist li a {
	text-decoration:none;
	color:#006993;
}

ul#sublist li a:hover {
	text-decoration:underline;
}

ul#sublist li.subActive {
	background:url(../img/subnav_selector.gif) center left no-repeat;
	color:#808284;
}

ul#sublist li.subActive a, ul#sublist li.subActive a:hover {
	color:#808284;
	text-decoration:none;
}

ul#sublist li#subFoot {
	margin:0;
	padding:0;
	width:116px;
	height:4px;
	background:url(../img/subnav_bg.gif) 12px bottom no-repeat;
}

/* Sublist2 Buttons */
ul#sublist2 {
	clear:left;
	float:left;
	margin-left:12px;
}

ul#sublist2 li a {
	text-indent:-9000em;
	overflow:hidden;
	display:block;
	width:76px;
	background-image:url(../img/subnav2_sprite.gif);
}

ul#sublist2 li a#demo {
	height:76px;
	background-position: 0 0;
}

ul#sublist2 li a#demo:hover {
	height:76px;
	background-position: -76px 0;
}

ul#sublist2 li a#schedule {
	height:76px;
	background-position: 0 76px;
}

ul#sublist2 li a#schedule:hover {
	height:76px;
	background-position: -76px 76px;
}

/* Right Side Navigation */
ul#sidelist {
	clear:right;
	float:right;
	width:145px;
	height:351px;
	margin-right:8px;
	padding-top:69px;
	background: url(../img/sidenav_bg.jpg) top left no-repeat;
}

ul#sidelist li {
	display:inline;
	list-style:none;
}

ul#sidelist li a {
	margin:0 0 13px 0;
	padding:0;
	display:block;
	width:145px;
	height:30px;
	float:left;
	text-indent:-9000em;
	text-decoration:none;
	background-image: url(../img/sidenav_sprite.jpg);
	background-repeat:no-repeat;
}

/* home */
ul#sidelist li a#home {
	background-position: 0 0;
}

ul#sidelist li a#home:hover, ul#sidelist li.sideActive a#home {
	background-position: -144px 0;
}

/* company */
ul#sidelist li a#company {
	background-position: 0 -30px;
}

ul#sidelist li a#company:hover, ul#sidelist li.sideActive a#company {
	background-position: -144px -30px;
}

/* support */
ul#sidelist li a#support {
	background-position: 0 -60px;
}

ul#sidelist li a#support:hover, ul#sidelist li.sideActive a#support {
	background-position: -144px -60px;
}

/* client */
ul#sidelist li a#client {
	background-position: 0 -90px;
}

ul#sidelist li a#client:hover, ul#sidelist li.sideActive a#client {
	background-position: -144px -90px;
}

/* careers */
ul#sidelist li a#careers {
	background-position: 0 -120px;
}

ul#sidelist li a#careers:hover, ul#sidelist li.sideActive a#careers {
	background-position: -144px -120px;
}

/* press */
ul#sidelist li a#press {
	background-position: 0 -150px;
}

ul#sidelist li a#press:hover, ul#sidelist li.sideActive a#press {
	background-position: -144px -150px;
}

/* Buttons */
#playOverview {
	float:right;
	margin-right:8px;
	margin-left:10px;
	margin-bottom:40px;
}

#playOverview a {
	text-indent:-9000em;
	overflow:hidden;
	display:block;
	width:143px;
	height:88px;
	background:url(../img/play_overview.jpg) top left no-repeat;
}

/* =DETAILS
- - - - - - - - - - - - - - - - - - - - - */
.padBot24 {
	padding-bottom:24px;
}

.shotBox {
	clear:left;
	margin-bottom:32px;
}

.shotBox img {
	float:left;
	margin-right:12px;
	margin-left:24px;
}

.shotBox a {
	text-decoration:none;
	color:#006993;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.2em;
}

.shotBox a:hover {
	text-decoration:underline;
}

/* Forms */
#clientForm, #supportForm, #demoForm {
	margin-bottom:24px;
	margin-left:24px;
}

#clientForm label {
	float:left;
	width:120px;
	color:#666;
}

#supportForm label {
	float:left;
	width:140px;
	color:#666;
}

#demoForm label {
	display:block;
	width:120px;
	color:#666;
	margin-bottom:4px;
}

#demoForm input, #demoForm textarea, #demoForm select {
	margin-bottom:12px;
}

#clientForm input, #supportForm input {
	margin-bottom:8px;
}

.info input {
	width:200px;
}

#demoForm .message textarea {
	width:320px;
	height:180px;
}

input.connect {
	margin-left:140px;
}

input.submit, input.connect, .button a {
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0.25em 0.75em;
	background-color: #fff;
	color: #069;
	font-size: 0.833em;
	font-weight: bold;
}

input.submit:active, input.connect:active, .button a:active {
	border: 3px double #ccc;
	border-top-color: #999;
	border-left-color: #999;
}