/* global */

html{height: 100%;}



body

{ font-family: verdana, arial, sans-serif;

  padding: 0px;

  margin: 0px;

  font-size: .74em;

}



p

{ margin: 0px;

  padding: 0px 0px 24px 0px;

  line-height: 20px;

}



h1

{ font-family: tahoma, verdana, arial, sans-serif;

  font-size: 135%;

  font-weight: normal;

  margin: 0px;

  text-transform: uppercase;

}



h2

{ margin: 0px;

  padding: 0px 0px 4px 0px;

  font-size: 100%;

}



img{border: 0px;}



/* image positioning - left, right and center */

.left

{ float: left; 

  padding: 0px 8px 0px 0px;

}



.right

{ float: right; 

  padding: 0px 0px 0px 8px;

}



.center

{ display: block;

  text-align: center;

  margin: 0 auto;

}



/* block quote */

blockquote

{ margin: 20px 0px 20px 0px; 

  padding: 10px 20px 0px 20px;

  border-top: 1px solid;

  border-bottom: 1px solid;

}



/* unordered list */

ul

{ margin: 8px 0px 0px 14px;

  padding: 0px;

}



ul li

{ list-style-type: square;

  margin: 0px 0px 11px 0px; 

  padding: 0px;

}



/* main container */

#main

{ width: 779px;

  margin-left: auto; 

  margin-right: auto;

}



/* logo */

#logo

{ 

  padding: 0px 0px;

  width: 759px;

  height: 160px;

  text-align: left;

; margin: auto; clip:   rect(auto, auto, auto, auto)

}



#logo h1

{ padding: 28px 0px 0px 19px;

  font-family: arial, verdana, sans-serif;

  font-size: 145%;

  font-weight: bold;

}



/* navigation menu */

#menu

{ 

  width: 761px;

  padding: 0px 0px 0px 10px;

; margin: auto auto

}



#menu ul

{ margin: 0px auto; 

  padding: 0px; 

  list-style: none; 

  text-align: right; 

  width: 760px;

} 



#menu li

{ margin: 0px 0px; 

  padding: 0px 0px; 

  list-style: none; 

  float: left; 

} 



#menu li a 

{ display: block; 

  float: left; 

  border-top: 2px solid;

  height: 20px;

  font-size: 110%; 

  text-decoration: none; 

  padding: 3px 0px 0px;

  text-transform: capitalize;

  font-weight: bold;

; margin: 4px 4px

} 



/* main content */

#content

{ margin-left: auto; 

  margin-right: auto;

  width: 759px;

  height: auto;

  padding: 0px;

  text-align: justify;

  overflow: hidden;

} 



/* column 1 - contains sidebar items */

#column1

{ width: 202px;

  float: left;

  padding: 16px 0px 15px 19px;

}



#column1 h1

{ padding: 0px 0px 6px 0px; 

  margin: 0px 0px 12px 0px; 

}



.sidebaritem

{ position: relative;

  text-align: left;

  width: 165px;

  float: left;

  margin: 0px 0px 15px 0px;

  padding: 8px 0px 8px 0px;

}



/* column 2 - page content */

#column2

{ text-align: justify;

  padding: 12px 22px 15px 0px;

  width: 502px;

  float: right;

}



#column2 h1

{ padding: 12px 0px 6px 0px; 

  margin: 0px 0px 12px 0px; 

}



.sidebaritem a, #column2 a

{ padding: 0px;

  text-decoration: underline;

}



.sidebaritem a:hover, #column2 a:hover

{ padding: 0px;

  text-decoration: none;

}



/* footer */

#footer

{ padding: 12px 0px 3px 0px;

  width: 739px;

  text-align: center;

  border-top: 2px dashed;

  height: 22px;

  margin-left: auto; 

  margin-right: auto;

  margin-bottom: 5px;

}



#footer a{text-decoration: underline;}

#footer a:hover{text-decoration: none;}



/* contact page - form layout */

form{margin-top: 0px;}



div.row

{ clear: both;

  width: 448px;

  height: 29px;

}



div.row span.formlabel 

{ float: left;

  width: 150px;

  text-align: left;

}



div.row span.forminput

{ float: right;

  text-align: right;

} 



div.spacer

{ clear: both;

  width: 80px;

  height: 22px;

}



input, textarea

{ width: 259px; 

  font-family: verdana, arial, sans-serif;

  font-size: 100%;

  border: 1px solid;

}



/* img positioning for gallery links */

div.pos_abs4

{

left:75%;

top:auto; 

}



div.pos_abs3

{

left:35%;

top:auto; 

}



div.pos_abs2

{

left:15%;

top:auto; 

}



div.pos_abs1

{

left:10%;

top:auto; 

}



/* img positioning for gallery pages links */



.slideshow{ /*CSS for DIV containing each image*/

float: left;

margin-right: 10px;

margin-bottom: 10px;

}



.slideshow img{ /*CSS for each image tag*/

border: 0;

width: 150px;

height: 105px;

}



#navlinks{ /*CSS for DIV containing the navigational links*/

width: 400px;

}



#navlinks a{ /*CSS for each navigational link*/

margin-right: 8px;

margin-bottom: 3px;

font-size: 110%;

}



#navlinks a.current{ /*CSS for currently selected navigational link*/

background-color: yellow;

}



div.img

{

  margin: 18px;

  border: 1px solid #0000ff;

  height: auto;

  width: auto;

  float: left;

  text-align: center;

}	

div.img img

{

  display: inline;

  margin: 3px;

  border: 1px solid #ffffff;

}

div.img a:hover img {border: 1px solid #0000ff;}

div.desc

{

  text-align: center;

  font-weight: normal;

  width: 120px;

  margin: 2px;

}



.submit

{ font-family: verdana, arial, sans-serif;

  font-size: 100%; 

  border: 1px solid;

  width: 70px;

  height: 22px;

  cursor: pointer;

}

#column3 { text-align: justify; padding: 12px 22px 15px 0px; width: 502px; float: none; }

#column3 h1 { padding: 12px 0px 6px 0px; margin: 0px 0px 12px 0px; }

#menu1 { width: 761px; padding: 0px 0px 0px 10px; ; margin: auto auto }

#menu1 li { margin: 0px 0px; padding: 0px 0px; list-style: none; float: left; }

#menu1 ul { margin: 0px auto; padding: 0px; list-style: none; text-align: right; width: 760px; }

#menu1 li a { display: block; float: left; border-top: 2px solid; height: 20px; font-size: 110%; text-decoration: none; padding: 3px 0px 0px; text-transform: capitalize; font-weight: bold; ; margin: 4px 4px }

#galeries {  width: 761px; }

.centeritem {  text-align: center}

h3 { margin: 0px; padding: 0px 0px 4px 0px; font-size: 100%; }

.desc {  font-weight: normal; text-align: center; width: 120px; margin-bottom: 2px}

ul1 { margin: 8px 0px 0px 14px; padding: 0px 0px; ; text-align: center; vertical-align: bottom; width: 150px; height: 250px}


