/*
--------------------------------------------------------
	angiotech template stylesheet
	coded by: paul jarvis / www.twothirty.com
--------------------------------------------------------

	blue					188cc2 or 188cc2
	light blue			edf6fb
	grey					717375
	light grey			f1f1f1
	red					EF4639

 global elements
-------------------------------------------------------- */
* { padding: 0; margin: 0; border: none; }

.reset {
	display: block;
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 0.1;
	}

	body {
		margin-top:10px;
		position: relative;
		font: 9pt/18pt arial, sans-serif;
		line-height:160%;
		background: #fff url('/_images/bg_main.png') repeat-x;
		color: #393939;
		text-align: center;
		}

		#wrap {
			position: relative;
			width: 900px;
			text-align: left;
			margin: 0 auto;
			}

		#header, 
		#content, 
		#footer, 
		#main {
			position: relative;
			float: left;
			width: 100%;
			}

			#header { z-index: 100; }
			#content { z-index: 1; }

			#ir-toolkit {
				float: left;
				width: 50px;
				margin: 0 0 0 20px;
				display: inline;
				position: relative;
				}

			#masthead {
				position: relative;
				float: left;
				background: url("/home/mast_1.png") top right no-repeat;
				height: 261px; width: 900px;
				margin-top: -62px;
				}

			#masthead_menu {
				position: relative;
				float: left;
				background: url("/home/mast_bottom.png") top right no-repeat;
				height: 79px; width: 900px;
				padding:0;
				}

			#main { width:909px; }

				#profile
				{
					background: url("/_images/bg_content_quill.png") no-repeat;
					width: 303px;
					height:436px;
					float: left;
					}
				#press, 
				#highlights {
					background: url("/_images/bg_content.png") no-repeat;
					width: 303px;
					height:436px;
					float: left;
					}

				#profile p,
				#press p, 
				#highlights p {
					padding:10px 20px 10px 20px;
					}

				#profile p,
				#press p, 
				#highlights p {
					padding:10px 20px 10px 20px;
					}

		#footer {
			width:900px;
			background: url("/_images/bg_footer.png") no-repeat;
			}

			#footer-nav {
				padding:13px 6px 10px 6px;
				width: 165px;
				display:inline;
				float: left;
				}

			#footer-nav p {
				font-weight:bold;
				}

			#footer-nav ul {
				padding-top:15px;
				}

			#footer-nav	li a, #footer-nav	li a:link, #footer li a:active, #footer li a:visited {
				color: #666;
				font-size: 11px;
				line-height:170%;
				text-decoration: none;
				}

			#footer-nav	li a:hover	 {
				text-decoration:underline;
				}


		#copyright {
			position: relative;
			display:block;
			float: right;
			margin-top: 30px;
			margin-bottom: 30px;
			color:#666;
			}

		#left {
			position: relative;
			float: left;
			width: 280px;
			border-right: 1px dotted #939598;
			margin-top: -20px;
			padding-bottom: 20px;
			}

		#right {
			position: relative;
			float: right;
			width: 600px;
			margin-top: -61px;
			padding-bottom: 20px;
			}



/* navigation elements
-------------------------------------------------------- */
#logo {}

	#logo a {
		display: block;
		width: 250px; height: 130px;
		}

	#logo img {
		display: block;
		width: 0;
		}

	#logo span {
		float: left;
		display: block;
		width: 250px; height: 130px;
		background: url("/_images/logo.png") no-repeat;
		}



#nav-wrap {
	position:relative;
	top:38px;
	float: right;
	width: 540px;
	background:none;
	}

	#nav, #nav ul {
	float: right;
	height: 30px;
	}

	#nav {
		z-index: 100;
		position: relative;
		height:30px;
		}

	#nav li.over {}

		#nav li {
			float: left;
			position: relative;
			background: url("/_images/nav-left.png") top left no-repeat;
			}

		#nav li a, 
		#nav li a:link, 
		#nav li a:active, 
		#nav li a:visited {
			background: url("/_images/nav-right.png") top right no-repeat;
			line-height: 170%;
			margin-left: 6px;
			color: #333;
			font-size: 100%;
			padding: 6px 10px 6px 0px;
			display: block;
			text-decoration: none;
			position: relative;
			border: none;
			}
			
			
			

		#nav li.last a { }
		#nav li:hover, 
		#nav li.over, 
		#nav li#active { 
			background: url("/_images/nav-left.png") 0 -40px no-repeat; }

		#nav li:hover a, 
		#nav li a:hover, 
		#nav li#active a { 
			color: #fff;
			background: #188cc2;
		}



