@charset "UTF-8";
/* CSS Document */
/* Zebra Group limited - Copyright 2010 All Rights Reserved. Reproduction in whole or in part without the expressed written permission is prohibited. */
@font-face {font-family: "Avante";src: url(/fonts/tt0154m.ttf) format("truetype");}
/* GLOBAL CONTENT */
html {min-height: 100%;height: auto; display:block; min-width:100%; width:auto; }
body { margin:15px 0 0; padding:0; font-family: "Avante","Lucida Sans Unicode", "Lucida Grande", sans-serif; background: #019cde url(/images/Hillsbg1.jpg) no-repeat center bottom; font-size:1em; }
strong, b{}
em, i{}
u{}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-size:1em;}
h1 { }
a {}
a:hover {}
a:visited{}
.spacer{clear:both;}
a img{border:none;}
ul, ol,li,p{ margin:0; padding:0; }
li{margin:0; padding:0;}
p{ margin:10px 0; padding:0; }
/* PAGE */
#page{margin:0 auto; padding:0;width:820px;height:643px; background: url(../images/pagebg.png) no-repeat 13px 17px; }
.forms #page-pad{ background: url(../images/whitebg.png) no-repeat 14px 641px; padding-bottom:150px; }
#header{height:43px;width:820px; padding-top:1px;}
/* top navigation */
#header ul.topnav{margin-left:17px;}
#header ul.topnav li{list-style:none; display:block;height:42px;float:left; text-indent:-9999px;}

#header ul.topnav li.medical{width:146px; background: url(/images/buttons/medical.png) no-repeat left top; }
#header ul.topnav li.self-employed{width:131px; background: url(/images/buttons/self-employed_1.png) no-repeat left top; }
#header ul.topnav li.umbrella{width:149px; background: url(/images/buttons/umbrella_1.png) no-repeat left top; }
#header ul.topnav li.construction{width:131px; background: url(/images/buttons/construction_1.png) no-repeat left top; }
#header ul.topnav li.contact{width:134px; background: url(/images/buttons/contact_1.png) no-repeat left top; }
#header ul.topnav li.teaching{width:133px; background: url(/images/buttons/teaching_1.png) no-repeat left top; }
#header ul.topnav li.awr{width:65px; background: url(/images/buttons/awr_1.png) no-repeat left top; }

#header ul.topnav li a{display:block; height:43px; width:inherit; border:none; text-decoration:none;}
/* side navigation */
#sidenav{width:41px;float:right;}
#sidenav ul.sidenav{ margin-top:20px;}
#sidenav ul.sidenav li{list-style:none; display:block;width:41px;float:left; text-indent:-9999px;}
#sidenav ul.sidenav li.send-expenses{background: url(../images/buttons/send-expenses.png) no-repeat left top; height:162px; }
#sidenav ul.sidenav li.send-referral{background: url(../images/buttons/send-referral.png) no-repeat left top; height:144px; }
#sidenav ul.sidenav li.submit-timesheet{background: url(../images/buttons/submit-timesheet.png) no-repeat left top; height:161px; }
#sidenav ul.sidenav li a{display:block; height: 100%; width:41px; border:none; text-decoration:none;}
#topbox{float:left; width:750px;}
#headertxt{ float:left; width:564px; height:82px;margin: 15px 0 0 40px; }
#headertxt h1{ text-indent:-9999px;}

.medical #headertxt{ background: url(../images/header-medical.png) no-repeat left top;}
.self-employed #headertxt{ background: url(../images/header-self-employed.png) no-repeat left top;}
.umbrella #headertxt{ background: url(../images/header-umbrella.png) no-repeat left top;}
.construction #headertxt{ background: url(../images/header-construction.png) no-repeat left top;}
.teaching #headertxt{ background: url(../images/header-teaching.png) no-repeat left top;}
.awr #headertxt{ background: url(../images/header-awr.png) no-repeat left top;}

.forms #headertxt{ background: url(../images/header-construction.png) no-repeat left top;}
/* telephone postit */
#telephone{ float:left; height:168px; width:287px; background: url(../images/telephone-posit.png) no-repeat left top; text-indent:-9999px;}
/* homepage button */
#homepage-button{width:68px;height:98px;background: url(../images/buttons/return-to-homepage.png) no-repeat left top; float:right;margin-top:15px}
#homepage-button a{display:block; width:68px;height:98px; text-indent:-9999px;}
#twitter{width:140px;height:90px;background: url(/images/twitter.png) no-repeat left top; float:right;margin-top:15px}
#twitter a{display:block; width:140px;height:90px; text-indent:-9999px;}
#facebook{width:140px;height:38px;background: url(/images/facebook.png) no-repeat left top; float:right;margin-top:40px; margin-right:20px;}
#facebook a{display:block; width:140px;height:38px; text-indent:-9999px;}
/* MAIN CONTENT */
#content-wrapper{float:left; width:770px;}
#content{margin-left:40px; width:365px;float:left;}
#content p{ font-size:0.75em;  }
#content p span.bullet{color: #FABA26;}
#rhs-col li{margin:15px; padding:0;}
#rhs-col h3{ font-size:1.3em; margin: 10px 0; }
span.highlight{font-weight:bold;}
.rhs-inner{ font-size:0.6em; padding:20px 25px; }



