/* CSS Document */
body,p,h2,h3,h4 {padding:0; margin:0;}
body {font-family:Arial, Helvetica, sans-serif}
p {font-size:14px; display:block; padding:10px 0 10px;line-height:18px;}
p span a {color:#FF0066; font-weight:bold;}
p span a:hover,.box-webcams h4:hover,#joinnow a:hover {text-decoration:none; color:#333333;}

#wrapper { width:1005px; margin:auto;}
#header-webcams {background:url(../images/header.jpg) no-repeat; display:block; height:98px;}
.col1 {width:520px; float:left; margin:auto auto auto 0;}
.col1 img,.imgborder {border:1px solid #000;}
.col2 {width:470px; float:left;}
img.resize-me {width:158px; height:135px; border:1px solid #000;}

.left-web {width:483px; height:406px; background:url(../images/index_04.jpg)no-repeat; position:relative;}
.left-web ul {padding:0; margin:0; position:absolute; top:200px; left:55px; width:400px;}
.left-web li {padding:0; margin:0 0 15px 0; list-style:none; position:relative; }
.button {background:url(../images/button1.jpg) 0 0; width:483px; height:77px; cursor:pointer; pointer:hand; border:0;}
.button:hover {background-position: 0 -79px;}

.midbox {clear:both; display:block; width:1000px; margin:10px auto; overflow:hidden;}
.clickme {background:url(../images/button2.jpg) 0 0; width:981px; height:49px; cursor:pointer; pointer:hand; border:0; display:block; margin:5px auto;}
.clickme:hover {background-position: 0 -50px;}

#joinnow{font-family:tahoma; font-size:22px;font-weight:bold}
#joinnow a{color:#FF0000; font-weight:bold}
h2{font-size:18px;margin:0; padding:0}
h3{font-size:12px;margin:0; padding:0}

/* Style On Hover Effect */
.overlay-webcams{ position:absolute; width:139px;height:121px; background:url(../images/siteshover.png) no-repeat; display:none; cursor:pointer; left:0; top:0}
.overlay2{ position:absolute; width:206px;height:124px; background:url(../images/overlay2.png) no-repeat; display:none; cursor:pointer; left:0; top:0}
.overlay3{ position:absolute; width:280px;height:240px; background:url(../images/othershover2.png) no-repeat; display:none; cursor:pointer; left:0; top:0}
.box-webcams{ position:relative; float:left; width:158px; height:160px; margin:0 4px 0 4px;}
.box2{ position:relative; float:left; width:158px; height:160px; margin:5px 4px 0 4px;}
.box3{ position:relative}
.box-webcams h4,.box2 h4 {font-size:12px; text-align:center; color:#FF0000; text-decoration:underline;}
img.graphic1 {display:block; margin:auto;}
.makename {position:absolute; bottom:24px; background-color:#000000; color:#FFF; text-align:center; font-size:12px; padding:2px; width:155px;opacity:0.6;filter:alpha(opacity=60);}