@charset "UTF-8";
/* CSS Document */

body{
font-family: Arial, Helvetica, sans-serif;
background: url(../images/structure/header-background.jpg) repeat-x;
}

#container{
margin: 0 auto 30px auto;
width: 920px;
}

.link{
background:url(../images/structure/link-bg.jpg);
width: 262px;
height: 63px;
margin: 0 0 15px 0;
position: relative;
}

ul{
float: left;
width: 925px;

margin: 0 0 0 30px;
}

ul li{
float: left;
}

ul li a:hover, ul li#live a{
color: #fff;
background: #1e5494;

}

ul li a{
padding: 15px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
margin: 0 15px 0 0;
letter-spacing: 1px;
color: #1e5494;
}

.link a{
color: #1e5494;
font-size: 20px;
font-weight: bold;
font-style:italic;
text-decoration: none;
position: absolute;
top: 20px;
left: 25px;
}

#left{
margin: 20px 0 0 0;
width: 640px;
float: left;
}

#right{
margin: 20px 0 0 0;
float: left;
width: 260px;

color: #031e3e;
padding: 0 0 0 20px;
}

#right p{
font-size: 13px;
padding: 10px 0 10px 0;
line-height: 20px;
}

#rightads img{
padding: 15px 0 0 0;
}

h1{
background: url(../images/structure/header.jpg) no-repeat;
text-indent: -9999px;
margin: 15px 0 0 0;
width: 655px;
height: 80px;
}

h2{
font-weight: bold;
font-size: 19px;
color: #1e5494;
margin: 0 0 10px 0;
line-height: 25px;
}

#showing{
position: relative;
top: 30px;
left: 30px;
background: #000;
width: 580px;
height: 435px;
}

.webcam{
background: url(../images/structure/webcam-bg.jpg);
width: 639px;
height: 502px;
}

.updater{
margin: 0 0 0 15px;
width: 611px;
height: 44px;
padding: 15px;
background: url(../images/structure/update-background.jpg) no-repeat;
}

.updater p{
font-size: 12px;
}

#webcam1{
width: 580px;
height: 436px;
}

.updater p.when{
padding: 0 0 10px 0;
font-weight: bold;
font-size: 17px;
color: #031e3e;
}

#mainads{
padding: 0 0 0 15px;
}

#mainads img{
margin: 15px 0 0 0;
}

#footer{
background: #698fb4;
clear: both;
text-align: center;
padding: 20px 0 20px 0;
}

#footer a, #footer p{
text-decoration: none;
font-size: 11px;
color: #1e5494;}