body {
margin:0;
padding:0;
font-family:verdana, sans-serif;
font-size:.8em;
text-align:center;
position:relative;
background-repeat: repeat-x;
color:white;
line-height: 1.4em;
background-image: url(images/bg_green.gif);
background-color:#82b64a;}

img{
border: none;}

#wrap {
position:relative;
margin:0 auto;
text-align:left;
width:790px;}

#logo{
margin-left:60px;
background-repeat: no-repeat; 
width:638px;
height:130px;
background-image: url(images/logo.gif); }

#topnav{
width:700px;
position:absolute;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
top:5px;}

*html #topnav{
font-weight:bold}

#wrapnav { /* *** to isolate the #topnav from the rest *** */
	width:790px;
	margin:0 auto;
	text-align: left;}

#topnav ul{
margin-top:10px;}
 
#topnav li{
float: right;
list-style-type:none;
padding-right:15px}

#topnav li a { 
	position: relative;  /* *** IE correction to show top border at hover *** */}

#topnav li a:link{
color: #ffffff;
text-decoration: none; }

#topnav li a:hover{
border-top: 3px #ccff66 solid;
color: #008000; }

#topnav li a:visited{
color: #ffffff;
text-decoration: none;}

#pagename{
position:relative; top:40px; left:10px;
font-size:1.6em; 
letter-spacing:.2em;
color: #ccff66;
background-image: url(images/bg_black.gif);
background-repeat: repeat;
width:185px;
padding-bottom:.4em;
padding-top:.175em;
padding-left:1em;
vertical-align: middle; }

#content {
width:790px;
background-image: url(images/cad.gif);
background-repeat: no-repeat; 
background-position: bottom left;
 }

#left_column{
width:580px;
float:left;
padding-right:30px;}

#left_column p{
width:565px;
color: #f3f3f3}


#right_column_wrapper{
width:170px;
float:right;
text-align:right;
margin-top:100px;
display: inline;
background-image: url(images/bg_sidebar_bottom.gif);
background-repeat: no-repeat; 
background-position: left bottom}

#right_column{
background-image: url(images/bg_sidebar_top2.gif);
background-repeat: no-repeat;
background-position: left top;
padding:10px 0 0 10px; }

#quotes,#contact{
font-family: Times, "Times New Roman", serif;
font-size: 1.1em; 
color: #e6e6e6;
font-style: italic; 
margin-top:60px;
background-image: url(images/brackets.gif);
background-repeat: no-repeat; 
background-position: 10px top;
}

#quotes p, #contact p{
padding:45px 0 0 20px;}
#contact strong{
	font-size:28px;
}


#contact{
	width:170px;
	float:right;
	text-align:right;
	margin-top:40px;
}
#contact{
background-image: url(images/contact.jpg);
}


#gallery{
width:555px;
height:630px;
background-repeat: repeat-x;
padding-top:30px;
padding-left:30px;
background-image: url(images/gallery_green.gif);
}

.thumbnail2{
	border: 1px solid #99CC00;
	margin: 0px 10px 10px 20px;
	padding: 5px;
	color: #99cc66;
	float:left;
}

.thumbnails {
display:block;
margin: 20px 0 0 10px;
padding-left:65px;
padding-bottom:15px;
}

.thumbnail a{
float: left;
width: 80px;
border: 1px solid #99CC00;
margin: 0px 10px 10px 20px;
padding: 5px;
color: #99cc66;
}

.thumbnail a:hover{
	border-top: 1px solid #99CC00;
	border-left: 1px #99CC00 solid;
	border-right: 2px #99CC00  solid;
	border-bottom:2px #99CC00  solid; 
	margin:0px 9px 9px 20px;
	color: #99cc00;
}


.h_photo{
margin-left:15px;}

.v_photo{
margin-left:80px;}

#slideshowbox{
width:350px;
height:auto;
margin-left:90px;
margin-top:10px;}

#next{
float:right;}

#up{
text-align:center}

#previous{
float: left;}

#next a:link, #up a:link, #previous a:link{
color: #ccff00;
text-decoration: none; }

#next a:hover, #up a:hover, #previous a:hover{
text-decoration: underline; }

#next a:visited, #up a:visited, #previous a:visited{
color: #ccff00;
text-decoration: none; }

#arrow{
height:auto;
float:right;
margin-left:20px;
margin-top:80px;
margin-bottom:100px;
padding-top:25px;
display:inline;
background-repeat: no-repeat;
background-position: top left;
background-image: url(images/nikon.gif); }

#arrow a,a{
color: #ccff00;
text-decoration: underline; }

#arrow a:hover,a:hover{
color: #ffffff;
text-decoration: none; }

.clearfloats{
clear:both;}

h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em; 
margin-bottom:}

h2 {
font-family:  Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em;
letter-spacing:0.09em;}

.photocaption{
margin-left:30px;
font-size: .725em;
color: #cccccc; }

span{font-style:normal;
font-weight:bold}

#linkslist ul{
list-style-type:none}

#linkslist a{
color: #ccff00;
border-bottom: 1px dotted;
text-decoration: none; }

#linkslist a:hover{
color: #ffffff;
text-decoration: underline;
border:none }

#contactcard{
width:381px;
height:251px;
background-image: url(images/contact_card.jpg);
background-repeat: no-repeat; 
margin-top:20px;
margin-left:130px;}

#footer{
padding-top:10px;
width:790px;
margin:20px auto;
text-align:center;
font-size:.8em;
color: #cccccc;
padding-bottom:10px;
border-top: 1px dotted; 
border-bottom: 1px dotted; }

#footer a:link{
color: #cccccc;
text-decoration: underline; }

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

#footer a:visited{
color: #cccccc;
text-decoration: underline;}

p {}
a:link {}
a:visited {}
a:hover {}
a:active {
color: #76aa31; }

input,textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}