#nav ul {
	position: absolute;
	top: -999em; left: 0;
	z-index: 200;
	width: 150px;
	}

#nav li li {
	background: none;
	float: left;
	width: 150px;
	vertical-align: bottom;
	border-top: 1px solid #fff;
	}

	#nav li li a span {
		float: left;
		background: #EF4639 url("/_images/li-red.gif") center center no-repeat;
		position: absolute;
		height: 14px; width: 12px;
		top: 1px; left: 1px;
		}

		#nav li li a:hover span {
			background: #EF4639 url("/_images/li-red.gif") center center no-repeat;
		}

	#nav li li a {
		position: relative;
		margin: 0 !important; padding: 3px 0 3px 15px !important;
		background: #188cc2 !important;
		font-size: 10px !important;
		line-height: 10px;
		color: #fff !important;
		border: 1px solid #188cc2 !important;
		display: block;
		}

		#nav li:hover ul a, 
		#nav li.sfHover ul a {
			background: #188cc2 !important;
			background-image: none !important;
			}

	#nav li:hover ul a:hover, 
	#nav li.sfHover ul a:hover {
		background: #fff !important;
		background-image: none !important;
		color: #188cc2 !important;
		}

	#nav li:hover li, 
	#nav li.over li {
		background: transparent !important;
		background-image: none !important;
	}

	#nav li:hover ul, 
	#nav li.sfHover ul { top: 30px; }



#utils {
	position: relative;
	float: right;
	text-align: right;
	margin-right: -12px;
	}

	#utils li {
		float: left;
		margin-right: 5px;
		}

		#utils li a {
			float: left;
			display: block;
			position: relative;
			background: url("/_images/li-blue.gif") 0 16px no-repeat;
			padding: 11px 8px 9px 8px;
			text-decoration: none;
			color: #188cc2;
			}

			#utils li a:hover {
				background: url("/_images/li-blue.gif") 0 16px no-repeat;
				color: #188cc2 !important;
				text-decoration: underline;
				}


#f-nav {}
	#f-nav li { float: left; }
		#f-nav li a {
			float: left;
			color: #fff;
			text-decoration: none;
			margin: 3px 5px;
			padding-right: 10px;
			}

			#f-nav li a:hover { color: #000; }


/* content elements
-------------------------------------------------------- */
h1 {
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	z-index: 1;
	}

	#home h1 { margin: 60px 200px 0 0; }

	.sub h1 {
		padding: 40px 20px;
		color: #393939;
		font-size: 25px;
		line-height: 25px;
		position: relative;
		}

		.sub h1 span {
			background: url("/_images/title.gif") no-repeat;
			height: 14px; width: 14px;
			top: 45px; left: 0;
			position: absolute;
			}

	#about h1 { background: #fff url("/_images/photo-about.jpg") top right no-repeat; }
	#legal h1 { background: #fff url("/_images/photo-legal.jpg") top right no-repeat; }
	#sitemap h1 { background: #fff url("/_images/photo-sitemap.jpg") top right no-repeat; }
	#locations h1 { background: #fff url("/_images/photo-locations.jpg") top right no-repeat; }
	#careers h1 { background: #fff url("/_images/photo-careers.jpg") top right no-repeat; }
	#investors h1 { background: #fff url("/_images/photo-investors.jpg") top right no-repeat; }
	#markets h1 { background: #fff url("/_images/photo-markets.jpg") top right no-repeat; }
	#technology h1 { background: #fff url("/_images/photo-products.jpg") top right no-repeat; }
	#news h1 { background: #fff url("/_images/photo-news.jpg") top right no-repeat; }
	#contact h1 { background: #fff url("/_images/photo-contact.jpg") top right no-repeat; }
	#quill h1 { background: #fff url("/_images/photo-quill.jpg") top right no-repeat; }

	h1 span { color: #1791d0; }



h2 { font-size: 13px; }

	#main h2 {
		color: #000;
		padding: 4px 0 4px 20px;
		border-left: 1px dotted #fff !important;
		margin-left: -1px;
		position: relative;
		}

		#home h2 
		{	padding: 13px 0 0px 20px;
			font-style: bold; 
			font-size:140%;
		}

		#right h2 {
			font-size: 14px;
			padding-bottom: 3px;
			margin: 10px 20px 3px 20px;
			border-bottom: 1px dotted #939598;
			}