/* homepage */
.home #content{margin-left:100px; width:475px; margin-top:-15px; float:left;}
.home #content .azebra{width:473px; height:128px;background: url(../images/get-azebra-todoit.png) no-repeat left top;}
.home #content h2{font-size:1.75em;color: #FABA26; margin-top:10px; }
/* medical */
.medical #content{}
.medical #rhs-col{ float:right; width:350px; margin-right:10px; background: url(../images/pin-note-bg-medical.png) no-repeat left top; height:475px; }
.medical span.highlight,.medical h3{color:#ACBD38;}
/* self employed */
.self-employed #content{}
.self-employed #rhs-col{ float:right; width:350px; margin-right:10px; background: url(../images/pin-note-bg-self-employed.png) no-repeat left top; height:475px; }
.self-employed span.highlight,.self-employed h3{color:#FDB926; }
/* umbrella */
.umbrella #content{}
.umbrella #rhs-col{ float:right; width:350px; margin-right:10px; background: url(../images/pin-note-bg.png) no-repeat left top; height:475px; }
.umbrella span.highlight,.umbrella h3{color:#15A3C9;}
/* construction */
.construction #content{}
.construction #rhs-col{ float:right; width:350px; margin-right:10px; background: url(../images/pin-note-bg-construction.png) no-repeat left top; height:475px; }
.construction span.highlight,.construction h3{color:#B21F40;}
/* teaching */
.teaching #content{}
.teaching #rhs-col{ float:right; width:350px; margin-right:10px; background: url(../images/pin-note-bg-teaching.png) no-repeat left top; height:475px; }
.teaching span.highlight,.construction h3{color:#900020;}
/* awr */
.awr #content{}
.awr #rhs-col{ float:right; width:350px; margin-right:10px; background: url(../images/pin-note-bg-awr.png) no-repeat left top; height:475px; }
.awr span.highlight,.construction h3{color:#999999;}



/* form pages */
.forms #content{}
.forms #rhs-col{ float:right; width:250px; margin-right:10px;height:475px; }
.forms span.highlight,forms h3{color:#ACBD38;}
/* logos */
#logo{float:left; clear:both; margin-left:30px;margin-top:-65px; z-index:10; position:absolute;width:148px;height:78px;}
.home #logo{background: url(../images/logo-main.png) no-repeat left top;}
.medical #logo{background: url(../images/logo-main.png) no-repeat left top;}
.self-employed #logo{background: url(../images/logo-main.png) no-repeat left top;}
.umbrella #logo{background: url(../images/logo-main.png) no-repeat left top;}
.construction #logo{background: url(../images/logo-main.png) no-repeat left top;}
.teaching #logo{background: url(../images/logo-main.png) no-repeat left top;}
.awr #logo{background: url(../images/logo-main.png) no-repeat left top;}
.forms #logo{background: url(../images/logo-main.png) no-repeat left top;margin-top:0;  position: relative;}
/* Zebra Images */
#zebrabox{width:153px;height:376px; float:right;background: url(../images/zebraimg.png) no-repeat left top;margin-right:30px;}
.construction .zimage,.umbrella .zimage,.self-employed .zimage,.medical .zimage,.teaching .zimage,.awr .zimage,{float:right;}
.construction .zimage{background: url(../images/zebraimg-construction.png) no-repeat left top;width:114px; height:262px}
.umbrella .zimage{background:url(/images/zebraimg-umbrella.png) no-repeat left top;width:159px;height:211px;}
.self-employed .zimage{background:url(/images/zebraimg-self-employed.png) no-repeat left top;width:189px;height:265px}
.medical .zimage{background:url(/images/zebraimg-medical.png) no-repeat left top;width:118px;height:270px;}
.teaching .zimage{}
.awr .zimage{}
/* FOOTER */
#footer-wrapper{margin:0 auto; padding:0;width:820px;}
#footer{height:85px;width:820px; background: url(../images/footer.png) no-repeat 14px 0; }
#zforms{margin: auto; text-align:center;}
.forms #footer{clear:both;}