/* GFH Photography Stylesheet Style Sheet*/

body {
	background-color: #959471;
	background-image: none;
	background-repeat: repeat;
	color: #666666;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

p {
	color: #484529;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	margin-top: 0;
	line-height: 15px;
}

.footertext {
	color: #5A5630;
	font-size: 10px;
	line-height: 11px;
}

p.entry-footer {
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}



p.sideloghead {
	font-size: 11px;
	font-weight: bold;
}


a:link {
		color: #5A5630;
}

 a:visited {
		color: #5A5630;
}

 a:hover {
		color: #CCCBC3;
}

 a:active {
	color: #5A5630;
}

a:link.footerlink {
		color: #5A5630;
}

a:visited.footerlink {
		color: #CCCBC3;
}

a:hover.footerlink {
		color: #CCCBC3;
}

 a:active.footerlink {
	color: #CCCBC3;
}


a img {
	border: none;
	}

h1 {
	font-family: helvetica, arial, verdana;
	font-size: 14px;
	color: #9F1414;
	border-top: 1px #777452 solid;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-top: 5px;
	clear: both;
}

h2 {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10px;
	color: #9F1414;
	border-bottom: 1px #9F1414 solid;
}

h2.topspace {
	padding-top: 20px;
	clear: both;
}

ul { 
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	line-height: 16px;
}


/* end global styles
=========================================*/


/* layout
=========================================*/

	 /* styles for IE 5 Mac */
 #wrapper {
 	background-image: url("../images/contain_bg_light.jpg");
 	position: absolute;
	width: 725px;
	left: 50%;
	margin-left: -363px;
	top: 30px;
	background-repeat: repeat-y;
  }
 
 	/* following rules are invisible to IE 5 \*/
#wrapper {
	top: 30px;
}
 /* end IE 5 hack */

 #header {
 	background-image: url("../images/contain_top_light.jpg");
 	background-repeat: no-repeat;
 	padding-left: 25px;
 	padding-top: 0px;
	width: 725px;
	height: 98px;
 }
 

#topimages {
	padding-top: 15px;
	margin-left: 50px;
}

#topimages img {
	margin-right: 12px;
}

 #leftcontent {
 	float: left;
 	width: 305px;
 	margin-top: 10px;
 	padding-left: 45px;
 }
 
  #left {
 	float: left;
 	width: 438px;
 	margin-top: 10px;
 	padding-left: 45px;
 }

 #rightcontent {
 	float: right;
 	width: 305px;
 	margin-top: 10px;
 	padding-right: 60px;
 }
 
#right {
 	float: right;
 	width: 150px;
 	margin-top: 10px;
 	padding-right: 60px;
 }

#footer {
	background-image: url("../images/contain_bottom_light.jpg");
	background-repeat: no-repeat;
	height: 50px;
	clear: both;
}

#leftfooter {
	float: left;
	width: 325px;
	padding-left: 45px;
	margin-top: 28px;
}

#background_swap {
	float: right;
	width: 324px;
	text-align: right;
	padding-right: 30px;
	margin-top: 28px;
}




#background_swap a {
  margin: 0 0px 0 0;
  padding: 0;
}
#background_swap a img {
  margin: 0;
  padding: 0;
}


#background_swap .outer {
  float: right;
  border: 1px solid #CCC;
  padding: 1px;
  margin: 0 0 1px 1px;
}
#content .shadow {
  background_swap: block;
  padding: 1px;
}
#background_swap .color {
  display: block;
  height: 10px;
  width: 10px;
  margin: 0;
  padding: 0;
}


/* end layout
=========================================*/

/* main nav
=========================================*/
#navigationwrap {
	margin-left: 25px;
	height: 30px;
	width: 675px;
}


#navigation {
	position: absolute;
	background-image: url("../images/nav_bg.gif");
	list-style: none;
	margin: 0;
	padding-left: 25px;
	padding: 0;
	height: 30px;
	width: 675px;
	display: inline;
	overflow: hidden;
	}
	
#navigation li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#navigation a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */
	}
	
#navigation a:hover {
	background-position: 0 -30px;
	}

#navigation a:active, #nav a.selected {
	background-position: 0 -30px;
	}
	
#news a  {
	margin-left: 260px;
	width: 46px;
	background: url(../images/news.gif) top left no-repeat;
	}

#bw a  {
	margin-left: 245px;
	width: 40px;
	background: url(../images/bw.gif) top left no-repeat;
	}

#color a  {
	width: 55px;
	background: url(../images/color.gif) top left no-repeat;
	}
	
#note a  {
	width: 83px;
	background: url(../images/note.gif) top left no-repeat;
	}


#ordering a  {
	width: 74px;
	background: url(../images/ordering.gif) top left no-repeat;
	}

#about a  {
	width: 51px;
	background: url(../images/about.gif) top left no-repeat;
	}

#contact a  {
	width: 67px;
	background: url(../images/contact.gif) top left no-repeat;
	}

#home a  {
	width: 52px;
	background: url(../images/home.gif) top left no-repeat;
	}

/* end main nav
=========================================*/



/* contact form
=========================================*/

#contactform fieldset {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 20px;
	margin: 0px;
}

form {
	padding: 5px 0 0 0;
	margin: 0px;
}

legend {
	color: #666;
	margin-bottom: 15px;
	
}

/* end contact form
=========================================*/



/* sidelinked images
=========================================*/


#imagelinks a {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 3px;
	margin: 3px;
	display: block;
	float: right;
}

#imagelinks a:hover {
 	background: #ddd;
}


#imagelinkstwo a {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 3px;
	margin: 3px;
	display: block;
	float: right;
}

#imagelinkstwo a:hover {
 	background: #ddd;
}

#imagelinksthree a {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 3px;
	margin: 3px;
	display: block;
	float: right;
}

#imagelinksthree a:hover {
 	background: #ddd;
}

/* end sidelinked images
=========================================*/
