p {
-webkit-text-size-adjust: none; /* preventing iPhone from scaling text automatically */
}

/* creates a column with fixed height to avoid page to change flow on hover*/
ul.case_list:before {
content:" ";
float: left;
height: 220px;
width: 1px;
opacity: 0;
filter: alpha(opacity=0); /* MSIE */
}

ul.case_list:after {
content:" ";
float: left;
height: 220px;
width: 1px;
opacity: 0;
filter: alpha(opacity=0); /* MSIE */
}

ul.case_list {
margin: 0px;
white-space: nowrap;
vertical-align: bottom;
}

ul.case_list li {
list-style: none;
height: 131px;
overflow: hidden;
background: #404040;
position: relative;
float: left;
margin: 2px;
padding: 0px;
        transition: all 1000ms;
     -o-transition: all 1000ms; /* Opera: */
   -moz-transition: all 1000ms; /* Firefox: */
-webkit-transition: all 1000ms; /* Safari and Chrome: */
}

ul.case_list li:hover {
height: 180px;
padding-top: 22px;
opacity: 1.00;
filter: alpha(opacity=100); /* MSIE */
        transition: all 150ms;
     -o-transition: all 150ms; /* Opera: */
   -moz-transition: all 150ms; /* Firefox: */
-webkit-transition: all 150ms; /* Safari and Chrome: */
}

ul.case_list li.child_1:hover { background: #254d7e; }
ul.case_list li.child_2:hover { background: #37A759; }
ul.case_list li.child_3:hover { background: #8CB94B; }
ul.case_list li.child_4:hover { background: #BEB933; }
ul.case_list li.child_5:hover { background: #B36435; }
ul.case_list li.child_6:hover { background: #a73737; }
ul.case_list li.child_7:hover { background: #94449e; }
ul.case_list li.child_8:hover { background: #6938cb; }

ul.case_list li a img {
width: 92px;
opacity: 1;
position: relative;
filter: alpha(opacity=100); /* MSIE */
        transition: all 300ms;
     -o-transition: all 300ms; /* Opera: */
   -moz-transition: all 300ms; /* Firefox: */
-webkit-transition: all 300ms; /* Safari and Chrome: */
}

ul.case_list li p.year {
color: #FFF;
font-size: 20px;
margin: 0px;
position: absolute;
top: 0px;
left: 15px;
}

ul.case_list li p.cover {
color: #FFF;
margin: 0px;
}

ul.case_list li p.client {
white-space: normal;
color: #FFF;
font-size: 12px;
margin: 0px;
width: 92px;
overflow: hidden;
}

ul.case_list li p.client a {
color: #FFF;
}







ul.points {
list-style: none;
margin-left: 0px;
width: 514px;
}

ul.points li:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

ul.points li:nth-child(2) {
}

ul.points li:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

ul.points li {
overflow: hidden;
height: 60px;
margin-left: 0px;
margin-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
background:#666;
border: 0px;
        transition: all 300ms;
     -o-transition: all 300ms; /* Opera: */
   -moz-transition: all 300ms; /* Firefox: */
-webkit-transition: all 300ms; /* Safari and Chrome: */
}

ul.points li.child_1:hover {
background:#8CB94B;
}

ul.points li.child_2:hover {
background:#BEB933;
}

ul.points li.child_3:hover {
background:#A73737;
}


ul.points li h2 {
color: #CCC;
font-size: 22px;
margin-top: 20px;
}

ul.points li p {
color: #CCC;
margin-top: 5px;
}

ul.points li:hover p {
color: #000;
}

ul.points li:hover h2 {
color: #FFF;
}

ul.points li:hover h3 {
color: #FFF;
}

/* creates a column with fixed height to avoid page to change flow on hover*/
ul.points:before {
content:" ";
float: left;
width: 1px;
opacity: 0;
filter: alpha(opacity=0); /* MSIE */
}

ul.points li:hover {
        transition: all 300ms;
     -o-transition: all 300ms; /* Opera: */
   -moz-transition: all 300ms; /* Firefox: */
-webkit-transition: all 300ms; /* Safari and Chrome: */
}

ul.points li:hover a {
color: #FFF;
}




ul.points#recent_work {
width: 240px;
float: right;
position: relative;
}

ul.points#recent_work li h2 {
color: #FFF;
}

ul.points#recent_work li img {
width: 240px;
height: 360px;
position: relative;
left: -10px;
}

ul.points#recent_work li.child_2 {
height: 360px;
}

ul.points#recent_work li.child_3 {
height: 60px;
}







ul#product_overview:before {
height: 540px;
}

ul#product_overview {
}

ul#product_overview li:hover {
height: 200px;
}

ul.points#product_overview li.child_1 {
height: 140px;
}

ul.points#product_overview li.child_2 {
height: 130px;
}

ul.points#product_overview li.child_3 {
height: 210px;
}

ul.points#product_overview li {
        transition: all 300ms;
     -o-transition: all 300ms; /* Opera: */
   -moz-transition: all 300ms; /* Firefox: */
-webkit-transition: all 300ms; /* Safari and Chrome: */
}





ul.points#new_features li.child_1 {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

ul.points#new_features {
}

ul.points#new_features li {
height: 60px;
}

ul#new_features:before {
height: 290px;
}

ul#new_features li:hover {
height: 150px;
}







ul#additional_services:before {
height: 350px;
}

ul.points#additional_services {
width: 240px;
float: right;
}

ul.points#additional_services li {
height: 35px;
}

ul.points#additional_services li:hover {
height: 140px;
}

ul.points#additional_services li h3 {
border: 0px none black;
font-weight: bold;
margin-top: 10px;
font-size: 14px;
}

ul.points#additional_services li.child_1 {
background:#254d7e;
height: 40px;
}

ul.points#additional_services li.child_1 h3 {
color: #FFF;
}

ul.points#additional_services li.child_2:hover {
background:#37A759;
}

ul.points#additional_services li.child_3:hover {
background:#8CB94B;
}

ul.points#additional_services li.child_4:hover {
background:#BEB933;
}

ul.points#additional_services li.child_5:hover {
background:#B36435;
}

ul.points#additional_services li.child_6:hover {
background:#A73737;
}

ul.points#additional_services li.child_7:hover {
background:#a73764;
}














iframe {
border: 1px solid #666;
}







div.slideshow {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}

div.slideshow img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}

div#text_tomms_statement {
padding-top: 20px;
background: #FFF;
}

div#text_tomms_statement img {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

div#slides_chaos_statement {
float: right;
height: 475px;
overflow: hidden;
z-index: 200;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-style: none;
border-color: #000;
border-width: 1px;"
}



div#YouTubeVideo {
width: 511px;
height: 287px;
overflow: hidden;
border: 1px solid #666;
left: 1px;
position: relative;
}