/* @override 
	http://cadence-science/css/content.css
	http://Cadence/css/content.css
	http://cadence/css/content.css
*/

/* @group Gallery
-------------------------------------------------*/
 
h5 {
	margin-top: 25px;
}


.gallery dl h3 {
	margin-top: 1.5em;
}

.gallery dl {
	width: 302px;
	margin: 10px;
	float: left;
}

.gallery dl dt,
.gallery dl dd {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}

.gallery dl dt {
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 0.2em;
}

.gallery dl dd.image
{
	float: left;
	width: 92px;
}

.gallery dl dd.image img
{
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #DDDDDD;
}

.gallery dl dd ul
{
	margin-top: 0.4em;
}

.gallery dl dd li
{
	list-style: none;
	background: transparent url('/images/arrow-orange-right.gif') no-repeat 0 4px;
	padding-left: 7px;
}

.gallery dl dd li a:link,
.gallery dl dd li a:visited
{
	color: #E4801C;
	text-decoration: none;
}

.gallery dl dd li a:visited
{
	color: #e4801c;
	text-decoration: none;
}

.gallery dl dd li a:hover
{
	color: #e4801c;
	text-decoration: underline;
}

/* @end */

/* @group Detail Page 
-------------------------------------------------*/

/* @group Main Content
-------------------------------------------------*/

#main-content #breadcrumbs {
	margin: 5px 0;
}

#main-content #breadcrumbs li {
	float: left;
	margin-right: 12px;
	margin-left: 0;
	padding-left: 0px;
	list-style: none;
	list-style-image: none;
	/* background:url(/images/arrow-carot-grey-left.png) no-repeat 0 50%; */
}

/* #main-content span, */
#main-content #breadcrumbs a:link,
#main-content #breadcrumbs a:visited {
	padding-left: 10px;
	background: url(/images/arrow-carot-orange-left.png) no-repeat 0 50%;
}

#main-content #breadcrumbs span {
	padding-left:10px;
	background: url(/images/arrow-carot-grey-left.png) no-repeat 0 50%;
}

#main-content #breadcrumbs:after {
	clear: both;
	visibility: hidden;
	height: 0px;
	display: block;
	content: ".";
}

/* @end */

/* @group Section Content
-------------------------------------------------*/

#section-content li ul {
	display: none;
}

#section-content li.parent-active ul,
#section-content li.active ul {
	display: block;
}

#section-content li.parent-active li ul,
#section-content li.active li ul {
	display: none;
}

#section-content li.parent-active li.active ul,
#section-content li.parent-active li.parent-active ul {
	display: block;
}


/* First Level */

#section-content li {
	list-style: none;
	background: #e4810b url(/images/subnav-bg.png) repeat-x 0 100%;
	margin: 0 0 1px;
	font-size: 1.2em;
	/* height:23px; */
}

#section-content li.parent-active,
#section-content li.active {
	background: #8d8d8d url(/images/subnav-bg-active.png) repeat-x 0 100%;
	height:auto;
}

#section-content li a:link,
#section-content li a:visited {
	color: white;
	padding: 4px 4px 4px 16px;
	display: block;
	background: transparent url(/images/arrow-caret-small-white-right.gif) no-repeat 8px 7px;
	font-size: 12px;
}

#section-content li.active a:link,
#section-content li.parent-active a:link,
#section-content li.active a:visited,
#section-content li.perent-actuve a:visited {
	background: transparent url(/images/arrow-down-white.png) no-repeat 5px 9px;
}

#sub-nav > li{
	height:23px;
}

#sub-nav > li.active{
	height:auto;
}


/* Second Level */

#section-content li li {
	background: none;
	margin: 0;
}

#section-content li ul {
	margin: 0;
	background: white;
}

#section-content li li.active,
#section-content li li.parent-active {
	background: white;
}

#section-content li li a:link,
#section-content li li a:visited {
	padding: 1px 1px 1px 16px;
	line-height: 18px;
}

#section-content li.active li a:link,
#section-content li.parent-active li a:link,
#section-content li.active li a:visited,
#section-content li.parent-active li a:visited {
	color: #e4801c;
	font-size: 11px;
	font-weight: bold;
	background: white url(/images/arrow-caret-small-orange-right.png) no-repeat 9px 8px;
}

