#headpage {padding:20px;width:700px;height:400px}
#vid embed {
    margin: -13px -34px 20px 0;
   height: 470px;/*background:url("images/shade.png") no-repeat scroll center bottom transparent;padding:0 0 20px;
  width: 837px; border: 3px solid #FFFFFF;
    box-shadow: 0 0 10px #555555;*/
}
#vid iframe:after {
    content:url(images/shade.png) 
}
#vid iframe {
      margin: -13px -34px 20px 0;
   height: 470px;padding:0 0 0px; 
  width: 837px; border: 3px solid #FFFFFF;
    box-shadow: 0 2px 4px #555555;
}
/*
#vid {
   border: 3px solid #FFFFFF;
    box-shadow: 0 0 10px #555555;
    height: 471px;
    margin: 0 -36px 30px 38px;
    padding: 0;
    width: 838px;
}*/


#topbox tr td {    background: none repeat scroll 0 0 #F5F5F5; border: medium none #555555; border-radius: 9px 9px 9px 9px; box-shadow: 0 0 10px silver inset; height: 200px; outline: 5px solid #FFFFFF;  padding: 10px; text-align: center;}
#topbox tr td:hover {background: none repeat scroll 0 0 #ddd;}
#topbox img {width:150px;height:150px}
#topbox {margin-top:20px}
#topbox h2 ,#topbox h2 a {   color: #4F6CA8;
    font-size: 14px;
    font-weight: bold;
    line-height: 121%;
    text-align: center;
    text-decoration: none !important;}
#topbox a:hover {text-decoration:none !important; color:green}
#topbox a {text-decoration:none !important}

#comments {
    background: none !important;
    border: 0px solid #DDDDDD !important;
    border-radius: 5px 5px 5px 5px;
    direction: rtl;
    font-size: 12px;
    line-height: 140%;
    margin: 0 auto 30px  !important;
    padding: 5px;width:70%
}

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.slides_container {
	width:700px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container a {
	width:700px;
	height:480px;
	display:block;
}
.slides_container a img {
	display:block;
}
#slides .next,#slides .prev {
	position:absolute;
	top:220px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
#slides .next {
	left:700px;
}
.pagination {
	margin:26px auto 0;
	width:100px;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}


#slidecontainer {
	position:relative;
	width: 700px;
	margin: 0px auto 0px auto; padding:0;
}

ul.children {
    list-style: none outside none;
    margin: 0;
    padding: 0 11px 0 0 !important;
}

#indpostslide { background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #DDDDDD;
    border-radius: 10px 10px 10px 10px;
    float: left !important;
    margin: 0 3px !important;
    padding: 4px;
    text-align: center;
    width: 193px;}

#homep4 {width:848px !important;height:180px;float:left}
#homep4 tr td {padding:0px;vertical-align:middle !important}
#homep4 ul {display:inline !important}

#homep5 {width:1047px !important;height:180px;float:left}
#homep5 tr td {padding:0px;vertical-align:middle !important}
#homep5 ul {display:inline !important}

#homep6 {width:1280px !important ;height:180px;float:left}
#homep6 tr td {padding:0px;vertical-align:middle !important}
#homep6 ul {display:inline !important}


#indpostslide {margin:0 auto;float:none}
#indpostslide h2 , #indpostslide h2 a {margin:0 auto;font-size:16px;text-align:center;text-decoration:none !important;color:#555}

#nolinkpic img {background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #DDDDDD;
    border-radius: 10px 10px 10px 10px;
    float: left;
    margin: 0 2px;
    padding: 0px 7px 0px;}
#nolinkpic li {text-align:center;color:#444;width:180px;float:left}
#nolinkpic li p {text-align:center;color:#444;float:left;max-width:120px;margin:0px;padding:0x}


/* NOTE; specs for #wn in head of demo too */
div#wn	{ 
    position:relative; /* scroll area div must be positioned */
    width:180px; height:52px; /* width and height required. adjust to suit  */
    overflow:hidden; /* required! */
	}

/* styles to display list items horizontally */
ul#horiz {
    list-style:none; margin:0; padding:0;
    white-space:nowrap;
    }
ul#horiz li {
    display:inline;
    white-space:nowrap;
    }
    
/* style scrollLinks to suit your taste and layout. */
div#scrollLinks {
    position:relative;
    width:180px;
    }
div#scrollLinks .left {
    background-image:url('images/tri-lft.gif');
    background-repeat:no-repeat;
    width:12px; height:12px; /* specify width and height of your image */
    position:absolute; left:30px;
    }
div#scrollLinks .right {
    background-image:url('images/tri-rt.gif');
    background-repeat:no-repeat;
    width:12px; height:12px; /* specify width and height of your image */
    position:absolute; right:30px;
    }

/* safari, chrome, opera have very prominent outline by default 
   opera shows outline movement with scrolling and won't allow none
   set to suit your page design
*/
div#wn:focus {
    outline:1px dotted #eee;
    }