@charset "UTF-8";
/* CSS Document */
@import url(Reset.css);

/*MAIN ELEMENTS*/
img, div, a, input, image {behavior: url(iepngfix.htc);}

body {background: #000; font-family: "Trebuchet MS", Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; padding-top: 20px; margin-bottom: -220px; }
h1 {font-size: 40px;}

div#wrapper {background: url(../images/bg.jpg) no-repeat 2px 32px; height: 2158px; width: 1100px;}
div#main_column {width: 900px; height: 100%;}
 
div#whoweare, div#whereweare {width: 730px; height: 377px; margin-left: 215px; position: absolute; text-align: left;}
div#whoweare {top: 370px;}
div#whoweare div.section, div#whereweare div.section {width: 700px; height: 327px; margin-left: 29px; margin-top: 20px;}
.intro-text, .intro-img {float: left; margin-top: 27px; margin-left: -15px;}
.intro-text {margin-left: 24px; width: 420px;}
div.intro-text a {text-decoration: none; color: #000; font-size: 16px; font-weight: bold;}
div#whereweare {top: 1490px;}
div.nav {font-size: 21px; font-weight: bold;}
div.nav a {text-decoration: none; color: #000;}
div.nav a:hover {text-decoration: underline;}
div.navbar {background: #000; width: 122px; height: 5px; position: relative;}

div.left-arrow {width: 20px; height: 42px; background: url(../images/arrow_left.gif) no-repeat; float: left;}
div.right-arrow {width: 20px; height: 42px; background: url(../images/arrow_right.gif) no-repeat; float: left;}
div.testimonial-container {float: left; width: 683px; height: 292px;}
.testimonial1, .testimonial2, .testimonial3, .testimonial4, .testimonial5 {width: 683px; height: 292px;}
.testimonial1 {background: url(../images/testimonial1.gif);}
.testimonial2 {background: url(../images/testimonial2.gif);}
.testimonial3 {background: url(../images/testimonial3.gif);}
.testimonial4 {background: url(../images/testimonial4.gif);}
.testimonial5 {background: url(../images/testimonial5.gif);}
.testimonial1 p, .testimonial2 p, .testimonial3 p, .testimonial4 p, .testimonial5 p  {margin-left: 50px; margin-top: 23px; width: 580px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}

div#portfolio {width: 1036px; height: 680px; position: absolute; margin-left: 30px; top: 770px;}

div.login_boxes {width: 100%; height: 100%; margin-top: 40px;}
div.client_login, div.employee_login {width: 259px; height: 240px; float: left;}
div.client_login {background: url(../images/login_client_bg.gif); margin-right: 20px;}
div.employee_login {background: url(../images/login_employee_bg.gif);}
form.login-form {margin: 70px 0 0 29px;}
input[type="text"] {border: none; background: #eee; width: 197px; height: 26px; margin-bottom: 10px}
textarea {border: none; background: #eee;}
a.submit-btn {display: block; float: right; width: 65px; height: 26px; background: url(../images/login_btn.gif); margin-right: 33px;}
a.submit-btn:hover {background-position: 0 -26px;}
a.send-btn {display: block; float: right; width: 65px; height: 26px; background: url(../images/send_btn.gif); margin-right: 31px; margin-top: 5px;}
a.send-btn:hover {background-position: 0 -26px;}

div.contact-form {line-height: 27px;}
div.contact-form div.info {float: left; width: 516px;}
div.contact-form div.logos {/*background: url(../images/contact-logos.jpg);*/ width: 282px; height: 44px;}
div.contact-form div.form {margin-left: 4px; background: url(../images/contact-bg.gif); width: 516px; height: 272px; margin-top: 23px;}
div.contact-form div.form div.left {float: left; height: 233px; line-height: 15px; padding-left: 22px; padding-top: 10px; width: 230px;}
div.contact-form div.form div.right {float: left; width: 202px; height: 100%; line-height: 15px; padding-top: 10px;}
div.contact-form div.anthony {float: left; background: url(../images/anthony.gif); width: 165px; height: 404px; margin-top: -47px;}
span.error {font-size: 9px; color: #F00;}

a.payments {display: block; background: url(../images/payment-logos.jpg) no-repeat; width: 629px; height: 74px;}
a.payments:hover {background-position: 0 -74px;}

div.electric-cord {width: 190px; height: 256px; background: url(../images/cord.png); position:relative; left: 419px; position: relative; top: -728px;}
div.shadow-bottom {width: 1052px; height: 12px; background: url(../images/shadow-bottom.png); position: relative; top: -984px;}

/* SERVICES */
.services-services, .services-branding, .services-illustration, .services-print, .services-interactive, .services-additional {width: 684px; height: 293px;}
.services-services {background: url(../images/services-services-bg.jpg) no-repeat 14px 0;}
.services-branding {background: url(../images/services-branding-bg.jpg) no-repeat 14px 0;}
.services-illustration {background: url(../images/services-illustration-bg.jpg) no-repeat 14px 0;}
.services-print {background: url(../images/services-print-bg.jpg) no-repeat 14px 0;}
.services-interactive {background: url(../images/services-interactive-bg.jpg) no-repeat 14px 0;}
.services-additional {background: url(../images/services-additional-bg.jpg) no-repeat 14px 0;}
.services-services div.info, .services-branding div.info, .services-illustration div.info, .services-print div.info, .services-interactive div.info, .services-additional div.info {width: 496px; height: 230; margin: 31px 0 0 143px;}

/* JQUERY NAV - LAVALAMP */
.lavaLampBottomStyle {position: relative; height: 29px; width: 730px;}
.lavaLampBottomStyle li {font-size: 21px; font-weight: bold; float: left; list-style: none;}
.lavaLampBottomStyle li.back {border-bottom: 5px solid black; width: 9px; height: 30px; z-index: 8; position: absolute; top: -10px;}
.lavaLampBottomStyle li a {text-decoration: none; color: #000; outline: none; text-align: center; letter-spacing: 0; z-index: 10; display: block; float: left; position: relative; overflow: hidden;}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {border: none;}

/* JQUERY - TESTIMONIALS */
.accessible_news_slider img {border: 0;}
.accessible_news_slider li p {font-size: 1em;}
.accessible_news_slider {position: relative; overflow: hidden; width: 684px;}
.accessible_news_slider .javascript_css {position: relative; z-index: 3; padding: 20px; background: #fffcd3;}
.accessible_news_slider .skip_to_news {position: absolute; top: 0; left: -9999px; }
.accessible_news_slider .back {position: absolute; top: 135px; left: 0; z-index: 2;}
.accessible_news_slider .back a {display: none; outline: none; background: url(../images/arrow_left.gif); width: 14px; height: 29px;}
.accessible_news_slider .next a {display: none; outline: none; background: url(../images/arrow_right.gif); width: 14px; height: 29px;}
.accessible_news_slider .next {position: absolute; top: 135px; right: 0; z-index: 2;}
.accessible_news_slider ul {position: relative; left: 0; width: 683px; height: 292px; margin: 0; padding: 0; list-style-type: none; overflow: hidden; z-index: 1;}
.accessible_news_slider li {float: left; display: inline; width: 683px;}
.view_all {visibility: hidden;}