/*
Title:			Sepracor screen styles
Author:			Michael Bester - michael@kimili.com
Last Updated:	12.17.2008
*/

/* Imports
------------------------------------- */
@import url(../../common/css/reset.css);


/* Basic Typography
------------------------------------- */
body {
	font-size: 75%;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
}


p, ul, ol, blockquote, h3, h4, h5, h6  {
	line-height: 1.5em;
	font-size: 1em;
	margin: 1.5em 0;
}

h2, h3, h4, h5, h6 {
	color: #903;
	font-weight: normal;
	text-transform: uppercase;
}

h2 {
	font-size: 1.5em;	/* 18pt */
	line-height: 1.3em;
	padding: 0 5px 1em;
	margin: 1em -5px 1em;
	border-bottom: 1px solid #ccc;
}

h3 {
	font-size: 1.333em; /* 16pt */
	line-height: 1.125em;
	margin: 1.125em 0;
	text-transform: none;
}

h4 {
	font-size: 1.166em;
	line-height: 1.286em;
	text-transform: none;
}

h6 {
	text-transform: none;
}

ul, ol {
	list-style: square;
	padding: 0 1.5em;
}

ol {
	list-style-type: upper-roman;
}

blockquote {
	border-left: 1px solid #ccc;
	padding: 0 1.5em;
	font-style: italic;
}

a {
	color: #f30;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.trademark {
	font-size: 9px;
	}
/* Structure
------------------------------------- */
html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	background-color: #d9d4c4;
}

#page {
	width: 886px;
	margin: 0 auto;
}


/* Offset Containers */

.offset {
	clear: both;
	padding: 0 6px 5px 0;
	margin-left: 6px;
	background: #aca280 url(../../styles/css/images/bg_offset.png) no-repeat right top;
	
}

.offset .wrapper {
	overflow: hidden;
	background: #fff;
	margin-left: -6px;
}


/* Header
------------------------------------- */
#header {
	padding-top: 34px;
	margin-bottom: 15px;
}

/* Logo */

#logo {
	float: left;
	margin-bottom: 5px;
}

#logo a {
	display: block;
	height: 1.583em; /* 19px */
	width: 442px;
	background: url(../../styles/css/images/logo.png) no-repeat;
}

#logo a img {
	width: 0;
}

/* Language Switcher & Search Form */

ul#langSwap,
form#search {
	float: right;
	font-size: 0.9166em; /* 11pt */
	line-height: 1.727em; /* 19px */
}

ul#langSwap {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
}

ul#langSwap li {
	float: left;
	padding: 0 5px;
	border-left: 1px solid #5b5952;
	color: #903;
}

ul#langSwap li:first-child,
ul#langSwap li.first-child {
	border-left: none;
}

ul#langSwap li a {
	color: #333;
}

form#search {
	margin: -3px 6px 0 0;
}

.js form#search label,
.js form#search button {
	display: none;
}

form#search box {
	width: 100px;
	padding: 1px;
	color: #999;
}

form#search button {
	width: 37px;
	padding: 1px;
	color: #999;
}

form#search input:focus {
	color: #333;
}


/* Section Header
------------------------------------- */
#sectionHeader .wrapper {
	padding-top: 22px;
	background: #903 url(../../styles/css/images/bg_header_top.png) repeat-y;
}

#sectionHeader .wrapper .content {
	position: relative;
	width: 880px;
	height: 173px;
	background: #fff url(../../styles/css/images/bg_header_subpage.jpg) no-repeat;
}

#home #sectionHeader .wrapper .content {
	background-image: url(../../styles/css/images/bg_header_home.jpg);
}

#sectionHeader .wrapper .content h1,
#sectionHeader .wrapper .content p {
	position: absolute;
	margin: 0;
	text-indent: -9999em;
}

#sectionHeader .wrapper .content h1 {
	bottom: 0;
	right: 0;
	width: 418px;
	height: 55px;	
}

#home #sectionHeader .wrapper .content h1 {
	background-image: none;
}