#section-content li.parent-active li.active a:link,
#section-content li.parent-active li.active a:visited {
	color: #8d8d8d;
	background: white url(/images/arrow-grey-down.png) no-repeat 8px 9px;
	line-height: 18px;
	
}

/* Third Level */

#section-content li li ul {
	margin-left: 16px;
}

#section-content li.parent-active li.active li a:link,
#section-content li.parent-active li.parent-active li a:link,
#section-content li.parent-active li.active li a:visited,
#section-content li.parent-active li.parent-active li a:visited  {
	line-height: 18px;
	font-weight: normal;
	color: #e4801c;
	background: url(/images/arrow-caret-small-orange-right.png) no-repeat 9px 8px;
}

#section-content li.parent-active li li.active a:link,
#section-content li.parent-active li li.active a:visited {
	color: #8d8d8d;
	background: url(/images/arrow-grey-right.gif) no-repeat 10px 8px;
	line-height: 18px;
	font-weight: bold;
}

#section-content h2,
div#sub-content aside.blog-contact
{
	color: #e4801c;
	padding-left: 10px;
}

#section-content h2 a 
{
	text-decoration: underline; 	
}

#section-content p
{
	padding-left: 10px;
}



/* @end */

/* @group Sub Content
-------------------------------------------------*/
#sub-content img
{
	display: block;
}

#sub-content p.caption
{
	margin-top: 1px;
	background-color: #E4801C;
	color: #ffffff;
	padding: 4px;
	text-align: center;
	font-size: 1.2em;
	width:222px;
}

#sub-content .styles
{
	float: left;
	margin: 0;
	padding: 0.5em 0;
}

#sub-content .styles dt,
#sub-content .styles dd
{
	line-height: 15px;
	margin: 0;
	padding: 0;
	width: 235px;
}

#sub-content .styles dt
{
	font-size: 1.5em;
	margin-bottom: 2px;
}

#sub-content .styles dd.image
{
	float: left;
	width: 89px;
	padding-right: 5px;
}

#sub-content .styles dd.image img
{
	border: 1px solid #DDDDDD;
	padding: 1px;
	clear: none;
}

#sub-content h4
{
	clear: both;
	padding: 1em 0 0;
	margin: 0em 0 1em;
}

#sub-content .ordering-procedures
{
	border: 1px solid #DDDDDD;
	padding: 4px 10px;
}

#sub-content .ordering-procedures dt,
#sub-content .ordering-procedures dd
{
	padding: 4px 0;
	margin: 0;
}

#sub-content .ordering-procedures dt
{
	font-weight: bold;
	float: left;
	margin-right: 4px;
}

/* @end */



/* @end */

/* @group Home
-------------------------------------------------*/
.home #header
{
	padding-bottom: 0;
}  

/* @group Header */

#home-header {
	width: 978px;
	height: 346px;
	margin: 0 auto;
	background: transparent url('/images/blue_background.png') no-repeat 100% 0%;
	position: relative;
}

#header ul li.social-media {
	color: #e2801f;
	line-height: 1em;
	width: 157px;
	background: none;
	font-weight: bold;
}

#header ul li div {
	display: block;
	width: 40px;
	float: right;
	margin-top: -10px;
}

#home-header #portfolio li {
	list-style: none;
	width: 978px;
	height: 346px;
	width: 978px;
	height: 346px;
	position: relative;
	display: none;
}        

#home-header #portfolio li li {
	display: block;  
	width: auto;                
	height: auto;
	margin: 0 1.5em;     
	color: #ffffff; 
	list-style: circle;
	font-size: 1.3em;
}

#home-header #portfolio a:link,
#home-header #portfolio a:visited {
	color: #ffcc66;
	text-decoration: underline;
}

#home-header #portfolio p {
	color: #ffffff;
}

#home-header #portfolio li.active {
	display: block;
}

#home-header #portfolio h2 {
font-weight: bold;
}

#home-header #portfolio h3 {
color: white;
font-size: 1.8em;
font-weight: normal;
line-height: 1.1em;
margin: 0.4em 0px;
background: none;
padding: 0px;
}

