/* DEFAULTS
----------------------------------------------------------*/

@import url('/styles/html5-reset.css');
@import url('/styles/flexslider.css');

body   
{
    font-weight: normal;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
	background-color:#232323;
}

.header
{
    color:White;
    background-color:#ED7A0A;
    font-size:16px;
    margin-top:5px;
    width:180px;
    padding-left:3px;
}

.headerSpan
{
    width:220px;
}

.header span
{
    cursor:pointer;
}

.header img
{
    cursor:pointer;
}

.info
{
    color:#383838;
    text-align:left;
    font-size:14px;
    text-shadow: 0 0px rgba(0, 0, 0, 0.0);
}

.info a
{
    color:#ED7A0A;
}

.info a:hover
{
    color:#383838;
}

.tab 
{ 
	font-family: verdana,sans-serif; 
	font-size: 13px;
	width: 120px;
	white-space: nowrap;
	text-align: center;
	border-style: outset;
	border-color: #383838;
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-width: 2px;
	border-bottom-width: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}
	
.tabhold 
{ 
	background-color: white;
	color: #383838;
}
	
.tabfocus 
{ 
	background-color: #383838;
	color: #ED7A0A;
}

.pnlInitial
{
    text-align:left;
    padding-left:50px;
    padding-top:50px;
}
	
.tabcontent 
{ 
	font-family: sans-serif; 
	font-size: 13px;
	width: 750px;
	border-style: solid;
	border-color: #383838;
	border-width:2px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}

.spanInfo
{
    font-size:10px;
}

.hrOrangeLeft
{
    margin-top:17px;
    border-width:3px;
    border-color:#ED7A0A;
    margin-left:-4px;
}

.grdTitle a 
{
    color:#ED7A0A;
}

.grdTitle td
{
    padding-bottom:5px;
    padding-top:5px;
}

.grdTitle a:hover
{
    color:#383838;
}

.tblVolume a:hover
{
    color:#383838;
}

.tblVolume a 
{
    color:#ED7A0A;
}

.grdView td
{
    padding-bottom:5px;
    padding-top:5px;
}

.grdView a:hover
{
    color:#383838;
}

.grdView a 
{
    color:#ED7A0A;
}

.grdView
{
    width:750px;
    text-align:left;
}

.grdHeader > th
{
    text-align:left;
}

.grdHeader
{
    font-size:13px;
}

.grdPager a
{
    padding:5px;
}

.tblHeader
{
    font-size:16px;
    font-weight:bold;
}

.hrOrangeRight
{
    margin-top:17px;
    border-width:3px;
    border-color:#ED7A0A;
    margin-left:-20px;
}

.tdContent
{
    padding-left:32px;
    padding-right:28px;
    text-align: left;
}

.browseLink a:hover
{
    color:#ED7A0A;
}

.browseLink a
{
    color:#383838;
    font-size:14px;
}

.bold
{
    font-weight:bold;
}

.navLink a:hover
{
    color:#383838;
    cursor:pointer;
}

.navLink a
{
    color:#ED7A0A;
    font-size:14px;
}

.normailLink a:hover
{
    color:#383838;
}

.normailLink a
{
    color:#ED7A0A;
}

.title
{
    font-size:16px;
    font-weight:bold;
    color:White;
    background-color:#ED7A0A;
    height:30px;
    padding-top:10px;
    text-align:center;
    border:2px solid #f2f2f2;
}

.email
{
    color:#ED7A0A;
    font-family:Arial;
    font-size:15px;
    text-decoration:none;
}

.email:hover {
    color: white;
}

.emailWhite
{
    color:White;
    font-family:Arial;
    font-size:16px;
    text-decoration:none;
}

.caption {/* 310px/940px */
	min-width: 234px;
	max-width: 234px;
	max-height: 30px;
	padding: 0px;
	position: absolute;
	bottom: 205px;
	background: rgba(0,0,0,0.6);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.6);
	text-align:center;
	padding-left:2px;
}

.captionText
{
    color:#ED7A0A;
    font-family:Arial;
    font-size:16px;
    text-decoration:none;
}

.emailSmall
{
    color:#ED7A0A;
    font-family:Arial;
    font-size:12px;
    text-decoration:none;
}

.aFooter
{
    text-decoration:none;
    color: #999;
}

.spanfooter a:hover {
	color: #ED7A0A;
}

