/*
Theme Name: L.P. Cote
Author: Anthony Cote
Version: 1.0 
*/
/* Reset */

body, p, h1, h2, h3, h4, h5, ul, ol, li, img { margin: 0; padding: 0; list-style: none; border: 0; }
a { outline: none;
    text-decoration: none; }
img { outline: none; }
input { outline: none; }


/* End Reset */



/* Begin Typography & Colors */

body {
	
	font-family: Verdana, 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif;
	background: url(images/background.gif) repeat-x;
	background-color: #040404;
	color: black;
	padding: 0px 0px 0px 0px;
	min-height: 100%;
	}
	
#page {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 960px;
	background: transparent;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -650px; /* the bottom margin is the negative value of the footer's height */
    }
    
h2 {
    font-family: 'Impact', Charcoal, sans-serif;
    font-weight: normal;
	font-size: 70px;
	color: #cc3333;
	padding: 4px 0px 0px 0px;
	margin: 27px 0px 20px 0px;
	text-align: left;
	text-transform: uppercase;
        text-indent: 17px;
	}

.header2 {
     font-family: 'Impact', Charcoal, sans-serif;
    font-weight: normal;
	font-size: 70px;
	color: #cc3333;
	padding: 4px 0px 0px 0px;
	margin: 27px 0px 20px 0px;
	text-align: left;
	text-transform: uppercase;
        text-indent: 17px;
	}
	
.redfont {
   color: #cc3333;
   }
   
.blackfont {
   color: #000000;
   }

.newshead {
   font-size:38px;
   }

a {
   color:#cc3333;
   hover: #000000;
   }

.date {
   text-align: right;
   margin: 10px 0px 10px 0px;
   }
	
	
h4 {
    font-family: 'Verdana', 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif;
    font-weight: normal;
    color: #FFFFFF;
    font-size: 21px;
    line-height: 35px;
    }

.titlebarcontainer {
    margin-bottom: 30px;
    }

.titlebar {
    font: 36px Impact;
    color: white;
    background: white url(images/titlebar.gif) repeat-x center left;
    margin-bottom: 0px; /*bottom spacing between header and rest of content*/
    text-transform: uppercase;
    padding: 0px 0 0px 0px; 
    margin: 40px 157px 0px 0px;
    text-indent: 18px;
    }
.titlebar link {
    text-decoration: none;
    }

.titlebarlogo {
    background: url(images/titlebarlogo.gif);
    height: 84px;
    width: 157px;
    float: right;
    margin: -64px 0px 0px 0px
    }
 
.toptitlebarcontainer {
    margin-bottom: 30px;
    }

.toptitlebar {
    font: 36px Impact;
    color: white;
    background: white url(images/titlebar.gif) repeat-x center left;
    margin-bottom: 0px; /*bottom spacing between header and rest of content*/
    text-transform: uppercase;
    padding: 0px 0 0px 10px; /*header text is indented 10px*/
    margin: 40px 157px 0px 0px;
    }

#toptitlebarlogo {
    background: url(images/titlebarlogo.gif);
    height: 84px;
    width: 157px;
    float: left;
    margin: -64px 0px 0px 0px
    }


/* End Typography & Colors */



/* Begin Header */	
#header {
    height: 234px;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
    }

#logo {
    height: 150px;
    width: 250px;
    background: url(images/lpclogohead.gif);
    float: left;
    }
    
.headslide {
    height: 150px;
    width: 700px;
    background: transparent;
    float: right;
    margin-bottom: 13px;
    top: 0px;
    }
    
#headslidenews {
    height: 150px;
    width: 700px;
    background: url(images/news_head.gif);
    float: right;
    }
    
#headslideservices {
    height: 150px;
    width: 700px;
    background: url(images/services_head.gif);
    float: right;
    margin-bottom: 13px;
    }
    
#headslidehistory {
    height: 150px;
    width: 700px;
    background: url(images/history_head.gif);
    float: right;
    margin-bottom: 13px;
    }
    
#headslidepastprojects {
    height: 150px;
    width: 700px;
    background: url(images/past_projects_head.gif);
    float: right;
    margin-bottom: 13px;
    }
    
#headslidecontact {
    height: 150px;
    width: 700px;
    background: url(images/contact_head.gif);
    float: right;
    margin-bottom: 13px;
    }
    
    
.slideshow ul li {
    display: inline;
    }
    
  /* Begin Navbar*/
#container {
    width: 961px;
}
  
  


ul, li {
    margin: 0;
    padding: 0;
}

