@font-face {font-family:"Folk solid";src: url(../fonts/Folksolid6.otf) format("opentype"); }
/* Museo a wonderfull font by Jos Buivenga: http://exljbris.nl */
@font-face { font-family:"MuseoThree"; src:url("../fonts/Museo300-Regular.otf") format("opentype"); } 
@font-face { font-family:"MuseoSeven"; src:url("../fonts/Museo700-Regular.otf") format("opentype"); }
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*     END        */
/* Corner radius juqery ui */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFCC00;
}
a:hover {
	text-decoration: none;
	color: #FFCC00;
}
a:active {
	text-decoration: none;
	color: #FFCC00;
}
h1, h2, h3, h4, h5, h6 {
font-family:"MuseoThree","Century Gothic","Futura Medium","Apple Gothic",Helvetica,Arial,sans-seri
}
body{
background:#303030;
font-family:"Lucida Grande",Helvetica,Arial;
font-size:14px;
}
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #pagewrapper {height: 100%;}

body > #pagewrapper {height: auto; min-height: 100%;}

#pagewrapper{
width:850px;
margin: 0 auto;
 min-height:100%;
 position:relative;

}
#header{
height:64px;
background:url(../images/header_bg.png) bottom no-repeat;
padding-right:41px;
padding-top:40px;
}
#logo{
background:url(../images/logo.png) no-repeat;
height:60px;
width:326px;
margin-left:248px;
display:none;
}
#content{
width:593px;
margin:7px auto;
padding-bottom: 22px;
}
#wrapper{
margin: 7px 0;
}
#menu{
margin: 0 auto;
width:553px;
}
#menu a{
color:#303030;
background:#C9C9C9 url(../images/menu_bg.jpg);
cursor:pointer;
margin:0 4px 0 0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0 1.3em;
position:relative;
text-align:center;
text-decoration:none !important;
font-family:Helvetica,Arial;
font-size:16px;
font-weight:bold;
}
#menu a:hover{
color:#FFFFFF;
}
#slide-show{
height:200px;
display:none;
}
.slide-bottom{
background:url(../images/slide-bottom.png);
cursor:pointer;
}
#slide-prev{
float:left;
height:50px;
margin-top:75px;
width:22px;
background-repeat:no-repeat;
}
.slide-prev-default{
background-position:-150px 50%;
}
.slide-prev-hover{
background-position:-125px 50%;
}
.slide-prev-click{
background-position:-100px 50%;
}
.slide-prev-disable{
background-position:-175px 50%;
cursor:default;
}
#slide-next{
float:left;
height:50px;
margin-top:75px;
width:22px;
background-repeat:no-repeat;
}
.slide-next-default{
background-position:-26px 50%;
}
.slide-next-hover{
background-position:-50px 50%;
}
.slide-next-click{
background-position:-75px 50%;
}
.slide-next-disable{
background-position:0 50%;
cursor:default;
}
#slide-show-bg{
background:#C9C9C9;
width:541px;
height:192px;
float:left;
overflow:hidden;
position:relative;
padding:4px;
}
#slide-show-div{
width:1700px;
position:relative;
left:0;
}
#slide-show-div img{
border:1px solid #333333;
margin:0 8px 0 0;
}
#text{
width:549px;
margin:0 auto;
color:#C9C9C9;
display:none;
line-height:20px;
}
#footer{
background:#3C3C3C;
height:20px;
border-top:1px #3C3C3C solid;
width: 100%;
margin-top: -22px; 
text-align:center;
color:#888888;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size:12px; 
}
#footer-top{
background:#5A5A5A;
height:1px;
}
input,textarea,#contact-send{
color:#303030;
background:#C9C9C9;
border:2px #5A5A5A solid;
font-family:"MuseoThree","Century Gothic","Futura Medium","Apple Gothic",Helvetica,Arial,sans-serif;
padding:5px;
}
#contact-code{
width:95px;
font-size:24px;
letter-spacing:2px;
}
#contact-msg{
width:350px;
height:90px;
overflow: auto;
}
#contact-email{
width:200px;
}
#contact-tbl td{
padding-right: 10px;
padding-top:10px;
}
#contact-tbl img{
vertical-align:middle;
}
.services-icon{
width:70px;
float:left;
}
.lab-icon{
width:170px;
float:left;
}
input:focus,textarea:focus {
border:2px #FF8F00 solid;
}
.input-error{
background:#F8DCDB;
border:2px #F0B1B0 solid;
}
.error{
color:#FAD000;
text-align:center;
margin-top:24px;
margin:45px  auto 0 auto; 
background:#414141;
border:2px #7A7A7A solid;
width:300px;
}
h1{
font-size:1.7em;

}
.big-size{
font-size:3.4em;
text-transform:uppercase;
}
.banner{
height:100px;
}
#b-services{
background:#C9C9C9 url(../images/service.jpg) no-repeat;
}
#b-lab{
background:#C9C9C9 url(../images/labs.jpg) no-repeat;
}
#b-about{
background:#C9C9C9 url(../images/about.jpg) no-repeat bottom left;
}
#b-blog{
background:#C9C9C9 url(../images/blog.jpg) no-repeat;
border-right-width-value:0;
height:71px;
padding-right:17px;
padding-top:28px;
text-align:right;
color:#303030;
}
#b-contact{
background:#C9C9C9 url(../images/contact.jpg) no-repeat;
}
#about-list{
padding-bottom:20px;
}
#about-list li{
padding-top:20px;
}
#about-list p{
color:#888888;
}
#about-list h2{
font-size:20px;
}

h1 b, h2 b, h4 b {
-x-system-font:none;
font-family:"MuseoSeven","Century Gothic","Futura Medium","Apple Gothic",Helvetica,Arial,sans-serif;
font-size:29px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:40px;
}
.description{
color:#888888;
font-size:12px;
}
.page-btn,.page-btn:visited,.page-btn:link{
background:#FF8F00;
padding: 2px 8px 2px 8px;
color:#FFFFFF;
vertical-align:middle;
font-family:"MuseoThree","Century Gothic","Futura Medium","Apple Gothic",Helvetica,Arial,sans-serif;
}
.blog-post{
margin-top:6px;
}
.post-text{
min-height:120px;
padding:8px;
}
.post-text:hover{
background:#373737;
}
.post-title{
width:280px;
float:left;
}
.post-content{
width:500px;
float:left;
}
.post-by{
font-size:11px;
text-align:right;
float:right;
width:250px;
margin-right:2px;
margin-top:11px;
}