.span16
{
    font-size:16px;
}

.span14
{
    font-size:14px;
}

.span10
{
    font-size:10px;
}

.spanBold
{
    font-weight:bold;
}

.emailFooter a:hover
{
    color:White;
}

.lbTitleDesc13
{
    font-size:13px;
    font-weight:bold;
}

.lbTitleDesc16
{
    font-size:16px;
    font-weight:bold;
}

.lbTitleDesc28
{
    font-size:28px;
    font-weight:900;
    font-style:italic;
}


.lbTitleDesc
{
    font-size:14px;
    font-weight:bold;
}

.lbTitleDescLink
{
    font-size:14px;
    font-weight:bold;
}

.lbTitleDescLink a:hover
{
    color:#383838;
    cursor:pointer;
}

.lbTitleDescLink a
{
    color:#ED7A0A;
}

.left15
{
    padding-left:15px;
    text-align:left;
}

.left10
{
    padding-left:10px;
    text-align:left;
}

.height15
{
    height:15px;
}

.height20
{
    height:20px;
}

.height10
{
    height:10px;
}

.height5
{
    height:5px;
}

.padding5
{
    padding:5px;
}

.paddingright5
{
    padding-right:5px;
}

.paddingright10
{
    padding-right:10px;
}

.tblCell
{
    padding:5px;
    border-color:Black;
    border-style:solid;
    border-width:1px;
}

.tblCellAlt
{
    padding:5px;
    border-color:Black;
    border-style:solid;
    border-width:1px;
    background-color:#F2F2F2;
}

.footer
{
   color: #999;
	background-color: #383838;	
	border-top: 5px solid #e5e5e5;
	text-align:left;
    margin-top: 6px;
	padding:20px;
}

.footerHeader
{
    color:White;
    font-size:18px;
}

ul.tags li {
	float: left;
	margin: 0 5px 5px 0;
}

ul.tags a {
	display: block;
	background-color: #e5e5e5;
	color: #ED7A0A;
	padding: 5px 10px;
	text-decoration:none;
}

ul.tags a:hover {
	color: #fff;
	background-color: #ED7A0A;
}



/* ---------------------------------------------------------------------- */
/* Columns
/* ---------------------------------------------------------------------- */
.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
	display: inline;
	float: left;
    margin-right: 2%;
}

.one-half h2
{
    font-size:16px;
}

.one-half {
	width: 49%;	
	max-width: 460px;
}

.one-third {
	width: 32%;	
	max-width: 300px;
}

.one-fourth {
	width: 23.5%;	
	max-width: 220px;
}

.two-thirds {
	width: 66%;	
	max-width: 620px;	
}

.three-fourths {
	width: 74.5%;	
	max-width: 700px;	
}

.column-last { 
	margin-right: 0 !important;
}


/*******************  Navigation  *********************/

#navbar {
    float: right;

    border: 0px solid #e5e5e5;
    margin-top: 24px;
    margin-bottom: 2px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    /*background: linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);*/ /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    width: 607px;
}

#nav {
    height: 30px;
    position: relative;
    top: -1px;
    left: -1px;
}

/* Navigation Buttons */

ul#navlist li {
	float: left;
    min-width: 99px;
}

ul#navlist li a { 
	display: block;
	font-family: 'Open Sans', sans-serif; 
	font-size: 12px;
	line-height: 30px;	
	font-weight: bold;
	padding: 0 10px;
	text-align: center;
	color: #383838;
	border: 1px solid #e5e5e5;
	border-left: none;
	box-shadow: 1px 0 rgba(255,255,255,0.75);
	border-radius: 5px;
}

ul#navlist li:first-child a { 
	border-left: 1px solid #e5e5e5;
}

ul#navlist li.current a, .no-touch ul#navlist li a:hover, ul#navlist li a.selected {
	color: #fff;
	background-color:#ED7A0A;
}

.no-touch ul#navlist li a:hover, ul#navlist li a.selected {
	background-color: #383838 !important;
	border-color: #383838 !important;
}

/* Drop-Down Menus */

.ddsubmenustyle, .ddsubmenustyle div {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 100;
	border-radius: 5px;
}

.ddsubmenustyle > ul {
	top: -1px !important;
}

.ddsubmenustyle ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	border-radius: 5px;
}

