#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 180px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#maincontent{
position: fixed; 
top: 100px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
background: #ffc;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#footer{
 clear: both;
 position: relative;
 z-index: 10;
Margin-bottom: 100%; 
left: 0; 
width: 100%; 
height: 100%; /*Height of frame div*/
margin: 0px;
background: #fff;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 130px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}


/* Layout Stylesheet */ 
body{
 height: auto;
 margin: 0;
 padding:0; 
 background:#fff;
 color: #fff;
 
 }	 
	 
#lh-col{
 position:absolute;
 top:126px;
 left:5px;
 width:240px;
 height:4000px;
 z-index:3;
 background:#ff6600;
 color: #ff6600;}

#rh-col{
 position:absolute;
 top:126px;
 right:0;
 width:140px;
 height:4000px;
 z-index:2;
 background:#ff6600;
 color: #ff6600;}

#c-block {
 z-index:1;
 background:#ff6600;
 color: #ff6600;
 height:4000px;
 overflow:visible
}

#hdr{
 height:126px;  
 width:100%; 
 background: url(images/Index/billbillectitle-2grad.jpg);
 color: #fff; 
  }

#c-col{
 margin:0 142px 0 240px;
 position:relative;
 background:#ff6600;
 color: #000;
 z-index:5;
 overflow:visible
 }

#ftr {
 width:100%;
 height:35px;
 background:#ffc;
 color: #fff;
 margin:0;
 vertical-align: middle
 }

/* text Stylesheet */ 

a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:white; line-height: 22px; font-size:18px;
	color: #fff;
}
a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #fff;
}

h1 { 
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color:#333; line-height: 1em; font-size:1.2em;
	Margin-top:10px;
	font-weight: 900; 
	}
	
h2 { 
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin-top: 2px; 	margin-bottom: 0px; 
	color: #fff; line-height: 20px; font-size:1em;
	}
	
h3 { 
	font: 1EM;
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	margin-bottom: 0px; 
	color:black; line-height: 24px;
	text-align: center
	}

h4 { 
	font: 12pt/16pt georgia;
	margin-bottom: 0; 
	color:white; line-height: 22px; font-size:18px;
	}

h5 { 
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px; 
	color: #fff;; line-height: 14px; font-size:12px;
		text-align: center
	}

#Description1 {
	font-family: Arial, Helvetica, sans-serif; 
	color:000; 
	font-size: 14px; 
	font-weight: 400; 
	line-height: 14px; 
	text-align: center

	}
#Description2 {
	font-family: Arial, Helvetica, sans-serif;
	font-color:333; 
	font-size: 12px; 
	font-weight: 200; 
	line-height: 14px 
	text-align: center

	}

#header {
font-family: Arial, Helvetica, sans-serif;
color:white; line-height: 28px; font-size:30px;
font-weight: 900; 
height: 36px;
 width: 540px;
 width: 100%;
background: #f60;
margin: 0;
padding:0;
text-align:center
}

#header2 {
font-family: Arial, Helvetica, sans-serif;
color: #000;
line-height: 22px;
font-size:18px;
margin: 0;
padding:0;
height: 90px;
width: 100%;
></a>#fff;
text-align:center
}

#header3 {
color: #000;
height:45px;
 width: 100%;
 background: #fff;
text-align:center
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}
#header4 {
color: #000;
margin: auto;
padding:0; 
background:red;
text-align:center
}
#header5 {
font: georgia; 
width: 100%;
height: 1.2em;
color: #000; line-height: 21px; font-size:90%; height: 100%; font-weight: 200; 
margin: 0;
padding:0;
 background: #fff;
text-align:center
}

#header6 {
font: georgia; 
height: 26px;
width: 100%;
color: #000; line-height: 21px; font-size:18px;height: 100%; font-weight: 200; 
margin: 0;
padding:20px;
background: #ffc;
text-align:center
}

#header7 {
height: 60px;
width: 100%;
color: #000; 
background: #ffc;
}


.clearboth { clear: both; }

#wrapper { 
 float: left;
 width: 100%;
overflow:visible

}
#thumbnailcontainervertical
{
background: #fff;
width: 65px;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
margin: 2px auto 2px  auto;
color: #fff;; line-height: 14px; font-size:12px;
border: 0px;
text-align:center;
float: left
}

#thumbnailcontainerhorizontal
 {
background: #fff;
width: 100px;
height: 100%;
text-align:center
font-family: Arial, Helvetica, sans-serif;
margin: 0px auto auto auto;
color: #fff;; line-height: 14px; font-size:12px;
padding:100px;
}


#artcontainervertical
{
background: #ffc;
width: 450px;
height: 450px;
margin: 0px auto auto auto;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
padding:60px 0 0 0;
}


#thumbnailcontainerhorizontal2
{
background: #fff;
width: 120px;
margin: 0px 0px 0px 0px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
margin: 15px auto auto auto;
padding:0px;
}

#content
{ 
 width: 100%;
 height: 100%;
 color: #eee;
 float: left;
 background: #eee;
 text-align:center
}

#HTMLpageElement{
margin: 0 auto;
position:relative;
margin-top: 15px;
max-width: 450px;
Min-width: 450px;
max-height: 450px;	
overflow: visible;
background:#F60;
border: 10px solid #FFF;
-moz-border-radius:10px;
-webkit-border-radius:10px;
 behavior: url(border-radius.htc);
-moz-box-shadow: 3px 3px 4px #111;
-webkit-box-shadow: 3px 3px 4px #111;
box-shadow: 3px 3px 4px #111;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');
 }

.hovergallery{
background:#F60;
 }

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0px; /*margin between images*/
border: 0px;
height:50px;
}

.hovergallery img:link
{
opacity: 1;
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 20px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 20px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 20px gray; /*Mozilla shadow version*/
opacity: 1;
}