/*
 * PureCSS Collection
 * http://www.telemac0.net
 * 
 * 
 * 02
 * Lo-Fi seaview
 * 14/07/2008
 * 
 * CSS File
 * 
 */
 
 
/*
 *
 * Sky is falling..
 * 
 */


#sky1 {width:390px; height: 10px; background-color: #4477d0; border:0; border-bottom: 4px solid #4779d0;}
#sky2 {width:390px; height: 10px; border:0; border-top: 10px solid #4c7ed3; background-color: #4d7fd8; border-bottom: 4px solid #4a7dd6;}
#sky3 {width:390px; height: 10px; border:0; border-top:5px solid #5183da; background-color: #5387db;  border-bottom: 7px solid #5d8de1;}
#sky4 {width:390px; height: 10px; border:0; border-top:8px solid #6091e0; background-color: #6392e2;  border-bottom: 7px solid #6d98e7;}
#sky5 {width:390px; height: 10px; border:0; border-top:8px solid #6f9ae9; background-color: #719ceb;  border-bottom: 7px solid #77a3ea;}
#sky6 {width:390px; height: 10px; border:0; border-top:3px solid #7da4e9; background-color: #82aeed;  border-bottom: 7px solid #84b1ec;}
#sky7 {width:390px; height: 10px; border:0; border-top:8px solid #82afea; background-color: #84b1ec;  border-bottom: 7px solid #8ab7ee;}
#sky8 {width:390px; height: 10px; border:0; border-top:12px solid #90bbf2; background-color: #91baf0;  border-bottom: 7px solid #93baf1;}
#sky9 {width:390px; height: 10px; border:0; border-top:12px solid #95bcf3; background-color: #91baf0;  border-bottom: 7px solid #9fc1f1;}
#sky10 {width:390px; height: 10px; border:0; border-top:12px solid #a5c1f0; background-color: #a1bff1;  border-bottom: 14px solid #9dbfef;}
#sky11 {width:390px; height: 10px; border:0; border-top:7px solid #a1bff1; background-color: #a9c6f2;  border-bottom: 9px solid #a6c2f1;}
#sky12 {width:390px; height: 10px; border:0; border-top:12px solid #a9c6f2; background-color: #a5c0ed;  border-bottom: 5px solid #a1b9e7;}


/*
 *
 * Childy Boat on the right
 * 
 */

#boat1 {width:1px; height: 1px; border:0; border-left: 340px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#08263e;}
#boat2 {width:2px; height: 1px; border:0; border-left: 339px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#08263e;}
#boat3 {width:3px; height: 1px; border:0; border-left: 338px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#08263e;}
#boat4 {width:4px; height: 1px; border:0; border-left: 337px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#08263e;}
#boat5 {width:4px; height: 1px; border:0; border-left: 337px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#d7ddff;}
#boat6 {width:5px; height: 1px; border:0; border-left: 336px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#d7ddff;}
#boat7 {width:6px; height: 1px; border:0; border-left: 335px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#08263e;}
#boat8 {width:8px; height: 1px; border:0; border-left: 334px solid #a9c6f2; border-right: 48px solid #a9c6f2; background-color:#d7ddff;}
#boat9 {width:10px; height: 1px; border:0; border-left: 333px solid #a9c6f2; border-right: 47px solid #a9c6f2; background-color:#d7ddff;}
#boat10 {width:12px; height: 1px; border:0; border-left: 332px solid #a9c6f2; border-right: 46px solid #a9c6f2; background-color:#d7ddff;}
#boat11 {width:12px; height: 1px; border:0; border-left: 332px solid #a9c6f2; border-right: 46px solid #a9c6f2; background-color:#d7ddff;}
#boat12 {width:14px; height: 1px; border:0; border-left: 331px solid #a9c6f2; border-right: 45px solid #a9c6f2; background-color:#d7ddff;}
#boat13 {width:16px; height: 1px; border:0; border-left: 330px solid #a9c6f2; border-right: 44px solid #a9c6f2; background-color:#d7ddff;}
#boat14 {width:18px; height: 1px; border:0; border-left: 329px solid #a9c6f2; border-right: 43px solid #a9c6f2; background-color:#d7ddff;}
#boat15 {width:13px; height: 1px; border:0; border-left: 328px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#d7ddff;}
#boat16 {width:14px; height: 1px; border:0; border-left: 327px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#d7ddff;}
#boat17 {width:16px; height: 1px; border:0; border-left: 325px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#d7ddff;}
#boat18 {width:1px; height: 1px; border:0; border-left: 340px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#04000b;}
#boat19 {width:1px; height: 1px; border:0; border-left: 340px solid #1a3c62; border-right: 49px solid #1a3c62; background-color:#04000b;}
#boat20 {width:30px; height: 1px; border:0; border-left: 321px solid #315893; border-right: 39px solid #315893; background-color:#d7ddff;}
#boat21 {width:28px; height: 1px; border:0; border-left: 322px solid #1a3c62; border-right: 40px solid #1a3c62; background-color:#d7ddff;}
#boat22 {width:26px; height: 1px; border:0; border-left: 323px solid #315893; border-right: 41px solid #315893; background-color:#d6be74;}
#boat23 {width:22px; height: 1px; border:0; border-left: 325px solid #315893; border-right: 43px solid #315893; background-color:#d6be74;}
#boat24 {width:20px; height: 1px; border:0; border-left: 326px solid #1a3c62; border-right: 44px solid #1a3c62; background-color:#04000b;}
#boat25 {width:16px; height: 1px; border:0; border-left: 328px solid #1a3c62; border-right: 46px solid #1a3c62; background-color:#d7ddff;}



/*
 *
 * Sea and sun reflection.. take a look to the borders trick!
 * 
 */

#sea1 {width:310px; height: 1px; border:0; border-left: 30px solid #bde355; border-right: 50px solid #93adda; border-top:2px solid #1f4069; border-bottom: 2px solid #1f4069; background-color:#1a3c62;}

#sea2 {width:320px; height: 2px; border:0; border-left: 70px solid #c3e36c; border-top:4px solid #1f4069; border-bottom: 1px solid #1f4069; background-color:#1a3c62;}

#sea3 {width:390px; height: 2px; border:0; border-top:1px solid #1a3c62; border-bottom: 1px solid #1f4069; background-color:#1f4069;}

#sea4 {width:250px; height: 2px; border:0; border-left: 140px solid #c9e383; border-top:4px solid #1f4069; border-bottom: 3px solid #1a3c62; background-color:#1f4069;}

#sea5 {width:390px; height: 2px; border:0; border-top:1px solid #1a3c62; border-bottom: 1px solid #1f4069; background-color:#1f4069;}

#sea6 {width:160px; height: 1px; border:0; border-left: 230px solid #d0e39c; border-top:4px solid #1f4069; border-bottom: 4px solid #1a3c62; background-color:#1f4069;}

#sea7 {width:390px; height: 4px; border:0; border-top:2px solid #1a3c62; border-bottom: 2px solid #1f4069; background-color:#1f4069;}

#sea8 {width:30px; height: 1px; border:0; border-left: 360px solid #d6e3b1; border-top:2px solid #1f4069; border-bottom:2px solid #1f4069; background-color:#1f4069;}

#sea9 {width:390px; height: 2px; border:0; background-color:#1f4069;}