/* some browsers do not recognize margin-top correctly so set to 0 
      and in CSS code use padding instead */

/* Reset browser defaults */
* {margin: 0;
   padding: 0;
  }

/* ------------------------------------------- 
     Unique application defaults          
   ------------------------------------------- */
        
body                   { 
	color: #000000;    /* black for default font*/
	background: #5d5d5d url('images/body_bg.jpg'); 
	margin: 0; font-style:normal; font-variant:normal; font-weight:normal; font-size:16px; font-family:arial, verdana, sans-serif;
	}
img {border: none;
   }

a:link, a:visited { 
	text-decoration: underline; 
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	}

a:hover {
    text-decoration: none;  
	color:#7c7c7c;
	}

a:active { 
	text-decoration: underline; 
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	}

/* -------------------------------- */
/*  Selectors, Elements, Ids        */
/* -------------------------------- */

/* need width to use relative position, need relative vs absolute position to use margin auto to center */
#container { 
	background: #ffffff repeat;
	margin: 0 auto;
	position: relative;
	width: 1000px;  
	top: 12px;
	}
	
#content {
    padding: 10px 10px 20px 30px;
	min-height: 400px;
	overflow: auto;
	}
/* used on bio, contact, shows pages */
#colwide {
    padding: 0px 10px 10px 10px;  
    width: 95%; 
    text-align: justify;
    }    
/* used on show pages */
.boxshows {float: left;
           width: 48%;
           background-color: #e3e3e3; 
           padding: 15px 10px 20px 30px;
          }
/* ist column on home, gallery pages */
#column1 {
    padding: 10px 0px 10px 0px;  
    width: 64%; 
    float: left;
    text-align: justify;
    }
/* used on home page in column1*/
.box {padding: 20px 0px 0px 0px;}  
.box img.lft {float: left; clear: left; padding: 0px 10px 0px 0px;}
.box img.rt {float: right; clear: right; padding: 50px 0px 0px 15px;}
.box img.lft2 {float: left; clear: left; padding: 10px 30px 0px 10px;}
.box img.lftgi {padding: 0px 50px 0px 0px;}
/* used on home page in column1*/
.boxx {display: inline; 
         padding: 15px 0px 0px 0px;
         }
.boxx img.lft {padding: 17px 5px 0 30px;}
/* used on gallery pages in column1*/
.boxgal {display: inline; 
         padding: 0px 0px 0px 0px;
         }
.boxgal img.lft {padding: 0 0 0 0;
                 border: solid 1px #e3e3e3;
                 }
.boxgal img.dummy {padding: 0 0 0 0;}
.boxgal img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
                 }                                         
/* 2nd column on home page */
#column2  {
    padding: 40px 10px 10px 5px;
    width: 33%; 
    float: right;
    text-align: left;
    }
/* used on home page in column2*/    
.boxhome {float: left; 
          display: inline;
          background-color: #e3e3e3; 
          padding: 30px 25px 20px 30px;
          }                                
/* 2nd column on gallery page*/
#column2g  {
    padding: 0 0 0 0;
    width: 30%; 
    position: absolute;
    top: 60px;
    bottom: 40px;
    right: 25px;
    background-color: #e3e3e3;
    }
/* ist column on gallery detail pages */
#column1d {
    padding: 10px 0px 10px 0px;  
    width: 71%; 
    float: left;
    text-align: justify;
    } 
#column1d2 {
    padding: 10px 10px 10px 10px;  
    width: 94%;
    height: 120px; 
    float: left;
    text-align: justify;
    background-color: #e3e3e3;
    }           
/* 2nd column on gallery detail page */
#column2d  {
    padding: 0 0 0 0;
    width: 26%; 
    position: absolute;
    top: 60px;
    bottom: 40px;
    right: 25px;
    background-color: #e3e3e3;
    }
/* used on gallery in column2g and gallery detail in column2g*/    
.boxside {float: left; 
          padding: 30px 40px 20px 60px;
          text-align: left;
          position: relative;
          }
.boxside a.selected { 
	                 text-decoration: none;
	                 color: #5d5d5d;
	                }
.navn {padding: 60px 0 0 0;}
.navp {padding: 10px 0 0 0;}
	
/* need width to use relative position, need relative vs absolute position to use margin auto to center */
#footer { 
    font-family: arial, helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal;
    margin: 0 auto;
  	padding: 10px 0 30px 0;  
	width: 1000px;
	color: #faf0e6;
	position: relative;
	top: 20px;
	clear: both;
	}
	
#footer #ftr1 {float: left; padding-left: 8px;}
#footer #ftr2 {float: right; padding-right: 8px;}

/* included text in header because text alone has jagged edges */ 
/* need width to use relative position, need relative vs absolute position to use margin auto to center */

