/****************************************
Table of Contents

    01. Banner Image and Text
    02. Twitter Bar
    03. Services Menu
    04. Slider Items
    05. Bottom Columns
    06. IE6 Rules
    07. Overlay

*****************************************/

/****************************************
01. Banner Image and Text 
*****************************************/

#banner-image
{
   position: absolute;
    top: 0px;
    left: -100px;
}

#billboard-text
{
   position: absolute;
    top: 184px;
    left: 490px;
}

/****************************************
02. Twitter Bar
*****************************************/

#the-latest
{
    background:transparent url(i/bg-the-latest.jpg) no-repeat 0 0;
    width:821px;
    float:left;
    height:32px;
    line-height: 32px;
    margin:545px 0 0 10px;
    color:#31071f;
    padding-left:20px;
	overflow:hidden;
} 

.tweet
{
    color:#fff;
    text-decoration:none;
    padding:0 10px;
}

.tweet a
{
    color:#fff;
}

/** Social Media Icons **/

#social-icons
{
  float:right;
  margin:545px 0 0 20px;
}

#social-icons li
{
   float:left;
}

#social-icons a
{
   display:block;
   width:20px;
   height:20px;
   background:transparent url(i/bg-social-icons.jpg) no-repeat 0 0;
   margin:6px 6px 0 0;
   text-indent:-9000px;
}

#social-icons li.linkedin a
{
    background-position: 0 0;
}

#social-icons li.twitter a
{
    background-position:-27px 0;
}

#social-icons li.facebook a
{
    background-position:-54px 0;
}

/****************************************
03. Services Menu
*****************************************/

#view-our-services
{
    position:absolute;
    top:493px;
    right:0px;
    cursor:pointer;
    z-index: 11;
}

#services-menu
{
    position: absolute;
    right: 10px;
    height: 364px;
    width: 300px;
    padding-top:20px;
    z-index: 20;
    display:none;
    bottom:112px;
    background: #eeeeec url(i/bg-services-menu-panel.gif) repeat-x 0 0;
}

#services-menu ul
{
     border-top:#cfd0d0 1px solid;
}

#services-menu li
{
  
    height:48px;
    line-height: 48px;
    padding-left:20px;
    background:transparent url(i/bg-services-menu-item.gif) repeat-x 0 0;
    position:relative;
}

#services-menu li.current, #services-menu li:hover
{
    background:transparent url(i/bg-services-menu-item-current.gif) repeat-x 0 0;
}

#services-menu a
{
    text-decoration: none;
    color: #525858;
    font-size:13px;  
    line-height: 48px;
    display:block;
}

#services-menu li.current a
{
    color:#5C9AD3;
    font-weight: bold;
}


/****************************************
04. Slider Items
*****************************************/




#slider-items-wrapper
{
    position: absolute;
    top: 97px;
    left: 10px;
    overflow: hidden;
    width: 640px;
    height: 390px;
    z-index:19;

}

#slider-items
{
    position:relative;
    width:640px;
    height:384px;
}

.slider
{
    position:absolute;
    top:0px;
    left:0px;
    margin-left:800px;
    width:610px;
    height:354px;
    padding:30px 0 0 30px;
    background-color:#fff;
    background-position: right 0;
    background-repeat:no-repeat;
}

div.acquisitions
{
    background-image: url(i/banner-acquisitions.jpg);
}

div.administrative
{
    background-image:  url(i/banner-administrative.jpg);
}

div.information
{
   background-image:  url(i/banner-information-it.jpg);
}

div.contract
{
   background-image: url(i/banner-contract.jpg);
}

div.emergency
{
    background-image: url(i/banner-emergency.jpg);
}

.slider h2
{
    color:#5C9AD3;
    font:27px/30px Arial;
    width:270px;
    padding-bottom:10px;
}

.slider p
{
    width:270px;
    line-height: 24px;
    color:#515757;
}

.slider a
{
   color:#5C9AD3;
   text-decoration:none;
}

/****************************************
05. Bottom Columns
*****************************************/

.column h2
{
    color:#4a0a31;
    font-size:19px;
}

#content-bottom
{
    padding:20px 0 0 0;
    background:transparent url(i/bg-fade-bottom.png) no-repeat center bottom;
    height:226px;
}

#content-bottom li
{
    background: transparent url(i/bg-cross-bullet-gray.gif) no-repeat 0 12px;
    padding: 7px 0 7px 10px;
    border-top:1px solid #e0ddd6;
    color:#4A0A31;
}

.column a
{
    color:#4A0A31;
    text-decoration:none;
}

.column h2
{
    padding:18px 0 7px;
}

#content-bottom .column
{
    float:left;
}

#left-column
{
    width:240px;
    margin-right:20px;
}

#middle-column
{
    width:295px;
    margin-right:20px;
}

#right-column
{
    width:380px;
}

/****************************************
06. ie6 Rules
*****************************************/

body.ie6 #slider-items-wrapper
{
    top:96px;
}


/****************************************
07. Overlay
*****************************************/

#overlay
{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:#4a0b31;
    opacity: .95;
    filter:alpha(opacity=95);
    z-index:1501;
    zoom:1;
}

#popup-wrapper
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:2000 !important;
    width:100%;
    text-align:center;
}

#skip-intro
{
	color:#FFF;
	text-decoration:none;
}

#popup
{
    padding:150px 0 0 0;
}

#popup-close
{
    position:absolute;
    z-index:2100 !important;
    top:-510px;
    right:50px;
    cursor:pointer;
	opacity:0;
}