#products #sectionHeader .wrapper .content h1		{ background-position: 0 0 }
#history #sectionHeader .wrapper .content h1		{ background-position: 0 -100px;}
#licensing #sectionHeader .wrapper .content h1		{ background-position: 0 -200px;}
#press #sectionHeader .wrapper .content h1			{ background-position: 0 -300px;}
#opportunities #sectionHeader .wrapper .content h1	{ background-position: 0 -400px;}
#contact #sectionHeader .wrapper .content h1		{ background-position: 0 -500px;}
#search #sectionHeader .wrapper .content h1			{ background-position: 0 -550px;}

#sectionHeader .wrapper .content p {
	top: 38px;
	left: 454px;
}

#home #sectionHeader .wrapper .content p {
	top: 32px;
	left: 25px;
}


/* Content
------------------------------------- */
#content {
	overflow: hidden;
	padding: 0 25px;
}

#navSub + #content,
#content.col2 {
	float: left;
	width: 652px;
}

/* Footer
------------------------------------- */

#footer {
	clear: both;
	font-size: 0.9166em; /* 11pt */
	line-height: 1.636em;
	margin: 1.636em 0;
}


/* Main Navigation
------------------------------------- */
ul#navMain {
	display: table;
	width: 100%;
	background: #999;
	list-style: none;
	margin: 0 0 1.636em;
	padding: .409em 0;
	text-transform: uppercase;
	font-size: 0.9166em; /* 11pt */
	line-height: 1.636em;
}

ul#navMain li {
	display: table-cell;
	width: 8%;
	white-space: nowrap;
}

ul#navMain li a {
	display: block;
	color: #fff;
	text-align: center;
	border-left: 1px solid #fff;
}

ul#navMain li a:hover {
	color: #903;	
	text-decoration: none;
}

ul#navMain li:first-child a,
ul#navMain li.first-child a {
	border-left: none;
}

#home #navMainHome a,
#home #navMainHome a:hover,
#history #navMainHistory a,
#history #navMainHistory a:hover,
#products #navMainProducts a,
#products #navMainProducts a:hover,
#licensing #navMainLicensing a,
#licensing #navMainLicensing a:hover,
#press #navMainPress a,
#press #navMainPress a:hover,
#opportunities #navMainOpportunities a,
#opportunities #navMainOpportunities a:hover,
#contact #navMainContact a,
#contact #navMainContact a:hover {
	color: #903;
	text-decoration: none;
	cursor: default;
}

/* Sub Navigation
------------------------------------- */
ul#navSub {
	float: left;
	width: 165px;
	margin: -1.5em 0 -32767px;
	padding: 2em 6px 32767px;
	background: #e5e5e5;
	border-left: 1px solid #d2d0c8;
	list-style: none;
}

ul#navSub li {
	background: #f7f7f7;
	margin-bottom: 0.375em;
}

ul#navSub li:hover,
ul#navSub li:hover li {
	background: #fff;
}

ul#navSub li a {
	display: block;
	padding: .1875em 15px;
	color: #333;
}

ul#navSub li a:hover,
ul#navSub li.active li a:hover {
	color: #903;	
	text-decoration: none;
}

ul#navSub ul {
	display: none;
	margin: 0;
	list-style: none;
}

ul#navSub ul li {
	margin-bottom: 0;
}

ul#navSub ul li a {
	padding-left: 35px;
}

/* Active State */
ul#navSub li.active,
ul#navSub li.active li {
	background: #f9f4e4;
}

ul#navSub li.active {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

ul#navSub li.active li.active {
	border: none;
}

ul#navSub li.active ul {
	display: block;
}

ul#navSub li.active a,
ul#navSub li.active li.active a {
	color: #903;
}

ul#navSub li.active li a {
	color: #333;
}


/* Page-specific Styles
------------------------------------- */
#home p.intro {
	float: left;
	margin: 1.5em 0 0;
	padding-bottom: 3em;
	text-indent: -9999em;
	background-repeat: no-repeat;
}

#home p.intro a {
	position: absolute;
	display: block;
	width: 164px;
	height: 18px;
}


#home #content img.logo {
	float: right;
	margin: 1.5em 25px 0 0;	
}