@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Arimo&v2);

@font-face {
    font-family: 'Swis721LtBTLight';
    src: url('swz721l-webfont.eot');
    src: url('swz721l-webfont.eot?#iefix') format('embedded-opentype'),
         url('swz721l-webfont.woff') format('woff'),
         url('swz721l-webfont.ttf') format('truetype'),
         url('swz721l-webfont.svg#Swis721LtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@keyframes home {from {background-position: -58px 0;} to {background-position: -187px 0;}}
@-moz-keyframes home {from {background-position: -58px 0;} to {background-position: -187px 0;}}
@-webkit-keyframes home {from {background-position: -58px 0;} to {background-position: -187px 0;}}
@keyframes cess {from {background-position: -21px -30px;} to {background-position: -150px -30px;}}
@-moz-keyframes cess {from {background-position: -21px -30px;} to {background-position: -150px -30px;}}
@-webkit-keyframes cess {from {background-position: -21px -30px;} to {background-position: -150px -30px;}}
@keyframes pro {from {background-position: -10px -61px;} to {background-position: -139px -61px;}}
@-moz-keyframes pro {from {background-position: -10px -61px;} to {background-position: -139px -61px;}}
@-webkit-keyframes pro {from {background-position: -10px -61px;} to {background-position: -139px -61px;}}
@keyframes about {from {background-position: -43px -91px;} to {background-position: -172px -91px;}}
@-moz-keyframes about {from {background-position: -43px -91px;} to {background-position: -172px -91px;}}
@-webkit-keyframes about {from {background-position: -43px -91px;} to {background-position: -172px -91px;}}
@keyframes cont {from {background-position: -48px -121px;} to {background-position: -177px -121px;}}
@-moz-keyframes cont {from {background-position: -48px -121px;} to {background-position: -177px -121px;}}
@-webkit-keyframes cont {from {background-position: -48px -121px;} to {background-position: -177px -121px;}}
@keyframes cur {from {background-position: -1px -151px;} to {background-position: -139px -151px;}}
@-moz-keyframes cur {from {background-position: -1px -151px;} to {background-position: -139px -151px;}}
@-webkit-keyframes cur {from {background-position: -1px -151px;} to {background-position: -139px -151px;}}

body {background: #6a747c; margin: 0; color: #3b3d3d;}
#inner {width: 100%; height: 100%; display: block; background: url(../images/body.jpg) center top repeat;}
#outer {width: 100%; height: 100%; display: block; background: url(../images/body-top.png) center top repeat-x; padding: 6px 0 0 0; float: left;}
#wrapper {width: 980px; margin: auto; background: url(../images/leftcol-bg.png) top left repeat-y;}

a {color: #b32017;}

#logo {height: 167px; padding: 38px 0 0 24px;}
#logo aside {width: 69px; height: 205px; float: right; margin: -44px 5px 0 0; padding: 0px;}
#logo article {width: 515px; float: right; margin: 45px 15px 0 0; padding: 0px;}
#logo article h3 {
	font-family: 'Swis721LtBTLight';
	font-size: 19px;
	color: #6a747c;
	font-style: italic;
	}
#logo article h3 .red {color: #b32017;}

#banner {padding: 15px 0 0 16px;}

#nav {width: 313px; height: 48px; padding: 84px 30px 0 0; float: left;}
#nav li {display: block; width: 100%; float: right;}

#fb-root {
	position: absolute;
	top: 660px;
	left: 270px;
}

#home, #process, #project, #about, #contact, #pats, #current {
	background: url(../images/elements.png) no-repeat;
	cursor: pointer;
	display: block;
    text-indent: -999em;
    padding: 0;
	margin: 0 0 3px 0;
	float: right;
	text-align:left;
    text-decoration: none;
	}
	
#home {width: 82px; height: 27px; background-position: -58px 0;}
#home:hover { animation: home .2s; -moz-animation: home .2s; -webkit-animation: home .2s; background-position: -187px 0; }
#process {width: 119px; height: 27px; background-position: -21px -30px;}
#process:hover { animation: cess .2s; -moz-animation: cess .2s; -webkit-animation: cess .2s; background-position: -150px -30px; }
#project {width: 129px; height: 27px; background-position: -10px -61px;}
#project:hover { animation: pro .2s; -moz-animation: pro .2s; -webkit-animation: pro .2s; background-position: -139px -61px; }
#about {width: 96px; height: 27px; background-position: -43px -91px;}
#about:hover { animation: about .2s; -moz-animation: about .2s; -webkit-animation: about .2s; background-position: -172px -91px; }
#contact {width: 91px; height: 27px; background-position: -48px -121px;}
#contact:hover { animation: cont .2s; -moz-animation: cont .2s; -webkit-animation: cont .2s; background-position: -177px -121px; }
#pats {width: 137px; height: 27px; background-position: -1px -151px;}
#pats:hover { animation: cur .2s; -moz-animation: cur .2s; -webkit-animation: cur .2s; background-position: -139px -151px; }
#current {width: 129px; height: 27px; background-position: -10px -233px;}
#current:hover { animation: cur .2s; -moz-animation: cur .2s; -webkit-animation: cur .2s; background-position: -139px -233px; }

#main {padding: 0px; margin: 0px;}
#content {width: 548px; padding: 28px 42px 11px 47px; float: left;}
#content p {color: 626161; font-family: 'Arimo', sans-serif; font-size: 12px; line-height: 2em; margin: 0 0 16px 0;}
#content p a {color: 008a9c; text-decoration: underline;}
#content p a:hover {color: 008a9c; text-decoration: none;}
#content header h1 {
	font-family: 'Swis721LtBTLight';
	font-size: 30px;
	color: #222222;
	margin: 0 0 18px 0;
	}

