/* Stylesheet made by Kenneth Culano */
/* Copyright. All rights reserved. Kenneth Culano */
/* http://www.culano.com */


/* GENERAL STYLING */

body            
  {
    scrollbar-base-color:           #454590;
    scrollbar-shadow-color:         #5656a1; 
    scrollbar-3dlight-color:        #454590; 
    scrollbar-highlight-color:      #5656a1; 
    scrollbar-darkshadow-color:     #5656a1;
    scrollbar-track-color:          #6767b2; 
    scrollbar-arrow-color:          #cccccc;
    margin-top:                     0px;
    margin-right:                   0px;
    margin-bottom:                  0px;
    margin-left:                    0px;
    font-family:                    Arial, Verdana, Georgia, sans-serif;
    font-size:                      10px;
    line-height:                    12px;
    color:                          #000088;
    background-color:               #454590;
  }

hr
  {
    width:                          100%;
    height:                         1px;
    color:                          #bb8800;
  }
  
hr.Stripe
  {
    filter:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFBD0F', EndColorStr='#FFF0C0');
    width:                          90%;
    height:                         1px;
    text-align:                     center;
  }
  
h1,h2,h3,h4,h5,h6
  {
    color:                          #bb8800;
    font-family:                    Arial, Verdana;
    text-align:                     left;
  }

h1 
  {
    font-size:                      18px;
    font-weight:                    normal;
    margin-top:                     30px;
    margin-bottom:                  5px;
    text-indent:                    0em;
  }

h2 
  {
    font-size:                      16px;
    font-weight:                    bold;
    line-height:                    90%;
    border-bottom:                  1px solid #bb8800;
    margin-top:                     30px;
    margin-bottom:                  5px;
    text-indent:                    0em;
  }

h3 
  {
    font-size:                      14px;
    font-weight:                    bold;
    text-indent:                    5em;
  }

h4 
  {
    font-size:                      12px;
    font-weight:                    bold;
    text-indent:                    5em;
  }

img
  {
    border:                         none;
  } 
  
legend
  {
    color:                          #bb8800;
  }   
  
fieldset
  {
    width:                          80%; 
    padding:                        10px; 
    margin:                         10px; 
    text-align:                     left;
    border:                         1px solid #bb8800;
  }

/* General links */
    
a:link            
  { 
    text-decoration:                none;
    color:                          #00cccc;
  }
  
a:visited         
  { 
    text-decoration:                none;
    color:                          #00cccc;
  }

a:hover         
  { 
    text-decoration:                underline;
    color:                          #00cccc;
  }
  
/* Form styling */

textarea 
  {
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-size:                      11px;
    height:                         120px;
    width:                          70%;
    color:                          #666644;
    background-color:               #ffffff;
    border-top:                     1px solid #886600;
    border-right:                   1px solid #DFB800;
    border-bottom:                  1px solid #DFB800;
    border-left:                    1px solid #886600;
    text-indent:                    1pt;
    filter:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFF0C0', EndColorStr='#EDD88A')
    scrollbar-face-color:           #EDD88A;
    scrollbar-base-color:           #EDD88A;
    scrollbar-shadow-color:         #DFB800; 
    scrollbar-3dlight-color:        #DFB800; 
    scrollbar-highlight-color:      #DFB800; 
    scrollbar-darkshadow-color:     #886600;
    scrollbar-track-color:          #FFF0C0;
    scrollbar-arrow-color:          #FFF0C0;
  }

input 
  {
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-size:                      9px;
    color:                          #666644;
    background-color:               #E6DCB9;
    font-weight:                    bold;
    width:                          70%;
    border-top:                     1px solid #886600;
    border-right:                   1px solid #dfb800;
    border-bottom:                  1px solid #dfb800;
    border-left:                    1px solid #886600;
    text-indent:                    1pt;
    FILTER:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFF0C0', EndColorStr='#EDD88A')
  }
 
