html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

*{
    outline:0;   
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color:#8cc5d5;
    text-decoration:none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr, #tinymce hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
img{
    display:block;   
}

body{
    font-family:Tahoma, sans-serif;
    font-size:12px;
    color:#5a4a46;
}
#header {
    width:980px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}

#menuwrap {
    width:100%;
    background:#575757;
    position: relative;
    z-index: 1;
}

#menu {
    width:980px;
    margin:0 auto;
}

#menu ul {
    width:100%;
    display:table;
}

#menu ul li {
    display:table-cell;
    border-right:1px solid #818181;
}

#menu ul li:last-child{
    border:0;      
}

#menu li a{
    display:block;
    line-height:41px;
    height:41px;
    font-size:16px;
    color:#FFF;   
    text-decoration:none;
    text-align:center;
    text-transform: uppercase;
    transition:all 0.3s;
}

#menu li a.active, #menu li a:hover{
    color:#43e0f1;
}

#logo {
    float:left;
    display:block;
    margin:15px 0;
}

#topmenu {
    position:absolute;
    z-index:2;
    right:0;
    top:0;
}

#topmenu ul{
    list-style-type:none;      
}

#topmenu li{
    float:left;
    border-bottom:4px solid #1aa0c0;
    transition:all 0.3s;
}

#topmenu li:hover{
    border-bottom:4px solid #b1b1b1;
}

#topmenu li:hover>a{
    color:#FFF;
    background:#1aa0c0;
}

#topmenu li a{
    border-right:1px solid #d8d8d8;
    transition:all 0.3s;
}

#topmenu li:last-child a{
    border:0;
}

#topmenu li a{
    display:block;
    padding:14px;
    background:#b1b1b1;
    color:#000;
    text-decoration:none;
    font-size:15px;   
    text-transform: uppercase;
}

#newslettercontainer {
    position:absolute;
    right:0;
    bottom:10px;
    padding-top:15px;
    background:url('../images/tripledot.png') no-repeat right top;
}

#nllink {
    display:block;
    height:32px;
    line-height:32px;
    padding:0 10px 0 35px;
    background:url('../images/arrow_grey_white_right.png') no-repeat 7px 50% #d9d9d9;
    color:#FFF;
    text-decoration:none;
    width:150px;
    text-align:center;
    transition:all 0.3s;
}

#nllink:hover{
    background:url('../images/arrow_grey_white_right.png') no-repeat 7px 50% #b9b9b9;
}

#footerwrap {
    width:100%;
    background:#d9d9d9;
    border-bottom:4px solid #8cc5d5;
}

footer {
    width:980px;
    margin:0 auto;
    overflow:hidden;
    padding:20px 0;
    font-size:11px;
}

footer strong {
    display:block;
}

footer .col {
    float:left;
    border-right:1px solid #aaaaaa;
    width:170px;
    line-height:15px;
    min-height:165px;
    padding:0 35px;
}

footer .col:last-child{
    border-right:0;
}

#footermenu {
    list-style-type:none;
}

#footermenu li a{
    text-decoration:none;
    color:#000;
    font-size:11px;
    display:block;
    margin-top:10px;   
}

#footer a{
    text-decoration:none;
    color:#000;
}  

#subfooter {
    text-align:center;
    font-size:11px;
    padding:30px 0;
    overflow:hidden;
}

#meandyoulink{
    float:left;
}

.subfootercontainer{
    width:980px;
    margin:0 auto;
}

#subfooter .copyright{
    float:right;
}

#maincontent {
    width:980px;
    margin:0 auto;
}

#searchbox {
    background:url('../images/tripledot.png') no-repeat left top;
    padding-top:15px;
    float:left;
}

#searchfield {
    color: #9c9b9b;
    font-size:13px;
    border:0;
    height:20px;
    line-height:20px;
    padding:0 10px;
    width:150px;
    font-size:11px;
    color: #9c9b9b;
    background:#d9d9d9;
    float:left;
}

::-webkit-input-placeholder {
    color: #9c9b9b;
    font-size:11px;
}

:-moz-placeholder { /* Firefox 18- */
    color: #9c9b9b;
    font-size:11px;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #9c9b9b;
    font-size:11px;
}

