/*********************************
Laing + Simmons

Desktop style sheet 

#ffdd00 yellow
#008193 teal
#003246  d blue



#FONTS
#WRAPPERS
#CONTAINERS
#INTERNAL CONTAINERS
#CONTAINER CLASSES

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

*{
    margin:0px;
    padding:0px;
    font-family: Arial, sans-serif;
    
}

img, div { behavior: url(/scripts/iepngfix.htc) } 


/*********************************
#FONTS
**********************************/

h1{

font-size: 29px;
color: #ffffff;
font-weight: normal;
margin-bottom: 15px;
}


h2{

font-size: 14pt;
color: #003246;
font-weight: bold;
}

.menu-item h2{
font-weight: normal;
font-size: 18pt;
color: #ffffff;

}



h3{

font-size: 14pt;
color: #003246;
margin-bottom: 15px;
font-weight: normal;
}

h4{

font-size: 14pt;
color: #003246;
margin-bottom: 15px;
font-weight: normal;
}



p{
color: #000000;
padding-bottom: 20px;
font-size: 15px;
}
.heading{

padding-bottom: 0px;
}


td{
color: #6a6a6a;
}


a{
text-decoration: none;
color: #000000;
}


#footer_container a{
color: #003246;
font-size: 10pt;

}
#footer_container p{
color: #003246;
font-size: 10pt;
padding-bottom: 8px;
}


ul{
list-style-image: url('/../images/list.png');
list-style-position: inside;
padding: 10px;
}
#footer_container ul{
list-style-type: none;
padding: 0;
margin: 0;
}


ol{
list-style-position: inside;
padding: 10px;

}

li{
color: #6a6a6a;
margin-bottom: 10px;
}
#content_wrapper li a{
color: #6a6a6a;
}

hr{


width: 100%;
color: #003246;
border-top: 5px solid #003246;
border-bottom: none;
border-left: none;
border-right: none;

margin-bottom: 20px;
margin-top: 10px;
}


/*********************************
#WRAPPERS
**********************************/
body{
min-width: 1024px;
background:  #ffffff;
}


#top_wrapper{

background: #003246;
width: 100%;

}


#content_wrapper{

background:  #ffffff url(/../images/bg-content.png) repeat-x;
background-position: bottom;
width: 100%;
}

#footer_wrapper{

background:  #ffffff;
width: 100%;
}


/*********************************
#CONTAINERS
**********************************/

#header_container{

width: 1024px;
height: 160px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background: #003246;
overflow: hidden;
}


#content_container{

width: 1024px;
height: auto;
min-height: 400px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background: none;
overflow: hidden;


}

#inner_container{

width: 1024px;
height: auto;
min-height: 748px;
margin-top: 65px;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;


background: #ffffff;
}


#footer_container{

width: 1024px;
height: auto;
min-height: 200px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background: none;
overflow: hidden;
padding-top: 0px;
text-align: left;

}

/*********************************
#CONTAINER CLASSES
**********************************/


.shadow{

  -moz-box-shadow:    0px 0px 10px 6px #d1d1d1;
  -webkit-box-shadow: 0px 0px 10px 6px #d1d1d1;
  box-shadow:         0px 0px 10px 6px #d1d1d1;

}

.clear{
	clear: both;
}


.float-right{
float: right;
}


/*********************************
#INTERNAL CONTAINERS
**********************************/

#logo{

width: 700px;
height: 166px;
display: block;
float: left;
background: url(/../images/L+S-logo.png) no-repeat;
}

.main-header{

width: 964px;
height: 30px;
margin-bottom: 0px;
background: #003246;

padding:30px;

}

.back-arrow{
width: 70px;
height: 90px;
margin-top: -30px;
margin-left: -30px;
background: url(/../images/back-arrow.png) center 34px no-repeat;
display: block;
float: left;
}


.main-content{

width: 1024px;
height: 568px;


padding:0;
float: left;
display: block;
}



.left-column{
width: 615px;
float: left;
height: 568px;
background: #e5e5e5;
padding: 0;
}


.right-column{
width: 359px;
float: right;
height: 543px;
background: #ffffff;
padding: 25px 25px 0 25px;

}