input.Email 
  {
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-size:                      9px;
    color:                          #666644;
    background-color:               #E6DCB9;
    font-weight:                    bold;
    width:                          33%;
    border-top:                     1px solid #886600;
    border-right:                   1px solid #DFB800;
    border-bottom:                  1px solid #DFB800;
    border-left:                    1px solid #886600;
    text-indent:                    1pt;
    FILTER:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFF0C0', EndColorStr='#EDD88A')
  }

input.Small 
  {
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-size:                      9px;
    color:                          #666644;
    background-color:               #E6DCB9;
    font-weight:                    bold;
    width:                          70px;
    border-top:                     1px solid #886600;
    border-right:                   1px solid #DFB800;
    border-bottom:                  1px solid #DFB800;
    border-left:                    1px solid #886600;
    text-indent:                    1pt;
    FILTER:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFF0C0', EndColorStr='#EDD88A')
  }
  
input.Smaller
  {
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-size:                      9px;
    color:                          #666644;
    background-color:               #E6DCB9;
    font-weight:                    bold;
    width:                          40px;
    border-top:                     1px solid #886600;
    border-right:                   1px solid #DFB800;
    border-bottom:                  1px solid #DFB800;
    border-left:                    1px solid #886600;
    text-indent:                    1pt;
    FILTER:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFF0C0', EndColorStr='#EDD88A')
  }
  
input.Smallest
  {
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-size:                      9px;
    color:                          #666644;
    background-color:               #E6DCB9;
    font-weight:                    bold;
    width:                          30px;
    border-top:                     1px solid #886600;
    border-right:                   1px solid #DFB800;
    border-bottom:                  1px solid #DFB800;
    border-left:                    1px solid #886600;
    text-indent:                    1pt;
    FILTER:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFF0C0', EndColorStr='#EDD88A')
  }

select 
  {
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-size:                      9px;
    color:                          #666644;
    border-top-width:               1px;
    border-right-width:             1px;
    border-bottom-width:            1px;
    border-left-width:              1px;
    border-top-color:               #EEEEEE;
    border-right-color:             #CCCCCC;
    border-bottom-color:            #CCCCCC;
    border-left-color:              #EEEEEE;
    width:                          70%;
    border-top-style:               solid;
    border-right-style:             solid;
    border-bottom-style:            solid;
    border-left-style:              solid;
    background-color:               #EDD88A;
    font-weight:                    bold;
  }

.formSubmit 
  {
    border-top-color:               #CCCCCC;
    border-right-color:             #666666;
    border-bottom-color:            #666666;
    border-left-color:              #CCCCCC;
    cursor:                         hand;
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-weight:                    bold;
    border-top-width:               2px;
    border-right-width:             2px;
    border-bottom-width:            2px;
    border-left-width:              2px;
    color:                          #333333;
    width:                          70px;
  }
  
.formSubmit2
  {
    border-top-color:               #CCCCCC;
    border-right-color:             #666666;
    border-bottom-color:            #666666;
    border-left-color:              #CCCCCC;
    cursor:                         hand;
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-weight:                    bold;
    border-top-width:               2px;
    border-right-width:             2px;
    border-bottom-width:            2px;
    border-left-width:              2px;
    color:                          #333333;
    width:                          160px;
  }
  
.formCheckBox 
  {
    width:                          18px;
    border:                         0px none;
    background-color:               transparent;
    FILTER:                         transparent;
  }
  
.formRadio 
  {
    width:                          18px;
    border:                         0px none;
    background-color:               transparent;
    FILTER:                         transparent;
  }
  
/* Text styling */

.hintbox
  { 
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-size:                      10px;
    width:                          100%;
    color:                          #000000;
  }

.BlueMarker           
  { 
    background:                     #0000ff; 
    color:                          #ffffff;
  }

.Alert
  {
    color:                          #ff0066;
  }