#header_home {
    background: url('images/header_bg_text.jpg') no-repeat;
    margin: 0 auto;
    width: 1000px;
    position: relative;
	top: 10px; 
	height: 140px;  
	}

/*black - sidebar titles */ 		   			
h2 { 
	font: 22px "times new roman", arial, verdana, sans-serif; 
	padding: 10px 0 5px 0;
	color: #000000;
	}

/* black - gallery and gallery detail header*/        
h5 { 
	font: 24px "times new roman", arial, verdana, sans-serif; 
	padding: 0 0 12px 0;
	text-align: left;
	color: #000000;        
	}

/* black - contact page headers*/        
h6 { 
	font: 16px "times new roman", arial, verdana, sans-serif; 
	padding: 0 0 8px 0;
	text-align: left;
	color: #000000;        
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/* need width to use relative position, need relative vs absolute position to use margin auto to center */
#navigation_bg {
    background: #ffffff repeat;
	margin: 0 auto;
	position: relative;
	width: 1000px;  
	top: 10px;
	height: 40px;  
	}

/* need width to use relative position, need relative vs absolute position to use margin auto to center */
#navigation {margin: 0 auto;
             position: relative;
             top: 0px;
             width: 1000px;
             padding: 13px 0px 14px 0px;
             }
             
#navigation ul {
          padding: 0px 0px 0px 0px;
             }

#navigation ul li {
          display: inline;
      }    
#navigation ul li a {
          text-decoration: none;
          padding: 15px 15px 16px 15px;
          color: #000000;
          font-size: 14px;
          font-weight: bold;          
          }
#navigation ul li a:hover {
          text-decoration: none;
          background-color:#e3e3e3;
          color:#000000;
          }

p { font: 14px arial, verdana, sans-serif; 
    color: #000000;
    line-height: 20px;
    margin-bottom: 14px;
	padding: 0 0 0 0; 
	}
/* puts next and prev line on bottom of sidebar column */
p.botn {float: right;
	    position: absolute;
	    bottom: 80px;
	    right: 80px;
	   }
p.botp {float: right;
	    position: absolute;
	    bottom: 40px;
	    right: 80px;
	   }
	
p.ss {margin-bottom: 0px;}

/* -------------------------------- */
/*          classess                */
/* -------------------------------- */
.bold {font-weight: bold;}
.break {display:block; clear:both;}
.clear {clear: both;}
.cntr {text-align: center;}
.ds {padding: 0px 0px 16px 0px;} 
.hs {padding: 0px 0px 2px 0px;}
.emphasis {font-weight: bold;}
.fontp { font: 14px arial, verdana, sans-serif; 
    color: #000000;
    line-height: 20px;
    margin-bottom: 14px;
	padding: 0 0 0 0;}
.fontsml {font-size: 11px;}
.fontmed {font-size: 13px;
          line-height: 17px;}
.fontml {font-size: 18px;
          line-height: 20px;}
.fontlge {font-size: 20px;
          line-height: 22px;} 
.italic {font-style: italic;}
.justify {text-align: justify;}
.padlft10 {padding: 0 0 0 10px;}
.padlft20 {padding: 0 0 0 20px;}
.padlft40 {padding: 0 0 0 40px;}
.padlft50 {padding: 0 0 0 50px;}
.padlft75 {padding: 0 0 0 75px;}
.padlft100 {padding: 0 0 0 100px;}
.padlft110 {padding: 0 0 0 110px;}
.padlft120 {padding: 0 0 0 120px;}
.padlft250 {padding: 0 0 0 250px;}
.padlft275 {padding: 0 0 0 275px;}
.paddtl {padding: 0 0 0 40px;}
.padrt30 {padding: 0 30px 0 0;}
.cred {color: #ff0000;}
.white {color: #ffffff;}

/*--------------------------Contact form------------------------------*/

.formcol {width: 45%; float: left; padding: 0 20px 0 0;}
.formcol_rt {width: 45%; float: right; padding: 0 0 0 20px;}
.formcola {width: 25%; float: left; padding: 10px 20px 0 0;}
.formcol_rtb {width: 70%; float: right; padding: 0 0 0 0;}
.formcol_wd {width: 100%; float: left; padding: 0 0 0 0;}

.formbox
{
	min-height: 342px;
}

.formbox img.pad 
{
   padding: 30px 0 0 0;
}

.formbody
{
	width: 580px;
	padding: 0 0 0 10px;
}

.formbody textarea
{
	width: 560px;
	height: 150px;
}

.formmess
{
	width: 270px;
	padding: 20px 0 10px 0;
	clear: both;
}

.formdemos
{
	width: 560px;
}

.formbutton
{
	float: left;
	padding: 20px 0 0 20px;
}