@charset "UTF-8";


/**************************** global *************************/

html {height:100%;background: #f1f1f1;background-repeat: repeat-x;}

body {text-align:center;}


.indexBk {background-image: url(/themes/site_themes/site/image/hl_index.jpg);background-repeat: no-repeat;background-position:top center;}

.aboutBk {background-image: url(/themes/site_themes/site/image/hl.jpg);background-repeat: no-repeat;background-position:top center;}

.wrkBk {background-image: url(/themes/site_themes/site/image/hl_wrk.jpg);background-repeat: no-repeat;background-position:top center;}

.blogBk {background-image: url(/themes/site_themes/site/image/hl_blog.jpg);background-repeat: no-repeat;background-position:top center;}

.blogBk2 {background-image: url(/themes/site_themes/site/image/hl_blog2.jpg);background-repeat: no-repeat;background-position:top center;}

.projBk {background-image: url(/themes/site_themes/site/image/hl_proj.jpg);background-repeat: no-repeat;background-position:top center;}

#wrap {margin:0px auto 0px auto;width:1000px;text-align:left;font-family:Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;color:#434343;font-size:13px;}

#wrap h1 {font-size: 36px;line-height: 26px;font-weight: normal;color: #434343;margin-bottom:20px;font-family:Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}

#wrap h2 {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;font-size: 16px;line-height: 24px;font-weight: bold;color: #434343;text-transform: uppercase;margin:10px 0px 10px 0px;}

#wrap h3 {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;font-size: 13px;line-height: 26px;font-weight: bold;color: #04323f;margin-bottom:10px;text-transform: uppercase;}

#wrap h4 {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;font-size: 14px;line-height: 18px;font-weight: normal;text-transform: uppercase; color: #434343;margin-top:20px;}

#wrap p {font-family:Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;line-height: 24px;font-weight: normal;color: #434343;margin-bottom:10px;font-size:14px;}

a:link {color: #e33d33;text-decoration: none;} a:visited {color: #aeaeae;text-decoration: none;} a:hover,a:focus {color: #0ad2ff;text-decoration: none;}a:active {color: #fb9205}

.clear {clear:both; height:0;}

/**************************** Top Nav ****************************/


#wrap #header {float:left;height:153px;width:1000px;}

#wrap #header #logo {float:left;display:block;width:160px;height:61px;background:url(/themes/site_themes/site/image/logo.png) no-repeat;text-indent:-9999px;margin:47px 50px 0px 0px;}

#wrap #header ul {float: left;display:block;margin-left:0px;margin-left:5px;}

#wrap #header ul li {list-style-type: none;float:left;}

#wrap #header ul li a {text-indent:-9999px;display:block;width:100px;height: 61px;float:left;margin-top:27px;}


#wrap #header ul li a:link#nav_about{background:url(/themes/site_themes/site/image/about.png) no-repeat;}
#wrap #header ul li a:visited#nav_about{background:url(/themes/site_themes/site/image/about.png) no-repeat;}
#wrap #header ul li a:hover#nav_about{background:url(/themes/site_themes/site/image/about_ovr.png) no-repeat;}
#wrap #header ul li a:active#nav_about{background:url(/themes/site_themes/site/image/about.png) no-repeat;}

#wrap #header ul li a:link#nav_work{background:url(/themes/site_themes/site/image/work.png) no-repeat;}
#wrap #header ul li a:visited#nav_work{background:url(/themes/site_themes/site/image/work.png) no-repeat;}
#wrap #header ul li a:hover#nav_work{background:url(/themes/site_themes/site/image/work_ovr.png) no-repeat;}
#wrap #header ul li a:active#nav_work{background:url(/themes/site_themes/site/image/images/work.png) no-repeat;}

#wrap #header ul li a:link#nav_blog{background:url(/themes/site_themes/site/image/blog.png) no-repeat;}
#wrap #header ul li a:visited#nav_blog{background:url(/themes/site_themes/site/image/blog.png) no-repeat;}
#wrap #header ul li a:hover#nav_blog{background:url(/themes/site_themes/site/image/blog_ovr.png) no-repeat;}
#wrap #header ul li a:active#nav_blog{background:url(/themes/site_themes/site/image/blog.png) no-repeat;}

#wrap #header ul li a:link#nav_contact{background:url(/themes/site_themes/site/image/contact.png) no-repeat;}
#wrap #header ul li a:visited#nav_contact{background:url(/themes/site_themes/site/image/contact.png) no-repeat;}
#wrap #header ul li a:hover#nav_contact{background:url(/themes/site_themes/site/image/contact_ovr.png) no-repeat;}
#wrap #header ul li a:active#nav_contact{background:url(/themes/site_themes/site/image/contact.png) no-repeat;}

#wrap #header #rss {float:right;margin:23px 40px;background:url(/themes/site_themes/site/image/RSS.png) no-repeat right center;padding:13px 25px 10px 0px}

#wrap #header #rss a {color:#fff}

#wrap #header #rss a:hover {color: #0ad2ff}

/**************************** footer ****************************/

#footerWrap {width:1000px;padding:0px 0px 20px 0px;margin:0px 0px 0px 0px; background:#434343;}

#footerWrapStroke {float:right;width:1000px;border-top:solid 5px #dedede}

#wrap #footerWrap #twitCol {width:290px;float:left;margin:10px 0px 0px 40px;}

#wrap #footerWrap #nav {width:920px;float:left;}

#wrap #footerWrap #nav ul {border-top:solid 1px #aeaeae;margin:25px 0px 0px 40px;width:920px;height:30px;}

#wrap #footerWrap #nav ul li a {float:left;height:15px;padding:13px 0px 10px 10px;border-bottom:solid 1px #aeaeae;display:block;width:174px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;color: #aeaeae;text-transform: uppercase;font-size:10px}

#wrap #footerWrap #nav ul li a:hover {background:#5c5c5c;color:#f1f1f1}

/**************************** twitter ****************************/

#tweet {text-align:left;font-size: 12px;float: left;width: 200px;padding:0px 10px 10px 10px;}

.twitters {display:block;float:right;margin-left:0px;padding:0px 0px 10px 0px;}

.twitters ul {list-style: none;padding: 0;white-space: normal;float:left;width:290px}

.twitters ul li {display:block;padding:10px;float:left;width:280px;margin-bottom:20px;line-height:20px;background:#e9fbfe;color:#434343;font-style:italic;font-size:12px;overflow:visible}

.twitters ul li a {color:#f15a29;font-style:italic;margin-bottom:10px;}

#footerContact {width:570px;float:left;margin-left:40px}
#footerContact fieldset {float:left}
.fieldsetMrgn {margin-right:40px;}
#ftr_contact_form{float:left;}

#ftr_contact_form p {color:#f1f1f1}
#ftr_contact_form input,#ftr_contact_form textarea{width:255px;padding:5px 2px 5px 5px;border:1px solid #aeaeae;background:#f9f9f9;font-size:12px;}
#ftr_contact_form textarea{width:560px;height:200px;font-size:12px;margin-bottom:20px;}
#ftr_contact_form input.submit_btn{width:80px;background-color:#F0F0F0;height:25px;padding-top:4px;font-weight:bold}
	
#footer h4{display:block;text-indent:-9999px;margin-bottom:25px;height:21px}
#footer h4.ftr_hdr_contact{width:123px;background:url(/images/site_components/ftr_hdr_contact.gif) no-repeat}



/**************************** headlines ****************************/

.featured {display:block;height:40px;text-indent:-9999px;background:url(/themes/site_themes/site/image/h1-featured.png) no-repeat top left;margin-top:15px;}

.blog {display:block;height:40px;text-indent:-9999px;background:url(/themes/site_themes/site/image/h1-blog.png) no-repeat;margin:8px 0px -10px 0px;}

.about {display:block;height:40px;text-indent:-9999px;background:url(/themes/site_themes/site/image/image/h1-about.png) no-repeat;margin-top:15px;}

.services {display:block;height:40px;width:920px;float:left;text-indent:-9999px;background:url(/themes/site_themes/site/image/h1-services.png) no-repeat;margin-bottom:-10px;padding-bottom:10px;}

.process {display:block;height:40px;width:920px;float:left;text-indent:-9999px;background:url(/themes/site_themes/site/image/h1-process.png) no-repeat;margin-bottom:-10px;padding-bottom:10px;}

.twitter {display:block;height:40px;text-indent:-9999px;background:url(/themes/site_themes/site/image/h1-twitter.png) no-repeat;margin:15px 0px 20px 0px;width:220px;}

.contact {display:block;height:45px;text-indent:-9999px;background:url(/themes/site_themes/site/image/h1-contact.png) no-repeat;margin-top:15px;}

.number {display:block;height:45px;text-indent:-9999px;background:url(/themes/site_themes/site/image/h1-number.png) no-repeat;margin-top:-15px;}

.labWorks {display:block;height:40px;text-indent:-9999px;background:url(/themes/site_themes/site/image/h1-labworks.png) no-repeat;width:200px;margin:-5px 0px 0px 0px;}

.nav {display:block;height:40px;text-indent:-9999px;background:url(/themes/site_themes/site/image/h1-nav.png) no-repeat;width:200px;margin:15px 0px 0px 20px;}

.clients {display:block;height:40px;text-indent:-9999px;background:url(/themes/site_themes/site/image/h1-clients.png) no-repeat;margin-top:15px;width:220px;}


/**************************** index ****************************/

#wrap #contentIndex {width:960px;float:left;padding:10px 0px 0px 40px;margin-top:10px;background:#fff}

#wrap #contentIndex #featured {width:570px;float:left}

#wrap #contentIndex #featured ul li {list-style-type: none;float:left;margin-bottom:40px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;font-size: 18px;line-height: 22px;font-weight: normal;text-transform: uppercase;}

#wrap #contentIndex #featured ul li a {display:block;position:relative;width:570px;height:170px;overflow:hidden;color: #fff;}

#wrap #contentIndex #featured ul li a:hover {color:#fff;}

#wrap #contentIndex #right {float:left;width:270px;height:100%;padding:25px 40px 40px 40px;background:#f9f9f9;margin:-10px 0px 0px 40px;}

#wrap #contentIndex #right ul {margin-top:0px}

#wrap #contentIndex #right ul li {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;font-size: 14px;font-weight: normal;text-transform: uppercase;line-height: 24px;float:left}

#wrap #contentIndex #right ul li a {color:#000;display:block;float:left;width:270px;color:#434343;padding:10px 40px 10px 40px;margin-left:-40px;font-weight:bold;color:#e33d33}

#wrap #contentIndex #right ul li a:hover {color:#000;background:#f1f1f1}

#wrap #contentIndex #right ul li .summary {font-family:Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;font-weight: normal;color: #434343;text-transform: none;display:block;margin-top:5px;font-weight:normal}

#wrap #contentIndex #right #services {float:left}

a .titleWrkIndex {padding: 70px 0px 2px 20px; background: rgba(0, 0, 0, 0.0);position: absolute; bottom: 0px;left:0px;width:550px;height:100px;text-indent:-9999px}

a:hover .titleWrkIndex {background: rgba(0, 0, 0, 0.8);position: absolute; bottom: 0px;left:0px;text-indent:0px}

#wrap #contentIndex #services {float:left;width:960px;background:#e7e8e8;margin-left:-40px;padding:25px 0px 40px 40px}

#wrap #contentIndex #services .sList {width:260px;float:left;margin-right:40px;background:#f1f1f1;padding:10px 0px 10px 20px}

#wrap #contentIndex #services .sList ul li { list-style-image: url("/themes/site_themes/site/image/bullet2.png"); list-style-position: outside; font-size:13px;margin:0px 0px 10px 15px;}


#wrap #content960bl #services2 {float:left;width:960px;background:#e7e8e8;padding:25px 0px 40px 40px}

#wrap #content960bl #services2 .sList {width:260px;float:left;margin-right:40px;background:#f1f1f1;padding:10px 0px 10px 20px}

#wrap #content960bl #services2 .sList ul li { list-style-image: url("/themes/site_themes/site/image/bullet2.png"); list-style-position: outside; font-size:13px;margin:0px 0px 10px 15px;}


/**************************** secondary globals ****************************/

#content960 {width:1000px;float:left;background:#fff;margin-top:10px;padding-bottom:40px}

#content960bl {width:1000px;float:left;background:#fff;margin-top:10px;padding:40px 0px 0px 0px}

#content960ab {width:1000px;float:left;margin-top:10px;padding:170px 0px 40px 0px;background:url(/themes/site_themes/site/image/about_bk.jpg) top left no-repeat #fff}

#content960wrk {width:1000px;float:left;margin-top:10px;padding:40px 0px 10px 0px;background:#fff}

#content960wrkDet {width:920px;float:left;margin-top:10px;padding:40px 40px 10px 40px;background:#fff}

/**************************** blog ****************************/

#wrap #content960bl #blog {float:left;width:570px;padding:20px 0px 20px 40px;margin:0px 40px 0px 0px;}

#wrap #content960bl #blog img {margin:10px 0px 20px 0px;width:570px;height:170px}

#wrap #content960bl #blog h1 {font-size:42px;margin:0px 0px 25px 0px;line-height:48px;}

#wrap #content960bl #blog h2 {margin-top:10px}

#wrap #content960bl #blog ul {display:block;width:530px;padding:20px 20px 15px 20px;background:#f9f9f9;margin-bottom:10px}

#wrap #content960bl #blog ul li { list-style-image: url("/themes/site_themes/site/image/bullet.png"); list-style-position: outside; font-size:14px;line-height: 24px;margin:0px 0px 10px 20px;}

#wrap #content960bl #blog ol {list-style-type: decimal;list-style-position: inside;}

#wrap #content960bl #blog ol li { margin-left:20px;font-size:14px;margin-bottom:10px}

#wrap #content960bl #blog blockquote {width:490px;display:block;float:left;padding:25px 30px 25px 40px;font-size:14px;font-weight:bold;font-style:italic;line-height:24px;color:#aeaeae;margin:20px 0px 20px 0px;border-top:solid 1px #f1f1f1;border-bottom:solid 1px #f1f1f1;background:#f9f9f9}

#wrap #content960bl #blog .entry {float:left;width:570px;padding-bottom:10px;border-bottom:solid 1px #aeaeae;margin-bottom:40px;}

#wrap #content960bl #blog #navigate {float:left;width:570px;padding-bottom:10px;border-bottom:solid 1px #aeaeae;margin-bottom:40px;margin-top:-30px;font-family:Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;font-size: 14px; font-style: italic;}

#wrap #content960bl #blog #navigate #next {background:url(/themes/site_themes/site/image/next.gif) center left no-repeat;padding-left:10px;padding-top:4px;display:block;height:30px;width:50px;padding-top:11px;float:left;text-align:right; color:#aeaeae}

#wrap #content960bl #blog #navigate #prev {background:url(/themes/site_themes/site/image/prev.gif) center right no-repeat;padding-left:10px;padding-top:4px;display:block;height:30px;width:60px;padding-top:11px;float:right;text-align:left; color:#aeaeae}

#wrap #content960bl #blog #navigate a {color:#aeaeae}

#wrap #content960bl #blog #navigate a:hover {color:#e33d33}

.date {font-style: italic; color:#aeaeae;font-family:Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;font-weight: normal;font-size:11px}

.dateBlog {font-style: italic; color:#aeaeae;font-family:Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;font-weight: normal;font-size:11px;display:block;margin-top:-20px}

#cat {float:left;width:230px;height:100%;padding:10px 40px 40px 40px;background:#f9f9f9;}

#cat h2 {color:#aeaeae;font-size:24px}

#cat h3 {color:#606060;margin-top:15px;margin-bottom:0px}

#cat p {font-size:12px;font-style:italic;color:#aeaeae;}

#cat ul {font-size:12px;font-style:italic;display:block;border-top:solid 1px #aeaeae}

#cat ul li a {width:225px;display:block;padding:5px 0px 5px 5px;color:#888888;border-bottom:solid 1px #aeaeae;}

#cat ul li a:hover {background:#434343;color:#0ad2ff;}

#cat ul li a:visited {background:#f1f1f1;color:#434343;border-bottom:solid 1px #aeaeae;}

#cat ul li a:visited:hover {background:#434343;color:#0ad2ff;}

#cat ul li a:focus {background:#434343;color:#0ad2ff;border-bottom:solid 1px #f1f1f1;}

.count {display:block;float:right;margin-right:5px}

/**************************** work ****************************/

.pageHeads {width:900px;height:30px;float:left;background:#f9f9f9;padding:10px 0px 0px 20px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;color: #aeaeae;text-transform: uppercase;font-weight:normal;font-size:18px;margin:0px 0px 40px 40px}
#content960wrkDet .pageHeads {width:900px;height:30px;float:left;background:#f9f9f9;padding:10px 0px 0px 20px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;color: #aeaeae;text-transform: uppercase;font-weight:normal;font-size:18px;margin:0px 0px 40px 0px}
.pageHeads ul {width:900px;float:left}
.pageHeads ul li {display:block;float:left;margin-right:8px}
.pageHeads ul li a {color:#aeaeae;padding-right:3px;}
.pageHeads ul li a:hover {color:#e33d33}
.pageHeads ul li.selected{color:#434343}

#wrap #content960wrk #workList {float:left;width:610px;margin:0px 40px 0px 0px;}

#wrap #content960wrk #workList ul {float:left;width:570px;margin:0px 0px 0px 40px;}

#wrap #content960wrk #workList ul li img {margin-bottom:0px;float:left;display:block;}

#wrap #content960wrk #workList ul li a {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;font-size: 18px;line-height: 22px;text-transform: uppercase;font-weight: normal;display:block;width:570px;height:170px; color: #fff;float:left;position: relative;margin-bottom:40px}

#wrap #content960wrk #workList ul li a:hover {color:#fff;}

.title {padding: 2px 0px 2px 5px; background: rgba(0, 0, 0, 0.8); font-size: 12px;position: absolute; bottom: 0px;left:0px;width:200px}

.titleWrk {padding: 2px 0px 2px 5px; background: rgba(0, 0, 0, 0.7); font-size: 12px;line-height:22px;position: absolute; bottom: 90px;left:0px;width:113px;}


/* workDetails */

#content960wrkDet #detailCont {width:920px;background:#f9f9f9;float:left;margin-bottom:40px;}

#content960wrkDet #details {float:right;width:250px;padding:10px 40px 40px 40px;background:#f9f9f9;}

#content960wrkDet #imageCol {width:626px;float:left}

/* about */

#secCol {float:left;width:230px;padding:10px 40px 40px 40px;background:#f9f9f9;}

#secCol p {font-size:12px;margin-bottom:5px;}

#secCol h2 {color:#aeaeae;font-size:24px}

#secCol h3 {color:#606060;margin-top:15px;margin-bottom:0px}

#secCol ul {font-size:12px;font-style:italic;display:block;border-top:solid 1px #aeaeae}

#secCol ul li a {width:230px;display:block;padding:5px 0px 5px 0px;color:#aeaeae;border-bottom:solid 1px #aeaeae;}

#secCol ul li a:hover {color:#0ad2ff;}

#wrap #content960bl #services {float:left;width:920px;background:#e7e8e8;margin-left:0px;padding:25px 40px 40px 40px}

#wrap #content960bl #services .sList {width:245px;float:left;margin-right:40px;background:#f1f1f1;padding:10px 0px 10px 20px}

#wrap #content960bl #services .sList ul li {list-style-position: inside;list-style-type: square;margin-bottom: 10px;}

#wrap #content960bl #aboutHead {background:url(/themes/site_themes/site/image/aboutHead.jpg) top left no-repeat #f9f9f9;float:left;width:530px;margin:0px 0px 40px 40px;padding:225px 20px 20px 370px;}

#wrap #content960bl #aboutHead h1 {font-size:28px;line-height:32px}