/*----------------------------------------------------------------------------------------------------
Description:Lanco Adhesives
Version:1.0
Author:Neil Adelantar
Author URL:http://www.revsystems.com
----------------------------------------------------------------------------------------------------*/
/* Global Default Settings
----------------------------------------------------------------------------------------------------*/
a,body,blockquote,embed,div,form,h1,h2,h3,h4,h5,h6,img,input,li,object,p,table,tr,th,td,span,ul,form,input,label,textarea{margin:0px;padding:0px;}
table{border-collapse:collapse;border-spacing:0px;}
img{border:none;vertical-align:bottom;display:block;}
ul{list-style:none;}
th{text-align:left;}
div{text-align:left;vertical-align:top;}
a{text-decoration:none;}
strong{font-weight:bold;}
/* Type Default Settings
----------------------------------------------------------------------------------------------------*/
a,h1,h2,h3,h4,h5,h6,li,p,table{font-family:Arial,sans-serif;font-size:1em;}
/* Layout Default Settings
----------------------------------------------------------------------------------------------------*/
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
/* Layout
----------------------------------------------------------------------------------------------------*/
body{background:url(../images/body-bg.jpg);}
/* Header
----------------------------------------------------------------------------------------------------*/
.header-container{background:url(../images/header-bg.jpg) repeat-x 0px 0px;height:100px;}
.header{margin:0px auto;width:800px;}
.main-logo{background:url(../images/lanco-logo.jpg) no-repeat 0px 0px;display:block;float:left;height:100px;width:250px;}
a.main-logo span{display:none;}
.main-logo-home{background:url(../images/lanco-home-logo.jpg) no-repeat 0px 0px;display:block;float:left;height:100px;width:250px;}
a.main-logo-home span{display:none;}
/* Navigation
----------------------------------------------------------------------------------------------------*/
.nav{float:right;height:75px;width:550px;}
.nav li{float:left;}
.nav li a,.nav li a .hover{background:url(../images/navigation.jpg) no-repeat 0px 0px;display:block;height:75px;}
.nav li a span{display:none;}
.nav li a.products{background-position:0px 0px;width:151px;}
.nav li a.services{background-position:-151px 0px;width:83px;}
.nav li a.contact{background-position:-234px 0px;width:81px;}
.nav li a.about{background-position:-315px 0px;width:88px;}
.nav li.phone{background:url(../images/navigation.jpg) no-repeat -403px 0;display:block;height:75px;width:147px;}
.nav li.phone span{display:none;}
.nav li.highlight a.products:hover,.nav li a.products .hover{background-position:0px -75px;width:151px;}
.nav li.highlight a.services:hover,.nav li a.services .hover{background-position:-151px -75px;width:83px;}
.nav li.highlight a.contact:hover,.nav li a.contact .hover{background-position:-234px -75px;width:81px;}
.nav li.highlight a.about:hover,.nav li a.about .hover{background-position:-315px -75px;width:88px;}
/* Content
----------------------------------------------------------------------------------------------------*/
.content-container{background:#EDF2fC url(../images/content-bg.jpg) repeat-x;}
.content{margin:0px auto;width:800px;padding:0px 0px 20px 0px;}
.content-container .top-products{background:url(../images/content-bg2-bottom.jpg) no-repeat center bottom;}
.content-container .top-services{background:url(../images/content-bg3-bottom.jpg) no-repeat center bottom;}
.content-container .top-contact{background:url(../images/content-bg-bottom.jpg) no-repeat center bottom;}
.content-container .top-about{background:url(../images/content-bg4-bottom.jpg) no-repeat center bottom;}
/* Home Page // Changed by Neil on 12.22.08 at 12:30pm
----------------------------------------------------------------------------------------------------*/
.home-container{background:#EDF2fC url(../images/content-bg.jpg) repeat-x;}
.home-container .top{}
.content{margin:0px auto;width:800px;}
.home-gallery{border:5px solid #FFFFFF;height:400px;width:780px;}
.home-gallery .images{display:block;height:400px;overflow:hidden;position:absolute;width:780px;z-index:1;}
.home-gallery .top{display:block;height:100px;position:absolute;width:780px;z-index:3;}
.home-gallery .top h1{color:#FFFFFF;font-size:2.2em;margin:20px 0px 0px 20px;}
.home-gallery .bottom{background:url(../images/home-gallery-bg.png);display:block;height:100px;margin:300px 0px 0px 0px;position:absolute;width:780px;z-index:2;}
.home-gallery .bottom .description{background:#1C212B url(../images/home-gallery-bg.png);color:#FFFFFF;float:left;height:100px;width:400px;}
.home-gallery .bottom p{font-size:.8em;}
.home-gallery .bottom .answer{display:block;font-size:1em;height:60px;margin:10px 10px 0px 10px;overflow:hidden;width:380px;}
.home-gallery .bottom .answer span{display:block;font-weight:bold;}
.home-gallery .bottom .learn-more{display:block;height:20px;line-height:20px;margin:0px 10px;text-align:right;width:380px;}
.home-gallery .bottom .learn-more a{background:url(../images/learn-more.jpg) 0 0;display:block;float:right;height:20px;width:80px;}
.home-gallery .bottom .learn-more a:hover{background-position:0 -20px;}
.home-gallery .bottom .learn-more a span{display:none;}
.home-gallery .bottom ul.navigation{float:right;height:80px;padding:10px 0px 10px 10px;}
.home-gallery .bottom ul.navigation li{float:left;}
.home-gallery .bottom ul.navigation li a{border:2px solid #FFFFFF;color:#FFFFFF;display:block;float:left;height:16px;line-height:16px;margin:0px 10px 0px 0px;padding:5px;text-align:center;width:16px;}
.home-gallery .bottom ul.navigation li a:hover, .home-gallery .bottom ul.navigation li a.activeSlide{background:#C91111;}
.home-gallery .bottom ul.navigation li a:hover{background:#444444;}

/* Left
----------------------------------------------------------------------------------------------------*/
.content .left{background:url(../images/left-bg.png) repeat-x 0px 0px;float:left;padding:20px;width:210px;}
.content .left h1{color:#c91111;font-size:1.3em;font-weight:normal;margin:0px 0px 10px 0px;}
.content .left h1 a{color:#c91111;}
.content .left h1 a:hover{color:#333333;}
.content .left .sub-nav{padding:0px 0px 60px 0px;}
.content .left .sub-nav li{color:#333333;font-size:.9em;margin:0px 0px 10px 0px;}
.content .left .sub-nav li.selected{color:#C91111;}
.content .left .sub-nav li sup{line-height:0px;margin:0px;padding:0px;vertical-align:top;}
.content .left .sub-nav li ul{font-weight:normal;margin:10px 0px 10px 0px;}
.content .left .sub-nav li ul li a{padding:0px 0px 0px 15px;}
.content .left .sub-nav a{color:#333333;display:block;}
.content .left .sub-nav a:hover{color:#C91111;}
.content .left .sub-nav li ul a:hover{background:url(../images/bullet.png) no-repeat 3px 6px;}
.content .left .address{font-size:.8em;padding:0px 0px 200px 0px;}
/* Right
----------------------------------------------------------------------------------------------------*/
.content .right{float:right;padding:0px 20px 0px 20px;width:510px;min-height:525px;}
.content .right .slides{border:5px solid #FFFFFF;height:200px;margin:0px 0px 15px 0px;width:500px;}
.content .right{font-size:80%;line-height:1.5em;}

.content .right h1{color:#C91111;}
.content .right h2{color:#C91111;}
.content .right h2 a{background:url(../images/next.png) no-repeat right 4px;color:#C91111;padding:0 20px 0 0;}
.content .right h2 a:hover{background:url(../images/next2.png) no-repeat right 4px;color:#333333;}
.content .right h3 a{background:url(../images/next2.png) no-repeat right 1px;color:#313A4B;padding:0 20px 0 0;}
.content .right h3 a:hover{background:url(../images/next.png) no-repeat right 1px;color:#C91111;}

.content .right p,.content .right ul{color:#333333;}

.content .right h1{font-size:2em;margin:0 0 .5em 0;}
.content .right h2{font-size:1.4em;margin-bottom:.75em;}
.content .right h3{font-size:1.2em;margin-bottom:1em;}

.content .right p{margin-bottom:1.5em;}
.content .right ul{margin:0em 1.5em 1.5em 0em;}
.content .right ul li{background:url(../images/bullet.png) no-repeat 3px .5em;margin:0em 0em 1em 0em;padding:0em 0em 0em 1.5em;}
.content .right ul .nobullet{background:url(/images/common/blank_pixel.gif) no-repeat 3px .5em;margin:0em 0em 1em 0em;padding:0em 0em 0em 1.5em;}

.content .right h1{background:url(../images/h1-bg.png);font-weight:normal;line-height:1.5em;padding:8px;}

.expander{background:url(../images/expand.png) no-repeat 0px 0px;cursor:pointer;font-size:1em;font-weight:bold;height:25px;line-height:2.3em;padding:0em 0em 0em 2em;}
.expander-hit{background:url(../images/expanded.png) no-repeat 0px 0px;cursor:pointer;font-size:1em;font-weight:bold;height:25px;line-height:2.3em;padding:0em 0em 0em 2em;}
.content .right .expanded{background:#FFFFFF;margin-bottom:1.5em;padding:15px;}
.content .right .expanded h3{color:#C91111;}
/* Contact Form
----------------------------------------------------------------------------------------------------*/
.contact-form{background:url(../images/h1-bg.png);padding:10px;width:500px;margin:0px 0px 0px -10px;}

label{color:#313A4B;display:block;font-weight:bold;height:30px;line-height:30px;margin:0px 10px 0px 0px;padding:0px 20px 0px 10px}
input,textarea{margin:0px 0px 5px 0px;border:1px solid #bbb;}
input:focus,textarea:focus{border:1px solid #666;}
input{float:right;height:18px;padding:5px;width:363px;}
textarea{height:150px;margin: 0px 0px 0px 125px;padding:5px;width:363px;}
label.title{float:left;width:85px;text-align:right;}
label.title2{float:left;width:363px;margin:10px 0px 10px 115px}

.contact-form .note{display:block;color:#666666;font-size:.7em;margin:0px 0px 10px 0px;padding:0px 0px 0px 125px;}
.required{color:#8a1f11;}
.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.submit{border:none;height:30px;width:150px;}
/* Footer
----------------------------------------------------------------------------------------------------*/
.foot-container{background:url(../images/footer-bg.jpg) repeat-x 0px 0px;}
.foot{margin:0px auto;width:800px;}
.foot p{color:#FFFFFF;font-size:.8em;padding:10px 0px 10px 0px;line-height:1.8em;}
.foot p span{border-bottom:1px dotted #FFFFFF;display:block;font-size:1.2em;margin:0px 0px 10px 0px;}
.foot .c1,.foot .c2{float:left;margin:0px 50px 50px 0px;width:200px;}
.foot .c3{float:right}
.foot .c3 img{margin:10px 0px 0px 0px;}
