/* Templateworks - demo page css */
html { }
body { overflow:hidden;  padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
iframe#demoFrame { margin:0; padding:0; display:block; width:100%; border:none;position:absolute; top:51px; left:0; z-index:99; padding-bottom:1px; }
.clr { clear:both;}
:active, :focus { outline:0;}

#header {height:50px;/* overflow:hidden;*/ background:#000; border-bottom:1px solid #636363; z-index:100; position:relative; left:0; top:0;}
#header .area { width:960px; margin:0 auto;} 

.hd1 {width:330px; float:left;}
	h1#logo { background:url(../img/logoTW.gif) no-repeat -20px -10px; margin:0; padding:0;}
	h1#logo a { display:block; height:50px; overflow:hidden; line-height:300px;}

.hd2 { width:310px; float:left; margin-left:20px;float:left; padding-top:10px;}
.hd2 ul { margin:0; padding:0;}
.hd2 li { list-style:none; height:30px;}
.hd2 li.topLink { display:block; width:310px;}
.hd2 a#selectedLink { display:block; width:306px; height:38px; line-height:35px; background: url(../img/selected.jpg) no-repeat; color:#fff; cursor:pointer; padding:0 14px 6px; font-size:16px;}

.hd2 li #linkOptions { display:block; width:304px; height:400px; padding:8px 27px 27px; position: absolute; left:-2000em; background: url(../img/dropdown.png) no-repeat 0 0; }
.hd2 li.sfhover #linkOptions {left: auto; margin-left:-27px; }

.hd2  #linkOptions div {overflow-y: auto; height:360px;}



.hd2 #linkOptions  a.chooseTemplate { display:block; line-height:30px; border-bottom:1px solid #dedede; padding:0 14px; color:#222; cursor:pointer; text-decoration:none;} 
.hd2 #linkOptions li a.chooseTemplate:hover { }
	
.hd3 {width:300px; float:right;float:left;}