:-ms-input-placeholder {  
    color: #9c9b9b;
    font-size:11px;
}

#searchbutton {
    display:block;
    text-indent: -9999px;
    background:url('../images/searchicon.png') no-repeat 50% 50% #d9d9d9;
    width:20px;
    height:20px;
    float:left;
}

#searchform {
    overflow:hidden;
}

#searchlinks {
    list-style-type:none;
    overflow: hidden;
    padding-top:15px;
    float: left;
    margin-top: 0px;
}

#searchlinks li {
    float:left;
    margin-left:15px;
}

#searchlinks li a{
    display:block;
    color:#9c9b9b;
    font-size:11px;
    text-decoration:none;
    height:20px;
    line-height:20px;
    padding:0 35px 0 10px;
    background:url('../images/arrow_teal_right.png') no-repeat right 50% #d9d9d9;   
    transition:all 0.3s;
    text-transform: uppercase;
}

#searchlinks li a:hover{
    background:url('../images/arrow_white_right.png') no-repeat right 50% #b9b9b9;
    color:#FFF;
}

#searchline {
    overflow:hidden;
    margin: 20px 0;
}

#metropolitanlink, #chicagologo {
    display:block;
    float:right;
    border-left: 1px solid rgba(177, 177, 177, 0.5);
    text-decoration:none;
}

#chicagologo{
    border-left:0;      
}

#europeancentre {
    width:192px;
    height:199px;
    left:10px;
    top:10px;
}

.collagebox{
    display:block;
    position:absolute;   
}

.collagebox img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transition:all 0.3s;   
    z-index:1;
}

.collagebox img.hover{
    opacity:0;    
    z-index:2;
}

.collagebox:hover img.hover{
    opacity:1;
}

#greengood {
    left:10px;
    top: 219px;
    width: 192px;
    height: 198px;
}

#under40 {
    width: 193px;
    height: 408px;
    left: 213px;
    top: 10px;
}

#intlarch {
    left: 416px;
    top: 10px;
    width: 338px;
    height: 199px;
}

#joinus {
    width: 192px;
    height: 199px;
    left: 416px;  
    top: 219px;
}

#collage {
    background:#d9d9d9;
    width:100%;
    height: 427px;
    position:relative;
}

#gooddesign {
    left: 764px;
    top: 10px;
    width: 206px;
    height: 200px;
}

#europeanarch {
    left: 618px;
    top: 219px;
    width: 352px;
    height: 199px;
}

#slideshowwrap {
    width:980px;
    position:relative;
    margin: 20px 0;
}

#slideshow {
    width:980px;
    position:relative;
    z-index:1;
}

#slideprev {
    position:absolute;
    z-index:2;
    background:url('../images/nextprev.png') no-repeat;
    width:33px;
    height:33px;
    opacity:0.7;
    transition:all 0.3s;
    bottom:150px;
    left:10px;
    text-indent:-9999px;
}

#slidenext {
    position:absolute;
    z-index:2;
    background:url('../images/nextprev.png') no-repeat -33px 0;
    width:33px;
    height:33px;
    opacity:0.7;
    transition:all 0.3s;
    right:10px;
    bottom:150px;
    text-indent:-9999px;
}

#slideprev:hover, #slidenext:hover{
    opacity:1;
    cursor:pointer;
}

#slideshow img {
    width:100%;
    height:auto;
}

#captiontext {
    margin-bottom: 10px;
    padding: 10px 10px 10px 100px;
    width: 870px;

    background:url('../images/slidetext.png') no-repeat #268b96;
}

#captiontext a{
    text-decoration:none; 
}

#captiontext .slidetitle{
    color:#6f6f6e;
    font-weight:bold;
    font-style:italic;
    font-family:Georgia, serif;
    font-size:29px;
    display:block;
    line-height:33px;
}

#captiontext .slidecaption{
    color:#268b96;
    font-weight:bold;
    font-style:italic;
    font-family:Georgia, serif;
    font-size:19px;
    display:block;
    line-height:24px;
}

#bigbuttons {
    overflow:hidden;
    list-style-type:none;
    background:url('../images/bottommenu/greybg.png') repeat-x left bottom;
    height:148px;
    padding: 50px 7px 0 !important;
    border-top:15px solid #d9d9d9;
    margin-top: 20px;
}