.blob {
    background: transparent;
    border-right: 1px solid #0059ec;
    border-left: 1px solid #0059ec;
    position: absolute;
    z-index: 1;
    top: 0;
    background-color: #cc3333;
    background-image: -moz-linear-gradient(top, #cc3333, #333300); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cc3333),color-stop(1, #333300)); /* Saf4+, Chrome*/
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#cc3333', EndColorStr='#333300'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cc3333', EndColorStr='#333300')"; /* IE8 */
    -moz-border-radius: 4px;                   /* FF1+ */
    -webkit-border-radius: 4px;                /* Saf3-4 */
    border-radius: 4px 4px 4px 4px;            /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 2px 3px 10px #011331;     /* FF3.5+ */
    -webkit-box-shadow: 2px 3px 10px #011331;  /* Saf3.0+, Chrome */
    box-shadow: 2px 3px 10px #011331;          /* Opera 10.5, IE 9.0 */
}

#nav {
    position: relative;
    background: #333300;
    float: left;
    margin-bottom: 15px;
}

#nav li {
    float: left;
    list-style: none;
    border-right: 1px solid #4a4a4a;
    border-left: 1px solid black;
    display: inline;
    text-transform: uppercase;

}

#nav li a {
    color: #e3e3e3;
    z-index: 2;
    position: relative;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-family: verdana, arial, sans-serif;
    text-decoration: none;
    padding: 15px 36px 15px 36px;
    width: 100%;

}
  /* End Navbar */
/* End Header */


    

/* Begin Main Content Area */    
.maincontent {
    background-color: #FFFFFF; 
    width: 655px;
    float: left;
    margin-top: 0px;
    margin: 0px;
    padding: 0px;
    min-height: 1033px;
    -moz-box-shadow: 4px 0px 10px #ffffff; /* FF3.5+ */
    -webkit-box-shadow: 4px 0px 10px #ffffff; /* Saf3.0+, Chrome */
    box-shadow: 4px 0px 10px #ffffff; /* Opera 10.5, IE 9.0 */
}
  
  
    
    
.post {
    padding: 0px 30px 30px 20px;
    margin: 0px 0px 0px 0px;
    text-indent: 1em;
    }
    
p {
    padding-bottom: 1em;
    }
/* End Main Content Area */    




/* Begin Sidebar */  
.ghostbar {
    background-color: #E9E9E9;
    width: 300px;
    float: right;
    min-height: 100%;
    margin-top: 10px 0px -10px 0px;
    }
        
.sidebar {
    width: 300px;
    float: right;
    min-height: 100%;
    /*margin: 0 auto -650px;  the bottom margin is the negative value of the footer's height */
    }
    
  /* Begin Sidebar Accorion */
.sidebarmenu{
width: 280px; /*width of accordion menu*/
height: 388px;
overflow: hidden; /*fix for bouncing sidebar due to equal height columns*/
padding: 10px 10px 0px 10px;
margin: 20px 0px 0px 0px;
}

.sidebarmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 36px Impact;
color: white;
background: white url(images/titlebar.gif) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 10px; /*header text is indented 10px*/
}
.sidebarmenu .menuheader a {
color: white;
}

.sidebarmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.gif);
}

.sidebarmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
width: 280px;
}

.sidebarmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.sidebarmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
}

.sidebarmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
}

.sidebarmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
height: 116px;
}

.sidebarmenu ul li a:visited{
color: #A70303;
}

.sidebarmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.sidebarmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
}
/* End Sidebar Accordion */

    
.sidebarheader {
    width: 270px;
    font: 36px Impact;
    color: white;
    background: white url(images/titlebar.gif) repeat-x center left;
    text-transform: uppercase;
    padding: 0px 0 0px 10px; /*header text is indented 10px*/
    margin: 30px 0px 0px 10px;
    }
.sidebarheader a {
    color: white;
    }
    
#sbrigging {
    background: url(images/sidebar_rigging.gif) ;
    }
    
#sbtrucking {
    background: url(images/sidebar_trucking.gif) ;
    }

#sbcrating {
    background: url(images/sidebar_crating.gif) ;
    }
    
#sbmachinerymoving {
    background: url(images/sidebar_machinery_moving.gif) ;
    }
    
#sbmillwritinging {
    background: url(images/sidebar_millwriting.gif) ;
    }
    
#sblaser {
    background: url(images/sidebar_laser.gif) ;
    }
    
    
    
.affiliations {
    background: url(images/affiliations.gif);
    height: 254px;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 10px 10px;
    }

#newsletter {
    margin: 0px 0px 0px 10px;
    }
/* End Sidebar */


    
/* Begin Footer */            
.footer {
    background-color: #E9E9E9;
    float: left;
    *float: none;
    }
    


    
#footerlogo {
    height: 150px;
    width: 250px;
    background: url(images/lpclogohead.gif);
    float: right;
    margin: 39px 33px 0px 0px;
    }
    
.pridebanner {
    background: url(images/pridebanner.gif) repeat-x;
    width: 960px;
    height: 86px;
    text-align: center;
    line-height: 35px;
    padding: 5px 0px 0px 0px;
    *width: 959.9px
    }
    
.solutions {
    font-family: Impact, Charcoal, sans-serif;
    font-weight: normal;
	font-size: 60px;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin-left: 35px;
	text-align: left;
	letter-spacing: 6px;
	}
	
