/* #######################
##### CSS by Cave.lt #####
########################*/

body {
background-color: rgb(0,0,0);
background-image: url(img/bg_sides.jpg);
background-repeat: repeat-y;
background-position: center;
background-attachment: fixed;
margin: 0;
padding: 0;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: smaller;
color: rgb(180,180,180);
line-height: 1.5em;
}

body img {
margin: 0;
padding: 0;
border: 0;
}

body a:link {
color: rgb(255,200,0);
text-decoration: none;
}

body a:visited {
color: rgb(155,100,0);
text-decoration: none;
}

body a:hover {
color: rgb(200,0,0);
text-decoration: none;
}

body a:active {
color: rgb(0,130,0);
text-decoration: none;
}

.clear {
background-color: transparent;
display: block;
height: 5px;
clear: both;
}

.spacer {
background-color: transparent;
display: block;
height: 30px;
margin: 0;
padding: 0;
clear: both;
}

#container {
background-image: url(img/bg_content.jpg);
width: 900px;
margin: 0 auto;
padding: 0;
}

#head1 {
background-image: url(img/head1.jpg);
width: 900px;
height: 120px;
display: block;
}

#logo {
float: left;
background-color: transparent;
}

#cam4 {
float: right;
background-color: transparent;
width: 180px;
height: 70px;
padding: 35px 10px 0 0;
}

#head2 {
background-image: url(img/head2.jpg);
width: 900px;
height: 23px;
padding: 7px 0 0 ;
text-align: center;
display: block;
}

#head2 a:link {
background-color: transparent;
font-size: xx-small;
font-weight: bold;
font-variant: small-caps;
color: rgb(150,150,150);
padding: 1px 5px 1px 5px;
border-top: 1px solid rgb(120,120,120);
border-right: 1px solid rgb(60,60,60);
border-bottom: 1px solid rgb(60,60,60);
border-left: 1px solid rgb(100,100,100);
}

#head2 a:visited {
background-color: transparent;
font-size: xx-small;
font-weight: bold;
font-variant: small-caps;
color: rgb(100,100,100);
padding: 1px 5px 1px 5px;
border-top: 1px solid rgb(120,120,120);
border-right: 1px solid rgb(60,60,60);
border-bottom: 1px solid rgb(60,60,60);
border-left: 1px solid rgb(100,100,100);
}

#head2 a:hover {
background-color: transparent;
font-size: xx-small;
font-weight: bold;
font-variant: small-caps;
color: rgb(200,200,200);
padding: 1px 5px 1px 5px;
border-top: 1px solid rgb(120,120,120);
border-right: 1px solid rgb(60,60,60);
border-bottom: 1px solid rgb(60,60,60);
border-left: 1px solid rgb(100,100,100);
}

#head2 a:active {
background-color: transparent;
font-size: xx-small;
font-weight: bold;
font-variant: small-caps;
color: rgb(222,222,222);
padding: 1px 5px 1px 5px;
border-top: 1px solid rgb(120,120,120);
border-right: 1px solid rgb(60,60,60);
border-bottom: 1px solid rgb(60,60,60);
border-left: 1px solid rgb(100,100,100);
}

#leftblock {
float: left;
background-color: transparent;
width: 684px;
}

#left {
float: left;
background-image: url(img/head_bottom_left.jpg);
background-color: transparent;
background-repeat: no-repeat;
width: 200px;
padding: 40px 16px 0 0;
}

#mainmenu {
background-color: transparent;
display: block;
width: 100%;
margin: 0;
padding: 0 0 30px 0;
}

#mainmenu a:link {
display: block;
background-color: rgb(20,20,20);
margin: 0;
padding: 7px 10px 7px 10px;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: small;
color: rgb(130,130,130);
border-top: 1px solid rgb(55,55,55);
border-right: 4px solid rgb(21,20,20);
border-bottom: 1px solid rgb(30,30,30);
}

#mainmenu a:visited {
display: block;
background-color: rgb(20,20,20);
margin: 0;
padding: 7px 10px 7px 10px;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: small;
color: rgb(100,100,100);
border-top: 1px solid rgb(55,55,55);
border-right: 4px solid rgb(21,20,20);
border-bottom: 1px solid rgb(30,30,30);
}

#mainmenu a:hover {
display: block;
background-color: rgb(30,30,30);
margin: 0;
padding: 7px 10px 7px 10px;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: small;
color: rgb(170,170,170);
border-top: 1px solid rgb(55,55,55);
border-right: 4px solid rgb(205,150,0);
border-bottom: 1px solid rgb(30,30,30);
}

#mainmenu a:active {
display: block;
background-color: rgb(20,20,20);
margin: 0;
padding: 7px 10px 7px 10px;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: small;
color: rgb(200,200,200);
border-top: 1px solid rgb(55,55,55);
border-right: 4px solid rgb(205,150,0);
border-bottom: 1px solid rgb(30,30,30);
}

#content {
float: right;
background-color: transparent;
width: 468px;
text-align: justify;
}

#content h1 {
display: block;
margin: 0px;
padding: 15px 15px 3px 15px;
font-size: large;
font-weight: normal;
color: rgb(255,255,255);
line-height: 1.4em;
border-bottom: 1px solid rgb(80,80,80);
}

.imgpic {
border: 1px solid rgb(255,255,255);
padding: 1px;
margin: 5px;
}

#right {
float: right;
background-image: url(img/head_bottom_right.jpg);
background-color: transparent;
background-repeat: no-repeat;
width: 200px;
padding: 40px 0 0 16px;
}

.sidecontent {
display: block;
background-color: rgb(20,20,20);
width: 180px;
margin: 0 0 30px 0;
padding: 5px 10px 5px 10px;
line-height: 1.3em;
border-top: 1px solid rgb(45,45,45);
border-bottom: 1px solid rgb(30,30,30);
}

.sidecontent h1 {
display: block;
background-color: rgb(30,30,30);
margin: 0 0 3px 0;
padding: 2px 0 4px 0;
font-weight: bold;
font-size: small;
color: rgb(200,200,200);
}

.sidecontent p {
margin: 0;
padding: 2px 0 5px 0;
font-size: small;
}

#footer {
display: block;
background-color: rgb(30,30,30);
width: 900px;
padding: 3px 0 5px 0;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: smaller;
text-align: center;
color: rgb(150,150,150);
line-height: 1.3em;
border-top: 1px solid rgb(55,55,55);
border-bottom: 1px solid rgb(150,150,150);
}

#bottom {
background-image: url(img/bg_bottom.jpg);
display: block;
width: 900px;
height: 20px;
clear: both;
}