.ddsubmenustyle li a {
	display: block;
	color: #fff;
	background-color: #383838;
	padding: 6px 9px;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #262626;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-decoration:none;
	border-radius: 5px;
}

.ddsubmenustyle li a:hover {
   background-color:#ed7a0a;
}

.ddsubmenustyle > ul > li:first-child a {	
	border-top: none;
}

/* ---------------------------------------------------------------------- */
/* Icon Boxes
/* ---------------------------------------------------------------------- */
.iconbox {
	text-align: center;	
	margin-bottom: 20px;
}

.iconbox h4 a {
	color: #383838;
	font-size:14px;
}

.iconbox p a 
{
    color:#ED7A0A;
}

.iconbox h4 img,
.iconbox-icon {
	margin: 0 auto 20px;
}

span.iconbox-icon {
	display: block;
	height: 42px;
	background-repeat: no-repeat;
}

img.iconbox-icon {
	display: block;
	max-width: 100%;	
}

.iconbox.computer span.iconbox-icon {
	background-image: url(images/icon-boxes/computer.png);
	width: 44px;
}

.iconbox.mouse span.iconbox-icon {
	background-image: url(images/icon-boxes/mouse.png);
	width: 28px;
}

.iconbox.applications span.iconbox-icon {
	background-image: url(images/icon-boxes/applications.png);
	width: 50px;
}

.iconbox.cog span.iconbox-icon {
	background-image: url(images/icon-boxes/cog.png);
	width: 42px;
}

.iconbox.globe span.iconbox-icon {
	background-image: url(images/icon-boxes/globe.png);
	width: 32px;
}

.iconbox.write span.iconbox-icon {
	background-image: url(images/icon-boxes/write.png);
	width: 42px;
}

.iconbox.address-book span.iconbox-icon {
	background-image: url(images/icon-boxes/address-book.png);
	width: 34px;
}

.iconbox.chemical span.iconbox-icon {
	background-image: url(images/icon-boxes/chemical.png);
	width: 24px;
}

.iconbox h4 a:hover
{
    color:#ED7A0A;
}

.iconbox p a:hover
{
    color:#383838;
}

/* ---------------------------------------------------------------------- */
/* Carousel
/* ---------------------------------------------------------------------- */
h2 span.more {
	font-weight: normal;
	font-size: 0.666em; /* 12px/18px */	
	line-height: 1.5em; /* 18px/12px */
}

h2 span.more a {
	font-style: italic;
}

.jcarousel-container {
	max-width: 100%;
	padding-top: 0px;
    margin-top:2px;
}

.jcarousel-clip {
	overflow: hidden;
	width: 100%;
}

.iconbox-carousel > li,
.project-carousel > li,
.post-carousel > li {
	float: left;
	width: 220px;
	margin-right: 20px;
	
    z-index:2;
}

.jcarousel-prev, .jcarousel-next {
	position: absolute;
    top: -35px;
    width: 19px;
    height: 19px;
    cursor: pointer;
    background-color: #bfbfbf;
	background-image: url(../Images/carousel-arrows.png);
	background-repeat: no-repeat;
}

.jcarousel-prev {
	right: 20px;
	background-position: 7px 5px;
}

.jcarousel-next {
	right: 0;
	background-position: -18px 5px;	
}

.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus,
.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus {
	background-color: #d9d9d9;
	cursor: default;
}

.jcarousel-prev, .jcarousel-next {
	-webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;	
}

a, a > * {
	text-decoration: none;
}

a:hover, a > * {
	color: #383838;	
}



/* ---------------------------------------------------------------------- */
/* Containers
/* ---------------------------------------------------------------------- */
#wrap {
	border-top: 5px solid #383838;
	padding-top: 30px;
	overflow: hidden;
}

.container {
	width: 940px;
	max-width: 100%;
	margin: 0 auto;
}

#main {
    margin-bottom: 0;
}

/* ---------------------------------------------------------------------- */
/* Infobox
/* ---------------------------------------------------------------------- */
.infobox {
	border-left: 8px solid #ED7A0A;
	border-radius: 5px;
}

