/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: .85em; color: #666; background-color: #FFFFFF; test-align: justify;}
p { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: .85em; test-align: justify; }
a { font-family: Arial, Helvetica, sans-serif; font-size: .85em; color: #666; text-decoration: none; }
a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #666; font-size: .85em; }
a:visited { color: #666; font-size: .85em; }
a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: .85em; background-color: #00cccc; }
a:active { text-decoration: none; color: #00cccc; }

td { }
h1 { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: .8em; test-align: justify; text-decoration: none; }

#navmenu { position: relative; top: 55px; left: 55px; width: 200px; height: 200px; background-color: #fff; border: thin solid #666;}
#navmenu ul{ position: relative; left: 10px; list-style-type: none; padding-top: 30px; padding-left: 20px; }
#navmenu li { padding-bottom: 1px; letter-spacing: 0.5px}

#port { position: relative; top: 20px; left: 65px; }
#cv { position: relative; top: -10px; left: 144px;}
#press { position: relative; top: 69px; left: 45px;}
#contacts { position: relative; top: -80px; left: 32px;}



#stuff { position: absolute ; background-color: #fff; border: thin solid #ccc; top: 48px; left: 250px; width: 650px; height: 460px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; overflow: auto; }
#stuff ul { position: relative; padding-left: 20px; padding-right: 20px; list-style-type: none; padding-top: 10px;  }
#stuff li { padding-bottom: 0px; padding-top: 0px;}


p.ba { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; text-align: justify; } 
p.ba a { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px;}
p.ba a:hover { text-decoration: none; background-color: #ff9999;}

#pback { background-color: #00cccc; width: 85px; height: 12px;}
#name { position: relative; background-color: #00cccc; width: 135px; height: 12px; font-size: 11px; top: 60px; left: 100px; font-family: Arial, Helvetica, sans-serif; }

#pro { position: absolute ; background-color: #ccc; border: thin solid #ccc; top: 48px; left: 250px; width: 650px; height: 500px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;}
p.pro {  font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; text-align: justify; }


#iconbox { position: fixed; top: 503px; left: 872px; width: 49px;
	height: 62px;}
#icon {
	position: fixed; top: 503px; left: 850px;
	width: 49px;
	height: 62px;
}
#iconone {
	position: fixed; top: 503px; left: 872px;}

	
#mainbox {  position: fixed; top: 535px; left: 260px; width:45px; height:23px; border: none; background-color: #fff;}	
	
#main { position: fixed; top: 523px; left: 195px; background-color: #fff; border: none;  }

	
#ccbox { position: relative; background-color: #fff; font-family: Arial, Helvetica, sans-serif; width: 130px; height: 50px; left: 110px; top: 93px; font-size: 9px; a: 9px; }	
.box a { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 9px;}
.box a:hover { text-decoration: none; background-color: #ff9999;}


/*lags page*/

#lags { position: absolute; background-color: #00ccc; border: thin solid #ccc; width: 800px; height: 500px; left: 10px; top: 33px; }
#lagspicbox { position: fixed; top: 33px; left: 10px; width: 700px;
	height: 500px;}	
	
# lagspic { position: fixed; top: 33px; left: 100px; width: 600px; height: 450px;}

#lagsback { position: absolute; background-color: #fff; border: rgb(243, 231, 196); width: 800px; height: 600px; left: 30px; top: 10px;}
#lags1 { position: absolute; background-color: #fff; border: thin solid #666; width: 850px; height: 100px; left: 20px; top: 33px; padding-right: 15px; padding-left: 15px; overflow: auto;}
p.lags1 {  font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; text-align: justify; }
#lags3box { position: absolute; top: 45px; left: 240px; width: 400px;
	height: 276px;}
#lags3 {position: fixed; top: 46px; left: 240px; width: 400px;
	height: 276px;}	
	
#blobag { position: relative; top: 50px; left: 60px; width: 509px; height: 246px;}	

#blobs { position: relative; top: 55px; left: 40px; width: 400px; height: 267px;}

#news {position: fixed; top: 314px; left: 601.2px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: .85em; text-align: justify; padding-right: 10px; border: none; width: 300px; height: 200px; overflow: auto; }	
.newss a {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: .95em;}
.newss a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color:#ff9999; font-size: .95em;}

#newspic {position: fixed; top: 304px; left: 910.5px; width: 38px; height: 90px;}

#contact {position: fixed; top: 390px; left: 230px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; border: none; width: 200px; height: 40px;}
#contactpic {position: fixed; top: 250px; left: 225px; width: 175px; height: 139px;}


/*roam page */

#roambox { position: absolute; background-color: #fff; border: none; width: 300px; height: 500px; left: 100px; top: 0px; }
#roamcontent { position: absolute; background-color: #fff; border: none; width: 630px; height: 440px; left: 320px; top: 6px; overflow: auto; }

p.r { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; text-align: justify; padding-right: 15px; }