/* This sets the color at the bottom of the communication img's. change the hex value that starts with: #  
use photoshop or see http://www.webmonkey.com/reference/Color_Charts as a reference  */

.node-type-communication .field-item-2  img { border-color: #E72E1B; } 
.node-type-communication .field-item-3  img { border-color: #5AB335; }
.node-type-communication .field-item-4  img { border-color: #2A3D92; } 
.node-type-communication .field-item-5  img { border-color: #EF691A; }
.node-type-communication .field-item-6  img { border-color: #790B14; } 
.node-type-communication .field-item-7  img { border-color: #545454; }
.node-type-communication .field-item-8  img { border-color: #0E5B29; } 
.node-type-communication .field-item-9  img { border-color: #F4E914; }
.node-type-communication .field-item-10 img { border-color: #148FB9; }
// .node-type-communication .field-item-11 img { border-color: #BFD620; }
// .node-type-communication .field-item-12 img { border-color: #DBAD84; }
.node-type-communication .field-item-11 img { border-color: #9da06d; } // Brown
.node-type-communication .field-item-12 img { border-color: #8c83fc; } // Lilac

.node-type-communication .field-item-13 img { border-color: #CD4B94; }
.node-type-communication .field-item-14 img { border-color: #E6001C; } 
.node-type-communication .field-item-17 img { border-color: #313131; }
.node-type-communication .field-item-16 img { border-color: #AA2383; }
.node-type-communication .field-item-13 img { border-color: #82BF30; }
.node-type-communication .field-item-18 img { border-color: #F0EB15; }
.node-type-communication .field-item-19 img { border-color: #F0EB15; }

/* This sets the color of the background boxes on the home section. *only* change the hex value that starts with: background-color: #
.views-row-'#' is the box number your changing, the image on the change order page for a reference  */

.section-homeed .views-row-1, .section-homead .views-row-1, .front .views-row-1 { height:110px; left:315px; top:11px; width:85px; background-color: #E82E1B; }
.section-homeed .views-row-2, .section-homead .views-row-2, .front .views-row-2 { height:110px; left:315px; top:134px; width:85px; background-color: #5AB335; }
.section-homeed .views-row-3, .section-homead .views-row-3, .front .views-row-3 { height:63px; left:315px; top:257px; width:85px; background-color: #2A3D92; }
.section-homeed .views-row-4, .section-homead .views-row-4, .front .views-row-4 { height:63px; left:315px; top:333px; width:85px; background-color: #AD0A1D; }
.section-homeed .views-row-5, .section-homead .views-row-5, .front .views-row-5  { height:111px; left:315px; top:409px; width:85px; background-color: #313131; }

.section-homeed .views-row-6, .section-homead .views-row-6, .front .views-row-6 { height:150px; left:413px; top:11px; width:202px; background-color: #EE681A; }
.section-homeed .views-row-7, .section-homead .views-row-7, .front .views-row-7 { height:81px; left:413px; top:174px; width:107px; background-color: #7A0C15; }
.section-homeed .views-row-8, .section-homead .views-row-8, .front .views-row-8 { height:81px; left:413px; top:268px; width:107px; background-color: #BFD620; }
.section-homeed .views-row-9, .section-homead .views-row-9, .front .views-row-9 { height:158px; left:413px; top:362px; width:107px; background-color: #DCAE85; }

.section-homeed .views-row-10, .section-homead .views-row-10, .front .views-row-10 { height:110px; left:533px; top:174px; width:82px; background-color: #666666; }
.section-homeed .views-row-11, .section-homead .views-row-11, .front .views-row-11 { height:63px; left:533px; top:333px; width:82px; background-color: #179439; }
.section-homeed .views-row-12, .section-homead .views-row-12, .front .views-row-12 { height:111px; left:533px; top:409px; width:82px; background-color: #77491E; }

.section-homeed .views-row-13, .section-homead .views-row-13, .front .views-row-13 { height:60px; left:628px; top:11px; width:81px; background-color: #2F338B; }
.section-homeed .views-row-14, .section-homead .views-row-14, .front .views-row-14 { height:226px; left:628px; top:84px; width:175px; background-color: #0A4342; }
.section-homeed .views-row-15, .section-homead .views-row-15, .front .views-row-15 { height:72px; left:628px; top:323px; width:175px; background-color: #CD4D94; }
.section-homeed .views-row-16, .section-homead .views-row-16, .front .views-row-16 { height:62px; left:628px; top:458px; width:81px; background-color: #60328B; }

.section-homeed .views-row-17, .section-homead .views-row-17, .front .views-row-17 { height:60px; left:722px; top:11px; width:81px; background-color: #797979; }
.section-homeed .views-row-18, .section-homead .views-row-18, .front .views-row-18  { height:112px; left:722px; top:408px; width:81px; background-color: #148FB9; }

.section-homeed .views-row-19, .section-homead .views-row-19, .front .views-row-19 { height:113px; left:816px; top:11px; width:82px; background-color: #0E5B29; }
.section-homeed .views-row-20, .section-homead .views-row-20, .front .views-row-20 { height:63px; left:816px; top:137px; width:82px; background-color: #482E16; }
.section-homeed .views-row-21, .section-homead .views-row-21, .front .views-row-21 { height:63px; left:816px; top:213px; width:82px; background-color: #AA2383; }
.section-homeed .views-row-22, .section-homead .views-row-22, .front .views-row-22 { height:231px; left:816px; top:289px; width:172px; background-color: #47328B; }

.section-homeed .views-row-23, .section-homead .views-row-23, .front .views-row-23 { height:150px; left:911px; top:11px; width:200px; background-color: #F5EA13; }
.section-homeed .views-row-24, .section-homead .views-row-24, .front .views-row-24 { height:77px; left:911px; top:174px; width:105px; background-color: #000000; }

.section-homeed .views-row-25, .section-homead .views-row-25, .front .views-row-25 { height:112px; left:1029px; top:174px; width:82px; background-color: #0D5C78; }

.section-homeed .views-row-26, .section-homead .views-row-26, .front .views-row-26 { height:78px; left:1001px; top:299px; width:110px; background-color: #293B8E; }
.section-homeed .views-row-27, .section-homead .views-row-27, .front .views-row-27 { height:130px; left:1001px; top:390px; width:110px; background-color: #E5001C; }


/* This sets the color of the background boxes on the archive section. *only* change the hex value that starts with: background-color: #
.views-row-'#' is the box number your changing, the image on the change order page for a reference  */

.section-archive .views-row-1 { height:110px; left:315px; top:11px; width:83px; background-color:   #CE4B95; }
.section-archive .views-row-2 { height:143px; left:315px; top:134px; width:202px; background-color: #E72C1C; }
.section-archive .views-row-3 { height:155px; left:315px; top:290px; width:105px; background-color: #F0EB15; }
.section-archive .views-row-4 { height:62px; left:315px; top:458px; width:105px; background-color:  #164B9E; }

.section-archive .views-row-5 { height:110px; left:411px; top:11px; width:106px; background-color: #82BF30; }
.section-archive .views-row-6 { height:110px; left:433px; top:290px; width:84px; background-color: #77491F; }
.section-archive .views-row-7 { height:107px; left:433px; top:413px; width:84px; background-color: #FCB212; }

.section-archive .views-row-8 { height:146px; left:530px; top:11px; width:195px; background-color:  #125B29; }
.section-archive .views-row-9 { height:259px; left:530px; top:170px; width:195px; background-color: #2A3D92; }
.section-archive .views-row-10 { height:78px; left:530px; top:442px; width:107px; background-color: #C0D622; }

.section-archive .views-row-11 { height:57px; left:650px; top:463px; width:75px; background-color:  #A4A4A4; }

.section-archive .views-row-12 { height:71px; left:738px; top:11px; width:180px; background-color:   #7A2F89; }
.section-archive .views-row-13 { height:62px; left:738px; top:95px; width:80px; background-color:    #C0D622; }
.section-archive .views-row-14 { height:110px; left:738px; top:170px; width:80px; background-color:  #EF691A; }
.section-archive .views-row-15 { height:177px; left:738px; top:343px; width:180px; background-color: #DCAE84; }

.section-archive .views-row-16 { height:110px; left:831px; top:95px; width:87px; background-color:  #47328B; }
.section-archive .views-row-17 { height:112px; left:831px; top:218px; width:87px; background-color: #303131; }

.section-archive .views-row-18 { height:163px; left:931px; top:11px; width:83px; background-color: #ffbd39; }
.section-archive .views-row-19 { height:77px; left:931px; top:219px; width:180px; background-color: #38a5cd; }
.section-archive .views-row-20 { height:63px; left:931px; top:309px; width:73px; background-color: #ff56a4; }
.section-archive .views-row-21 { height:135px; left:931px; top:385px; width:180px; background-color: #46b555; }

.section-archive .views-row-22 { height:122px; left:1027px; top:11px; width:84px; background-color: #80d4b5; }
.section-archive .views-row-23 { height:60px; left:1027px; top:146px; width:84px; background-color: #030606; }
.section-archive .views-row-24 { height:63px; left:1017px; top:309px; width:94px; background-color: #fcf455; }



/* This sets the size and top offset of the image in boxes on the home section. 
 change the 'height:' or 'width:' 'px' number to change the size of the image
 change 'margin-top:' - % number to change the top off set on landscape images
 
.views-row-'#' is the box number your changing, the image on the change order page for a reference  */

.front .views-row-1 img, .section-homeed .views-row-1 img, .section-homead .views-row-1 img { height:138px; margin-left:-21px; margin-top: -28px; width:auto; }
.front .views-row-2 img, .section-homeed .views-row-2 img, .section-homead .views-row-2 img { height:115px; width:auto; }
.front .views-row-3 img, .section-homeed .views-row-3 img, .section-homead .views-row-3 img { height: auto; width:125px; margin-top: -35%; margin-left: -19px; }
.front .views-row-4 img, .section-homeed .views-row-4 img, .section-homead .views-row-4 img { height: auto; width:87px; margin-top: -20%; }
.front .views-row-5 img, .section-homeed .views-row-5 img, .section-homead .views-row-5 img { height:128px; margin-left:-1px; margin-top:-1px; width:auto;  }

.front .views-row-6 img, .section-homeed .views-row-6 img, .section-homead .views-row-6 img { height: auto; width:204px; margin-top: -60px;  }
.front .views-row-7 img, .section-homeed .views-row-7 img, .section-homead .views-row-7 img { height: auto; width:126px; margin-top: -25%;  }
.front .views-row-8 img, .section-homeed .views-row-8 img, .section-homead .views-row-8 img { height: auto; width:110px; margin-top: -40%;  }
.front .views-row-9 img, .section-homeed .views-row-9 img, .section-homead .views-row-9 img { height:160px; width:auto; margin-left: -5px;  }

.front .views-row-10 img, .section-homeed .views-row-10 img, .section-homead .views-row-10 img { height:111px; width:auto; margin-top: -1px; }
.front .views-row-11 img, .section-homeed .views-row-11 img, .section-homead .views-row-11 img { height: auto; width:82px; margin-top: -21%; }
.front .views-row-12 img, .section-homeed .views-row-12 img, .section-homead .views-row-12 img { height:120px; width:auto; margin-top: 0%; margin-left: -7px;}

.front .views-row-13 img, .section-homeed .views-row-13 img, .section-homead .views-row-13 img { height: auto; width:81px; margin-top: -18%;   }
.front .views-row-14 img, .section-homeed .views-row-14 img, .section-homead .views-row-14 img { height:234px; width:auto; margin-top: 0;   }
.front .views-row-15 img, .section-homeed .views-row-15 img, .section-homead .views-row-15 img { height: auto; width:177px; margin-top: -28%;  }
.front .views-row-16 img, .section-homeed .views-row-16 img, .section-homead .views-row-16 img { height: auto; width:90px;  margin-top: -50%; margin-left: -4px;  }

.front .views-row-17 img, .section-homeed .views-row-17 img, .section-homead .views-row-17 img { height: auto; width:81px;  margin-top: -36%;  }
.front .views-row-18 img, .section-homeed .views-row-18 img, .section-homead .views-row-18 img { height:125px; width:auto; margin-top: -2%; margin-left: -5px; }

.front .views-row-19 img, .section-homeed .views-row-19 img, .section-homead .views-row-19 img { height:122px; width:auto; margin-left: 0px;  }
.front .views-row-20 img, .section-homeed .views-row-20 img, .section-homead .views-row-20 img { height: auto; width:83px; margin-top: -35%;   }
.front .views-row-21 img, .section-homeed .views-row-21 img, .section-homead .views-row-21 img { height: auto; width:84px;  margin-top: -8px;  }
.front .views-row-22 img, .section-homeed .views-row-22 img, .section-homead .views-row-22 img { height:232px; width:auto; margin-top: 0px; margin-left: 0px; }

.front .views-row-23 img, .section-homeed .views-row-23 img, .section-homead .views-row-23 img { height: auto; width:225px; margin-top:-15%;  }
.front .views-row-24 img, .section-homeed .views-row-24 img, .section-homead .views-row-24 img { height: auto; width:110px; margin-top: -20%; margin-left: 0;  }

.front .views-row-25 img, .section-homeed .views-row-25 img, .section-homead .views-row-25 img { height:130px; width:auto; margin-left: -14px; margin-top: -9%;  }

.front .views-row-26 img, .section-homeed .views-row-26 img, .section-homead .views-row-26 img { height: auto; width:113px; margin-top: -24%;  }
.front .views-row-27 img, .section-homeed .views-row-27 img, .section-homead .views-row-27 img { height:148px; width:auto; margin-top: 0px;  }


/* This sets the size and top offset of the image in boxes on the archive section. 
 change the 'height:' or 'width:' 'px' number to change the size of the image
 change 'margin-top:' - % number to change the top off set on landscape images
 
.views-row-'#' is the box number your changing, the image on the change order page for a reference  */


.section-archive .views-row-1 img { height:auto; width:90px; margin-top: -8px; }
.section-archive .views-row-2 img { height:auto; width:210px; margin-top: -25%;  }
.section-archive .views-row-3 img { height: 157px; width:auto; margin-left: -8px; }
.section-archive .views-row-4 img { height: 138px; width:auto; margin-top: -20px; }

.section-archive .views-row-5 img { height:142px; width:auto; margin-top: -2px; }
.section-archive .views-row-6 img { height:148px; width:auto; margin-left: -11px; margin-top: -29px;  }
.section-archive .views-row-7 img { height:118px; width:auto;  }

.section-archive .views-row-8 img { height: 185px; width:auto; margin-top: -20%; margin-left: -4px;  }
.section-archive .views-row-9 img { height:265px; width:auto;   }
.section-archive .views-row-10 img { height:auto; width:108px; margin-top: -14%;  }

.section-archive .views-row-11 img { height: auto; width:73px; margin-top: -31%; }

.section-archive .views-row-12 img { height:auto; width:195px; margin-top: -24%; }
.section-archive .views-row-13 img { height: auto; width:80px; margin-top: -10%; margin-left: 0px; }
.section-archive .views-row-14 img { height:110px; width:auto;   }
.section-archive .views-row-15 img { height: auto; width:184px; margin-top: -25%;  }

.section-archive .views-row-16 img { height: 124px; margin-top: -12px; margin-left: -3px; width:auto;   }
.section-archive .views-row-17 img { height: 116px; margin-top: -2%; width:auto;   }

.section-archive .views-row-18 img { height:164px; width:auto; margin-left: -12px; }
.section-archive .views-row-19 img { height: auto; width:180px; margin-top: -85px; margin-left: 0; }
.section-archive .views-row-20 img { height:auto; width:73px; margin-top: -25px; }
.section-archive .views-row-21 img { height: auto; width:180px; margin-top: -30px;  }

.section-archive .views-row-22 img { height:126px; width:auto; margin-top: -3%; }
.section-archive .views-row-23 img { height: auto; width:84px; margin-top: -17px; margin-left: -0px; }
.section-archive .views-row-24 img { height:auto; width:94px; margin-top: -20px;  }



/* This sets the color of the background boxes on the film section. *only* change the hex value that starts with: background-color: #
.views-row-'#' is the box number your changing, the image on the change order page for a reference  */

.section-film .views-row-1 { height:112px; left:315px; top:11px; width:98px; background-color:   #3a814a; }
.section-film .views-row-2 { height:181px; left:315px; top:136px; width:322px; background-color: #4babdb; }
.section-film .views-row-3 { height:190px; left:315px; top:330px; width:199px; background-color: #f5bd4c; }

.section-film .views-row-4 { height:112px; left:456px; top:11px; width:181px; background-color:  #f2eb59; }
.section-film .views-row-5 { height:190px; left:527px; top:330px; width:110px; background-color: #3f4040; }

.section-film .views-row-6 { height:165px; left:650px; top:11px; width:268px; background-color: #f093ba; }
.section-film .views-row-7 { height:207px; left:650px; top:189px; width:268px; background-color: #b3b3b3; }
.section-film .views-row-8 { height:111px; left:650px; top:409px; width:141px; background-color:  #90c757; }

.section-film .views-row-9 { height:87px; left:804px; top:433px; width:114px; background-color: #8b5b32; }

.section-film .views-row-10 { height:51px; left:931px; top:11px; width:180px; background-color: #48bb89; } // green
.section-film .views-row-11 { height:88px; left:931px; top:88px; width:180px; background-color: #9da06d; } // brown
.section-film .views-row-12 { height:101px; left:931px; top:189px; width:180px; background-color: #8c83fc; } // lilac
.section-film .views-row-13 { height:217px; left:931px; top:303px; width:180px; background-color: #71eaff; } // pale blue


/* This sets the size and top offset of the image in boxes on the film section. 
 change the 'height:' or 'width:' 'px' number to change the size of the image
 change 'margin-top:' - % number to change the top off set on landscape images
 
.views-row-'#' is the box number your changing, the image on the change order page for a reference  */


.section-film .views-row-1 img { height:174px; margin-top: -58px; width: auto; }
.section-film .views-row-2 img { height:auto; width:350px; margin-top: -120px;  }
.section-film .views-row-3 img { height: 191px; width:auto; margin-left: -65px; margin-top: -18px; }

.section-film .views-row-4 img { height: 200px; width:auto; margin-top: -60px; margin-left: 0px; }
.section-film .views-row-5 img { height:196px; width:auto; margin-top: -18px; }

.section-film .views-row-6 img { height:269px; width:auto; margin-top: -100px;  }
.section-film .views-row-7 img { height:210px; margin-left: -70px; margin-top: -19px;  width:auto;  }
.section-film .views-row-8 img { height: 112px; width:auto; margin-top: -19px; margin-left: -44px;  }

.section-film .views-row-9 img { height:88px; margin-left: -18px; margin-top: -18px; width:auto;   }

.section-film .views-row-10 img { width: 180px; height: auto; margin-top: -20px;  }
.section-film .views-row-11 img { width: 180px; height: auto; margin-top: -20px;  }
.section-film .views-row-12 img { width: 180px; height: auto; margin-top: -20px;  }
.section-film .views-row-13 img { width: 180px; height: auto; margin-top: -20px;  }



/* Use this to set a bespoke width for a video */

.node-type-film #node-163 /* <- add the node id number after "-" so that it looks somthing like "#node-130" search code for "id="node-" */ .emvideo-video iframe
{ width: 514px; height:514px; /* <- change "420" to the width in pixels of the video so that it looks somthing like "400px" */ }