#bigbuttons li {
    float:left;
    margin:0 5px;
}

#bigbuttons li a{
    display:block;  
    width:151px;
    height:120px;
    overflow:hidden;
    position:relative;   
}

#bigbuttons li a img{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    height:auto;
}

#bigbuttons li a img.hover{
    z-index:2;
    opacity:0;
    transition: all 0.3s;
}

#bigbuttons li a:hover img.hover{
    opacity:1;
}

.innerpage #maincontent {
    margin-top:20px;
    padding-top:10px;
    border-top:15px solid #d9d9d9;
}

#maincontent h1{
    font-size:24px;
    font-weight:normal;
    background:url('../images/cube.png') no-repeat left 50%;
    padding-left:35px;
    line-height:28px;
    margin-bottom: 30px;
}

#tellafriend {
    float:right;
    background:url('../images/tellafriend.png') no-repeat left top;
    display:block;
    line-height:30px;
    color:#8cc5d5;
    font-size:11px;
    text-decoration:none;
    padding-left:25px;
}

#newslist .readmore {
    background:url('../images/endtext.png') no-repeat;
    display:block;
    width:25px;
    height:25px;
    float:right;
}

.newtag {
    color:#8cc5d5;
    display:block;
}

.newintro {
    display:block;
}

.newtitle {
    display:block;
    font-size:14px;
    line-height:16px;
}

#newslist {
    list-style-type:none;
}

#newslist li a{
    text-decoration:none;
    border-bottom:3px solid #8cc5d5;
    display:block;
    color:#5a4a46;
    padding: 10px 10px 5px 10px;
    margin-bottom:10px;
    overflow:hidden;
    line-height:14px;   
}

#relatednews {
    padding-left:17px;
}

#relatednews span{
    display:inline-block;      
}

#relatednews a{
    text-decoration:none;   
    color:#5a4a46;   
}

#relatednews .newtitle{
    font-size:12px;      
}

#maincontent h3, #tinymce h3 {
    display:block;
    font-size:14px;
    line-height:16px;
    font-weight:normal;
    margin-bottom:10px;
}

#relatednews li {
    margin-bottom:10px;
}

#formleft {
    width: 450px;
    padding:0 20px;
    border-right:1px dashed #5a4a46;
    float:left;
    min-height: 370px;
}

#formright {
    width: 432px;
    float:left;
    padding: 0 17px 0 35px;
}

.form {
    overflow:hidden;
}

.form label {
    width:100%;
    overflow:hidden;
    margin-bottom:10px;
    display:block;
}

.form label.halfsize{
    width: 332px;
    float:left;
}

#contactform label.ultrasmall span{
    width:50px;   
}

.form label.ultrasmall{
    width: 132px;
    float:left;
    margin-left: 20px;
}

.form label.ultrasmall input{
    width: 60px !important;   
}

.form label span{
    display:block;   
    width:200px;
    float:left;
    line-height:23px;   
}

.form label input[type="text"], .form label textarea{
    float:left;
    width: 210px;
    border:1px solid #c9c5c5;
    height:23px;
    line-height:23px;
    padding:0 10px;
    color:#AAA;
    box-shadow: inset 0px 0px 15px #DDD;
}

#contactform label span{
    width:100px;   
}

.form label textarea{
    width:858px;
    height:100px;
    resize:none;
}

#prizeform .submitbutton, #contactform .submitbutton, #notifyfriend .submitbutton, #memberform .submitbutton, #newsletterform .submitbutton{
    float:right;
    background: url('../images/arrow_white_teal_right.png') no-repeat 98px 50% #8cc5d5;
    color:#FFF;
    text-decoration:none;
    display:block;
    height:25px;
    line-height:25px;
    width:100px;
    padding:0 10px;
    margin-top:30px;
}

#loader {
    float:right;
    margin-right:10px;
    margin-top:35px;
    display:none;
}

#percentage {
    float:right;
    margin-right:5px;
    margin-top:37px;
    color:#CCC;
    display:none;
}

.noticehead {
    display:inline-block;
    background:#c5c5c5;
    font-size:14px;
    color:#000;
    padding:3px;
}