#content header h2 {
	font-family: 'Swis721LtBTLight';
	font-size: 16px;
	margin: 0 0 18px 0;
	color: #222222;
	font-style: italic;
	line-height: 1.5em;
	}
#content h4 {
	font-family: 'Swis721LtBTLight';
	text-align: left; font-weight: normal; color: #222222; font-size: 13px;
	}
#content h4 .red {
	color: #b32017;
	}
#content header h4 {
	font-family: 'Swis721LtBTLight';
	font-size: 12px;
	margin: 0 0 18px 0;
	color: #222222;
	}
#content blockquote h4 {
	font-family: 'Swis721LtBTLight';
	text-align: left; font-weight: normal; color: #222222; font-size: 13px;
	}
#content blockquote h4 .red {
	color: #b32017;
	}
#content blockquote { float: left; width: 313px; padding: 10px 20px 0 20px;}
#content .curimg {float: left; padding: 0 35px 0 0;}
#content blockquote p {color: 626161; font-family: 'Arimo', sans-serif; font-size: 11px; line-height: 1.4em; margin: 0;}
#content aside {width:48%; float: left; text-align: center;}
#content aside.lib3 {width: 332px; float: left; text-align: center;}
#content aside img:hover {
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;
	}
.lib2 {margin: 0 0 0 2px;}
.lib3 {margin: 0 0 0 14px;}

#slider {
    position:relative;
    width:995px; /* Change this to your images width */
    height:312px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.nivo-controlNav {
	position:absolute;
	right:9px;
	bottom:9px;
	z-index: 9999999;
	}

.nivo-controlNav a {
	display:block;
	width:7px;
	height:7px;
	background:url(../images/elements.png) no-repeat -18px -77px;
	text-indent:-9999px;
	border:0;
	margin-right:4px;
	float:left;
	}

.nivo-controlNav a.active {
	background-position: -7px -77px;
	}

#foot {width: 970px; margin: auto; padding: 15px 10px 10px 0;}
#foot { color: #fff; font-family: 'Arimo', sans-serif; font-size: 10px; text-align: right;}
#foot a {color: #fff; text-decoration: none; margin: 0 4px 0 4px;}
#foot a:hover { text-decoration: underline;}

.prescriptionForm {}
.text-block-prescription { float: left; width: 228px; height: 24px; background: url(../images/fieldbg.jpg) no-repeat top left; color: #817664; font-family: 'Arimo', sans-serif; font-size: 11px; padding: 10px 15px 10px 10px;}
.prescription-block { float: left; width: 280px; height: 40px; background: url(../images/fieldbg.jpg) no-repeat top right; padding: 4px 5px 0 10px;}
.inputField3 { width: 35px; height: 25px; margin-bottom: 1em; background: #0f0d0d; border: none; font-family: 'Arimo', sans-serif; font-size: 11px; color: #1a1617;}
.inputField4 { width: 375px; height: 92px; margin-bottom: 1em; background: none; border: none; font-family: 'Arimo', sans-serif; font-size: 11px; color: #1a1617;}
.prescription-block2 { float: left; width: 280px; height: 208px; background: #aca8a1; padding: 7px 5px 0 10px; margin: 0 0 10px 0;}
.inputField { width: 280px; height: 25px; margin-bottom: 1em; background: none; border: none; font-size: 11px; color: #1a1617;}
.inputField2 { width: 275px; height: 195px; margin-bottom: 1em; background: none; border: none; font-size: 11px; color: #1a1617;}
.captcha {width: 94.5%;}

.send {
	background: url(../images/elements.png);
	cursor: pointer;
	text-indent: -999em;
	display:block;
	border: none;
	margin: 0px 2px 0 430px;
	}

@keyframes send {from {background-position: -46px -191px;} to {background-position: -30px -191px;}}
@-moz-keyframes send {from {background-position: -46px -191px;} to {background-position: -30px -191px;}}
@-webkit-keyframes send {from {background-position: -46px -191px;} to {background-position: -30px -191px;}}
input.send { background-position: -46px -191px; width: 150px; height: 34px; }
input:hover.send { background-position: -30px -191px; animation: send .2s; -moz-animation: send .2s; -webkit-animation: send .2s; }