Difference between revisions of "Team:Edinburgh UG"
| Line 1: | Line 1: | ||
| + | <!doctype html> | ||
<html> | <html> | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<title>Team:Edinburgh UG - 2016.igem.org</title> | <title>Team:Edinburgh UG - 2016.igem.org</title> | ||
| + | <meta name="generator" content="WYSIWYG Web Builder 11 Trial Version - http://www.wysiwygwebbuilder.com"> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<style type="text/css"> | <style type="text/css"> | ||
body | body | ||
| Line 561: | Line 564: | ||
font-style: normal; | font-style: normal; | ||
margin: 0 0px 0 0; | margin: 0 0px 0 0; | ||
| − | padding: | + | padding: 7px 28px 14px 13px; |
position: relative; | position: relative; | ||
text-align: left; | text-align: left; | ||
| Line 596: | Line 599: | ||
border-top-color: #000000; | border-top-color: #000000; | ||
} | } | ||
| − | # | + | #wb_CssMenu5 |
{ | { | ||
| − | border: 0px # | + | border: 0px #C0C0C0 solid; |
background-color: transparent; | background-color: transparent; | ||
} | } | ||
| − | # | + | #wb_CssMenu5 ul |
{ | { | ||
list-style-type: none; | list-style-type: none; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| − | + | width: 171px; | |
| − | + | ||
| − | width: | + | |
} | } | ||
| − | # | + | #wb_CssMenu5 li |
{ | { | ||
float: left; | float: left; | ||
margin: 0; | margin: 0; | ||
padding: 0px 0px 4px 0px; | padding: 0px 0px 4px 0px; | ||
| − | width: | + | width: 171px; |
} | } | ||
| − | # | + | #wb_CssMenu5 a |
{ | { | ||
display: block; | display: block; | ||
| Line 626: | Line 627: | ||
font-family: Arial; | font-family: Arial; | ||
font-weight: normal; | font-weight: normal; | ||
| − | font-size: | + | font-size: 16px; |
font-style: normal; | font-style: normal; | ||
text-decoration: none; | text-decoration: none; | ||
| − | width: | + | width: 159px; |
height: 26px; | height: 26px; | ||
| − | |||
padding: 0px 5px 0px 5px; | padding: 0px 5px 0px 5px; | ||
vertical-align: middle; | vertical-align: middle; | ||
| + | line-height: 26px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | # | + | #wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover |
{ | { | ||
color: #FFFFFF; | color: #FFFFFF; | ||
| Line 643: | Line 644: | ||
border: 1px #000000 solid; | border: 1px #000000 solid; | ||
} | } | ||
| − | # | + | #wb_CssMenu5 .firstmain a |
{ | { | ||
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
| − | # | + | #wb_CssMenu5 li.lastmain |
{ | { | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
} | } | ||
| − | # | + | #wb_CssMenu5 br |
{ | { | ||
clear: both; | clear: both; | ||
| Line 658: | Line 659: | ||
line-height: 0; | line-height: 0; | ||
} | } | ||
| − | # | + | #wb_CssMenu4 |
{ | { | ||
border: 0px #000000 solid; | border: 0px #000000 solid; | ||
| − | background-color: | + | background-color: transparent; |
} | } | ||
| − | # | + | #wb_CssMenu4 ul |
{ | { | ||
list-style-type: none; | list-style-type: none; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| − | width: | + | position: relative; |
| + | display: inline-block; | ||
| + | width: 154px; | ||
} | } | ||
| − | # | + | #wb_CssMenu4 li |
{ | { | ||
float: left; | float: left; | ||
margin: 0; | margin: 0; | ||
padding: 0px 0px 4px 0px; | padding: 0px 0px 4px 0px; | ||
| − | width: | + | width: 154px; |
} | } | ||
| − | # | + | #wb_CssMenu4 a |
{ | { | ||
display: block; | display: block; | ||
| Line 686: | Line 689: | ||
font-family: Arial; | font-family: Arial; | ||
font-weight: normal; | font-weight: normal; | ||
| − | font-size: | + | font-size: 17px; |
font-style: normal; | font-style: normal; | ||
text-decoration: none; | text-decoration: none; | ||
| − | width: | + | width: 142px; |
height: 26px; | height: 26px; | ||
| + | line-height: 26px; | ||
padding: 0px 5px 0px 5px; | padding: 0px 5px 0px 5px; | ||
vertical-align: middle; | vertical-align: middle; | ||
| − | |||
text-align: center; | text-align: center; | ||
} | } | ||
| − | # | + | #wb_CssMenu4 li:hover a, #wb_CssMenu4 a:hover |
{ | { | ||
color: #FFFFFF; | color: #FFFFFF; | ||
| Line 703: | Line 706: | ||
border: 1px #000000 solid; | border: 1px #000000 solid; | ||
} | } | ||
| − | # | + | #wb_CssMenu4 .firstmain a |
{ | { | ||
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
| − | # | + | #wb_CssMenu4 li.lastmain |
{ | { | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
} | } | ||
| − | # | + | #wb_CssMenu4 br |
{ | { | ||
clear: both; | clear: both; | ||
| Line 718: | Line 721: | ||
line-height: 0; | line-height: 0; | ||
} | } | ||
| − | # | + | #wb_CssMenu1 |
{ | { | ||
| − | border: 0px # | + | border: 0px #000000 solid; |
| − | background-color: | + | background-color: #000000; |
} | } | ||
| − | # | + | #wb_CssMenu1 ul |
{ | { | ||
list-style-type: none; | list-style-type: none; | ||
| Line 730: | Line 733: | ||
width: 171px; | width: 171px; | ||
} | } | ||
| − | # | + | #wb_CssMenu1 li |
{ | { | ||
float: left; | float: left; | ||
| Line 737: | Line 740: | ||
width: 171px; | width: 171px; | ||
} | } | ||
| − | # | + | #wb_CssMenu1 a |
{ | { | ||
display: block; | display: block; | ||
| Line 756: | Line 759: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | # | + | #wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover |
{ | { | ||
color: #FFFFFF; | color: #FFFFFF; | ||
| Line 763: | Line 766: | ||
border: 1px #000000 solid; | border: 1px #000000 solid; | ||
} | } | ||
| − | # | + | #wb_CssMenu1 .firstmain a |
{ | { | ||
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
| − | # | + | #wb_CssMenu1 li.lastmain |
{ | { | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
} | } | ||
| − | # | + | #wb_CssMenu1 br |
{ | { | ||
clear: both; | clear: both; | ||
| Line 778: | Line 781: | ||
line-height: 0; | line-height: 0; | ||
} | } | ||
| − | # | + | #wb_CssMenu3 |
{ | { | ||
border: 0px #C0C0C0 solid; | border: 0px #C0C0C0 solid; | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
| − | # | + | #wb_CssMenu3 ul |
{ | { | ||
list-style-type: none; | list-style-type: none; | ||
| Line 790: | Line 793: | ||
width: 171px; | width: 171px; | ||
} | } | ||
| − | # | + | #wb_CssMenu3 li |
{ | { | ||
float: left; | float: left; | ||
| Line 797: | Line 800: | ||
width: 171px; | width: 171px; | ||
} | } | ||
| − | # | + | #wb_CssMenu3 a |
{ | { | ||
display: block; | display: block; | ||
| Line 816: | Line 819: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | # | + | #wb_CssMenu3 li:hover a, #wb_CssMenu3 a:hover |
{ | { | ||
color: #FFFFFF; | color: #FFFFFF; | ||
| Line 823: | Line 826: | ||
border: 1px #000000 solid; | border: 1px #000000 solid; | ||
} | } | ||
| − | # | + | #wb_CssMenu3 .firstmain a |
{ | { | ||
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
| − | # | + | #wb_CssMenu3 li.lastmain |
{ | { | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
} | } | ||
| − | # | + | #wb_CssMenu3 br |
{ | { | ||
clear: both; | clear: both; | ||
| Line 838: | Line 841: | ||
line-height: 0; | line-height: 0; | ||
} | } | ||
| − | # | + | #wb_CssMenu2 |
{ | { | ||
border: 0px #C0C0C0 solid; | border: 0px #C0C0C0 solid; | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
| − | # | + | #wb_CssMenu2 ul |
{ | { | ||
list-style-type: none; | list-style-type: none; | ||
| Line 850: | Line 853: | ||
width: 171px; | width: 171px; | ||
} | } | ||
| − | # | + | #wb_CssMenu2 li |
{ | { | ||
float: left; | float: left; | ||
| Line 857: | Line 860: | ||
width: 171px; | width: 171px; | ||
} | } | ||
| − | # | + | #wb_CssMenu2 a |
{ | { | ||
display: block; | display: block; | ||
| Line 876: | Line 879: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | # | + | #wb_CssMenu2 li:hover a, #wb_CssMenu2 a:hover |
{ | { | ||
color: #FFFFFF; | color: #FFFFFF; | ||
| Line 883: | Line 886: | ||
border: 1px #000000 solid; | border: 1px #000000 solid; | ||
} | } | ||
| − | # | + | #wb_CssMenu2 .firstmain a |
{ | { | ||
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
| − | # | + | #wb_CssMenu2 li.lastmain |
{ | { | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
} | } | ||
| − | # | + | #wb_CssMenu2 br |
{ | { | ||
clear: both; | clear: both; | ||
| Line 897: | Line 900: | ||
height: 0; | height: 0; | ||
line-height: 0; | line-height: 0; | ||
| + | } | ||
| + | #wb_LayerMenu1 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 353px; | ||
| + | top: 153px; | ||
| + | width: 842px; | ||
| + | height: 40px; | ||
| + | z-index: 49; | ||
| + | } | ||
| + | #wb_Text19 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 1038px; | ||
| + | top: 1886px; | ||
| + | width: 275px; | ||
| + | height: 60px; | ||
| + | text-align: center; | ||
| + | z-index: 33; | ||
| + | } | ||
| + | #wb_Image10 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 1063px; | ||
| + | top: 1616px; | ||
| + | width: 218px; | ||
| + | height: 152px; | ||
| + | z-index: 24; | ||
| + | } | ||
| + | #wb_Image11 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 20px; | ||
| + | top: 2089px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | z-index: 34; | ||
| + | } | ||
| + | #wb_Text1 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 2px; | ||
| + | top: 0px; | ||
| + | width: 1013px; | ||
| + | height: 16px; | ||
| + | z-index: 5; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Image12 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 114px; | ||
| + | top: 2178px; | ||
| + | width: 379px; | ||
| + | height: 379px; | ||
| + | z-index: 35; | ||
| + | } | ||
| + | #wb_Text2 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 185px; | ||
| + | top: 64px; | ||
| + | width: 304px; | ||
| + | height: 24px; | ||
| + | z-index: 6; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Image13 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 20px; | ||
| + | top: 3012px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | z-index: 38; | ||
| + | } | ||
| + | #wb_Text3 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 32px; | ||
| + | top: 114px; | ||
| + | width: 952px; | ||
| + | height: 624px; | ||
| + | z-index: 7; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Image14 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 20px; | ||
| + | top: 3451px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | z-index: 39; | ||
| + | } | ||
| + | #wb_Text4 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 562px; | ||
| + | top: 445px; | ||
| + | width: 318px; | ||
| + | height: 182px; | ||
| + | text-align: center; | ||
| + | z-index: 10; | ||
| + | } | ||
| + | #wb_Image2 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 659px; | ||
| + | top: 3516px; | ||
| + | width: 152px; | ||
| + | height: 30px; | ||
| + | z-index: 8; | ||
| + | } | ||
| + | #wb_Image15 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 832px; | ||
| + | top: 3043px; | ||
| + | width: 465px; | ||
| + | height: 298px; | ||
| + | z-index: 40; | ||
| + | } | ||
| + | #wb_Text5 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 459px; | ||
| + | top: 342px; | ||
| + | width: 525px; | ||
| + | height: 40px; | ||
| + | text-align: center; | ||
| + | z-index: 11; | ||
| + | } | ||
| + | #wb_Image3 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 2px; | ||
| + | top: 0px; | ||
| + | width: 1450px; | ||
| + | height: 899px; | ||
| + | z-index: 9; | ||
| + | } | ||
| + | #wb_Image16 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 1171px; | ||
| + | top: 37px; | ||
| + | width: 170px; | ||
| + | height: 60px; | ||
| + | z-index: 47; | ||
| + | } | ||
| + | #wb_Image4 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 832px; | ||
| + | top: 961px; | ||
| + | width: 431px; | ||
| + | height: 398px; | ||
| + | z-index: 15; | ||
| + | } | ||
| + | #wb_Text6 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 539px; | ||
| + | top: 607px; | ||
| + | width: 371px; | ||
| + | height: 40px; | ||
| + | text-align: center; | ||
| + | z-index: 12; | ||
| + | } | ||
| + | #wb_Text20 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 598px; | ||
| + | top: 2171px; | ||
| + | width: 135px; | ||
| + | height: 76px; | ||
| + | z-index: 36; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Image5 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 20px; | ||
| + | top: 1408px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | z-index: 17; | ||
| + | } | ||
| + | #wb_Text7 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 132px; | ||
| + | top: 951px; | ||
| + | width: 579px; | ||
| + | height: 135px; | ||
| + | z-index: 13; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Text21 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 598px; | ||
| + | top: 2245px; | ||
| + | width: 729px; | ||
| + | height: 184px; | ||
| + | z-index: 37; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Image6 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 130px; | ||
| + | top: 1602px; | ||
| + | width: 181px; | ||
| + | height: 181px; | ||
| + | z-index: 20; | ||
| + | } | ||
| + | #wb_Text10 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 1281px; | ||
| + | top: 1469px; | ||
| + | width: 3px; | ||
| + | height: 61px; | ||
| + | text-align: right; | ||
| + | z-index: 19; | ||
| + | } | ||
| + | #wb_Text8 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 132px; | ||
| + | top: 1109px; | ||
| + | width: 587px; | ||
| + | height: 125px; | ||
| + | z-index: 14; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Text22 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 79px; | ||
| + | top: 3043px; | ||
| + | width: 225px; | ||
| + | height: 76px; | ||
| + | z-index: 41; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Text11 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 683px; | ||
| + | top: 1490px; | ||
| + | width: 513px; | ||
| + | height: 130px; | ||
| + | z-index: 25; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Image7 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 737px; | ||
| + | top: 1594px; | ||
| + | width: 231px; | ||
| + | height: 196px; | ||
| + | z-index: 21; | ||
| + | } | ||
| + | #wb_Text9 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 962px; | ||
| + | top: 1474px; | ||
| + | width: 321px; | ||
| + | height: 76px; | ||
| + | text-align: right; | ||
| + | z-index: 18; | ||
| + | } | ||
| + | #wb_Text23 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 79px; | ||
| + | top: 3116px; | ||
| + | width: 701px; | ||
| + | height: 40px; | ||
| + | z-index: 42; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Text12 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 154px; | ||
| + | top: 1802px; | ||
| + | width: 134px; | ||
| + | height: 84px; | ||
| + | text-align: center; | ||
| + | z-index: 26; | ||
| + | } | ||
| + | #wb_Image8 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 440px; | ||
| + | top: 1606px; | ||
| + | width: 163px; | ||
| + | height: 173px; | ||
| + | z-index: 22; | ||
| + | } | ||
| + | #wb_Text24 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 79px; | ||
| + | top: 2586px; | ||
| + | width: 1262px; | ||
| + | height: 212px; | ||
| + | z-index: 45; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Text13 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 774px; | ||
| + | top: 1805px; | ||
| + | width: 158px; | ||
| + | height: 76px; | ||
| + | text-align: center; | ||
| + | z-index: 27; | ||
| + | } | ||
| + | #wb_Image9 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 1234px; | ||
| + | top: 1640px; | ||
| + | width: 0px; | ||
| + | height: 0px; | ||
| + | z-index: 23; | ||
| + | } | ||
| + | #wb_CssMenu1 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 11px; | ||
| + | top: 7px; | ||
| + | width: 171px; | ||
| + | height: 64px; | ||
| + | z-index: 0; | ||
| + | } | ||
| + | #wb_Text25 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 79px; | ||
| + | top: 2932px; | ||
| + | width: 3px; | ||
| + | height: 32px; | ||
| + | z-index: 46; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #wb_Text14 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 424px; | ||
| + | top: 1804px; | ||
| + | width: 196px; | ||
| + | height: 76px; | ||
| + | text-align: center; | ||
| + | z-index: 28; | ||
| + | } | ||
| + | #wb_CssMenu2 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 14px; | ||
| + | top: 8px; | ||
| + | width: 171px; | ||
| + | height: 160px; | ||
| + | z-index: 3; | ||
| + | } | ||
| + | #wb_Text15 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 1088px; | ||
| + | top: 1805px; | ||
| + | width: 171px; | ||
| + | height: 76px; | ||
| + | text-align: center; | ||
| + | z-index: 29; | ||
| + | } | ||
| + | #Button1 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 133px; | ||
| + | top: 1315px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | z-index: 16; | ||
| + | } | ||
| + | #wb_CssMenu3 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 11px; | ||
| + | top: 7px; | ||
| + | width: 171px; | ||
| + | height: 160px; | ||
| + | z-index: 4; | ||
| + | } | ||
| + | #Button2 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 80px; | ||
| + | top: 3219px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | z-index: 43; | ||
| + | } | ||
| + | #wb_Text16 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 132px; | ||
| + | top: 1886px; | ||
| + | width: 202px; | ||
| + | height: 80px; | ||
| + | text-align: center; | ||
| + | z-index: 30; | ||
| + | } | ||
| + | #wb_CssMenu4 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 24px; | ||
| + | top: 6px; | ||
| + | width: 154px; | ||
| + | height: 224px; | ||
| + | text-align: right; | ||
| + | z-index: 1; | ||
| + | } | ||
| + | #Button3 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 80px; | ||
| + | top: 2946px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | z-index: 44; | ||
| + | } | ||
| + | #wb_Text17 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 782px; | ||
| + | top: 1886px; | ||
| + | width: 176px; | ||
| + | height: 120px; | ||
| + | text-align: center; | ||
| + | z-index: 31; | ||
| + | } | ||
| + | #wb_CssMenu5 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 5px; | ||
| + | top: 9px; | ||
| + | width: 171px; | ||
| + | height: 128px; | ||
| + | z-index: 2; | ||
| + | } | ||
| + | #wb_Text18 | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 395px; | ||
| + | top: 1886px; | ||
| + | width: 270px; | ||
| + | height: 120px; | ||
| + | text-align: center; | ||
| + | z-index: 32; | ||
| + | } | ||
| + | @media only screen and (min-width: 320px) and (max-width: 1426px) | ||
| + | { | ||
| + | #wb_Text1 | ||
| + | { | ||
| + | left: 2px; | ||
| + | top: 0px; | ||
| + | width: 1013px; | ||
| + | height: 16px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text2 | ||
| + | { | ||
| + | left: 185px; | ||
| + | top: 64px; | ||
| + | width: 304px; | ||
| + | height: 24px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text3 | ||
| + | { | ||
| + | left: 32px; | ||
| + | top: 114px; | ||
| + | width: 952px; | ||
| + | height: 624px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image2 | ||
| + | { | ||
| + | left: 659px; | ||
| + | top: 3516px; | ||
| + | width: 152px; | ||
| + | height: 30px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image3 | ||
| + | { | ||
| + | left: 0px; | ||
| + | top: 0px; | ||
| + | width: 1446px; | ||
| + | height: 899px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text4 | ||
| + | { | ||
| + | left: 562px; | ||
| + | top: 445px; | ||
| + | width: 318px; | ||
| + | height: 182px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text5 | ||
| + | { | ||
| + | left: 459px; | ||
| + | top: 342px; | ||
| + | width: 525px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text6 | ||
| + | { | ||
| + | left: 539px; | ||
| + | top: 607px; | ||
| + | width: 371px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text7 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 951px; | ||
| + | width: 579px; | ||
| + | height: 135px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text8 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 1109px; | ||
| + | width: 587px; | ||
| + | height: 125px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image4 | ||
| + | { | ||
| + | left: 832px; | ||
| + | top: 961px; | ||
| + | width: 431px; | ||
| + | height: 398px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #Button1 | ||
| + | { | ||
| + | left: 133px; | ||
| + | top: 1315px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image5 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 1408px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text9 | ||
| + | { | ||
| + | left: 962px; | ||
| + | top: 1474px; | ||
| + | width: 321px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text10 | ||
| + | { | ||
| + | left: 1281px; | ||
| + | top: 1469px; | ||
| + | width: 3px; | ||
| + | height: 61px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image6 | ||
| + | { | ||
| + | left: 130px; | ||
| + | top: 1602px; | ||
| + | width: 181px; | ||
| + | height: 181px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image7 | ||
| + | { | ||
| + | left: 737px; | ||
| + | top: 1594px; | ||
| + | width: 231px; | ||
| + | height: 196px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image8 | ||
| + | { | ||
| + | left: 440px; | ||
| + | top: 1606px; | ||
| + | width: 163px; | ||
| + | height: 173px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image9 | ||
| + | { | ||
| + | left: 1234px; | ||
| + | top: 1640px; | ||
| + | width: 0px; | ||
| + | height: 0px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image10 | ||
| + | { | ||
| + | left: 1063px; | ||
| + | top: 1616px; | ||
| + | width: 218px; | ||
| + | height: 152px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text11 | ||
| + | { | ||
| + | left: 683px; | ||
| + | top: 1490px; | ||
| + | width: 513px; | ||
| + | height: 130px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text12 | ||
| + | { | ||
| + | left: 154px; | ||
| + | top: 1802px; | ||
| + | width: 134px; | ||
| + | height: 84px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text13 | ||
| + | { | ||
| + | left: 774px; | ||
| + | top: 1805px; | ||
| + | width: 158px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text14 | ||
| + | { | ||
| + | left: 424px; | ||
| + | top: 1804px; | ||
| + | width: 196px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text15 | ||
| + | { | ||
| + | left: 1088px; | ||
| + | top: 1805px; | ||
| + | width: 171px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text16 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 1886px; | ||
| + | width: 202px; | ||
| + | height: 80px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text17 | ||
| + | { | ||
| + | left: 782px; | ||
| + | top: 1886px; | ||
| + | width: 176px; | ||
| + | height: 120px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text18 | ||
| + | { | ||
| + | left: 395px; | ||
| + | top: 1886px; | ||
| + | width: 270px; | ||
| + | height: 120px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text19 | ||
| + | { | ||
| + | left: 1038px; | ||
| + | top: 1886px; | ||
| + | width: 275px; | ||
| + | height: 60px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image11 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 2089px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image12 | ||
| + | { | ||
| + | left: 114px; | ||
| + | top: 2178px; | ||
| + | width: 379px; | ||
| + | height: 379px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text20 | ||
| + | { | ||
| + | left: 598px; | ||
| + | top: 2171px; | ||
| + | width: 135px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text21 | ||
| + | { | ||
| + | left: 598px; | ||
| + | top: 2245px; | ||
| + | width: 729px; | ||
| + | height: 184px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image13 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 3012px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image14 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 3451px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image15 | ||
| + | { | ||
| + | left: 832px; | ||
| + | top: 3043px; | ||
| + | width: 465px; | ||
| + | height: 298px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text22 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 3043px; | ||
| + | width: 225px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text23 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 3116px; | ||
| + | width: 701px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #Button2 | ||
| + | { | ||
| + | left: 80px; | ||
| + | top: 3219px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #Button3 | ||
| + | { | ||
| + | left: 80px; | ||
| + | top: 2946px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text24 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 2586px; | ||
| + | width: 1262px; | ||
| + | height: 212px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text25 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 2932px; | ||
| + | width: 3px; | ||
| + | height: 32px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image16 | ||
| + | { | ||
| + | left: 1127px; | ||
| + | top: 28px; | ||
| + | width: 170px; | ||
| + | height: 60px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #BuildWith1 | ||
| + | { | ||
| + | left: 669px; | ||
| + | top: 3513px; | ||
| + | width: 88px; | ||
| + | height: 31px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_LayerMenu1 | ||
| + | { | ||
| + | left: 185px; | ||
| + | top: 114px; | ||
| + | width: 846px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #LayerMenu1 | ||
| + | { | ||
| + | } | ||
| + | #LayerMenu1 li .layer | ||
| + | { | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | -moz-box-shadow: 8px 0px 0px #000000; | ||
| + | -webkit-box-shadow: 8px 0px 0px #000000; | ||
| + | box-shadow: 8px 0px 0px #000000; | ||
| + | } | ||
| + | #LayerMenu1 .button | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | border: 1px groove #000000; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 17px; | ||
| + | } | ||
| + | #LayerMenu1 .button:hover | ||
| + | { | ||
| + | color: #000000; | ||
| + | background-color: #000000; | ||
| + | border: 1px groove #000000; | ||
| + | } | ||
| + | #LayerMenu1 li:last-child .button | ||
| + | { | ||
| + | } | ||
| + | #LayerMenu1 .arrow-down | ||
| + | { | ||
| + | border-top: 4px solid #FFFFFF; | ||
| + | } | ||
| + | #LayerMenu1 li a:hover .arrow-down | ||
| + | { | ||
| + | border-top-color: #000000; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(1) .layer | ||
| + | { | ||
| + | width: 238px !important; | ||
| + | height: 252px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(2) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 144px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(3) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 173px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(4) .layer | ||
| + | { | ||
| + | width: 222px !important; | ||
| + | height: 184px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(5) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(6) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(7) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(8) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #wb_CssMenu5 | ||
| + | { | ||
| + | left: -871px; | ||
| + | top: -27px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_CssMenu5 li | ||
| + | { | ||
| + | width: 171px; | ||
| + | } | ||
| + | #wb_CssMenu5 a | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | border: 1px #000000 solid; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 16px; | ||
| + | font-style: normal; | ||
| + | text-decoration: none; | ||
| + | width: 159px; | ||
| + | height: 26px; | ||
| + | padding: 0px 5px 0px 5px; | ||
| + | line-height: 26px; | ||
| + | } | ||
| + | #wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | border: 1px #000000 solid; | ||
| + | } | ||
| + | #wb_CssMenu3 | ||
| + | { | ||
| + | left: -830px; | ||
| + | top: -39px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_CssMenu3 li | ||
| + | { | ||
| + | width: 171px; | ||
| + | } | ||
| + | #wb_CssMenu3 a | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | border: 1px #000000 solid; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 16px; | ||
| + | font-style: normal; | ||
| + | text-decoration: none; | ||
| + | width: 159px; | ||
| + | height: 26px; | ||
| + | padding: 0px 5px 0px 5px; | ||
| + | line-height: 26px; | ||
| + | } | ||
| + | #wb_CssMenu3 li:hover a, #wb_CssMenu3 a:hover | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | border: 1px #000000 solid; | ||
| + | } | ||
| + | } | ||
| + | @media only screen and (min-width: 320px) and (max-width: 319px) | ||
| + | { | ||
| + | #wb_Text1 | ||
| + | { | ||
| + | left: 2px; | ||
| + | top: 0px; | ||
| + | width: 1013px; | ||
| + | height: 16px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text2 | ||
| + | { | ||
| + | left: 185px; | ||
| + | top: 64px; | ||
| + | width: 304px; | ||
| + | height: 24px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text3 | ||
| + | { | ||
| + | left: 32px; | ||
| + | top: 114px; | ||
| + | width: 952px; | ||
| + | height: 624px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image2 | ||
| + | { | ||
| + | left: 659px; | ||
| + | top: 3516px; | ||
| + | width: 152px; | ||
| + | height: 30px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image3 | ||
| + | { | ||
| + | left: 0px; | ||
| + | top: 0px; | ||
| + | width: 1446px; | ||
| + | height: 899px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text4 | ||
| + | { | ||
| + | left: 562px; | ||
| + | top: 445px; | ||
| + | width: 318px; | ||
| + | height: 182px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text5 | ||
| + | { | ||
| + | left: 459px; | ||
| + | top: 342px; | ||
| + | width: 525px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text6 | ||
| + | { | ||
| + | left: 539px; | ||
| + | top: 607px; | ||
| + | width: 371px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text7 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 951px; | ||
| + | width: 579px; | ||
| + | height: 135px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text8 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 1109px; | ||
| + | width: 587px; | ||
| + | height: 125px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image4 | ||
| + | { | ||
| + | left: 832px; | ||
| + | top: 961px; | ||
| + | width: 431px; | ||
| + | height: 398px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #Button1 | ||
| + | { | ||
| + | left: 133px; | ||
| + | top: 1315px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image5 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 1408px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text9 | ||
| + | { | ||
| + | left: 962px; | ||
| + | top: 1474px; | ||
| + | width: 321px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text10 | ||
| + | { | ||
| + | left: 1281px; | ||
| + | top: 1469px; | ||
| + | width: 3px; | ||
| + | height: 61px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image6 | ||
| + | { | ||
| + | left: 130px; | ||
| + | top: 1602px; | ||
| + | width: 181px; | ||
| + | height: 181px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image7 | ||
| + | { | ||
| + | left: 737px; | ||
| + | top: 1594px; | ||
| + | width: 231px; | ||
| + | height: 196px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image8 | ||
| + | { | ||
| + | left: 440px; | ||
| + | top: 1606px; | ||
| + | width: 163px; | ||
| + | height: 173px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image9 | ||
| + | { | ||
| + | left: 1234px; | ||
| + | top: 1640px; | ||
| + | width: 0px; | ||
| + | height: 0px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image10 | ||
| + | { | ||
| + | left: 1063px; | ||
| + | top: 1616px; | ||
| + | width: 218px; | ||
| + | height: 152px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text11 | ||
| + | { | ||
| + | left: 683px; | ||
| + | top: 1490px; | ||
| + | width: 513px; | ||
| + | height: 130px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text12 | ||
| + | { | ||
| + | left: 154px; | ||
| + | top: 1802px; | ||
| + | width: 134px; | ||
| + | height: 84px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text13 | ||
| + | { | ||
| + | left: 774px; | ||
| + | top: 1805px; | ||
| + | width: 158px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text14 | ||
| + | { | ||
| + | left: 424px; | ||
| + | top: 1804px; | ||
| + | width: 196px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text15 | ||
| + | { | ||
| + | left: 1088px; | ||
| + | top: 1805px; | ||
| + | width: 171px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text16 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 1886px; | ||
| + | width: 202px; | ||
| + | height: 80px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text17 | ||
| + | { | ||
| + | left: 782px; | ||
| + | top: 1886px; | ||
| + | width: 176px; | ||
| + | height: 120px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text18 | ||
| + | { | ||
| + | left: 395px; | ||
| + | top: 1886px; | ||
| + | width: 270px; | ||
| + | height: 120px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text19 | ||
| + | { | ||
| + | left: 1038px; | ||
| + | top: 1886px; | ||
| + | width: 275px; | ||
| + | height: 60px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image11 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 2089px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image12 | ||
| + | { | ||
| + | left: 114px; | ||
| + | top: 2178px; | ||
| + | width: 379px; | ||
| + | height: 379px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text20 | ||
| + | { | ||
| + | left: 598px; | ||
| + | top: 2171px; | ||
| + | width: 135px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text21 | ||
| + | { | ||
| + | left: 598px; | ||
| + | top: 2245px; | ||
| + | width: 729px; | ||
| + | height: 184px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image13 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 3012px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image14 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 3451px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image15 | ||
| + | { | ||
| + | left: 832px; | ||
| + | top: 3043px; | ||
| + | width: 465px; | ||
| + | height: 298px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text22 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 3043px; | ||
| + | width: 225px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text23 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 3116px; | ||
| + | width: 701px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #Button2 | ||
| + | { | ||
| + | left: 80px; | ||
| + | top: 3219px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #Button3 | ||
| + | { | ||
| + | left: 80px; | ||
| + | top: 2946px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text24 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 2586px; | ||
| + | width: 1262px; | ||
| + | height: 212px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text25 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 2932px; | ||
| + | width: 3px; | ||
| + | height: 32px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image16 | ||
| + | { | ||
| + | left: 1127px; | ||
| + | top: 28px; | ||
| + | width: 170px; | ||
| + | height: 60px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #BuildWith1 | ||
| + | { | ||
| + | left: 669px; | ||
| + | top: 3513px; | ||
| + | width: 88px; | ||
| + | height: 31px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_LayerMenu1 | ||
| + | { | ||
| + | left: 185px; | ||
| + | top: 114px; | ||
| + | width: 846px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #LayerMenu1 | ||
| + | { | ||
| + | } | ||
| + | #LayerMenu1 li .layer | ||
| + | { | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | -moz-box-shadow: 8px 0px 0px #000000; | ||
| + | -webkit-box-shadow: 8px 0px 0px #000000; | ||
| + | box-shadow: 8px 0px 0px #000000; | ||
| + | } | ||
| + | #LayerMenu1 .button | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | border: 1px groove #000000; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 17px; | ||
| + | } | ||
| + | #LayerMenu1 .button:hover | ||
| + | { | ||
| + | color: #000000; | ||
| + | background-color: #000000; | ||
| + | border: 1px groove #000000; | ||
| + | } | ||
| + | #LayerMenu1 li:last-child .button | ||
| + | { | ||
| + | } | ||
| + | #LayerMenu1 .arrow-down | ||
| + | { | ||
| + | border-top: 4px solid #FFFFFF; | ||
| + | } | ||
| + | #LayerMenu1 li a:hover .arrow-down | ||
| + | { | ||
| + | border-top-color: #000000; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(1) .layer | ||
| + | { | ||
| + | width: 238px !important; | ||
| + | height: 252px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(2) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 144px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(3) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 173px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(4) .layer | ||
| + | { | ||
| + | width: 222px !important; | ||
| + | height: 184px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(5) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(6) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(7) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(8) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #wb_CssMenu5 | ||
| + | { | ||
| + | left: -871px; | ||
| + | top: -27px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_CssMenu5 li | ||
| + | { | ||
| + | width: 171px; | ||
| + | } | ||
| + | #wb_CssMenu5 a | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | border: 1px #000000 solid; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 16px; | ||
| + | font-style: normal; | ||
| + | text-decoration: none; | ||
| + | width: 159px; | ||
| + | height: 26px; | ||
| + | padding: 0px 5px 0px 5px; | ||
| + | line-height: 26px; | ||
| + | } | ||
| + | #wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | border: 1px #000000 solid; | ||
| + | } | ||
| + | #wb_CssMenu3 | ||
| + | { | ||
| + | left: -830px; | ||
| + | top: -39px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_CssMenu3 li | ||
| + | { | ||
| + | width: 171px; | ||
| + | } | ||
| + | #wb_CssMenu3 a | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | border: 1px #000000 solid; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 16px; | ||
| + | font-style: normal; | ||
| + | text-decoration: none; | ||
| + | width: 159px; | ||
| + | height: 26px; | ||
| + | padding: 0px 5px 0px 5px; | ||
| + | line-height: 26px; | ||
| + | } | ||
| + | #wb_CssMenu3 li:hover a, #wb_CssMenu3 a:hover | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | border: 1px #000000 solid; | ||
| + | } | ||
| + | } | ||
| + | @media only screen and (min-width: 320px) and (max-width: 319px) | ||
| + | { | ||
| + | #wb_Text1 | ||
| + | { | ||
| + | left: 2px; | ||
| + | top: 0px; | ||
| + | width: 1013px; | ||
| + | height: 16px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text2 | ||
| + | { | ||
| + | left: 185px; | ||
| + | top: 64px; | ||
| + | width: 304px; | ||
| + | height: 24px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text3 | ||
| + | { | ||
| + | left: 32px; | ||
| + | top: 114px; | ||
| + | width: 952px; | ||
| + | height: 624px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image2 | ||
| + | { | ||
| + | left: 659px; | ||
| + | top: 3516px; | ||
| + | width: 152px; | ||
| + | height: 30px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image3 | ||
| + | { | ||
| + | left: 0px; | ||
| + | top: 0px; | ||
| + | width: 1446px; | ||
| + | height: 899px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text4 | ||
| + | { | ||
| + | left: 562px; | ||
| + | top: 445px; | ||
| + | width: 318px; | ||
| + | height: 182px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text5 | ||
| + | { | ||
| + | left: 459px; | ||
| + | top: 342px; | ||
| + | width: 525px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text6 | ||
| + | { | ||
| + | left: 539px; | ||
| + | top: 607px; | ||
| + | width: 371px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text7 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 951px; | ||
| + | width: 579px; | ||
| + | height: 135px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text8 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 1109px; | ||
| + | width: 587px; | ||
| + | height: 125px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image4 | ||
| + | { | ||
| + | left: 832px; | ||
| + | top: 961px; | ||
| + | width: 431px; | ||
| + | height: 398px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #Button1 | ||
| + | { | ||
| + | left: 133px; | ||
| + | top: 1315px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image5 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 1408px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text9 | ||
| + | { | ||
| + | left: 962px; | ||
| + | top: 1474px; | ||
| + | width: 321px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text10 | ||
| + | { | ||
| + | left: 1281px; | ||
| + | top: 1469px; | ||
| + | width: 3px; | ||
| + | height: 61px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image6 | ||
| + | { | ||
| + | left: 130px; | ||
| + | top: 1602px; | ||
| + | width: 181px; | ||
| + | height: 181px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image7 | ||
| + | { | ||
| + | left: 737px; | ||
| + | top: 1594px; | ||
| + | width: 231px; | ||
| + | height: 196px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image8 | ||
| + | { | ||
| + | left: 440px; | ||
| + | top: 1606px; | ||
| + | width: 163px; | ||
| + | height: 173px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image9 | ||
| + | { | ||
| + | left: 1234px; | ||
| + | top: 1640px; | ||
| + | width: 0px; | ||
| + | height: 0px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image10 | ||
| + | { | ||
| + | left: 1063px; | ||
| + | top: 1616px; | ||
| + | width: 218px; | ||
| + | height: 152px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text11 | ||
| + | { | ||
| + | left: 683px; | ||
| + | top: 1490px; | ||
| + | width: 513px; | ||
| + | height: 130px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text12 | ||
| + | { | ||
| + | left: 154px; | ||
| + | top: 1802px; | ||
| + | width: 134px; | ||
| + | height: 84px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text13 | ||
| + | { | ||
| + | left: 774px; | ||
| + | top: 1805px; | ||
| + | width: 158px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text14 | ||
| + | { | ||
| + | left: 424px; | ||
| + | top: 1804px; | ||
| + | width: 196px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text15 | ||
| + | { | ||
| + | left: 1088px; | ||
| + | top: 1805px; | ||
| + | width: 171px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text16 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 1886px; | ||
| + | width: 202px; | ||
| + | height: 80px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text17 | ||
| + | { | ||
| + | left: 782px; | ||
| + | top: 1886px; | ||
| + | width: 176px; | ||
| + | height: 120px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text18 | ||
| + | { | ||
| + | left: 395px; | ||
| + | top: 1886px; | ||
| + | width: 270px; | ||
| + | height: 120px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text19 | ||
| + | { | ||
| + | left: 1038px; | ||
| + | top: 1886px; | ||
| + | width: 275px; | ||
| + | height: 60px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image11 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 2089px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image12 | ||
| + | { | ||
| + | left: 114px; | ||
| + | top: 2178px; | ||
| + | width: 379px; | ||
| + | height: 379px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text20 | ||
| + | { | ||
| + | left: 598px; | ||
| + | top: 2171px; | ||
| + | width: 135px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text21 | ||
| + | { | ||
| + | left: 598px; | ||
| + | top: 2245px; | ||
| + | width: 729px; | ||
| + | height: 184px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image13 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 3012px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image14 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 3451px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image15 | ||
| + | { | ||
| + | left: 832px; | ||
| + | top: 3043px; | ||
| + | width: 465px; | ||
| + | height: 298px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text22 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 3043px; | ||
| + | width: 225px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text23 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 3116px; | ||
| + | width: 701px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #Button2 | ||
| + | { | ||
| + | left: 80px; | ||
| + | top: 3219px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #Button3 | ||
| + | { | ||
| + | left: 80px; | ||
| + | top: 2946px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text24 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 2586px; | ||
| + | width: 1262px; | ||
| + | height: 212px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text25 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 2932px; | ||
| + | width: 3px; | ||
| + | height: 32px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image16 | ||
| + | { | ||
| + | left: 1127px; | ||
| + | top: 28px; | ||
| + | width: 170px; | ||
| + | height: 60px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #BuildWith1 | ||
| + | { | ||
| + | left: 669px; | ||
| + | top: 3513px; | ||
| + | width: 88px; | ||
| + | height: 31px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_LayerMenu1 | ||
| + | { | ||
| + | left: 185px; | ||
| + | top: 114px; | ||
| + | width: 846px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #LayerMenu1 | ||
| + | { | ||
| + | } | ||
| + | #LayerMenu1 li .layer | ||
| + | { | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | -moz-box-shadow: 8px 0px 0px #000000; | ||
| + | -webkit-box-shadow: 8px 0px 0px #000000; | ||
| + | box-shadow: 8px 0px 0px #000000; | ||
| + | } | ||
| + | #LayerMenu1 .button | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | border: 1px groove #000000; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 17px; | ||
| + | } | ||
| + | #LayerMenu1 .button:hover | ||
| + | { | ||
| + | color: #000000; | ||
| + | background-color: #000000; | ||
| + | border: 1px groove #000000; | ||
| + | } | ||
| + | #LayerMenu1 li:last-child .button | ||
| + | { | ||
| + | } | ||
| + | #LayerMenu1 .arrow-down | ||
| + | { | ||
| + | border-top: 4px solid #FFFFFF; | ||
| + | } | ||
| + | #LayerMenu1 li a:hover .arrow-down | ||
| + | { | ||
| + | border-top-color: #000000; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(1) .layer | ||
| + | { | ||
| + | width: 238px !important; | ||
| + | height: 252px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(2) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 144px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(3) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 173px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(4) .layer | ||
| + | { | ||
| + | width: 222px !important; | ||
| + | height: 184px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(5) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(6) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(7) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(8) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #wb_CssMenu5 | ||
| + | { | ||
| + | left: -871px; | ||
| + | top: -27px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_CssMenu5 li | ||
| + | { | ||
| + | width: 171px; | ||
| + | } | ||
| + | #wb_CssMenu5 a | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | border: 1px #000000 solid; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 16px; | ||
| + | font-style: normal; | ||
| + | text-decoration: none; | ||
| + | width: 159px; | ||
| + | height: 26px; | ||
| + | padding: 0px 5px 0px 5px; | ||
| + | line-height: 26px; | ||
| + | } | ||
| + | #wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | border: 1px #000000 solid; | ||
| + | } | ||
| + | #wb_CssMenu3 | ||
| + | { | ||
| + | left: -830px; | ||
| + | top: -39px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_CssMenu3 li | ||
| + | { | ||
| + | width: 171px; | ||
| + | } | ||
| + | #wb_CssMenu3 a | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | border: 1px #000000 solid; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 16px; | ||
| + | font-style: normal; | ||
| + | text-decoration: none; | ||
| + | width: 159px; | ||
| + | height: 26px; | ||
| + | padding: 0px 5px 0px 5px; | ||
| + | line-height: 26px; | ||
| + | } | ||
| + | #wb_CssMenu3 li:hover a, #wb_CssMenu3 a:hover | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | border: 1px #000000 solid; | ||
| + | } | ||
| + | } | ||
| + | @media only screen and (max-width: 319px) | ||
| + | { | ||
| + | #wb_Text1 | ||
| + | { | ||
| + | left: 2px; | ||
| + | top: 0px; | ||
| + | width: 1013px; | ||
| + | height: 16px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text2 | ||
| + | { | ||
| + | left: 185px; | ||
| + | top: 64px; | ||
| + | width: 304px; | ||
| + | height: 24px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text3 | ||
| + | { | ||
| + | left: 32px; | ||
| + | top: 114px; | ||
| + | width: 952px; | ||
| + | height: 624px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image2 | ||
| + | { | ||
| + | left: 659px; | ||
| + | top: 3516px; | ||
| + | width: 152px; | ||
| + | height: 30px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image3 | ||
| + | { | ||
| + | left: 0px; | ||
| + | top: 0px; | ||
| + | width: 1446px; | ||
| + | height: 899px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text4 | ||
| + | { | ||
| + | left: 562px; | ||
| + | top: 445px; | ||
| + | width: 318px; | ||
| + | height: 182px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text5 | ||
| + | { | ||
| + | left: 459px; | ||
| + | top: 342px; | ||
| + | width: 525px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text6 | ||
| + | { | ||
| + | left: 539px; | ||
| + | top: 607px; | ||
| + | width: 371px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text7 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 951px; | ||
| + | width: 579px; | ||
| + | height: 135px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text8 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 1109px; | ||
| + | width: 587px; | ||
| + | height: 125px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image4 | ||
| + | { | ||
| + | left: 832px; | ||
| + | top: 961px; | ||
| + | width: 431px; | ||
| + | height: 398px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #Button1 | ||
| + | { | ||
| + | left: 133px; | ||
| + | top: 1315px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image5 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 1408px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text9 | ||
| + | { | ||
| + | left: 962px; | ||
| + | top: 1474px; | ||
| + | width: 321px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text10 | ||
| + | { | ||
| + | left: 1281px; | ||
| + | top: 1469px; | ||
| + | width: 3px; | ||
| + | height: 61px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image6 | ||
| + | { | ||
| + | left: 130px; | ||
| + | top: 1602px; | ||
| + | width: 181px; | ||
| + | height: 181px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image7 | ||
| + | { | ||
| + | left: 737px; | ||
| + | top: 1594px; | ||
| + | width: 231px; | ||
| + | height: 196px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image8 | ||
| + | { | ||
| + | left: 440px; | ||
| + | top: 1606px; | ||
| + | width: 163px; | ||
| + | height: 173px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image9 | ||
| + | { | ||
| + | left: 1234px; | ||
| + | top: 1640px; | ||
| + | width: 0px; | ||
| + | height: 0px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image10 | ||
| + | { | ||
| + | left: 1063px; | ||
| + | top: 1616px; | ||
| + | width: 218px; | ||
| + | height: 152px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text11 | ||
| + | { | ||
| + | left: 683px; | ||
| + | top: 1490px; | ||
| + | width: 513px; | ||
| + | height: 130px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text12 | ||
| + | { | ||
| + | left: 154px; | ||
| + | top: 1802px; | ||
| + | width: 134px; | ||
| + | height: 84px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text13 | ||
| + | { | ||
| + | left: 774px; | ||
| + | top: 1805px; | ||
| + | width: 158px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text14 | ||
| + | { | ||
| + | left: 424px; | ||
| + | top: 1804px; | ||
| + | width: 196px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text15 | ||
| + | { | ||
| + | left: 1088px; | ||
| + | top: 1805px; | ||
| + | width: 171px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text16 | ||
| + | { | ||
| + | left: 132px; | ||
| + | top: 1886px; | ||
| + | width: 202px; | ||
| + | height: 80px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text17 | ||
| + | { | ||
| + | left: 782px; | ||
| + | top: 1886px; | ||
| + | width: 176px; | ||
| + | height: 120px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text18 | ||
| + | { | ||
| + | left: 395px; | ||
| + | top: 1886px; | ||
| + | width: 270px; | ||
| + | height: 120px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text19 | ||
| + | { | ||
| + | left: 1038px; | ||
| + | top: 1886px; | ||
| + | width: 275px; | ||
| + | height: 60px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image11 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 2089px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image12 | ||
| + | { | ||
| + | left: 114px; | ||
| + | top: 2178px; | ||
| + | width: 379px; | ||
| + | height: 379px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text20 | ||
| + | { | ||
| + | left: 598px; | ||
| + | top: 2171px; | ||
| + | width: 135px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text21 | ||
| + | { | ||
| + | left: 598px; | ||
| + | top: 2245px; | ||
| + | width: 729px; | ||
| + | height: 184px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image13 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 3012px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image14 | ||
| + | { | ||
| + | left: 20px; | ||
| + | top: 3451px; | ||
| + | width: 1407px; | ||
| + | height: 12px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Image15 | ||
| + | { | ||
| + | left: 832px; | ||
| + | top: 3043px; | ||
| + | width: 465px; | ||
| + | height: 298px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_Text22 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 3043px; | ||
| + | width: 225px; | ||
| + | height: 76px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text23 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 3116px; | ||
| + | width: 701px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #Button2 | ||
| + | { | ||
| + | left: 80px; | ||
| + | top: 3219px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #Button3 | ||
| + | { | ||
| + | left: 80px; | ||
| + | top: 2946px; | ||
| + | width: 200px; | ||
| + | height: 45px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #3370B7; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text24 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 2586px; | ||
| + | width: 1262px; | ||
| + | height: 212px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Text25 | ||
| + | { | ||
| + | left: 79px; | ||
| + | top: 2932px; | ||
| + | width: 3px; | ||
| + | height: 32px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | #wb_Image16 | ||
| + | { | ||
| + | left: 1127px; | ||
| + | top: 28px; | ||
| + | width: 170px; | ||
| + | height: 60px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #BuildWith1 | ||
| + | { | ||
| + | left: 669px; | ||
| + | top: 3513px; | ||
| + | width: 88px; | ||
| + | height: 31px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_LayerMenu1 | ||
| + | { | ||
| + | left: 185px; | ||
| + | top: 114px; | ||
| + | width: 846px; | ||
| + | height: 40px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #LayerMenu1 | ||
| + | { | ||
| + | } | ||
| + | #LayerMenu1 li .layer | ||
| + | { | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | -moz-box-shadow: 8px 0px 0px #000000; | ||
| + | -webkit-box-shadow: 8px 0px 0px #000000; | ||
| + | box-shadow: 8px 0px 0px #000000; | ||
| + | } | ||
| + | #LayerMenu1 .button | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | border: 1px groove #000000; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 17px; | ||
| + | } | ||
| + | #LayerMenu1 .button:hover | ||
| + | { | ||
| + | color: #000000; | ||
| + | background-color: #000000; | ||
| + | border: 1px groove #000000; | ||
| + | } | ||
| + | #LayerMenu1 li:last-child .button | ||
| + | { | ||
| + | } | ||
| + | #LayerMenu1 .arrow-down | ||
| + | { | ||
| + | border-top: 4px solid #FFFFFF; | ||
| + | } | ||
| + | #LayerMenu1 li a:hover .arrow-down | ||
| + | { | ||
| + | border-top-color: #000000; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(1) .layer | ||
| + | { | ||
| + | width: 238px !important; | ||
| + | height: 252px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(2) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 144px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(3) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 173px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(4) .layer | ||
| + | { | ||
| + | width: 222px !important; | ||
| + | height: 184px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(5) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(6) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(7) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #LayerMenu1 li:nth-child(8) .layer | ||
| + | { | ||
| + | width: 248px !important; | ||
| + | height: 248px !important; | ||
| + | } | ||
| + | #wb_CssMenu5 | ||
| + | { | ||
| + | left: -871px; | ||
| + | top: -27px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_CssMenu5 li | ||
| + | { | ||
| + | width: 171px; | ||
| + | } | ||
| + | #wb_CssMenu5 a | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | border: 1px #000000 solid; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 16px; | ||
| + | font-style: normal; | ||
| + | text-decoration: none; | ||
| + | width: 159px; | ||
| + | height: 26px; | ||
| + | padding: 0px 5px 0px 5px; | ||
| + | line-height: 26px; | ||
| + | } | ||
| + | #wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | border: 1px #000000 solid; | ||
| + | } | ||
| + | #wb_CssMenu3 | ||
| + | { | ||
| + | left: -830px; | ||
| + | top: -39px; | ||
| + | visibility: visible; | ||
| + | display: inline; | ||
| + | } | ||
| + | #wb_CssMenu3 li | ||
| + | { | ||
| + | width: 171px; | ||
| + | } | ||
| + | #wb_CssMenu3 a | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | border: 1px #000000 solid; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 16px; | ||
| + | font-style: normal; | ||
| + | text-decoration: none; | ||
| + | width: 159px; | ||
| + | height: 26px; | ||
| + | padding: 0px 5px 0px 5px; | ||
| + | line-height: 26px; | ||
| + | } | ||
| + | #wb_CssMenu3 li:hover a, #wb_CssMenu3 a:hover | ||
| + | { | ||
| + | color: #FFFFFF; | ||
| + | background-color: #000000; | ||
| + | background-image: none; | ||
| + | border: 1px #000000 solid; | ||
| + | } | ||
} | } | ||
</style> | </style> | ||
| Line 916: | Line 3,834: | ||
</head> | </head> | ||
<body> | <body> | ||
| − | <div id="wb_Text1 | + | <div id="wb_Text1"> |
</div> | </div> | ||
| − | <div id="wb_Text2 | + | <div id="wb_Text2"> |
<span style="color:#FFFFFF;font-family:Arial;font-size:21px;">Team:Edinburgh UG</span></div> | <span style="color:#FFFFFF;font-family:Arial;font-size:21px;">Team:Edinburgh UG</span></div> | ||
| − | <div id="wb_Text3 | + | <div id="wb_Text3"> |
<span style="color:#FFFFFF;font-family:Arial;font-size:13px;"><!doctype html> Untitled Page body { background-color: #FFFFFF; color: #000000; font-family: Arial; font-weight: normal; font-size: 13px; line-height: 1.1875; margin: 0; padding: 0; } #Image1 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text1 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text1 div { text-align: center; } #wb_Text2 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text2 div { text-align: center; } #wb_Text3 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text3 div { text-align: center; } #wb_Text4 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text4 div { text-align: left; } #wb_Text5 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text5 div { text-align: left; } #Image2 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Button1 { border: 1px #000000 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; background-image: none; color: #101010; font-family: Verdana; font-weight: normal; font-size: 13px; } #Line1 { border-width: 0; height: 12px; width: 1407px; } #wb_Text6 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: right; } #wb_Text6 div { text-align: right; } #Image3 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image4 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image5 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image7 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image6 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text7 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text7 div { text-align: left; } #wb_Text8 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text8 div { text-align: center; } #wb_Text9 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text9 div { text-align: center; } #wb_Text10 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text10 div { text-align: center; } #wb_Text11 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text11 div { text-align: center; } #wb_Text12 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text12 div { text-align: center; } #wb_Text13 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text13 div { text-align: center; } #wb_Text14 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text14 div { text-align: center; } #wb_Text15 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text15 div { text-align: center; } #Line2 { border-width: 0; height: 12px; width: 1407px; } #Image8 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text16 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text16 div { text-align: left; } #wb_Text17 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text17 div { text-align: left; white-space: nowrap; } #Line3 { border-width: 0; height: 12px; width: 1407px; } #Line4 { border-width: 0; height: 12px; width: 1407px; } #Image9 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text18 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text18 div { text-align: left; } #wb_Text19 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text19 div { text-align: left; } #Button3 { border: 1px #000000 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; background-image: none; color: #101010; font-family: Verdana; font-weight: normal; font-size: 13px; } #Button4 { border: 1px #000000 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; background-image: none; color: #101010; font-family: Verdana; font-weight: normal; font-size: 13px; } #wb_Text20 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text20 div { text-align: left; white-space: nowrap; } </span></div> | <span style="color:#FFFFFF;font-family:Arial;font-size:13px;"><!doctype html> Untitled Page body { background-color: #FFFFFF; color: #000000; font-family: Arial; font-weight: normal; font-size: 13px; line-height: 1.1875; margin: 0; padding: 0; } #Image1 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text1 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text1 div { text-align: center; } #wb_Text2 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text2 div { text-align: center; } #wb_Text3 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text3 div { text-align: center; } #wb_Text4 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text4 div { text-align: left; } #wb_Text5 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text5 div { text-align: left; } #Image2 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Button1 { border: 1px #000000 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; background-image: none; color: #101010; font-family: Verdana; font-weight: normal; font-size: 13px; } #Line1 { border-width: 0; height: 12px; width: 1407px; } #wb_Text6 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: right; } #wb_Text6 div { text-align: right; } #Image3 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image4 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image5 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image7 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image6 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text7 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text7 div { text-align: left; } #wb_Text8 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text8 div { text-align: center; } #wb_Text9 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text9 div { text-align: center; } #wb_Text10 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text10 div { text-align: center; } #wb_Text11 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text11 div { text-align: center; } #wb_Text12 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text12 div { text-align: center; } #wb_Text13 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text13 div { text-align: center; } #wb_Text14 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text14 div { text-align: center; } #wb_Text15 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text15 div { text-align: center; } #Line2 { border-width: 0; height: 12px; width: 1407px; } #Image8 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text16 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text16 div { text-align: left; } #wb_Text17 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text17 div { text-align: left; white-space: nowrap; } #Line3 { border-width: 0; height: 12px; width: 1407px; } #Line4 { border-width: 0; height: 12px; width: 1407px; } #Image9 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text18 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text18 div { text-align: left; } #wb_Text19 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text19 div { text-align: left; } #Button3 { border: 1px #000000 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; background-image: none; color: #101010; font-family: Verdana; font-weight: normal; font-size: 13px; } #Button4 { border: 1px #000000 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; background-image: none; color: #101010; font-family: Verdana; font-weight: normal; font-size: 13px; } #wb_Text20 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text20 div { text-align: left; white-space: nowrap; } </span></div> | ||
| − | <div id="wb_Image2 | + | <div id="wb_Image2"> |
<a href="http://www.wysiwygwebbuilder.com/"><img src="https://2016.igem.org/images/builtwithwwb11.png" id="Image2" alt="WYSIWYG Web Builder"></a></div> | <a href="http://www.wysiwygwebbuilder.com/"><img src="https://2016.igem.org/images/builtwithwwb11.png" id="Image2" alt="WYSIWYG Web Builder"></a></div> | ||
| − | <div id="wb_Image3 | + | <div id="wb_Image3"> |
<img src="images/EdiGEM16UGhogmannay.jpg" id="Image3" alt=""></div> | <img src="images/EdiGEM16UGhogmannay.jpg" id="Image3" alt=""></div> | ||
| − | <div id="wb_Text4 | + | <div id="wb_Text4"> |
<span style="color:#000000;font-family:Verdana;font-size:75px;">BabblED</span></div> | <span style="color:#000000;font-family:Verdana;font-size:75px;">BabblED</span></div> | ||
| − | <div id="wb_Text5 | + | <div id="wb_Text5"> |
<span style="color:#000000;font-family:Verdana;font-size:17px;">The University of Edinburgh Undergraduate iGEM Team 2016 presents:</span></div> | <span style="color:#000000;font-family:Verdana;font-size:17px;">The University of Edinburgh Undergraduate iGEM Team 2016 presents:</span></div> | ||
| − | <div id="wb_Text6 | + | <div id="wb_Text6"> |
<span style="color:#000000;font-family:Verdana;font-size:17px;">The next generation of information storage</span></div> | <span style="color:#000000;font-family:Verdana;font-size:17px;">The next generation of information storage</span></div> | ||
| − | <div id="wb_Text7 | + | <div id="wb_Text7"> |
<span style="color:#000000;font-family:Verdana;font-size:37px;">By 2040, we will run out of the materials needed to store digital data.</span></div> | <span style="color:#000000;font-family:Verdana;font-size:37px;">By 2040, we will run out of the materials needed to store digital data.</span></div> | ||
| − | <div id="wb_Text8 | + | <div id="wb_Text8"> |
<span style="color:#000000;font-family:Verdana;font-size:21px;">If this happens, there will be no capacity for Twitter, Facebook or iGEM to function online. Last year, data centres worldwide used more electricity than the entire United Kingdom. By 2020, it will cost more than $13.7 billion to power data centres per year.</span></div> | <span style="color:#000000;font-family:Verdana;font-size:21px;">If this happens, there will be no capacity for Twitter, Facebook or iGEM to function online. Last year, data centres worldwide used more electricity than the entire United Kingdom. By 2020, it will cost more than $13.7 billion to power data centres per year.</span></div> | ||
| − | <div id="wb_Image4 | + | <div id="wb_Image4"> |
<img src="images/EdiGEM16UGppie.png" id="Image4" alt=""></div> | <img src="images/EdiGEM16UGppie.png" id="Image4" alt=""></div> | ||
| − | <input type="submit" id="Button1" name="Policy and Practices" value="Policy and Practices | + | <input type="submit" id="Button1" name="Policy and Practices" value="Policy and Practices"> |
| − | <div id="wb_Image5 | + | <div id="wb_Image5"> |
<img src="images/EdiGEM16UGhome_line1.png" id="Image5" alt=""></div> | <img src="images/EdiGEM16UGhome_line1.png" id="Image5" alt=""></div> | ||
| − | <div id="wb_Text9 | + | <div id="wb_Text9"> |
<span style="color:#000000;font-family:Verdana;font-size:32px;">We have a solution.</span></div> | <span style="color:#000000;font-family:Verdana;font-size:32px;">We have a solution.</span></div> | ||
| − | <div id="wb_Text10 | + | <div id="wb_Text10"> |
<span style="color:#000000;font-family:Verdana;font-size:37px;"><br></span></div> | <span style="color:#000000;font-family:Verdana;font-size:37px;"><br></span></div> | ||
| − | <div id="wb_Image6 | + | <div id="wb_Image6"> |
<img src="images/EdiGEM16UGdensity.png" id="Image6" alt=""></div> | <img src="images/EdiGEM16UGdensity.png" id="Image6" alt=""></div> | ||
| − | <div id="wb_Image7 | + | <div id="wb_Image7"> |
<img src="EdiGEM16UGhourglass.jpeg" id="Image7" alt=""></div> | <img src="EdiGEM16UGhourglass.jpeg" id="Image7" alt=""></div> | ||
| − | <div id="wb_Image8 | + | <div id="wb_Image8"> |
<img src="images/EdiGEM16UGdollar.png" id="Image8" alt=""></div> | <img src="images/EdiGEM16UGdollar.png" id="Image8" alt=""></div> | ||
| − | <div id="wb_Image9 | + | <div id="wb_Image9"> |
<img src="https://2016.igem.org/" id="Image9" alt=""></div> | <img src="https://2016.igem.org/" id="Image9" alt=""></div> | ||
| − | <div id="wb_Image10 | + | <div id="wb_Image10"> |
<img src="images/EdiGEM16UGpuzzle.png" id="Image10" alt=""></div> | <img src="images/EdiGEM16UGpuzzle.png" id="Image10" alt=""></div> | ||
| − | <div id="wb_Text11 | + | <div id="wb_Text11"> |
<span style="color:#000000;font-family:Verdana;font-size:53px;">DNA Text Encoding</span></div> | <span style="color:#000000;font-family:Verdana;font-size:53px;">DNA Text Encoding</span></div> | ||
| − | <div id="wb_Text12 | + | <div id="wb_Text12"> |
<span style="color:#000000;font-family:Verdana;font-size:35px;">Density</span></div> | <span style="color:#000000;font-family:Verdana;font-size:35px;">Density</span></div> | ||
| − | <div id="wb_Text13 | + | <div id="wb_Text13"> |
<span style="color:#000000;font-family:Verdana;font-size:32px;">Longevity</span></div> | <span style="color:#000000;font-family:Verdana;font-size:32px;">Longevity</span></div> | ||
| − | <div id="wb_Text14 | + | <div id="wb_Text14"> |
<span style="color:#000000;font-family:Verdana;font-size:32px;">Affordability</span></div> | <span style="color:#000000;font-family:Verdana;font-size:32px;">Affordability</span></div> | ||
| − | <div id="wb_Text15 | + | <div id="wb_Text15"> |
<span style="color:#000000;font-family:Verdana;font-size:32px;">Modularity</span></div> | <span style="color:#000000;font-family:Verdana;font-size:32px;">Modularity</span></div> | ||
| − | <div id="wb_Text16 | + | <div id="wb_Text16"> |
<span style="color:#000000;font-family:Verdana;font-size:17px;">DNA has 1000 times greater storage density than flash memory</span></div> | <span style="color:#000000;font-family:Verdana;font-size:17px;">DNA has 1000 times greater storage density than flash memory</span></div> | ||
| − | <div id="wb_Text17 | + | <div id="wb_Text17"> |
<span style="color:#000000;font-family:Verdana;font-size:17px;">DNA can last for thousands of years without consuming resources; modern hard drives can only last 50</span></div> | <span style="color:#000000;font-family:Verdana;font-size:17px;">DNA can last for thousands of years without consuming resources; modern hard drives can only last 50</span></div> | ||
| − | <div id="wb_Text18 | + | <div id="wb_Text18"> |
<span style="color:#000000;font-family:Verdana;font-size:17px;">All our encoding programmes are open source and initial synthesis of the lexicon is done for you providing significant cost reductions on existing methods</span></div> | <span style="color:#000000;font-family:Verdana;font-size:17px;">All our encoding programmes are open source and initial synthesis of the lexicon is done for you providing significant cost reductions on existing methods</span></div> | ||
| − | <div id="wb_Text19 | + | <div id="wb_Text19"> |
<span style="color:#000000;font-family:Verdana;font-size:17px;">Assembly of our BabbleBricks is unrestricted and completely customisable</span></div> | <span style="color:#000000;font-family:Verdana;font-size:17px;">Assembly of our BabbleBricks is unrestricted and completely customisable</span></div> | ||
| − | <div id="wb_Image11 | + | <div id="wb_Image11"> |
<img src="images/EdiGEM16UGhome_line1_01.png" id="Image11" alt=""></div> | <img src="images/EdiGEM16UGhome_line1_01.png" id="Image11" alt=""></div> | ||
| − | <div id="wb_Image12 | + | <div id="wb_Image12"> |
<img src="images/Edigemug2016_final_logo.png" id="Image12" alt=""></div> | <img src="images/Edigemug2016_final_logo.png" id="Image12" alt=""></div> | ||
| − | <div id="wb_Text20 | + | <div id="wb_Text20"> |
<span style="color:#000000;font-family:Verdana;font-size:32px;">Abstract</span></div> | <span style="color:#000000;font-family:Verdana;font-size:32px;">Abstract</span></div> | ||
| − | <div id="wb_Text21 | + | <div id="wb_Text21"> |
<span style="color:#000000;font-family:Verdana;font-size:12px;">The last decade has seen an exponential increase in data and information generation, creating a storage demand that will soon outweigh supply. By 2040, global data storage demand will reach 3×10^24 (3 million billion billion) bits1.. Considering the amount of energy required to run a data centre (about 2% of global energy consumption2.) and the limited supply of raw materials like silicon for manufacturing memory devices, it is clear that novel storage methods are of the utmost importance in meeting demand and providing a sustainable, long term solution to the data storage problem. The University of Edinburgh 2016 undergraduate iGEM team held these considerations in mind when we set out to create a new DNA-based storage system. <br>Over the course of weeks 1 and 2 our team explored and researched ideas for a project utilising DNA as an information storage device. Our brainstorming process evolved through discussions about the advantages and disadvantages of DNA synthesis and encoding digital information into nucleotide sequences. Major points of debate were cost, fidelity and efficiency of data storage. Following some constructive feedback from our supervisors, our team focused on developing a method that is accessible, sustainable and fits the iGEM format. <br></span></div> | <span style="color:#000000;font-family:Verdana;font-size:12px;">The last decade has seen an exponential increase in data and information generation, creating a storage demand that will soon outweigh supply. By 2040, global data storage demand will reach 3×10^24 (3 million billion billion) bits1.. Considering the amount of energy required to run a data centre (about 2% of global energy consumption2.) and the limited supply of raw materials like silicon for manufacturing memory devices, it is clear that novel storage methods are of the utmost importance in meeting demand and providing a sustainable, long term solution to the data storage problem. The University of Edinburgh 2016 undergraduate iGEM team held these considerations in mind when we set out to create a new DNA-based storage system. <br>Over the course of weeks 1 and 2 our team explored and researched ideas for a project utilising DNA as an information storage device. Our brainstorming process evolved through discussions about the advantages and disadvantages of DNA synthesis and encoding digital information into nucleotide sequences. Major points of debate were cost, fidelity and efficiency of data storage. Following some constructive feedback from our supervisors, our team focused on developing a method that is accessible, sustainable and fits the iGEM format. <br></span></div> | ||
| − | <div id="wb_Image13 | + | <div id="wb_Image13"> |
<img src="images/EdiGEM16UGhome_line1_01.png" id="Image13" alt=""></div> | <img src="images/EdiGEM16UGhome_line1_01.png" id="Image13" alt=""></div> | ||
| − | <div id="wb_Image14 | + | <div id="wb_Image14"> |
<img src="images/EdiGEM16UGhome_line1_01.png" id="Image14" alt=""></div> | <img src="images/EdiGEM16UGhome_line1_01.png" id="Image14" alt=""></div> | ||
| − | <div id="wb_Image15 | + | <div id="wb_Image15"> |
<img src="EdiGEM16UGautumncastle.jpeg" id="Image15" alt=""></div> | <img src="EdiGEM16UGautumncastle.jpeg" id="Image15" alt=""></div> | ||
| − | <div id="wb_Text22 | + | <div id="wb_Text22"> |
<span style="color:#000000;font-family:Verdana;font-size:32px;">Medal Criteria</span></div> | <span style="color:#000000;font-family:Verdana;font-size:32px;">Medal Criteria</span></div> | ||
| − | <div id="wb_Text23 | + | <div id="wb_Text23"> |
<span style="color:#000000;font-family:Verdana;font-size:17px;">We've created a wiki page dedicated to outlining how we fulfilled each of the gold medal requirements. </span></div> | <span style="color:#000000;font-family:Verdana;font-size:17px;">We've created a wiki page dedicated to outlining how we fulfilled each of the gold medal requirements. </span></div> | ||
| − | <input type="submit" id="Button2" name="Judging Criteria" value="Judging Criteria | + | <input type="submit" id="Button2" name="Judging Criteria" value="Judging Criteria"> |
| − | <input type="submit" id="Button3" name="Project" value="Project | + | <input type="submit" id="Button3" name="Project" value="Project"> |
| − | <div id="wb_Text24 | + | <div id="wb_Text24"> |
<span style="color:#000000;font-family:Verdana;font-size:12px;">Our project, given the name BabblED, is based on a simple idea: develop a modular system for encoding text, or any other unit of information, into DNA. We will prove the validity of our concept by encoding Ogden’s Basic English (a collection of 850-1,000 words that can be used to express most concepts in the English language). Each encoded word-a BabbleBrick -will be stored in a different PhytoBrick. Sentence assembly and unidirectionality is ensured by the stepwise addition of BabbleBricks that have alternating types of sticky ends; this also prevents repeats and minimizes the occurrence of missing words. The whole sentence construct can be melted off for easy retrieval and assembled back into a PhytoBrick for storage. Since the value that is assigned to each BabbleBrick is arbitrary, each one can be reused with any library or language. In this way, our encoding and assembly method can be optimized for many types of data. Furthermore, using tools such as checksums, optimal rectangular codes and, when appropriate, natural language processing techniques, we are able to ensure that each BabbleBrick sentence can be decoded with 100% accuracy. <br>As of week 4, we have developed the computer program that converts our vocabulary to BabbleBrick sequences. We have designed the DNA sequences for error-correcting codes and researched the benefits and potential ways to utilize encryption in our method. We are in the process of ordering our first BabbleBricks in the form of gBlocks from IDT and testing our assembly method for efficiency. We have commenced the 2016 Interlab study and are pursuing another exciting project on bacterial growth-based logic. We have already had some fascinating discussions with data specialists and librarians; their feedback and expertise are vital to how we are shaping our project. We have also been in touch with other iGEM teams, such as Newcastle and Dundee, and are hosting a Scottish team meet-up in the beginning of July. <br>References:<br>1.http://www.nature.com/nmat/journal/v15/n4/full/nmat4594.html#supplementary-information<br>2.http://www.greenpeace.org/international/Global/international/publications/climate/2011/Cool%20IT/dirty-data-report-greenpeace.pdf/ <br></span></div> | <span style="color:#000000;font-family:Verdana;font-size:12px;">Our project, given the name BabblED, is based on a simple idea: develop a modular system for encoding text, or any other unit of information, into DNA. We will prove the validity of our concept by encoding Ogden’s Basic English (a collection of 850-1,000 words that can be used to express most concepts in the English language). Each encoded word-a BabbleBrick -will be stored in a different PhytoBrick. Sentence assembly and unidirectionality is ensured by the stepwise addition of BabbleBricks that have alternating types of sticky ends; this also prevents repeats and minimizes the occurrence of missing words. The whole sentence construct can be melted off for easy retrieval and assembled back into a PhytoBrick for storage. Since the value that is assigned to each BabbleBrick is arbitrary, each one can be reused with any library or language. In this way, our encoding and assembly method can be optimized for many types of data. Furthermore, using tools such as checksums, optimal rectangular codes and, when appropriate, natural language processing techniques, we are able to ensure that each BabbleBrick sentence can be decoded with 100% accuracy. <br>As of week 4, we have developed the computer program that converts our vocabulary to BabbleBrick sequences. We have designed the DNA sequences for error-correcting codes and researched the benefits and potential ways to utilize encryption in our method. We are in the process of ordering our first BabbleBricks in the form of gBlocks from IDT and testing our assembly method for efficiency. We have commenced the 2016 Interlab study and are pursuing another exciting project on bacterial growth-based logic. We have already had some fascinating discussions with data specialists and librarians; their feedback and expertise are vital to how we are shaping our project. We have also been in touch with other iGEM teams, such as Newcastle and Dundee, and are hosting a Scottish team meet-up in the beginning of July. <br>References:<br>1.http://www.nature.com/nmat/journal/v15/n4/full/nmat4594.html#supplementary-information<br>2.http://www.greenpeace.org/international/Global/international/publications/climate/2011/Cool%20IT/dirty-data-report-greenpeace.pdf/ <br></span></div> | ||
| − | <div id="wb_Text25 | + | <div id="wb_Text25"> |
<span style="color:#000000;font-family:Verdana;font-size:13px;"><br></span></div> | <span style="color:#000000;font-family:Verdana;font-size:13px;"><br></span></div> | ||
| − | <div id="wb_Image16 | + | <div id="wb_Image16"> |
<img src="images/HQ_menu_logo.jpg" id="Image16" alt=""></div> | <img src="images/HQ_menu_logo.jpg" id="Image16" alt=""></div> | ||
<a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb11.png" alt="WYSIWYG Web Builder" style="position:absolute;left:669px;top:3513px;border-width:0;z-index:250"></a> | <a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb11.png" alt="WYSIWYG Web Builder" style="position:absolute;left:669px;top:3513px;border-width:0;z-index:250"></a> | ||
| − | <div id="wb_LayerMenu1 | + | <div id="wb_LayerMenu1"> |
<ul id="LayerMenu1"> | <ul id="LayerMenu1"> | ||
<li> | <li> | ||
| − | <a href=" | + | <a href="#" title="Team" class="button">Team<span class="arrow-down"></span></a> |
| − | <div class="layer" style="text-align:center;width: | + | <div class="layer" style="text-align:center;width:189px;height:80px"> |
| − | <div id=" | + | <div id="wb_CssMenu1"> |
<ul> | <ul> | ||
<li class="firstmain"><a href="#" target="_self" title="Team">Team</a> | <li class="firstmain"><a href="#" target="_self" title="Team">Team</a> | ||
| Line 1,016: | Line 3,934: | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href="#" title=" | + | <a href="#" title="Project" class="button">Project<span class="arrow-down"></span></a> |
| − | <div class="layer" style="text-align:center;width: | + | <div class="layer" style="text-align:center;width:203px;height:232px"> |
| − | <div id=" | + | <div id="wb_CssMenu4"> |
<ul> | <ul> | ||
<li class="firstmain"><a href="https://2016.igem.org/Team:Edinburgh_UG/Description" target="_self" title="Decription">Description</a> | <li class="firstmain"><a href="https://2016.igem.org/Team:Edinburgh_UG/Description" target="_self" title="Decription">Description</a> | ||
| Line 1,039: | Line 3,957: | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href="#" title=" | + | <a href="#" title="Parts" class="button">Parts<span class="arrow-down"></span></a> |
| − | <div class="layer" style="text-align:center;width: | + | <div class="layer" style="text-align:center;width:179px;height:146px"> |
| − | <div id=" | + | <div id="wb_CssMenu5"> |
<ul> | <ul> | ||
<li class="firstmain"><a href="#" target="_self" title="Parts">Parts</a> | <li class="firstmain"><a href="#" target="_self" title="Parts">Parts</a> | ||
| Line 1,056: | Line 3,974: | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href="#" title=" | + | <a href="#" title="Interlab" class="button">Interlab<span class="arrow-down"></span></a> |
| − | <div class="layer" style="text-align:center;width: | + | <div class="layer" style="text-align:center;width:191px;height:184px"> |
| − | <div | + | </div> |
| + | </li> | ||
| + | <li> | ||
| + | <a href="#" class="button">Human Practices<span class="arrow-down"></span></a> | ||
| + | <div class="layer" style="text-align:center;width:194px;height:181px"> | ||
| + | <div id="wb_CssMenu2"> | ||
<ul> | <ul> | ||
<li class="firstmain"><a href="#" target="_self" title="Human Practices">Human Practices</a> | <li class="firstmain"><a href="#" target="_self" title="Human Practices">Human Practices</a> | ||
| Line 1,075: | Line 3,998: | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href="#" class="button"> | + | <a href="#" title="Awards" class="button">Awards<span class="arrow-down"></span></a> |
| − | <div class="layer" style="text-align:center;width: | + | <div class="layer" style="text-align:center;width:187px;height:181px"> |
| − | <div id=" | + | <div id="wb_CssMenu3"> |
<ul> | <ul> | ||
<li class="firstmain"><a href="#" target="_self" title="Entrepreneurship">Entrepreneurship</a> | <li class="firstmain"><a href="#" target="_self" title="Entrepreneurship">Entrepreneurship</a> | ||
| Line 1,091: | Line 4,014: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</li> | </li> | ||
Revision as of 13:18, 18 July 2016
<!doctype html>
Team:Edinburgh UG
<!doctype html> Untitled Page body { background-color: #FFFFFF; color: #000000; font-family: Arial; font-weight: normal; font-size: 13px; line-height: 1.1875; margin: 0; padding: 0; } #Image1 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text1 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text1 div { text-align: center; } #wb_Text2 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text2 div { text-align: center; } #wb_Text3 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text3 div { text-align: center; } #wb_Text4 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text4 div { text-align: left; } #wb_Text5 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text5 div { text-align: left; } #Image2 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Button1 { border: 1px #000000 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; background-image: none; color: #101010; font-family: Verdana; font-weight: normal; font-size: 13px; } #Line1 { border-width: 0; height: 12px; width: 1407px; } #wb_Text6 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: right; } #wb_Text6 div { text-align: right; } #Image3 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image4 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image5 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image7 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #Image6 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text7 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text7 div { text-align: left; } #wb_Text8 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text8 div { text-align: center; } #wb_Text9 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text9 div { text-align: center; } #wb_Text10 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text10 div { text-align: center; } #wb_Text11 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text11 div { text-align: center; } #wb_Text12 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text12 div { text-align: center; } #wb_Text13 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text13 div { text-align: center; } #wb_Text14 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text14 div { text-align: center; } #wb_Text15 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: center; } #wb_Text15 div { text-align: center; } #Line2 { border-width: 0; height: 12px; width: 1407px; } #Image8 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text16 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text16 div { text-align: left; } #wb_Text17 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text17 div { text-align: left; white-space: nowrap; } #Line3 { border-width: 0; height: 12px; width: 1407px; } #Line4 { border-width: 0; height: 12px; width: 1407px; } #Image9 { border: 0px #000000 solid; padding: 0px 0px 0px 0px; left: 0; top: 0; width: 100%; height: 100%; } #wb_Text18 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text18 div { text-align: left; } #wb_Text19 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text19 div { text-align: left; } #Button3 { border: 1px #000000 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; background-image: none; color: #101010; font-family: Verdana; font-weight: normal; font-size: 13px; } #Button4 { border: 1px #000000 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; background-image: none; color: #101010; font-family: Verdana; font-weight: normal; font-size: 13px; } #wb_Text20 { background-color: transparent; background-image: none; border: 0px #000000 solid; padding: 0; margin: 0; text-align: left; } #wb_Text20 div { text-align: left; white-space: nowrap; }
BabblED
The University of Edinburgh Undergraduate iGEM Team 2016 presents:
The next generation of information storage
By 2040, we will run out of the materials needed to store digital data.
If this happens, there will be no capacity for Twitter, Facebook or iGEM to function online. Last year, data centres worldwide used more electricity than the entire United Kingdom. By 2020, it will cost more than $13.7 billion to power data centres per year.
We have a solution.
DNA Text Encoding
Density
Longevity
Affordability
Modularity
DNA has 1000 times greater storage density than flash memory
DNA can last for thousands of years without consuming resources; modern hard drives can only last 50
All our encoding programmes are open source and initial synthesis of the lexicon is done for you providing significant cost reductions on existing methods
Assembly of our BabbleBricks is unrestricted and completely customisable
Abstract
The last decade has seen an exponential increase in data and information generation, creating a storage demand that will soon outweigh supply. By 2040, global data storage demand will reach 3×10^24 (3 million billion billion) bits1.. Considering the amount of energy required to run a data centre (about 2% of global energy consumption2.) and the limited supply of raw materials like silicon for manufacturing memory devices, it is clear that novel storage methods are of the utmost importance in meeting demand and providing a sustainable, long term solution to the data storage problem. The University of Edinburgh 2016 undergraduate iGEM team held these considerations in mind when we set out to create a new DNA-based storage system.
Over the course of weeks 1 and 2 our team explored and researched ideas for a project utilising DNA as an information storage device. Our brainstorming process evolved through discussions about the advantages and disadvantages of DNA synthesis and encoding digital information into nucleotide sequences. Major points of debate were cost, fidelity and efficiency of data storage. Following some constructive feedback from our supervisors, our team focused on developing a method that is accessible, sustainable and fits the iGEM format.
Over the course of weeks 1 and 2 our team explored and researched ideas for a project utilising DNA as an information storage device. Our brainstorming process evolved through discussions about the advantages and disadvantages of DNA synthesis and encoding digital information into nucleotide sequences. Major points of debate were cost, fidelity and efficiency of data storage. Following some constructive feedback from our supervisors, our team focused on developing a method that is accessible, sustainable and fits the iGEM format.
Medal Criteria
We've created a wiki page dedicated to outlining how we fulfilled each of the gold medal requirements.
Our project, given the name BabblED, is based on a simple idea: develop a modular system for encoding text, or any other unit of information, into DNA. We will prove the validity of our concept by encoding Ogden’s Basic English (a collection of 850-1,000 words that can be used to express most concepts in the English language). Each encoded word-a BabbleBrick -will be stored in a different PhytoBrick. Sentence assembly and unidirectionality is ensured by the stepwise addition of BabbleBricks that have alternating types of sticky ends; this also prevents repeats and minimizes the occurrence of missing words. The whole sentence construct can be melted off for easy retrieval and assembled back into a PhytoBrick for storage. Since the value that is assigned to each BabbleBrick is arbitrary, each one can be reused with any library or language. In this way, our encoding and assembly method can be optimized for many types of data. Furthermore, using tools such as checksums, optimal rectangular codes and, when appropriate, natural language processing techniques, we are able to ensure that each BabbleBrick sentence can be decoded with 100% accuracy.
As of week 4, we have developed the computer program that converts our vocabulary to BabbleBrick sequences. We have designed the DNA sequences for error-correcting codes and researched the benefits and potential ways to utilize encryption in our method. We are in the process of ordering our first BabbleBricks in the form of gBlocks from IDT and testing our assembly method for efficiency. We have commenced the 2016 Interlab study and are pursuing another exciting project on bacterial growth-based logic. We have already had some fascinating discussions with data specialists and librarians; their feedback and expertise are vital to how we are shaping our project. We have also been in touch with other iGEM teams, such as Newcastle and Dundee, and are hosting a Scottish team meet-up in the beginning of July.
References:
1.http://www.nature.com/nmat/journal/v15/n4/full/nmat4594.html#supplementary-information
2.http://www.greenpeace.org/international/Global/international/publications/climate/2011/Cool%20IT/dirty-data-report-greenpeace.pdf/
As of week 4, we have developed the computer program that converts our vocabulary to BabbleBrick sequences. We have designed the DNA sequences for error-correcting codes and researched the benefits and potential ways to utilize encryption in our method. We are in the process of ordering our first BabbleBricks in the form of gBlocks from IDT and testing our assembly method for efficiency. We have commenced the 2016 Interlab study and are pursuing another exciting project on bacterial growth-based logic. We have already had some fascinating discussions with data specialists and librarians; their feedback and expertise are vital to how we are shaping our project. We have also been in touch with other iGEM teams, such as Newcastle and Dundee, and are hosting a Scottish team meet-up in the beginning of July.
References:
1.http://www.nature.com/nmat/journal/v15/n4/full/nmat4594.html#supplementary-information
2.http://www.greenpeace.org/international/Global/international/publications/climate/2011/Cool%20IT/dirty-data-report-greenpeace.pdf/