#noticetext {
    display:inline-block;
    padding:3px;
    background:#8cc5d5;
    color:#FFF;
    margin-top:3px;
    min-width: 974px;
}

#notice {
    margin-top:10px;
}

.substitutefile {
    display:block;
    float: left;
    width: 190px;
    border: 1px solid #c9c5c5;
    height: 23px;
    line-height:23px;
    text-decoration:none;
    font-size:14px;
    color:#5A4A46;
    padding: 0 30px 0 10px;
    box-shadow: inset 0px 0px 15px #DDD;
    background: url('../images/upload.png') no-repeat 207px 50%;
    overflow: hidden;
}

input[type="file"]{
    display:none;
}

#maincontent p{
    margin-bottom:10px;
    line-height:15px;
}

#contactform p{
    margin-bottom:30px;   
}

p.error{
    color:#FF0000;
}

#maincontent ul, #tinymce ul{
    padding-left:20px;
}

#maincontent hr, #tinymce hr{
    display:block;
    height:0;
    width:100%;
    border:0;
    bakground:transparent;
    border-bottom:3px solid #8cc5d5;
    margin:10px 0;
    position:relative;
    padding-top:35px;
}

#maincontent hr:before, #tinymce hr:before{
    content:'';
    display:block;
    width:25px;
    height:25px;
    float:right;
    background:url('../images/endtext.png') no-repeat;
    position:absolute;
    right:0;
    top:0;
}

#maincontent{
    line-height:18px;
}

.sisea-result-pages{
    display:inline-block;
    margin-right:10px;
}

#memberform #formleft label{
    margin-bottom:3px;
}

#memberform #formleft p{
    margin-bottom:15px;   
}

.form input.error{
    border:1px dotted #FF0000 !important;
    color:#FF0000;
}

form label.error{
    color:#FF0000;
}

input[type="radio"]{
    margin-top:0;
    padding-top:0;
}

.peopletable tr td{
    padding:0 15px;
    border-right:1px dashed #222221;
}

.peopletable tr td:last-child{
    border-right:0;
}
#quoteimage {
    float:right;
    width:700px;
    height:292px;
    overflow:hidden;
}

#quoteimage img{
    width:100%;
    height:auto;
}

#quotecontainer {
    float:left;
}

#quote {
    position:relative;
    float: left;
    width: 265px;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    line-height: 22px;
    font-family: 'Georgia', serif;
}

#quote:before{
    content:'';
    display:inline-block;
    background:url('../images/openquote.png') no-repeat;
    width:39px;
    height:28px;
    margin-right: 5px;
    position:relative;
}

#quote:after{
    content:'';
    display:inline-block;
    background:url('../images/closequote.png') no-repeat;
    width:39px;
    height:28px;
    margin-left: 10px;
    position: absolute;
    bottom: -10px;
}

#imagequote {
    overflow:hidden;
}


#cmstext{
    margin-top:20px;
    overflow:hidden;
}

#cmstext ul{
    margin-bottom:10px;   
}
#logoposition {
    margin-bottom:30px;
}

#apparchivelinks {
    list-style-type:none;
    overflow:hidden;
    float: right;
    margin-top: 20px;
}

#apparchivelinks li{
    float:left;
    margin-left: 20px;
    background:url('../images/tripledot.png') no-repeat left top;
}

#apparchivelinks li a{
    display:block;
    background:url('../images/archive.png') no-repeat right top;
    padding-right: 55px;
    padding-top: 20px;
    font-size: 10px;
    color: #9c9b9b;
    transition:all 0.3s;
}

#apparchivelinks li a:hover{
    background:url('../images/archive_hover.png') no-repeat right top;
}


#tinymce p{
    margin-bottom:10px;
    line-height:15px;
}

#tinymce ul li{
    line-height:15px;
}

#tinymce ul, #maincontent ul{
    margin-bottom:15px;
}

.awardpage #quote{
    position: relative;
    float: left;
    width: 205px;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    line-height: 34px;
    font-family: 'Georgia', serif;
    text-align: right;
}

#maincontent #sponsors{
    list-style-type:none;
    overflow:hidden;
    margin:0;
    padding:0;
}