.infobox-inner {
	background-color: #f7f7f7;
	border: 2px solid #e5e5e5;
	border-left: none;
	padding: 10px 10px;
	margin-bottom: 0px;
    border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.infobox h2 {
	margin-bottom: 10px;
	font-size:16px;
}

.infobox div.with-button {
	display: inline;	
}

.infobox div.with-button a{
	display: inline;
	color:#ED7A0A;
	text-decoration:underline;
}

.infobox div.modalLink a
{
    color:White;
		background-color:#ED7A0A;
		width:100%;
		height:15px;
		padding-right:5px;
		padding-top:5px;
		margin-top:-5px;
}
.infobox div.with-button h1
{ 
    font-size:14px;
}

.infobox div.with-button a:hover{
	color:#383838;
}

.infobox .button {
	float: right;
	margin: 0 0 0 5px;
}

.infobox .mobile-button {
	display: none;
}

.infobox p {
	margin-bottom: 0px;
	margin-top: 8px;	
}

.infobox h2 + p,
.infobox p:first-child {
	margin: 0;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0;
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 400px;
		height: 500px;
		overflow:scroll;
		background: #eee no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		text-align:right;
		top: 5px;
		right: 11px;
		color: white;
		text-shadow: 0 -1px 1px rgba(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		
/* ---------------------------------------------------------------------- */
/* Blockquotes
/* ---------------------------------------------------------------------- */
blockquote {
	margin-bottom: 20px;
}

.quote-content {
	font-family: 'Tinos', serif;
    color: #888;
	font-size: 1.25em; /* 15px */
	line-height: 1.4em;
}

.quote-content p {
	margin-top: 20px;	
	margin-bottom: 0;
	font-style: italic;
}

.quote-content > p:first-child {
	margin: 0;	
}

.quote-content a {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    color:#ED7A0A;
}

.quote-content a:hover {
    color:#383838;
}
/* Simple */

blockquote.simple {
	padding-left: 10px;
	border-left: 2px solid #d9d9d9;
}

blockquote.simple .quote-meta {
	margin-top: 10px;
}

/* Speech Bubble */

blockquote.speech-bubble .quote-content {
	position: relative;
	background: url(../images/quote.png) no-repeat 15px 19px;
	padding: 15px 15px 15px 41px;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;	
}

blockquote.speech-bubble span.quote-arrow {
	display: block;
	width: 11px;
	height: 6px;
	/*background: url(../images/testimonial-arrow.png) no-repeat left top;*/
	position: absolute;
	right: 17.173%; /* 79px/460px */
	bottom: -6px;	
}

blockquote.speech-bubble .quote-meta {
	text-align: right;
	margin-top: 11px;
	margin-right: 13.043%; /* 60px/460px */
}

/* ---------------------------------------------------------------------- */
/* Buttons
/* ---------------------------------------------------------------------- */
.button, .content-form input.button, #comment-form #submit {
	width: auto;
	display: inline-block;	
	cursor: pointer;
	line-height: normal;
	margin: 0 6px 12px 0;
	border: none; 
	color: #000 !important;
	padding: 5px 11px;
	background-color: #ED7A0A;	
   
}

.button.large {
	font-size: 1.5em; /* 18px */
	padding: 10px 20px;
}

/* Newsletter Form */

#newsletter-wrap {
    padding-top: 20px;
}

#newsletter-form input#newsletter {
	float: left;
	width: 342px;
	margin-right: 10px;
}

#newsletter-form input.button {
	float: right;
	margin-right: 0;
	margin-bottom: 5px;
}

#newsletter-wrap .tip {
	margin-top: 7px;
}

.tip, caption, .caption {
	color: #999;
	font-size: 0.916em; /* 11px */
	font-style: italic;	
}

.note {
	color: #f25824;	
}


.panelResults
{
     border-top-color:#ED7A0A; 
     border-top-width:1px; 
     border-top-style:Solid;
     border-left-color:#ED7A0A; 
     border-left-width:1px; 
     border-left-style:Solid;
     border-right-color:#ED7A0A; 
     border-right-width:1px; 
     border-right-style:Solid;
     background-color:#e8e6e4;
     font-size:12px;
     margin-left: -2px;
}

.gridviewResults
{
     border-color:#ED7A0A; 
     border-width:1px; 
     border-style:Solid;
     font-size:12px;
     width:940px;
     margin-left: -2px;
}

.searchResults
{
    font-size:16px;
}

.searchReturn
{
    font-size:12px;
}

.HeaderStyle th
{
    font-size:14px;
    text-align:left;
    background-color:White;
    font-weight:bold;
    color:#ED7A0A;
}