/* generated by csscreator.com */
html, body{
margin:0;
padding:0;
text-align:center;
background: url(grafx/background.jpg) repeat-x top
}
#pagewidth{
width:970px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#gallerystripe{
width:970px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#footercontainer {background: #526464 ;}
#footer{
width:970px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-top:20px;
height:40px;
background: #526464 ;
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:20px;
}
#footer a {
text-decoration:none;
color:#FFD7E3
}
#footer a:hover {color: #FF0099;}
.footerleft {
color:#ffffff;
float:left;
width:400px;
margin-left:6px
}
.footerright {
color:#ffffff;
float:right;
width:400px;
text-align:right;
margin-right:6px
}
#twocols{
width:970px;
float:right;
position:relative;
}
#rightcol{
width:250px;
height:750px;
float:right;
position:relative;
background: url(grafx/logo.jpg) no-repeat top
}
#maincol{
float: left;
display:inline;
position: relative;
width:720px;
}
#mainnav {
width:720px;
height:60px;
float:right;
background:url(grafx/menubackupper.jpg) repeat-x top
}
#mainnav ul {
margin:0;
padding:0
}
#mainnav li {
float:left;
list-style:none;
display:block;
height:40px;
width:110px ;
margin:0;
padding:0;
background-image:url(grafx/menuback.jpg);
text-align:center
}
#mainnav a {
font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color:#C3565C;
text-decoration:none;
padding-top:12px;
display:block;
width:110px;
height:28px
}
#mainnav a:hover {
color:#003300}
#mainleft {
width:300px;
height: 300px;
float:left;
}
legend {
font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color:#C3565C;}
fieldset {
margin-left:-8px
}
#formDiv {
width:380px;
border: 1px solid #C3565C
}
#mainright {
width:420px;
min-height: 300px;
float:right;
background-image:url(grafx/confetti.png);
background-repeat:no-repeat;
background-position: right
}
#mainright h1{
font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color:#C3565C;
}
#mainright h2{
font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color:#C3565C;
}
#mainright h3{
font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color:#C3565C;
}
#mainright ul{
font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
#mainright li {
list-style-image:url(grafx/confettili.gif)
}
#mainright p {
font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em
}
#mainright a, #quicklinks a {
color:#C3565C;
text-decoration:none;
font-weight: bold
}
#mainright a:hover , #quicklinks a:hover{
border-bottom: 1px dashed #C3565C;
}
#gallerystripe { }
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
div.scrollable {
/* required settings */
clear:both;
height:106px;
background: scroll 0 0 #000000;
overflow:hidden;
position:relative;
width:800px;
margin:0 auto
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable div.items {
/* this cannot be too large */
width:20000em;
position:absolute;
}
/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
.items a {display:block; width:100px;height:100px;border :3px solid #000000;float:left; }
.items a:hover {border :3px solid #cccccc}
div.scrollable div.items div {
float:left;
}
/* you may want to setup some decorations to active the item */
div.items div.active {
border:1px inset #ccc;
background-color:#fff;
}
#filmTop { background:url(grafx/filmtop.jpg);
width:800px;
height:26px;
margin:0 auto
}
#filmBottom { background:url(grafx/filmbottom.jpg);
width:800px;
height:26px;
margin:0 auto
}
#galleryTitle {float:left;
list-style:none;
display:block;
height:40px;
width:110px ;
margin:0;
padding:0;
background-image:url(grafx/galback.jpg);
text-align:center;
line-height: 40px;
font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color:#C3565C;
clear:both
}
#filmNav {
width:800px;
height:40px;
margin:0 auto;
text-align:center
}
#quicklinks { font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;font-size: 0.9em;}
//buttons
/* this makes it possible to add next button beside scrollable */
.scrollable {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
background:url(grafx/hori_large.png) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:0px 368px;
cursor:pointer;
font-size:1px;
}
/* right */
a.right { background-position: 0 -30px; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }
/* left */
a.left { margin-left: 0px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
/* up and down */
a.up, a.down {
background:url(../img/scrollable/arrow/vert_large.png) no-repeat;
float: none;
margin: 10px 50px;
}
/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}