#sponsors li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing: border-box; 
    float:left;
    padding:10px;
    width: 16.6%;
}

#sponsors li img{
    width:100%;
    height:auto;
}

.contacttable td{
    padding:0 20px;
    border-right:1px dashed #222221;
}

.contacttable td:last-child{
    border-right:0;
}

.contacttable{
    margin:0 auto;
}

#archivelist{
    overflow:hidden;
    list-style-type:none;
}

#archivelist li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing: border-box; 
    float:left;
    padding: 8px;
    width:20%;
    height: 192px;
}

#archivelist li a{
    display:block;
    position:relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#archivelist li a img{
    position:relative;
    z-index:1;
    width: auto;
    height:100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    left: 50%;
}

#archivelist li a>div{
    position:absolute;
    bottom: -200px;
    left:0;
    right:0;
    padding: 7px;
    color:#FFF;
    z-index: 2;
    background: #222222;
    font-size:10px;
    transition:all 0.3s;
    line-height:12px;
}

#archivelist li a:hover>div{
    bottom:0;
}

#archivelist li a>div p{
    margin:0;
    padding:0;
    line-height: 12px;
}

label.selectbox{
    background: url('../images/selectbox.png') no-repeat 99% 50%;

    display: block;
    float: left;
    margin-right: 20px;
}

label.selectbox span{
    display: inline-block;

    margin-right: 5px;
    font-size: 11px;
    color: #9c9b9b;
}

label.selectbox select{
    padding: 4px 9px;
    width: 150px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    border:1px solid #d6d2d1;
    color: #9c9b9b;
    font-size: 11px;
}

label.selectbox select:focus{
    outline: none;
}

#archivetag{
    overflow:hidden;
}

#archivetag img{
    float:left;
    margin-right:20px;
}

.archivestitle{
    float:left;
    font-family: 'Georgia', serif;
    font-size:24px;
    font-weight:bold;
    font-style:italic;
    clear: right;
    display: block;
    width: 820px;
    margin-bottom: 25px;
}

#maincontent #archivepaging{
    overflow:hidden;
    list-style-type:none;
    padding:0;
    margin:0 0 20px 5px;
}

#archivepaging li{
    float:left;
    margin-right:10px;
}

#archivepaging li a{
    color:#222221;
    text-decoration:none;
    display:block;
    padding:3px 5px;
    font-size:11px;
}

#archivepaging li a.active, #archivepaging li a:hover{
    background:#8cc5d5;
}

#archiveleft{
    float:left;
    width:700px;
}

#bigimage img{
    width:100%;
    height:auto;
}

#maincontent #smallimages{
    overflow:hidden;
    margin-top:10px;
    list-style-type:none;
    padding:0;
}

#smallimages li{
    float:left;
    margin-right:10px;
    width:20%;
}

#smallimages li img{
    width:100%;
    height:auto;
}

#archiveright{
    width:270px;
    float:right;
}

#archiveheading{
    float:left;
    width:700px;
    margin-bottom:10px;
    overflow:hidden;
}

#archiveheading img{
    float:right;
}

#archiveheading .line2{
    color:#FF0000;
}

#archiveheading .line1{
    margin-top:10px;
}

#archiveheading .line1, #archiveheading .line2{
    font-size:24px;
    font-weight:bold;
    font-style:italic;
    font-family:'Georgia', serif;
    line-height:28px;
}

#archiveheading span{
    display:block;
    float:left;
    width: 612px;
}

#backtoarchive{
    display:block;
    background:url('../images/tripledot.png') no-repeat left top;
    padding-top:10px;
    color:#9c9b9b;
    font-size:11px;
}

#projecttitle{
    color:#5a4a46;
    font-size:16px;
    padding:10px 0;
    border-top:1px solid #afd7e2;
    border-bottom:1px solid #afd7e2;
    font-weight:bold;
    margin:10px 0;
    overflow: hidden;
}

#archivedescription{
    padding:10px;
    background:#f8f9f3;
    height: 327px;
    overflow-y: auto;
    box-sizing: border-box;
}

#archivenav{
    overflow:hidden;
    float: right;
    margin-top: 60px;
}

#archivenav div{
    float:left;
}

