*{margin:0;padding:0;font-family:'Trebuchet MS','Arial','sans-serif';}
li{list-style-type:none;}
.clear{clear:both;}
:focus { -moz-outline-style: none; outline: 0 none;}

body{background:#ebe5cd url(imgs/bg.jpg) no-repeat 0 0;}
#header{width:800px;margin:40px 0 70px 165px;}
h1{float:left;}
h1 span{display:none;}
h1 a{display:block;width:162px;height:75px;background:url(imgs/logo.png) no-repeat 0 0;}
#basline{float:left;font-size:11px;margin:40px 0 0 10px;color:#524d46;}
#nav{float:right;}
#nav li{float:left;}
#nav li a{text-decoration:none;color:#5c5851;font-size:13px;font-weight:bold;text-transform:uppercase;display:block;float:left;padding:0 0 15px 0;margin:0 25px 0 0;}
#nav li#linkPage5 a{margin:0 !important;}
#nav li#linkPage1 a:hover, #nav li#linkPage1 a.select{border-bottom:4px solid #b6d017;}
#nav li#linkPage2 a:hover, #nav li#linkPage2 a.select{border-bottom:4px solid #a555ae;}
#nav li#linkPage3 a:hover, #nav li#linkPage3 a.select{border-bottom:4px solid #18bcdf;}
#nav li#linkPage4 a:hover, #nav li#linkPage4 a.select{border-bottom:4px solid #ffbe4a;}
#nav li#linkPage5 a:hover, #nav li#linkPage5 a.select{border-bottom:4px solid #474747;}

#container{height:432px;width:10000px;overflow:hidden;padding:0;}


/*page*/
.page{width:690px;margin:0 165px 0 0;float:left;}
.page .content{width:610px;height:330px;background:white;padding:40px;}
.page .content h2{color:#474747;font-size:35px;font-weight:bold;font-style:italic;margin:0 0 45px 0;}
.page .content h3{font-size:14px;}
.page .content a{text-decoration:none;font-weight:bold;}
.page .content a:hover{text-decoration:underline;}
.page .content p{margin:0 0 15px 0;font-size:12px;}

#page1 .content{padding:0;width:690px;height:410px;}
#page2 .content h3{color:#b6d017;}
#page3 .content h2{font-size:14px !important;font-style:normal !important;margin:0 0 5px 0;color:#B6D017;}
#page4 .content h3{color:#a555ae;}
#page5 .content h3{color:#18bcdf;}
#page11 .content h3{color:#474747;}


#page2 .content a{color:#b6d017;}
#page3 .content a{color:#b6d017;}
#page4 .content a{color:#a555ae;}
#page5 .content a{color:#18bcdf;}
#page6 .content a{color:#ffbe4a;}
#page7 .content a{color:#ffbe4a;}
#page8 .content a{color:#ffbe4a;}
#page9 .content a{color:#ffbe4a;}
#page10 .content a{color:#ffbe4a;}
#page11 .content a{color:#474747;}


#page1 .subnav .title{background:#b6d017;}
#page2 .subnav .title{background:#b6d017;}
#page3 .subnav .title{background:#b6d017;}
#page4 .subnav .title{background:#a555ae;}
#page5 .subnav .title{background:#18bcdf;}
#page6 .subnav .title{background:#18bcdf;}
#page7 .subnav .title{background:#18bcdf;}
#page8 .subnav .title{background:#ffbe4a;}
#page9 .subnav .title{background:#ffbe4a;}
#page10 .subnav .title{background:#ffbe4a;}
#page11 .subnav .title{background:#474747;}

.subnav{height:22px;float:right;}
.subnav .title{font-size:10px;font-weight:bold;color:white;width:70px;text-align:center;padding:5px;height:12px;display:inline;float:right;text-transform:uppercase;}
.subnav .prev a span, .subnav .next a span{display:none;}
.subnav .prev, .subnav .next{float:right;}
.subnav .prev a{display:block;float:left;width:25px;height:22px;background:url(imgs/prev.jpg) 0 0 no-repeat;}
.subnav .next a{display:block;float:left;width:24px;height:22px;background:url(imgs/next.jpg) 0 0 no-repeat;}
.subnav .prev a:hover{background:url(imgs/prev.jpg) 0 -22px no-repeat;}
.subnav .next a:hover{background:url(imgs/next.jpg) 0 -22px no-repeat;}



/*page5 : iphone*/
#page5 h2{color:white;}
#page5 .content{background:url(imgs/bg-iphone.jpg) 0 0 no-repeat;}
#containerIphone{float:left;width:182px;height:262px;margin:-49px 0 0 22px;background: red url(imgs/reflet.png) right 0 no-repeat;}
#containerIphone img{width:182px;height:262px;float:left;display:block;}
#page5 .layus ul{margin:10px 0 0 0;}
#page5 .layus ul li{font-size:12px;padding:2px 0 2px 0px;margin:0 0 0 20px;list-style-type:disc;}
#prevIphone{float:left;}
#nextIphone{float:left;}
#prevIphone span, #nextIphone span{display:none;}
#prevIphone{width:46px;height:70px;background:url(imgs/prevIphone.jpg) no-repeat 0 0;margin:70px 18px 0 15px;}
#prevIphone:hover{background:url(imgs/prevIphone.jpg) no-repeat 0 -70px;}
#nextIphone{width:34px;height:46px;background:url(imgs/nextIphone.jpg) no-repeat 0 0;margin:78px 0 0 45px;}
#nextIphone:hover{background:url(imgs/nextIphone.jpg) no-repeat 0 -46px;}
#page5 .layus{width:225px;float:left;font-size:14px;color:white;}

/*page6 page7 page8 page9 page10 : about */
#page6 .content{background:url(imgs/borne_teigo_shoot-2.jpg) no-repeat 0 0;}
#page7 .content{background:url(imgs/ecosystem_teigo.jpg) no-repeat 0 0;}

#page8 .content h2{padding:40px 0 0 40px;margin:-40px -40px 0 -40px;height:92px;color:white;background:url(imgs/bg-about.jpg) no-repeat 0 0;}
#page9 h2, #page10 h2{font-size:14px !important;font-style:normal !important;margin:-10px 0 5px 0;color:#FFBE4A;}

/*page11 : contact*/
#page11 form input{background:#bff5ff;border:solid 1px #22deff;width:273px;font-size:12px;padding:2px 5px 2px 5px;}
#page11 form textarea{background:#bff5ff;border:solid 1px #22deff;height:60px;width:598px;font-size:12px;padding:2px 5px 2px 5px;}
#page11 form label{color:#18bcdf;font-size:14px;display:block;margin-bottom:5px;}
#page11 form .block{width:285px;margin-bottom:15px;float:left;}
#page11 form .block1{margin-right:40px;}
#page11 form .block2{width:600px;float:left;margin-bottom:15px;}
#page11 form #submit{padding:10px;width:100px;background:white;cursor:pointer;font-weight:bold;font-style:italic;color:#00404e;font-size:18px;float:left;}
#page11 form p{float:right;color:#18bcdf;font-size:12px;font-weight:bold;}
#page11 .feedback{font-size:12px;text-align:center;}

/*Footer*/
#footer li{float:left;}
#footer li span{float:left;font-family:'verdana','Arial','sans-serif';font-size:10px;font-weight:bold;color:#8e8e8e;}
#footer li a{font-family:'verdana','Arial','sans-serif';text-decoration:none;font-size:10px;font-weight:bold;color:#8e8e8e;}
#footer{background:white;width:690px;margin: 50px 0 15px 165px;text-transform:uppercase;}
#footer #copyright{padding:15px 0 10px 10px;margin-right:170px;}
#footer #about{padding:3px 10px 5px 10px;height:25px;margin:4px 0 0 0;background: url(imgs/spacerDot.jpg) repeat-y right 0;}
#footer #contact{padding:3px 10px 10px;height:25px;margin:4px 0 0 0;}