h3 {
	font-size: 100%;
	color: #393939;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	}

#left h3, 
#profile h3 {
	padding: 15px 0 5px 0px; }


	#left h3, 
	#profile h3 
		{color: #188cc2;}

	#ir-toolkit h3 { padding-left: 0; color: #188cc2; }

	#left h3, #left h4 {
		padding-left: 20px;
		}

	#left h3, #left h4 { margin-top: 20px; }

		#left h3.first { margin-top: 10px; color: #188cc2;}

		#right h3 {
			font-size: 120%;
			color: #EF4639;
			margin-left: 20px;
			}

			#right h3.newshead {border-bottom: 1px dotted #939598;}



h4 {
	font-size: 12px;
	font-style: italic;
	color: #393939;
	}



blockquote {
	padding: 0 40px 20px 40px;
	}


p {}

	#right p
	{ 
		font-size: 100% !important; }

	#right p {
		padding: 0 20px 20px 20px;
		}

	.top { text-align: right; }

	#print {
		background: #F0EDEB url("/_images/crumb.gif") no-repeat;
		position: relative;
		margin-bottom: 20px;
		padding-right: 5px;
		text-align: right;
		line-height: 16px;
		}

		#print a {
			background: url("/_images/print.gif") no-repeat;
			padding: 0 0 3px 15px;
			}

	.blue-nub {
		background: #edf6fb url("/_images/lightblue-nub.gif") no-repeat;
		position: relative;
		margin-bottom: 20px;
		padding-left: 20px;
		line-height: 16px;
		color: #188cc2;
		}

		.blue-nub span { color: #EF4639; }

		.blue-nub a {
			margin-left: 5px;
			text-decoration: none;
			}

	#crumbs p {
		line-height: 10px;
		padding: 0 20px 20px 20px;
		}

		#crumbs p a {
			text-decoration: none;
			font-weight: normal !important;
			}

			#crumbs span { }




#content a { color: #188cc2; text-decoration: none; }
#content a:hover, #content a.special:hover { color: #188cc2 !important; text-decoration: underline;}

#content #left a { text-decoration: none; }

#content #right a {}

#content a.special {
	padding-left: 10px;
	margin-right: 10px;
	position: relative;
	text-decoration: none;
	background: url("/_images/li-red.gif") 0 3px no-repeat;
	color: #393939;
	}