.redsolutions {
    font-family: Impact, Charcoal, sans-serif;
    font-weight: normal;
	font-size: 72px;
	color: #cc3333;
	padding: 0px 0px 0px 0px;
	margin-left: 80px;
	text-align: left;
	letter-spacing: 11px;
	line-height: 49px;
	}
	
.underline {
    width: 511px;
    height: 7px;
    margin: -8px 0px 0px 100px;
    background-color: #000000
    }
    
.servicelist {
    font-family: Verdana, 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif;
    font-weight: bold;
	font-size: 20px;
	color: #000000;
	padding: 20px 0px 20px 0px;
	margin-left: 35px;
	line-height: 40px;
	float: left;
	}
	
.servicelist li {
    list-style-image:url(images/redbullit.gif);
    }
	
.footerbottom {
    background: url(images/footerbottom.gif) repeat-x;
    width: 960px;
    height: 57px;
    float: left;
    }
    
.footerbottomtext li {   
    line-height: 35px;
    padding: 0px 0px 0px 0px;
    float: left;
    display: inline;
    font-family: Verdana, 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif;
    font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
        margin: 0px 0px 0px 73px;
    }
    
.footerbottomlowertext li {   
    line-height: 35px;
    padding: 0px 0px 0px 0px;
    float: left;
    display: inline;
    font-family: Verdana, 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif;
    font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 185px;
	text-align: left;
	line-height: 2em;
	float: left;
    }

a#racklink {
    color: #ffffff;
    text-decoration: underline;
    }
a#racklink:link {
    color: #ffffff;
    text-decoration: underline;
    }
/* End Footer */            
    

/*video player*/    
#flashcontent {
    text-align: center;
    margin-bottom: 20px;
    }
    
.lpcote {
    background: url(images/LPCote.gif);
    float: right;
    width: 42px;
    height: 60px;
    }
/*END video player*/    


/*Contacts page*/ 
.tooltip {
	display:none;
	background:transparent url("images/tooltip/black_arrow_stretched.png");
	font-size:12px;
	height:650px;
	width:320px;
	padding:25px;
	color:#000;	
	list-style: none;
        }
   
.personelpicright {
    float: right;
    margin: 0px 0px 0px 0px;
    clear: both;
    }  

.personelpicleft {
    float: left;
    margin: 0px 0px 0px 20px;
    padding: 0px 10px 0px 0px;
   clear: both;
    }  

.personelright {
    margin: 10px 20px 20px 20px;
    display: block;
    height: 220px;
    text-align: justify;
    } 

.personelleft {
    margin: 20px 0px 20px 0px;
    display: block;
    height: 220px;
    text-align: justify;
    } 


.personelnameright {
    font-family: Impact, Charcoal, sans-serif;
    font-weight: normal;
    font-size: 30px;
    color: #000000;
    text-align: right;
    }

.personelnameleft {
    font-family: Impact, Charcoal, sans-serif;
    font-weight: normal;
    font-size: 30px;
    color: #000000;
    text-align: left;
    }

.personeltitleright {
    font-family: Impact, Charcoal, sans-serif;
    font-weight: normal;
    font-size: 30px;
    color: #cc3333;
    text-align: right;
    }
    
.personeltitleleft {
    font-family: Impact, Charcoal, sans-serif;
    font-weight: normal;
    font-size: 30px;
    color: #cc3333;
    text-align: left;
    }

.personelmailleft {
    text-align: left;
    padding: 10px 0px 10px 0px;
    }    

.personelmailright {
    text-align: right;
    padding: 10px 0px 10px 0px;
    }    

a.mail:link {
    color: #cc3333;
    text-decoration: underline; 
    }

a.mail:visited {
    color: #cc3333; 
    text-decoration: none; 
    }

a.mail:hover {
    color: #000000; 
    text-decoration: underline; 
    }

a.mail:active {
    color: red; 
    }

.contactinfo {
    font-weight: bold;
    }

.contactinforight {
    width: 317px;
    }

.extraspace {
    margin: 46px 0px 10px 0px;
    }

.contactlist {
    margin: 0px 0px 50px 0px;
    }

.contactlist li{
    display: inline-block;
    zoom: 1;
    *display: inline;
    }

.contactlist li ul li{
    display: block;
    }

.contactpleft {
    width: 408px;
    float: right;
    }

.monkeylink {
    width: 580px;
    text-align: center;
    margin: auto;
    }

/*END Contacts page*/ 

/*Comments section*/
.odd {
    background-color: #e9e9e9;
    }





#map_canvas {
    width: 280px;
    height: 280px;
    margin: 0px 0px 0px 10px;
    }

.videolink {
    margin: 0px 0px 0px 154px;
    }
.videolink:link {
    *margin: 0px 0px 0px 354px; 
    }   

#fblink {
   float: right;
   margin: 23px 4px 0px;
}