#inbetween{
    line-height: 25px;
    background:#d9d9d9;
    text-align:center;
    width: 149px;
    font-size: 10px;
    margin: 0 5px;
}

#archivenav .prev, #archivenav .next{
    display:block;
    width:25px;
    height:25px;
    background:#d9d9d9;
    text-indent:-9999px;
}

#archivenav .prev{
    background:url('../images/archive_prev.png') no-repeat 50% 50% #d9d9d9;
}

#archivenav .next{
    background:url('../images/archive_next.png') no-repeat 50% 50% #d9d9d9;
}

#formslist{
    list-style-type:none;
    overflow:hidden;
}

#formslist li{
    float:left;
    width:151px;
    padding: 10px 19px;
}

#formslist li img{
    margin:0 auto;
}

#formslistwrap{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:15px solid #d9d9d9;
}

.applicationlinks{
    overflow: hidden;
    margin-top: 15px;
}

.applicationlinks a{
    display:block;
    float:left;
    color:#868585;
    padding-top: 5px;
    padding-bottom: 5px;
}

.applicationlinks a:first-child{
    background:url('../images/online.png') no-repeat left 50%;
    padding-left: 35px;
    margin-right: 25px;
}

.applicationlinks a:last-child{
    background:url('../images/postal.png') no-repeat left 50%;
    padding-left: 25px;
}

#bannerposition{
    margin:20px 0;
    overflow:hidden;
    text-align:center;
}

#bannerinner{
    display:inline-block;
    overflow:hidden;
}

#bigimage .productgallery{
    display:block;
}

#articleimages{
    float:left;
}

.socialshare{

}

#topmenu li.socialshare>a{
    position: relative;

    font-size: 20px;
    color: #FFF;
    padding: 11px;
    background: #1aa0c0;
}

.socialsharecontainer{
    position: absolute;
    max-height:0;
    top: 55px;
    left: 0;
    background: #FFF;
    z-index: 10;
    transition:all 0.8s;
    overflow:hidden;
}

.socialshareouter{
    background: #FFF;
    width: 247px;
    overflow:hidden;
    border: 4px solid #1aa0c0;
    padding: 10px;
}

.socialshare:hover .socialsharecontainer{
    max-height:400px;
}

.firstline{
    float: left;

}

.secondline{
    float: left;

    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #bfbfbf;
    width: 100%;
}

.shares{

}

.shareiconsmall{
    overflow: hidden;

    width: 217px;
    float: left;
}

#topmenu li .shareiconsmall a{
    border: 0;

    font-size: 10px;
    float: left;
    color: #000;
    background: transparent;
    padding: 6px 8px 0 0;
    text-transform: none;
    width: 100px;
    line-height: 14px;
}

.shareiconsmall i{
    display: inline-block;
    width: 14px;
    text-align: center;
    font-size: 12px;
    color: #999999;
    transition: all 0.3s;
}

.shareiconsmall a:hover i{
    color: #1aa0c0;;
}

.sharedeco i{
    color: #999999;

}

.sharedeco{
    float: left;

    font-size: 30px;
    line-height: 45px;
    height: 45px;
}

.shareemail i, .watchyoutube i{
    font-size: 21px;
    float: left;
    margin-right: 5px;
    color: #999999;
    transition: all 0.3s;
}

.shareemail:hover i, .watchyoutube:hover i{
    color: #1aa0c0;
}

#topmenu li .shareemail{
    float: left;
    width: 50%;
    background: none;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 11px;
    padding-right:10px;
    text-transform: none;
    line-height: 21px;
    color: #1aa0c0;
    border-right: 1px solid #bfbfbf;
}

#topmenu li .watchyoutube{
    float: left;
    width: 50%;
    background: none;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 11px;
    padding-left:10px;
    text-transform: none;
    line-height: 21px;
    color: #1aa0c0;
}

#socialline{
    position:absolute;
    top: 70px;
    right:0;
    list-style-type: none;
}

#socialline li{
    float:left;
    margin-left: 15px;
}

#socialline li a{
    width:30px;
	display:inline-block;
	vertical-align:top;
    opacity:0.7;
}

#socialline li a img{
	display:block;
	width:100%;
	height:auto;
}

#socialline li a:hover{
    opacity:1;
}