li { list-style: none; }

	.news { 
		float: left; 
		width: 100%; 
		margin-bottom: 20px; }

	.news li { 
		background: none !important; 
		margin: 0; 
		padding: 0 0 0 20px; 
		float: left; 
		position: relative; 
		}
	.news li a { 
		margin-left: 100px; 
		display: block; 
		}
	.news li span { 
		position: absolute; 
		top: 0; 
		left: 0; 
		}

	#profile li, 
	#press li, 
	#highlights li {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 10px;
		}

		#profile li, 
		#press li, 
		#highlights li {
			padding-top:5px;
			background: url("/_images/li-red.gif") 20px 10px no-repeat;
			position: relative;
			}

			#profile a:hover, 
			#press a:hover, 
			#highlights a:hover { color: #188cc2; }

	#left ul {
		margin-left: 20px;
		}


		.alt {
			background: #edf5fb;
			padding: 10px;
			margin-left: 10px !important;
			position: relative;
			}

			.alt .top {
				position: absolute;
				background: url("/_images/blue-nub-tl.gif") no-repeat;
				top: 0; left: 0;
				width: 6px; height: 6px;
				}

			.alt .bot {
				position: absolute;
				background: url("/_images/blue-nub-bl.gif") no-repeat;
				bottom: 0; left: 0;
				width: 6px; height: 6px;
				}

			.alt li a {
				background: url("/_images/li-red.gif") 0 2px no-repeat;
				padding-left: 15px;
				color: #000 !important;
				}

				.alt li a:hover { background-position: 0 2px !important; }

				#ir-toolkit ul, .sidenav {
					border-top: 1px dotted #939598;
					position: relative;
					margin-right: 10px !important;
					}

					#ir-toolkit li, .sidenav li {
						}

						#ir-toolkit li a, .sidenav li a {
							position: relative;
							background: url("/_images/li-blue.gif") 0 7px no-repeat;
							display: block;
							padding: 1px 0 1px 10px;
							text-decoration: none;
							color: #188cc2;
							}

							.sidenav li ul { margin: 0 0 0 9px !important; }
							.sidenav li li { border: none !important; }
							.sidenav li li a { background: none !important; padding: 1px 2px !important; font-size: 9px; }

							#ir-toolkit a:hover, #left li a:hover {
								color: #EF4639 !important;
								text-decoration: none;
								background: url("/_images/li-red.gif") 0 7px no-repeat;
								}

	#right ul { margin-bottom: 20px; }

	#right li {
		position: relative;
		padding-left: 20px;
		padding-bottom: 5px;
		background: url("/_images/li-blue.gif") 0 6px no-repeat;
		margin-left: 20px;
		}

	#right li li {
		background: none;
		margin-left: 0;
		padding-bottom: 0;
		}

hr { display: none; }

img a, a img { text-decoration: none !important; }

.photo, .location {
	float: left;
	width: 250px;
	padding-bottom: 20px;
	display: block;
	margin-left: 20px;
	}

	.clear { clear: left; }
	.photo *, 
	.ar *, 
	.report *, 
	.location * 
	{ padding: 0 !important; margin: 0 !important; }
	
	.photo p { margin-right: 40px !important; }

.ar {
	float: left;
	width: 160px;
	padding-bottom: 20px;
	margin-left: 20px;
	display: inline;
	}

.report {
		float: left;
		text-align:top;
		width: 120px;
		height: 140px;
		padding-bottom: 20px;
		margin-left: 20px;
		display: inline;
		}

	.ar img, .photo img { border: 5px solid #ccc;}


#stocktable {
	margin-left: 15px;
	margin-bottom: 20px;
	width:510px
	}

	#stocktable th, #stocktable td { padding:2px 5px; }

	#stocktable .alt { background: #f0f0f0; }
	#stocktable .red { color: #EF4639; font-weight: bold; }



/* form elements
-------------------------------------------------------- */
input, textarea, select {
	border: 1px solid #1791d0;
	font: 10px "Lucida Grande", arial, sans-serif;
	padding: 3px;
	}


#search {
	display: none;
	position: absolute;
	top: 10px; right: 0;
	padding-left: 10px;
	border-left: 1px dotted #939598;
	}

	#search input {
		margin: 0 5px;
		}

	button {
		font: 10px "Lucida Grande", arial, sans-serif;
		padding: 3px;
		background: #188cc2;
		color: #fff;
		}

		#right button {
			font-size: 14px;
			padding: 5px 10px;
			}

		#search button:hover { color: #000; }



form {
	margin-bottom: 20px;
	padding-left: 20px;
	}

	.medium {
		width: 490px;
		}

	.full {
		width: 490px;
		}

fieldset {	border: none; }

label {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 12px;
	}

button {
	clear: left;
	float: left;
	}

	.errFld { border: 2px solid #EF4639 !important; }

	.errMsg {
		color: #EF4639 !important;
		float: left;
		padding: 0 3px;
		font-size: 9px;
		}

	input.hidden { display: none !important; }