@charset "UTF-8";
/* CSS Document for Clayton Family web site */

#buttonsNORMAL {
	position:absolute;
	top:180px;
	left:70px;
	width:532px;
	height:350px;
}
#buttons {
	position:absolute;
	top:110px;
	left:250px;
	width:532px;
	height:350px;
}


body {
	background-color:#eaeaea;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	line-height:1.5em;
	margin: 0;
	padding: 0;
}

a:visited, a:active, a:link { text-decoration:none; color:#03c; }
a:hover { text-decoration:underline; color:#00f; }

/* Menu links */
#menu { position:relative; display:block; height:42px; width:549px; top:17px; left:420px; text-decoration:none; overflow:hidden; }
a.lkhome { display:block; width:94px; height:42px; background:url(../img/menuhome.jpg) 0 0 no-repeat; text-decoration:none; float:left; }
a.lkcomputing { display:block; width:122px; height:42px; background:url(../img/menucomputing.jpg) 0 0 no-repeat; text-decoration:none; float:left; }
a.lkmusic { display:block; width:84px; height:42px; background:url(../img/menumusic.jpg) 0 0 no-repeat; text-decoration:none; float:left; }
a.lkphotography { display:block; width:142px; height:42px; background:url(../img/menuphotography.jpg) 0 0 no-repeat; text-decoration:none; float:left; }
a.lkfamily { display:block; width:107px; height:42px; background:url(../img/menufamily.jpg) 0 0 no-repeat; text-decoration:none; float:left; }
a:hover.lkhome, a:hover.lkcomputing, a:hover.lkmusic, a:hover.lkphotography, a:hover.lkfamily { background-position: 0 -42px; }

#menuhome { display:none; position:relative; top:18px; left:420px; width:74px; background-image:url(../img/menubackground.png); padding:10px; }
#menucomputing { display:none; position:relative; top:18px; left:514px; width:102px; background-image:url(../img/menubackground.png); padding:10px; }
#menumusic { display:none; position:relative; top:18px; left:636px; width:64px; background-image:url(../img/menubackground.png); padding:10px; }
#menuphotography { display:none; position:relative; top:18px; left:720px; width:122px; background-image:url(../img/menubackground.png); padding:10px; }
#menufamily { display:none; position:relative; top:18px; left:862px; width:87px; background-image:url(../img/menubackground.png); padding:10px; }

#dropdowns123123 { position:relative; z-index:9999; }
#dropdowns a:link, #dropdowns a:active, #dropdowns a:visited { font-size:12px; color:#555; line-height:1.6em; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#dropdowns a:hover { color:#000; }

#buttoncomputingdroppanel, #buttonfamilydroppanel, #buttonmusicdroppanel, #buttonphotographydroppanel { background:url(../img/home/buttondroppanel.png) no-repeat; width:532px; height:0px; position:absolute; top:68px; left:0px; overflow:hidden; }
#buttoncomputingdroppanel p, #buttonfamilydroppanel p, #buttonmusicdroppanel p, #buttonphotographydroppanel p { font-size:14px; padding:0 10px 0 10px; line-height:20px; }
#buttoncomputingdroppanel img, #buttonfamilydroppanel img, #buttonmusicdroppanel img, #buttonphotographydroppanel img { margin-left:5px; }

#buttonpanel { background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 12px; width:284px; position:absolute; top:128px; left:50px; margin:0; opacity:0.5; filter:alpha(opacity=50); }
#buttonpanel a:link, #buttonpanel a:active, #buttonpanel a:visited { font-size:16px; line-height:1.6em; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:Black; opacity:1.0; filter:alpha(opacity=100);  }
#buttonpanel a:hover { text-decoration:underline; color:#03f; opacity:1.0; filter:alpha(opacity=100); }

#latestpanel { background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 12px; width:830px; height:20px; position:absolute; top:540px; left:70px; margin:0; opacity:0.7; filter:alpha(opacity=70); font-size:14px; font-weight:bold; text-align:center; overflow:hidden; }

#page {
	text-align: left;
	margin: 0 auto;
	width: 1000px;
	background:url(../img/background.gif) repeat-y;
}
#header {
	z-index:10;
	position:relative;
	width:1000px;
	height:60px;
	background:url(../img/header.gif) no-repeat;
}
#backgroundimg {
	line-height:0px;
}
#content {
	position:relative;
	margin: 0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content > #backgroundimg img {
	margin:0px;
	border:0px;
	display:block; /* Stops IE7 from putting a gap between background images */
}
.portraitpic {
	position:absolute;
	top:33px;
	left:628px;
}
h1 {
	font-family: 16px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#999;
}
#buttoncomputing {
	position:absolute;
	top:0px;
	left:0px;
	width:532px;
	height:68px;
	cursor:pointer;
	background:url(../img/home/buttoncomputing.png) no-repeat 0 0;
	z-index:10;
}
#buttonfamily {
	position:absolute;
	top:88px;
	left:0px;
	width:532px;
	height:68px;
	cursor:pointer;
	background:url(../img/home/buttonfamily.png) no-repeat 0 0;
	z-index:10;
}
#buttonmusic {
	position:absolute;
	top:176px;
	left:0px;
	width:532px;
	height:68px;
	cursor:pointer;
	background:url(../img/home/buttonmusic.png) no-repeat 0 0;
	z-index:10;
}
#buttonphotography {
	position:absolute;
	top:264px;
	left:0px;
	width:532px;
	height:68px;
	cursor:pointer;
	background:url(../img/home/buttonphotography.png) no-repeat 0 0;
	z-index:10;
}
#footer {
	position:absolute;
	top:600px;
	left:0px;
	width:1000px;
	height:116px;
	background:url(../img/background.gif) repeat-y;
	/*
	font: 13px Arial, 'Lucida Grande', Verdana, Sans-Serif;
	color:#eee;
	font-weight:300;
	line-height:2em;
	clear:both;
	*/
}
#footer img {
	border:0px;
}
#imgcaption {
	position:relative;
	top:-40px;
	left:700px;
	width:269px;
	height:23px;
	overflow:visible;
}
#footermenu {
	float:left;
	margin:15px 0 0 30px;
	cursor:pointer;
}
#footercopyright {
	float:right;
	margin:70px 30px 0 0;
}
#footer a:link, #footer a:active, #footer a:visited {
	text-decoration:none;
	color:#b2b2b2;
}
#footer a:hover {
	color:#00C;
	text-decoration:underline;
}

#contentpanel { margin:0px 0 30px 0; padding:30px 50px 0 50px; }
#imagescroller { position:absolute; width:900px; height:250px; left:50px; top:80px; overflow:hidden; }
#scroller { top:0px; left:0px; clear:both; position:relative; }
#scroller img { float:left; margin-right:20px; border:1px solid #000; }
#footer { position:static; }
#contentpanel td { vertical-align:top; text-align:justify; }
#contentpanel img { margin-left:10px; }
#imageprev { float:left; margin:0 10px 5px 810px; cursor:pointer; position:relative; z-index:1; }
#imagenext { float:left; cursor:pointer; position:relative; z-index:1; }
h3 { font-size:1.4em; line-height:1.3em; }
#scrollerback {
height:250px;
left:50px;
overflow:hidden;
position:absolute;
top:80px;
width:900px;
background:url(../../img/scrollershade.png) no-repeat 0 0; 
z-index:1;}