body{background-color:#FFF; font-family:Verdana, Arial, Helvetica; font-size:16px; margin:0}
a {color: #0A0}
a:hover{color:#070}

#header {width:100%; height:140px; position:relative;}
#header span {position:absolute; font-weight:bold}
#headerShunik span{font-size:80px; color:#090;}
#headerInfo span{font-size:60px; color:#EFD;}

#main {width:824px; margin:auto;}#shner {width:100%; height:37px;}
#shner ul {position:absolute; margin:0; padding:0; list-style-type:none;}
#shner ul li {float:left; padding:10px; line-height:20px;font-weight:bold;}
#shner ul li a{text-decoration:none}
#shner ul li.active, #shner ul li:hover {background:#EFD;}

#shner 	#body{float:left;width:664px;height:37px; overflow:hidden; position:relative}
#shner	#search{float:left;width:146px; background:#EFD; padding:7px}
		#search input{width:140px;padding:3px; background:#F8FFEC; height:17px;
			font-size:15px; font-weight:bold; border:0; color:#090}

#myDogLink {position:absolute; background:#090!important; width:100px;  
margin:0; padding:6px; font-size:1.2em;font-weight:bold; text-align:center; font-variant:small-caps;}
#myDogLink a{color:#FFF;text-decoration:none}

/* COMMENTS */
p.hiddenComment{display:none}

div.comments, form.addComment {position:absolute; border:1px solid #9A9; background:#BBC2BB;opacity:0.95}

a.commentAdd{float:left;cursor:pointer;}
a.commentView{float:right;cursor:pointer;}
div.comments{display:none; top:310px; height:200px; width:738px;}
div.commentsList{height:191px; width:728px; padding:5px; 
	overflow-y:scroll; font-size:15px}
p.comment{text-align:left;margin:5px 5px 15px 5px}
p.comment span {display:block; color:#9A9; font-weight:bold}
p.comment span span {display:inline; color:#070	; margin:5px}

form.addComment {position:absolute;bottom:11px; width:320px;
	text-align:left; padding:10px}
form.addComment input, form.addComment button, form.addComment textarea {
	border:1px solid #9A9; margin:3px}
form.addComment button{cursor:pointer}
form.addComment textarea{width:310px; height:80px; display:block;}
form.addComment label{font-size:15px;padding:4px}
form.addComment p.error {border:1px solid #F99!important; background:#FDD; 
	font-size:0.8em; padding:5px 40px 5px 5px!important; position:relative}
form.addComment p.error img{position:absolute; right:5px; top:5px; 
	width:20px; height:20px; background:url(images/form/valid.png) no-repeat -20px}

/* GALLERY */
div.noPhotos {padding:8px 0 8px 0;}
#gallery, #galleryHead, div.noPhotos{width:100%; background:#EFD; margin-top:1px}
#galleryHead span.info {color:#9A9}
#galleryHead td {padding:9px; font-size:10.5pt;}
#galleryHead #tdSlider {width:180px}
#galleryHead #tdSlider #sliderP {float:right}

.galleryPreview {position:fixed; z-index:10;
	top:50%; margin-top:-260px;
	width:740px; left:50%; margin-left:-378px;
	background:#FFF; border:8px solid #BBC2BB; 
	padding:10px; text-align:center;}
.galleryPreview .close {position:absolute; right:0;top:0; cursor:pointer; 
	width:30px; height:30px; background:#F0FAF0;
	color:#070; font-size:24px;}
.galleryPreview .close:hover {background:#CEC}
.galleryPreview .text {position:absolute;width:200px;height:50px;
	left:50%;top:50%; margin:-25px 0 0 -100px; display:none; 
	color:#454; font-weight:800; font-size:40px;}
.galleryPreview .photoDesc {padding:5px 30px; font-size:0.9em}

.galleryPreview .lr {position:absolute; top:50%; margin-top:-30px;
	background:$previewbutton; width:20px; height:36px; padding:12px 0;
	cursor:pointer;	font-size:24px; color:#070}
.galleryPreview .lr:hover{background:#CEC}
.galleryPreview .right{right:5px;}
.galleryPreview .left  {left:5px;}

#photo{margin:auto;}
.photo{text-align:center; padding:6px; vertical-align:middle}
.photo a img{cursor:pointer; border:0;}

/* Scroller 
.uparrow, .downarrow{display:block; width:164px; height:10px; background:#777; position:absolute; cursor:pointer}
.uparrow:hover {background:#AAA url('images/arrowuph.gif') no-repeat center;}
.downarrow:hover {background:#AAA url('images/arrowdownh.gif') no-repeat center;}
.uparrow{top:0px; z-index:2; background:#777 url('images/arrowup.gif') no-repeat center;} 
.downarrow{bottom:0px; background:#777 url('images/arrowdown.gif') no-repeat center;}*/

/* HScroller */
.leftarrow, .rightarrow{display:block; width:15px; height:30px; padding-top:8px; 
	font-size:18px;	background:#EFD; color:#070; position:absolute; cursor:pointer}
/*.leftarrow:hover, .rightarrow:hover{background:#FFE8D6}*/
.leftarrow {left:0px;z-index:2}
.rightarrow {right:0px}


/* ImageLoader */
div.loader {background:#DEC; border:#9A9 1px solid; position:fixed;z-index:1;top:50%;left:50%;margin:-35px 5px 0 -70px; height:36px; width:140px; font-size:13px; padding:5px; color:#454; opacity:0.9;}
div.loader div.progressbar {background:#F8FFEC; width:134px; height:12px; font-size:0/*IE*/; margin:3px; padding:1px}
div.loader div.progress {background:#897; height:8px; height:100%; width:0}div.info, div.warn{font-size:0.9em; margin:15px; padding:5px 40px 5px 5px; position:relative; text-align:justify}
div.info img, div.warn img {position:absolute; right:5px; top:5px; 
	width:30px; height:30px; background:url(images/icons.png) no-repeat}

div.info{background:#DDF; border:1px solid #33C}
div.info img{background-position:-30px}
div.warn{background:#FFB; border:1px solid #DC3}
div.warn img{background-position:0px}
	
div.larger {font-size:1.2em}.sliderBody{width:100px;height:20px; 
		background:#EFD; position:relative}
.sliderRow{width:88px; height:4px; margin:5px; position:absolute;
		border:1px solid #9A9; top:2px}
.sliderButton{width:8px; height:18px; position:absolute;
		background:#EFD; border:1px solid #9A9; top:0;}
.sliderLayer{width:100%;height:20px; position:absolute;cursor:pointer}
div.tooltip {position:fixed; border:1px solid yellow; background:#FFC}
div.tooltip p{text-align:left; margin:0; padding:6px; color:#660; font-size:12.5px;line-height:15px}