@charset "utf-8";
/* CSS Document

COPYRIGHT : KATHERINE HOWLETT 2008
WEB SITE DESIGN: HARDI DARWEISH
COMPANY: WEB IN A BOX
 */
 
/* TAGS */

BODY
{
	background:#FFFFFF;
}
INPUT 
{
	background:#FFFFFF;
	border: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA
{
	background:#FFFFFF;
	border: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*----LINKS--------------*/
a:link{color:#000000;text-decoration:none;}     /* unvisited link */
a:visited{color: #000000;text-decoration:none;}  /* visited link */
a:hover{color: #000000; text-decoration:underline;}   /* mouse over link */
a:active{color:#660000; text-decoration:none;}   /* selected link */

/*----FORMS--------------*/
#contactform
{
	position:absolute;
	top:139px;
	left:359px;
	width:600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	height: 335px;
}
#contactline
{
	border-bottom:solid 1px #666666;
	margin-top:3px;
	margin-bottom:3px;
}
#contacttext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
}
#contactpagetext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
	position:absolute;
	top:34px;
	left:359px;
	width:250px;
	text-align:justify;
}
#contactlocationtext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
	position:absolute;
	top:34px;
	left:669px;
	width:250px;
	text-align:justify;
}
#contactsubmit
{
	border:solid 1px solid;
	color:#333333;
	font-size:12px;
}
#formlabels
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
}
#contactpageimg
{
	position:absolute;
	top:15px;
	left:15px;
}

/* General Classes */
.wrapper
{
	width:1024px;
	height:1000px;
	margin:0 auto; /*this margin setting creates the liquid page*/
	position:relative; /*this is vital for setting elements via absolute positioning to maintain liquid layout*/
	top:20px;
}

/* ID'S */
#aboutbg
{
	width:1024px;;
	height:500px;
	background-image:url(../images/katherinehowlett_aboutbg2.jpg);
}
#aboutpgnavigation
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:36px;
	left:83px;
	font-size:12px;
}
#abouttext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:66px;
	left:83px;
	width:375px;
	text-align:justify;
	font-size:12px;
}
#awardstext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:50px;
	left:83px;
	width:375px;
	text-align:justify;
	font-size:12px;
}
#bespokeimg1
{
	position:absolute;
	top:0px;
	left:0px
}
#bespokeimg2
{
	position:absolute;
	top:250px;
	left:850px
}

#bespoketext
{
	position:absolute;
	top:50px;
	left:652px;
	width:350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:justify;
	font-size:12px;
}

#drawingtext
{
	position:absolute;
	top:50px;
	left:658px;
	width:350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:justify;
	font-size:12px;
}
#educationtext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:50px;
	left:83px;
	width:375px;
	text-align:justify;
	font-size:12px;
}
#content
{
	width:1024px;
	height:500px;
	border:solid 1px #333333;
	position:absolute;
	top:75px;
}


#collectionsmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:16px;
	position:absolute;
	left:807px;
	top:67px;
	width:196px;
	height:18px;
	text-align:center;
}

#collectionstext1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:114px;
	left:800px;
	width:205px;
	text-align:justify;
	font-size:12px;
}

#collectionstext2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:114px;
	left:800px;
	width:205px;
	text-align:justify;
	font-size:12px;
}

#drawingcontainer
{
	position:absolute;
	top:15px;
	left:25px;
	width:975px;
	height:400px;
	padding-left:15px;
	padding-top:15px;
}

#drawingenlargetext
{
	position:absolute; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	top:10px; 
	left:25px; 
	z-index:10;
}


#homebg
{
	width:1024px;;
	height:500px;
	background-image:url(../images/katherinehowlett_homebg.jpg);
}
#homepagetext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:135px;
	left:500px;
	width:461px;
	text-align:justify;
	font-size:12px;
}
#homepageimg
{
	position:absolute;
	top:15px;
	left:680px;
}

#presspageimg
{
	position:absolute;
	top:0px;
	left:650px;

}
#presspagetext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:48px;
	left:64px;
	text-align:justify;
	font-size:12px;
	width: 364px;
}	

#resourcesimg
{

	position:absolute;
	top:0px;
	left:0px;
}
#resourcestext
{
	position:absolute;
	top:116px;
	left:404px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	width: 558px;
}
#presspageimages
{
	position:absolute;
	top:150px;
	left:64px;
	width: 364px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	width:500px;
}
/*---HEADER.PHP---*/

#khtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 24px;
}
#mainnavigation
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	position:absolute;
	text-align:right;
	top:58px;
	width:1024px; 
	
}

#subheader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 18px;
}

#credits
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	position:absolute;
	top:508px;
	width:1024px;
}
#wibcredits
{
	position:absolute;
	left:5px;

}

#khcredits
{
	position:absolute;
	left:888px;
}

body#index a#index,
body#about a#about,
body#sports a#collections,
body#bespoke a#bespoke,
body#housedrawings a#housedrawings,
body#collections a#collections,
body#press a#press,
body#resources a#resources,
body#contact a#contact

{	color:#990000;
}