#home-header li .content {
	position: absolute;
	top: 0;
	right: 0;
	width: 315px;
	padding: 16px;
	display: block;
}

#home-header li .content h2 {
	color: #ffffff;
	font-size: 2.8em;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 25px;
}

#home-header li .content p {
	color: #ffffff;
	font-size: 1.3em;
}

#home-header li .content p a:link,
#home-header li .content p a:visited {
	font-weight: bold;
	padding: 0 2px;
}

#home-header li .content p a:hover {
	background-color: #ffffff;
	text-decoration: none;
}

#home-header #slide_control {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	margin: 0;
	display: none;
}

#slide_control li {
	float: left;
	margin: 0;
	list-style: none;
}

#next_button a,
#prev_button a{
	cursor: pointer;
	cursor: hand;
	height: 45px;
	width: 45px;
	display:block;
	text-indent:-9999px;
	overflow:hidden
}

#next_button a{
	background-image: url(/images/button_forward.png);
}

#prev_button a{
	background-image: url(/images/button_back.png);
}

/* @end */

.home #main-content h2 {
	display: block;
	border-bottom: 1px solid #e2e2e2;
	height: 0.9em;
	font-size: 1.8em
}

.home #main-content h2 span {
	position: static;
	background: white;
	padding: 0 7px 0 0;
}

.home #main-content h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.home #main-content ul {
	float: left;
	/* width: 130px; */
	margin-right: 10px;
}

.home #main-content div.home-page-four-column ul{
	margin-bottom:0;
}

.home #main-content li {
	list-style: none;
	font-size: 1.1em;
	color: #e4801c;
	line-height: 1.6em;
	background: url(/images/arrow-orange-right.gif) no-repeat 0 5px;
	background-repeat: no-repeat;
	padding-left: 8px;
	margin-top: 2px;
	margin-bottom:  2px;
}

.home #main-content a {
	width: 179px;
	font-size: 1.1em;
	color: #e4801c;
}

.home #main-content a:hover {
	width: 179px;
	font-size: 1.1em;
	color: #e4801c;
	text-decoration: underline;
}

.home #main-content div {
	/*width: 218px;*/
	width: 225px;
	float: left;
	margin-top: 12px;
	padding: 0 12px 12px 0;
	margin-right:12px;
	display: inline;
	border-right: 1px solid #e2e2e2;
}

.home #main-content div.home-page-four-column{
	padding-bottom:0;
}

.home #main-content div.last {
	border: none;
	margin-right:0;
	padding-right:0;
}

#our-products
{
	float: right;
	width: 670px;
}

#our-products div.set
{
	float: left;
	width: 322px;
}

#our-products dl
{
	width: 302px;
	float: left;
}

#our-products dt,
#our-products dd
{
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

#our-products dt
{
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 0.2em;
}

#our-products dd.image
{
	float: left;
	width: 92px;
}

#our-products dd.image img
{
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #DDDDDD;
}

#our-products dd ul
{
	margin-top: 0.4em;
}

#our-products dd p
{
	margin: 0 0 0.2em;
}

#our-products dd ul.first-set,
#our-products dd ul.second-set
{
	width: 90px;
}

#our-products dd ul.first-set
{
	float: left;
}

#our-products dd ul.second-set
{
	float: right;
}

#our-products dd li
{
	list-style: none;
	background: transparent url('/images/arrow-orange-right.gif') no-repeat 0 4px;
	padding-left: 7px;
}   

.home #sub-content {
	margin-bottom: 35px;    
	padding: 0 18px; 
	display: block;
}

.home #sub-content h4 {
	font-size: 1.4em;  
	margin: 0 0 0.5em 0;
	padding: 0;
}

.home #sub-content a:link,
.home #sub-content a:visited {
	font-size: 1.2em;
}       

/*
.home #sub-content .news {
	padding: 9px 0 18px 15px; 
	background-color: #f0efed;
	width: 616px;  
	float: left; 
	height: 250px;
	margin-left:20px;
}
*/

.home #sub-content .news {
	padding:18px 18px 9px;
	float: left;
	width:284px;
	background-color: #f0efed;
}