.favourite-star-blue{
width: 45px;
height: 45px;
display: block;
float: right;
background: url(/../images/fav-in-copy.png) center no-repeat;
}

.favourite-star-yellow{
width: 45px;
height: 45px;
display: block;
float: right;
background: url(/../images/fav-in-copy-select.png) center no-repeat;
}



.right-column-heading{
width: 250px;
float: left;
height: auto;
min-height: 50px;
background: #ffffff;
margin-bottom: 20px;
}

.right-column-content{
width: 359px;
float: left;
height: 470px;
background: #fff;

overflow-y: auto; overflow-x:hidden;

}
.prospecting-video{
margin-bottom: 30px;

}


.nav-bar{

width: 1024px;
height: 90px;
background: #ffffff;
display: block;
margin-bottom: 0px;
float: left;
}


.button{
width: 204px;
height: 90px;
background-color: #003246;
display: block;
float: left;
}

.border-right{
border-right: 1px solid #ffffff;
}

.home{
background:  #003246 url(/../images/nav/home.png) center no-repeat;
}
.home:hover, .home.curr{
background:  #003246 url(/../images/nav/home-selected.png) center no-repeat;
}

.favourites{
background:  #003246 url(/../images/nav/fav.png) center no-repeat;
}
.favourites:hover, .favourites.curr{
background:  #003246 url(/../images/nav/fav-selected.png) center no-repeat;
}

.events{
background:  #003246 url(/../images/nav/events.png) center no-repeat;
}
.events:hover, .events.curr{
background:  #003246 url(/../images/nav/events-selected.png) center no-repeat;
}


.agents{
background:  #003246 url(/../images/nav/agents.png) center no-repeat;
}
.agents:hover, .agents.curr{
background:  #003246 url(/../images/nav/agents-selected.png) center no-repeat;
}
.find{
background:  #003246 url(/../images/nav/find.png) center no-repeat;
}
.find:hover, .find.curr{
background:  #003246 url(/../images/nav/find-selected.png) center no-repeat;
}


.mobile{

width: 349px;
margin-left: -25px;

padding-left: 25px;
padding-right: 35px;
padding-top: 20px;
padding-bottom: 20px;
background: #e5e5e5 url(/../images/mobile.png) 350px 20px no-repeat;
}
.office{
width: 349px;
margin-left: -25px;

padding-left: 25px;
padding-right: 35px;
padding-top: 20px;
padding-bottom: 20px;
background:  url(/../images/office-ph.png) 350px 20px  no-repeat;
}
.email{
width: 349px;
margin-left: -25px;

padding-left: 25px;
padding-right: 35px;
padding-top: 20px;
padding-bottom: 20px;
background: #e5e5e5 url(/../images/email.png) 350px 20px  no-repeat;
}
.address{
width: 349px;
margin-left: -25px;

padding-left: 25px;
padding-right: 35px;
padding-top: 20px;
padding-bottom: 20px;
background:  url(/../images/address.png) 350px 20px  no-repeat;
}



.grey{

background: #e5e5e5 url(/../images/yellow-arrow.png) 930px center no-repeat;
}
.white{

background: #ffffff url(/../images/yellow-arrow.png) 930px center no-repeat;
padding-top: 15px;
padding-bottom: 15px;
}



.full-column{

width: 1024px;
height: 553px;
display: block;
background: #ffffff;
overflow-y: auto; overflow-x:hidden;
padding-top: 15px;
}

.video-item{

width: 1009px;
float: left;

display: block;
 opacity: 1;
 
}


.video-item:hover{
opacity: 0.8;
}



.video-img{
width: 84px;
height: 69px;
float: left;
padding-left: 30px;
background: none;
}

.play{
width: 84px;
height: 69px;
background:  url(/../images/select-button-on-videos.png) center no-repeat;
display: block;
margin-top: -73px;
position: relative;
z-index: 2;
}
.play:hover{
background:  url(/../images/select-button-on-videos-selected.png) center no-repeat;

}

.video-img img{

}

.video-txt{
float: left;
width: 640px;
padding-left: 20px;
padding-right: 220px;
padding-top: 22px;
overflow: hidden;
height: 37px;
}

.video-txt p{
padding-bottom: 0;
}


