﻿*
{
	margin:0;
	padding:0;
}

body
{
	font-size:100%;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background:#f3fafa url(../img/body-bg.jpg) left top repeat-x;
}

a
{
	color:#7a3884;
}

#container
{
	width:788px;
	margin:0 auto;
}

#main
{
	background:url(../img/content-bg.jpg) left top repeat-y;
	width:788px;
}

#header
{
	height:139px;
	position:relative;
	padding-top:10px;
	width:788px;
	background:#fff;
}

#header a
{
	position:absolute;
	width:159px;
	height:67px;
	top:32px;
	left:42px;
	z-index:2;
}

#header #flashBanner
{
	xbackground:url(../img/header-bg.jpg) left bottom no-repeat;
	width:770px;
	height:136px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#mast
{
	height:164px;
	background:url(../img/purple-mast-bg.jpg) left top no-repeat;
	position:relative;
	width:788px;
}

#content
{
	background:url(../img/content-header.jpg) left top no-repeat;
	width:788px;
}

#inner-content
{
	background:url(../img/content-footer.jpg) left bottom no-repeat;
	padding:10px 19px 30px 19px;
	width:750px;
}

#nav
{
	float:left;
	width:221px;
	margin-right:30px;
}

#footer
{
	font-size:0.75em; 
	background:#F3FAFA;
	margin:10px 0;
}

#flash
{
	width:490px;
	height:334px;
}

/* nav styles */

#nav ul li
{
	list-style:none;
	font-size:0.81em;
	background:#fff url(../img/nav-top-level-border.gif) left bottom repeat-x;
	padding:8px 0 9px 14px;
}

#nav ul li a
{
	color:#000;
	text-decoration:none;
	padding-left:15px;
	background:url(../img/nav-top-level-bg-off.gif) left 50% no-repeat;
	display:block;
}

#nav ul li.current
{
	background:#7a3884 url(../img/nav-top-level-border.gif) left bottom repeat-x;
	padding:5px 0 6px 14px;
}

#nav ul li.current a
{
	color:#fff;
	background:url(../img/nav-top-level-bg-on.gif) left 50% no-repeat;
}

#nav ul li.subnav a
{
	color:#fff;
	background:url(../img/nav-top-level-bg-on.gif) left 50% no-repeat;
	margin-left:14px;
}

#nav ul li a:hover, #nav ul li.subnav ul li a:hover
{
	color:#7a3884;
}

#nav ul li.current a:hover
{
	color:#fff;
}

/* 2nd level */

#nav ul li.subnav
{
	padding:5px 0 0 0;
}

#nav ul li.subnav ul
{
	padding-top:6px;
}


#nav ul li.subnav ul li 
{
	padding:8px 0 9px 14px;
	background:#fff url(../img/nav-second-level-border.gif) left bottom repeat-x;
	font-size:1em;
}

#nav ul li.subnav ul li.current 
{
	font-weight:bold;
}


#nav ul li.subnav ul li.last
{
	background:#fff url(../img/nav-top-level-border.gif) left bottom repeat-x;
}

#nav ul li.subnav ul li a
{
	background:none;
	color:#000;
	display:block;
}

/* footer styles */

#footer ul li
{
	list-style:none;
	display:inline;
	background:url(../img/footer-pipe.gif) right 50% no-repeat;
	padding:0 6px;
}

#footer ul li.last
{
	background:none;
	padding-right:0;
}

#footer a
{
	color:#000;
	text-decoration:underline;

}

/* content styles */

h1
{
	font-size:1.88em;
	color:#fff;
	position:absolute;
	left:267px;
	top:107px;
	font-family:Century Gothic, Arial;
}

.htmlfragment
{
	float:left;
	width:490px;
}

.htmlfragment h2
{
	font-size:1.25em;
	margin:10px 0;
	font-family:Century Gothic, Arial;
}

.htmlfragment p
{
	font-size:0.81em;
	padding:5px 0;
}

.htmlfragment ul li
{
	font-size:0.81em;
	margin:10px 20px;
}

acronym {
	border-bottom:1px dashed #AAAAAA;
	cursor:help;
}

/* Content listing styles */

ul#contentListing
{
	margin-top:20px;
}

ul#contentListing li
{
	display:block;
	float:left;
	list-style:none;
	background:url(../img/purple-border.gif) left bottom repeat-x;
	padding-bottom:2px;
	width:224px;
	margin:0 30px 20px 0;
	
}

ul#contentListing li.last
{
	margin:0;
}

ul#contentListing li a
{
	text-decoration:none;
	color:#000;
	padding-top:143px;
	display:block;
}

ul#contentListing li#specialistProcedures a
{
	background:url(../img/contentlisting/value.jpg) left top no-repeat;
}

ul#contentListing li#aboutRoberto a
{
	background:url(../img/contentlisting/roberto.jpg) left top no-repeat;
}

ul#contentListing li#proc1 a
{
	background:url(../img/contentlisting/robtics.jpg) left top no-repeat;
}

ul#contentListing li#proc2 a
{
	background:url(../img/contentlisting/value.jpg) left top no-repeat;
}

ul#contentListing li#proc3 a
{
	background:url(../img/contentlisting/Mitral.jpg) left top no-repeat;
}

ul#contentListing li#proc4 a
{
	background:url(../img/contentlisting/video.jpg) left top no-repeat;
}

ul#contentListing li a span
{
	background:url(../img/contentlisting-bg.gif) left top no-repeat;
	padding:5px 0 5px 35px;
	display:block;
}

/* Generic styles */

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.addmargin
{
	margin:10px 0 10px 10px;
}

.tatlertext
{
	padding-top:50px;
	float:left;
	margin-left:10px;
	width:270px;
}

p.mapText
{
	padding-top:40px;
}

a img
{
	border:none;
}

.clear
{
	clear:both;
}