/*
done with JS now. Thanks for nothin, IE.
.home #sub-content .news + .news{
	margin-left:16px;
}
*/

.home #sub-content .news div{
	padding-left:0;
	padding-right:0;
}

.home #sub-content .news div#video {
	border-right: 1px solid #ffffff;
	width:284px;
}

.home #sub-content #capabilities {
	width: 274px;
	padding: 18px 18px 9px;
	background-color: #f0efed; 
	display: inline;
	float: right; 
	height: 250px;
}

.home #sub-content #capabilities div {
	padding-top: 9px;
}

.home #sub-content #news div.header,
.home #sub-content #capabilities div.header {
	padding: 0;      
	float: none;
}         
          
.home #sub-content div.header h3 {
	margin: 0;
	color: #5f5e63;
	float: left;
	padding: 0;   
	font-size: 1.6em;
}  

.home #sub-content div.header a {
	float: left;
	margin-top: 4px;
	padding-left: 6px;
	background: transparent url('/images/arrow-orange-right.png') no-repeat 0 50%;
	margin-left: 11px;
}



/* @end */

/* @group Search Results */

#search .picosmallfontsize,
#search .picolistsmallfontsize,
#search .picoregfontsize
{
	font-size: 1.1em;
}

#search table
{
	border: 0 none;
}

#search table table 
{
	margin: 0.5em 0;
	padding: 0;
}

#search table table td
{
	padding: 4px 0;
}

#search table table td input[type='text']
{
	border: 1px solid #e2e2e2;
	color: #585857;
	font-size: 1.1em;
	padding: 2px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#search table table td input[type='submit']
{
	border: 1px solid #e2e2e2;
	height: 24px;
	position:  relative;
	left: -1px;
	padding-top: 2px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #585857;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#search table table td.picoboxsmallfontsize
{
	display: none;
}

#search ol.picoclassolsize 
{
	list-style: none;
}

#search ol.picoclassolsize li a
{
	font-size: 1.4em;
	line-height: 1.4em;
}

/* @end */

/* @group Video List */

.detail #video-list {
	margin-right: -68px;
	font-size: 1em;
}

.detail #video-list li {
	margin: 0;
	list-style-image: none;
	list-style: none;
	display: inline;
	float: left;
	height: 270px;
	margin-right: 51px;
	font-size: 1.6em;
	width: 302px;
}

.detail #video-list li a.player {
	display: block;
	width: 302px;
	height: 170px;
	margin-bottom: 16px;
}

.detail #video-list h2 {
	font-size: 1em;
}

.detail #video-list li img {
	padding: 0;
}

/* @end */

/* @group Contact Form */

#contact-form {
	background: url(/images/contact-form-top.png) repeat-x 0 0;
	margin-bottom: 36px;
	padding-top: 20px;
	width: 100%;
}

#contact-form h2 span {
	position: static;
	background: none;
	font-size: 12px;
	color: #5f6062;
	font-weight: normal
}

#contact-form h2 {
	color: #E4801C;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}

#contact-form form {
	background: #f3f3f3;
	border: 1px solid #cccccc;
	width: 465px;
	padding: 10px 0 12px 7px;
}

#contact-form div.inline p {
	float: left;
	display: inline;
	margin-right: 10px;
}

#contact-form label strong {
	color: #333333;
}

#contact-form input#first-name,
#contact-form input#last-name,
#contact-form input#email, #contact-form input#company {
	width: 216px;
}

#contact-form .radio-buttons label {
	margin-right: 12px;
}

#contact-form textarea {
	width: 448px;
	height: 91px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
}

#contact-form #submit {
	float: right;
	display: inline;
	margin-right: 10px;
}

.black_overlay{
	display: none;	position: absolute;	top: 0%;	left: 0%;	width: 100%;	height: 100%;	background-color: black;	z-index:100001;	-moz-opacity: 0.8;	opacity:.60;	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;	top: 25%;	left: 25%;	width: 50%;	height: 50%;	padding: 16px;	border: 16px solid orange;	background-color: white;	z-index:100002;	overflow: auto;
}

/* @end */