p.Design
  {
    text-align:                     center;
    vertical-align:                 bottom;
    width:                          100%;
    background:                     #454590; 
    color:                          #ffffff; 
    font:                           10pt Georgia, Verdana, Arial, sans-serif;
  }
  
a.Normal:link
  {
    text-decoration:                underline;
    color:                          #00cccc;   
  }
  
a.Normal:visited  
  {
    text-decoration:                none;
    color:                          #00cccc;   
  }
  
a.Normal:hover            
  { 
    text-decoration:                underline;
    color:                          #00cccc;   
  }
  
a.MyLink:link
  {
    text-decoration:                none;
    color:                          #000088;   
  }
  
a.MyLink:visited  
  {
    text-decoration:                none;
    color:                          #000088;   
  }
  
a.MyLink:hover            
  { 
    text-decoration:                underline;
    color:                          #00cccc;   
  }
  
a.menu:link           
  { 
    text-decoration:                underline;
    color:                          #000000;
    font-weight:                    bold;  
  }
  
a.menu:visited          
  { 
    text-decoration:                none;
    color:                          #000000;
    font-weight:                    bold;
  }

a.menu:hover            
  { 
    position:                       relative; 
    width:                          100%; 
    height:                         100%; 
    filter:                         glow(Color=#000088, Strength=2); 
    color:                          #ffffff; 
  }

/* Table styling */

.bgTable
  {
    height:                         100%; 
  }
  
td.Big            
  { 
    width:                          100%; 
    height:                         100%;
    text-align:                     center;
    vertical-align:                 top;
    border-color:                   transparent;
    background-color:               #454590;
    filter:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#9999ff', EndColorStr='#454590');
  }  
  
td.Text           
  { 
    vertical-align:                 top;
    border-color:                   transparent;
    filter:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cccccc', EndColorStr='#eeeeee');
  }
  
.1a
  { 
    background-image:               url(http://www.culano.com/Culano/frame1a.gif); 
    background-position:            bottom right; 
    background-repeat:              no-repeat;
  }
  
.1b
  { 
    background-image:               url(http://www.culano.com/Culano/frame1b.gif); 
    background-position:            bottom left; 
    background-repeat:              repeat-x;
  }
  
.1c
  { 
    background-image:               url(http://www.culano.com/Culano/frame1c.gif); 
    background-position:            bottom left; 
    background-repeat:              no-repeat;
  }
  
.1d
  { 
    background-image:               url(http://www.culano.com/Culano/frame1d.gif); 
    background-position:            top right; 
    background-repeat:              repeat-y;
  }
  
.1e
  { 
    background-image:               url(http://www.culano.com/Culano/frame1e.gif); 
    background-position:            top left; 
    background-repeat:              repeat-y;
  }
  
.1f
  { 
    background-image:               url(http://www.culano.com/Culano/frame1f.gif); 
    background-position:            top right; 
    background-repeat:              no-repeat;
  }
  
.1g
  { 
    background-image:               url(http://www.culano.com/Culano/frame1g.gif); 
    background-position:            top right; 
    background-repeat:              repeat-x;
  }
  
.1h
  { 
    background-image:               url(http://www.culano.com/Culano/frame1h.gif); 
    background-position:            top left; 
    background-repeat:              no-repeat;
  }
  
/* Image link styling */  
  
#foto a:hover img
  {
    border-right:                   #919c71 6px solid;
    border-top:                     #919c71 5px solid;
    margin-top:                     6px;
    margin-left:                    6px;
    border-left:                    #919c71 6px solid;
    border-bottom:                  #919c71 5px solid;
    background-color:               #000;
  }

#foto a img,#foto_list a:visited img
  {
    border-right:                   #d6d9d0 6px solid;
    border-top:                     #d6d9d0 5px solid;
    margin-top:                     6px;
    display:                        block;
    margin-left:                    6px;
    border-left:                    #d6d9d0 6px solid;
    border-bottom:                  #d6d9d0 5px solid;
}  
  
/* Lightbox styling */  
    
#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; 
  }