.icon-video{
width: 84px;
height: 68px;
background:  url(/../images/hm-icon-video.png) center no-repeat;
display: block;
}
.icon-audio{
width: 84px;
height: 68px;
background:  url(/../images/hm-icon-audio.png) center no-repeat;
display: block;
}
.icon-documents{
width: 84px;
height: 68px;
background:  url(/../images/hm-icon-doc.png) center no-repeat;
display: block;
}
.icon-letters{
width: 84px;
height: 68px;
background:  url(/../images/hm-icon-letters.png) center no-repeat;
display: block;
}
.icon-marketing{
width: 84px;
height: 68px;
background:  url(/../images/hm-icon-marketing2.png) center no-repeat;
display: block;
}
.icon-events{
width: 84px;
height: 68px;
background:  url(/../images/hm-icon-event.png) center no-repeat;
display: block;
}
.icon-agent{
width: 84px;
height: 68px;
background:  url(/../images/hm-icon-agent.png) center no-repeat;
display: block;
}
.icon-contact{
width: 84px;
height: 68px;
background:  url(/../images/hm-icon-contact.png) center no-repeat;
display: block;
}

.icon-regulations{
width: 84px;
height: 68px;
background:  url(/../images/hm-icon-regulations.png) center no-repeat;
display: block;
}

.icon-ideas{
width: 84px;
height: 68px;
background:  url(/../images/hm-icon-ideas2.png) center no-repeat;
display: block;
}




.full-column2{

width: 1024px;
height: 559px;
display: block;
background: #ffffff;
overflow: hidden;
padding-top: 5px;
}




.menu-item{
height: 79px;
width: 1024px;
float: left;
display: block;
 opacity: 1;
 border-top: 1px solid #ffffff;
 background: #003246 url(/../images/yellow-arrow.png) 930px center no-repeat;

}


.menu-item:hover{
 background: #003246 url(/../images/yellow-arrow.png) 930px center no-repeat;
opacity: 0.9;
}



.full-column3{

width: 1024px;
height: 559px;
display: block;
background: #e5e5e5;
overflow: hidden;
padding-top: 5px;
}


.login{

width: 420px;
height: 220px;
border: 1px solid #ffffff;
margin-left: 260px;
margin-top: 110px;
padding: 40px;

}

input{
width: 395px;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ffffff;
}

label{
margin-top: 10px;
display: block;
padding-bottom: 5px;
color: #003246;
font-weight: bold;
}

.error{
float: right;
color: #008193;
font-size: 10pt;
}



button{
width: 100px;
padding: 10px;
background: #008193;
border: 0;
color: #ffffff;
font-size: 12pt;
float: right;
margin-top: 10px;
}

.left-list{
width: 502px;
float: left;
height: auto;
min-height: 100px;
background: none;
padding: 0 10px 0 0;
}


.right-list{
width: 480px;
float: right;
height: auto;
min-height: 100px;
background: none;
padding: 0 10px 0 20px;
border-left: 2px solid #003246;
}



.web_icon{

height: 40px;
width: 40px;
display: block;
float: left;
margin-left: 32px;
margin-top: 10px;

padding: 2px;

background: none;

  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
          
          
}

.web_icon:hover{

height: 40px;
width: 40px;

background: #eeeeee;
border-radius: 3px 3px 3px 3px;
display: block;
float: left;
margin-left: 32px;
margin-top: 10px;
padding: 2px;
}




/*********************************
#TOP NAVIGATION
**********************************/

#navigation{

width: 420px;
margin-left:0px;
margin-top: 40px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 25px;
padding-bottom: 0px;
background: none;
clear: both;
float: left;

}

#navigation ul{
padding: 0;
}

#navigation li{

width: auto;
height: 25px;
display: block;
float: left;
padding-right: 10px;
list-style-position: outside;
margin-left: 10px;
list-style-type: none;
text-align: center;
border-right: 1px solid #dcdcdc;
}

#navigation li:hover{

}


#navigation li a{

width: auto;
height: 25px;
color: #323232;
font-size: 12pt;
font-weight: normal;
text-decoration: none;
display: block;

}

#navigation li a:hover{

text-decoration: none;
color: #c6022c;
display: block;

}