/* css for universal 2 col */
@import url(reset.css);
a {
  cursor: pointer; cursor: hand;  
}

body {
 background: #f5f8f9 url('i/bg_head.jpg') no-repeat 50% 0;
 color: #567;
 font: 62.5%/1.5em Verdana,  Arial, "Lucida Grande", LucidaGrande,  sans-serif; 
 width: 99.9%;
}
img { border: none; }
a {
  color: #234; 
  text-decoration: none;
}
a:hover {
  color: #000; 
  text-decoration: underline;
  background: #fff;
}
b {
  font-weight: bold;
}
h2, h3, p {
 margin: 0.5em 5%; 
 line-height: 1.3em;
 font-weight: normal;
}
h2 {
 font-size: 2.1em; 
 font-variant: small-caps;
}
h3 {
 font-size: 1.8em; 
}
#main p {
 font-size: 1.3em; 
}
#footer p {
 font-size: 1.0em;
 text-align: center; 
}
#wrapper {
  height: 100%;
 background: url('i/-bg_foot.jpg') no-repeat 50% 100%;
}
#conTent {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 840px;
}

#header {
	margin: 0 auto 5px;
}
#header h1 {
  width:  745px; /* parkertorrence.com 712px;  froglace 745px; */
  margin: 1em auto; 
}
#header h1 a:hover {
  text-decoration: none;
  background: url(none);
}
#navbar {
  width: 100%;
  height: 2em; 
  margin-bottom: 0px;
	border-bottom: 3px double #89a;
	border-top: 3px double #89a;
}
#navbar-in {
  width: 840px;
  margin: 0 auto;
}
#main {
	background: url(i/bg_Rcol.png) repeat-y 100% 0;
}
#main2 {
	background: url(i/bg_Rcol.png) repeat-y 0 0;
  padding-left: 25px; 
}
#left {
	float: left;
	width: 580px;
	padding-top: 10px;
}
#left h2, #left h3 {
  color: #345; 
}
.big {
 font-size: 1.2em; 
}
.four00 {
 min-height: 400px; 
}
* html .four00 {
 height: 400px; 
}
.one11 {
  padding-top: 111px;
}
.fifty {
  padding-top: 50px;
}
.caps {
 font-variant: small-caps;
}
#right {
	float: right;
	width: 250px;
	padding-top: 10px;
	background: url(i/froglace-frog.png) no-repeat 100% 100%;
}
#right-in {
  padding-left: 25px; 
  padding-bottom: 100px;
}
#right2 {
	float: right;
	width: 250px;
	padding-top: 5px;
}
#right2-in {
  height: 125px;
  padding-left: 25px;
	width: 220px; 
	font-size: 1.5em;
	line-height: 1.5em;
	background: url(i/froglace-frog.png) no-repeat 100% 0;
}
#right2-in li a:hover {
  text-decoration: none;
  padding: 0.25em;
}
#subright {
  width: 190px;
  margin-left: 30px;
  padding: 0 17px 10px 15px;
	border-top: 3px double #89a;   
}
#subright ul {
  padding-top: 13px;
  font-weight: bold; 
  font-size: 1.3em;
  line-height: 1.5em;
}

#footer {
	clear: both;
	width: 100%;
	margin: 2em auto 0.5em;
	height: 77px;
	border-top: 3px double #89a;
	background: url(i/bg_-footer.png) no-repeat 0 0;
	color: #89a;
}

ul#navigation {
  font-size: 1.6em;
  line-height: 1.0em;
  margin-left: 13px;
  padding-bottom: 0.75em;
}
ul#navigation li {
  float: left;
  padding: 0.125em 10px;
  margin-right: 3px;
	background: url(i/bg_right-col.png) repeat-y 0 0;
}
ul#navigation li a
{
 color: #567; 
 text-decoration: none;
}
ul#navigation li a:hover
{
 color: #89a; 
 text-decoration: none;
}

body.a ul#navigation li.a a,
body.b ul#navigation li.b a,
body.c ul#navigation li.c a,
body.d ul#navigation li.d a,
body.e ul#navigation li.e a,
body.f ul#navigation li.f a
{
 color: #89a; 
}

body.a ul#navigation li.a a:hover,
body.b ul#navigation li.b a:hover,
body.c ul#navigation li.c a:hover,
body.d ul#navigation li.d a:hover,
body.e ul#navigation li.e a:hover,
body.f ul#navigation li.f a:hover 
{
 color: #89a; 
 background: url(none);
}


.froggy {
	background: url(i/froglace-frog.png) no-repeat 100% 100%;
	border: 3px double #89a;
}
table {
 font-size: 1.3em; 
}
table p {
 margin-bottom: 2px; 
}
.red {
  color: #600; 
 }
.small {
   font-size: 0.9em;
   color: #89a; 
   }
.up {
  vertical-align: top; 
   font-size: 0.6em;
   color: #89a;     
   }
   
ul.works {
  padding-left: 30px;
}
ul.works li {
  width: 91px;
  height: 78px;
  margin-bottom: 10px;
  margin-right: 15px;
  float: left;
}
ul.works li a {
  width: 91px;
  height: 68px;
  display: block;
}
ul.works li a.w_sls {
  background: url(work/thmb_sealandsky-1.jpg) no-repeat 0 0;
}
ul.works li a.w_sls:hover {
  background: url(work/thmb_sealandsky-2.jpg) no-repeat 0 0;
}
ul.works li a.w_mg {
  background: url(work/thmb_mothergoose-1.jpg) no-repeat 0 0;
}
ul.works li a.w_mg:hover {
  background: url(work/thmb_mothergoose-2.jpg) no-repeat 0 0;
}
ul.works li a.w_ds {
  background: url(work/thmb_draigsidhe-1.jpg) no-repeat 0 0;
}
ul.works li a.w_ds:hover {
  background: url(work/thmb_draigsidhe-2.jpg) no-repeat 0 0;
}
ul.works li a.w_md {
  background: url(work/thmb_magickdream-1.jpg) no-repeat 0 0;
}
ul.works li a.w_md:hover {
  background: url(work/thmb_magickdream-2.jpg) no-repeat 0 0;
}
ul.works li a.w_ag {
  background: url(work/thmb_aspengrove-1.jpg) no-repeat 0 0;
}
ul.works li a.w_ag:hover {
  background: url(work/thmb_aspengrove-2.jpg) no-repeat 0 0;
}
ul.works li a.w_c-c {
  background: url(work/thmb_C-clarihon-1.jpg) no-repeat 0 0;
}
ul.works li a.w_c-c:hover {
  background: url(work/thmb_C-clarihon-2.jpg) no-repeat 0 0;
}
ul.works li a.w_rp {
  background: url(work/thmb_ramprachirock-1.jpg) no-repeat 0 0;
}
ul.works li a.w_rp:hover {
  background: url(work/thmb_ramprachirock-2.jpg) no-repeat 0 0;
}
ul.works li a.w_c-h {
  background: url(work/thmb_C-heritage-1.jpg) no-repeat 0 0;
}
ul.works li a.w_c-h:hover {
  background: url(work/thmb_C-heritage-2.jpg) no-repeat 0 0;
}