/*********** BODY ***********/
body, html {background:url(../images/background.jpg) repeat scroll 0 0; font-family:arial, verdana, helvetica; font-size:13px;
            font-weight:bold; margin:0px; padding:0px;}

/*********** GENERAL ***********/
a img {border:0;}
a, a:link, a:visited {color:#808080; text-decoration:none; font-weight:bold;}
a:hover, a:active {color:#202020; text-decoration:underline; font-weight:bold;}
p {margin:0px; padding:0px;}
.lblStyle {color:#808080; text-align:right; direction:rtl;}
.left {float:left; margin:0 2px 0 0;}
.right {float:right; margin:0 2px 0 0;}
.header {margin:0 0 5px 20px;}
img, div { behavior: url(../iepngfix.htc) }

/*********** WRAPPER ***********/
#wrapper {margin:0 auto; background:url('../images/bg.jpg'); width:799px; height:690px; overflow:hidden;}
#flags {position:absolute; width:36px; height:65px; top:125px; left:52px; z-index:2;}
#uk {margin-left:10px;}
#fb {position:absolute; width:30px; height:30px; top:128px; left:93px; z-index:2;}
#logo {position:absolute; width:62px; height:62px; top:28px; left:315px; z-index:2;}
#email {position:absolute; width:38px; height:33px; top:60px; left:280px; z-index:2;}
#statcounter {position:absolute; width:120px; height:30px; top:633px; left:352px; text-align:left;}

/*********** CONTENT ***********/
#content {text-align:center; width:760px; height:455px; margin:200px 0 0 41px;}

/*********** MENU ***********/
#menu {float:right; width:37px; height:455px;}
#menu a {width:31px; height:63px; display:block; overflow:hidden;}
#menu a:hover, #menu .current {display:block; text-indent:-37px;}

/*********** MAIN ***********/
#main {line-height:18px; width:703px; height:455px;}
#main_right {float:right; width:312px; height:455px; overflow:auto; overflow-x:hidden; direction:rtl;}
#main_left {float:left; width:312px; height:455px; overflow:auto; overflow-x:hidden;}
#main h1 {color:#444; font-size:110%; font-weight:400; line-height:30px; padding:0 10px;}
#main p {color:#555; line-height:20px; padding:6px; text-align:justify; direction:rtl;}
#main .news_header {background-image:url(../images/header_red_updates.gif); float:right; width:281px; height:22px; margin:5px 10px 7px 0;}
#main .news_date {color:#292929; font-size:90%;}
#main .news_item {color:#555; text-align:right; float:right; margin-right:5px;}
#main .news_list {color:#555; text-align:right; float:right; direction:rtl; margin-right:10px; width:300px; height:80px;}
#main .dropdown {border: solid 1px #555;}
#img_me {float:right; margin:15px 5px 0 15px;}
#rss {width:37px; height:15px; float:right;}

/*********** GALLERY & PICTURES ***********/
#img_me_painting {margin:10px 50px 0 0;}
#img_milky {margin:15px 50px 0 0;}
#img_mix {margin:10px 10px 0 0;}
#searchBar {width:312px; text-align:center;}
#DLPaintings {margin-right:3px; text-align:center;}
#DLPictures {margin-left:3px; margin-top:45px; text-align:center;}
.pagingBar {width:312px; font-size:90%; text-align:center; margin:10px 0 0 5px;}
.pageNumber {width:150px; font-size:85%; text-align:center; margin:5px auto;}
.progressBar {width:42px; height:42px; float:left; position:absolute;}
.frame {width:90px; height:90px; margin:2px; padding-top:5px; border: solid 1px #8F8F8F;}
.pic_border {padding:5px; border: solid 1px #8F8F8F;}

/*********** ARTICLES & LINKS ONLY ***********/
.generalRpt {margin-top:8px; width:312px; text-align:right; direction:rtl;}
.generalList {line-height:110%;	padding:5px;}
.line_height_articles {line-height:30px;}

/*********** LINKS PAGE ONLY ***********/
.linksListOuter {font-size:110%; width:300px; color:#555;}
.linksListNested {line-height:120%; padding:5px; margin-right:7px; display:block; width:290px;}

/*********** FAQ ONLY ***********/
.faqListOuter {text-align:right; direction:rtl; font-size:105%; color:#808080;}
.faqListNested {padding:5px; margin-right:20px; font-size:95%; color:#555;}

/*********** GUESTBOOK ONLY ***********/
/* Guestbook View */
.gbRpt {width:312px; margin-right:15px; margin-top:20px;}
.gbEntry {width:300px; margin:0 auto;}
.thankU {font-size:16px; font-weight:bold; color:#6A296D; text-align:right; direction:rtl;}

#guestbookRtl {width:320px; overflow:auto; overflow-x:hidden;}
#guestbookHeb {text-align:right; z-index:1;}
#guestbookHeb p {text-align:right; line-height:15px;}
#gbPagingBar {width:710px; height:30px; border-bottom:dotted 1px #8D99A7; text-align:left; position:absolute;}
#gbPageLeft {width:300px; height:30px; position:absolute; direction:rtl; text-align:left; display:inline;}
#gbPageRight {width:300px; height:30px; position:absolute; margin-left:410px; direction:rtl; text-align:right; display:inline;}
#gbPageNum {width:110px; height:30px; position:absolute; margin-left:300px; display:inline;}

#gbEntryHebrew {direction:rtl; text-align:right;}
#gbEntryEnglish {direction:ltr; text-align:left;}
#gbEntryHebrew h2, #gbEntryEnglish h2 {color:#8D99A7; font-size:90%; line-height:150%; margin-right:15px;}
#gbEntryHebrew p, #gbEntryEnglish p {color:#555; font-weight:bold; line-height:150%; margin-right:15px;}
#gbEntryHebrew h3 {color:#8D99A7; font-size:95%; padding:5px 15px 2px 0;}
#gbEntryEnglish h3 {color:#8D99A7; font-size:95%; padding:5px 5px 2px 0;}
#gbEntryHebrew h3 span, #gbEntryEnglish h3 span {display:inline;}
#gbSeparator {margin:0 auto; width:300px;}

/* Guestbook Signing Form */
#newLine {margin-left:5px; padding:1px 3px 1px 3px;}
#emoticons {width:270px; margin-right:10px; float:right;}
#buttonsWrapper {width:300px; margin-top:15px; float:right;}
#gbFieldset {background-color:#ffffff; text-align:right; direction:rtl;}
#gbLegend {font-size:105%; color:#000000;}
.gbPreview {position:absolute; top:80px; text-align:right; width:275px; margin-left:10px; padding:0 8px; z-index:20;}
.dropDown {direction:rtl; text-align:right; border: #A58CBD 1px solid; width:150px; display:inline;}
.gbLabel {margin-top:3px; direction:rtl; text-align:right;}
.errLblStyle {color:Red; margin-left:1px;}
.shadeForm {margin-top:1px; border: #A58CBD 1px solid; direction:rtl; text-align:right;}
.gbSubmitButton {background-color:#97CA75; background-image:url("../Images/gbButton.gif"); 
                 text-align:center; cursor:hand; padding:1px;}

/*********** OBJECTS ***********/
#laptop {position:absolute; left:0px; top:0px; width:392px; height:200px; z-index:1;}
#paintbrush {position:absolute; right:0px; top:180px; width:81px; height:331px; z-index:2;}
#paint {position:absolute; right:0px; top:0px; width:201px; height:213px; z-index:1;}

/*********** LIGHTBOX ***********/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }