* {margin: 0; padding: 0;}
body, html{height:1044px}

body{background:#333 url(../imgwp/bellatr1.png) no-repeat 0% 1%; font-family:Georgia,Arial,Verdana,Sans-serif; font-size:1.0em; text-align:right; color:#eee; padding:0}

#header{width:79%; font:175% Georgia,Arial,Verdana,Sans-serif; color:#ccb8b6; padding-bottom:5px; padding-top:5px; padding-right:25px; border:none; margin:10px auto 10px;background: url(../imgwp/header1.jpg) repeat; opacity:0.80; filter: alpha(opacity=50);}

#content{position:relative; width:82%; height:100%; margin-top:5px; margin-left:auto !important; margin-right:auto !important; text-align:left}

.ptxt {font-size: 85%; margin-top: -1px;}

#leftcol{position:relative; width:19%; min-height:100%; height:1044px; padding-left:0; padding-right:0; float:left; text-align:left; clear:none; background-color:#222; margin-top:0; opacity:0.65;border:1px solid #888;}

#leftxt{color:#fff; position:absolute; width:99%; height:100%; padding-left:4%; padding-right:1%; float:left; text-align:left; right:auto; top:0; left:0}

#leftxt h3{color:#eee; font-size:1.3em;}

.ldown{font-weight:500; font-size:70%; width:95%;}

.ldown a{color:#3cf; text-decoration:none}

.ldown a:hover{color:#fff; text-decoration:none}

.lbox{ width:80%; border:1px solid #ffe4e1; font-size:70%; font-weight:bold; margin:15px 6px 0; padding:4px;}

.lbox a{color:#3cf; text-decoration:none}

.lbox a:hover{color:#ffe4e1}

.lboxb{width:80%; border:1px solid #ffe4e1; font-size:70%; font-weight:bold; margin:45px 6px 0; padding:4px;}

.lboxb a{color:#3cf; text-decoration:none}

.lboxb a:hover{color:#ffe4e1}

.img {text-align:center; margin-top:20px;}
.img a{text-decoration:none;}

#main{font-size:80%; position:relative; width:78%; height:1044px; margin-left:0; margin-bottom:5px; float:left; padding-left:1% !important; padding-right:1% !important; background:#111; opacity:0.75; border-top:1px solid #555; border-bottom:1px solid #555}

h1{font:140% Georgia,Arial,Verdana,Sans-serif; line-height:1.4em; color:#ffe4e1; margin:.25em 0 0; padding:5px 0 2px}

h2{font:120% Georgia,Arial,Verdana,Sans-serif; color:#ffe4e1; margin:.75em 0 .5em}

h3{font:130% Georgia,Arial,Verdana,Sans-serif; letter-spacing:.0.5em; font-weight:600; color:#555; margin:0.5em 0 0.5em}

h4{font:100% Georgia,Arial,Verdana,Sans-serif; color:#ffe4e1; margin:.75em 0 .5em}

#footer{width:80%; clear:both; font:60% Georgia,Arial,Verdana,Sans-serif; letter-spacing:.1em; color:#ccc; border:2px dotted #444; text-align:center; margin:5px auto; padding:7px}

#footer a{color:#0ff; text-decoration:none}

#footer a:hover{color:#8a88a2}

* html #content, * html #leftcol, *html #leftxt, * html #main, *html 

#rightcol{position:relative;}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

It is valid for the portion (photo) below ONLY!
=================================================================== */
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {padding:20px; background:#333 url(../imgwp/wolf8.jpg) no-repeat 90% 50%; width:610px; height:280px; text-align:left;}
.photo h1 {font-size:100%; font-weight:normal; color:#ffe4e1; margin:0 0 0 5px; padding:0;}
.photo ul {list-style:none; padding:0; margin:0; width:216px; background:#222; border:1px solid #666; position:relative; height:144px;}
.photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background-color:#555; text-decoration:none;}
.photo ul li a b {display:none;}
.photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

.photo ul li a:hover {white-space:normal;position:relative;}

.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#666;}

.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#222; position:absolute; left:260px; top:0; width:330px; height:264px; border:1px solid #666; padding:5px 5px;}
.photo ul li a:focus b, .photo ul li a:active b {display:block; position:absolute; width:204px; height:98px; border:1px solid #666; top:165px; left:0; color:#ddd; font-weight:normal; font-size:90%; padding:6px;}