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

COPYRIGHT : Matt O'neill 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;
}

UL 
{
	list-style:square;
	color:#000033;
}

/*----LINKS--------------*/
a:link{color:#990000;text-decoration:none;}     /* unvisited link */
a:visited{color: #990000;text-decoration:none;}  /* visited link */
a:hover{color: #990000; text-decoration:underline;}   /* mouse over link */



/*----FORMS--------------*/
#contactform
{
	position:absolute;
	top:80px;
	left:359px;
	width:600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	height: 335px;
}
#contactline
{
	border-bottom:solid 1px #000033;
	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:80px;
	left:30px;
	width:309px;
	height: 387px;
}
#contactlocationtext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
	position:absolute;
	top:375px;
	left:359px;
	width:552px;
	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:18px;
	left:9px;
}

/* 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;
}
.aboutli
{
	
	color:#000033;
}
/* 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:30px;
	font-size:12px;
	width: 282px;
}
#servicepagenavigation
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:36px;
	left:30px;
	font-size:12px;
}
#abouttext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:66px;
	left:30px;
	width:375px;
	text-align:justify;
	font-size:12px;
	border-right:#000033 1px solid;
	padding-right:59px;

}
#credibilitytext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:66px;
	left:10px;;
	width:375px;
	height:640px;
	text-align:justify;
	font-size:12px;
	border-right:#000033 1px solid;
	padding-right:79px;
}

#credibilityimages
{
	position:absolute;
	top:-1px;
	left:520px;
}
#credibilityimages IMG
{
	border:#000033 1px solid;
} 
#credibilityimages TD
{
	font-size:10px;
	text-align:center;
	
} 

#consultancytext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:66px;
	left:30px;
	width:750px;
	text-align:justify;
	font-size:12px;
	padding-right:38px;
	border-right:1px solid #000033;
}
#bespokeimg1
{
	position:absolute;
	top:0px;
	left:0px
}
#bespokeimg2
{
	position:absolute;
	top:250px;
	left:850px
}

#bespoketext
{
	position:absolute;
	top:50px;
	left:625px;
	width:350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:justify;
	font-size:12px;
}
#teamtext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:66px;
	left:25px;;
	width:375px;
	height:640px;
	text-align:justify;
	font-size:12px;
	border-right:#000033 1px solid;
	padding-right:64px;
}

#content
{
	width:1024px;
	height:500px;
	border:solid 1px #333333;
	position:absolute;
	top:75px;
}

#contentaboutpage
{
	width:1024px;
	height:870px;
	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;
}

#experienceimages
{
	position:absolute;
	top:-1px;
	left:500px;

}
#experienceimages IMG
{
	border:#000033 1px solid;
} 
#experienceimages TD
{
	font-size:10px;
	text-align:center;
	
} 
#experienceimagestext
{
	position:absolute;
	top:0px;
	left:836px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:8px;
	font-weight:bold;
	width:200px;

}
#homebg 
{
	width:1024px;;
	height:500px;
	background-image:url(../images/modcomms_bg.jpg);
}
#homepagetext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:90px;
	left:30px;
	width:461px;
	text-align:justify;
	font-size:12px;
	padding-right:38px;
	border-right:#000033 1px solid;
}
#homepageimg
{
	position:absolute;
	top:15px;
	left:680px;
}

#linkcontainerheader
{
	color:#000000;
	font-weight:bold;
}
#servicespagetext
{
	position:absolute;
	top:0px;
	left:650px;

}

/* Services Page */

#default1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	border-right:#000033 1px solid;
	padding-right:59px;

}
#cd-roms1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}

#cd-roms2
{
	position:absolute;
	top:0px;
	left:520px;
}
#eventblogging1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}

#eventblogging2
{
	position:absolute;
	top:0px;
	left:520px;
}


#sms1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}

#sms2
{
	position:absolute;
	top:0px;
	left:520px;
}

#onlineanimatedpresentations1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}
#onlineanimatedpresentations2
{
	position:absolute;
	top:0px;
	left:520px;
}

#liveeventwebcasting1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}
#liveeventwebcasting2
{
	position:absolute;
	top:0px;
	left:520px;
}

#podcasting1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}
#podcasting2
{
	position:absolute;
	top:0px;
	left:520px;
}

#videoandDVDediting1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}
#videoandDVDediting2
{
	position:absolute;
	top:0px;
	left:520px;
}
#socialnetworking1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}
#socialnetworking2
{
	position:absolute;
	top:0px;
	left:520px;
}
#e-learning1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}
#e-learning2
{
	position:absolute;
	top:0px;
	left:520px;
}
#eventorganisation1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}
#eventorganisation2
{
	position:absolute;
	top:0px;
	left:520px;
}
#evolvingcommunicationworkshops1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}
#evolvingcommunicationworkshops2
{
	position:absolute;
	top:0px;
	left:520px;
}
#webdesignandsearchengineoptimisation1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:115px;
	left:30px;
	width:800px;
	height:650px;
	text-align:justify;
	font-size:12px;
	padding-right:59px;
	padding-left:40px;
}
#webdesignandsearchengineoptimisation2
{
	position:absolute;
	top:0px;
	left:520px;
}
#articlelinks
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:48px;
	left:38px;
	font-size:12px;
	width:275px;
}	

#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;
}
#articlecontainer
{

	width: 364px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#articlecontainerborder
{
	position:absolute;
	top:48px;
	left:320px;
	width:650px;
	height:500px;
	border-left:#000033 1px solid;
	border-top:#000033 1px solid;
	

}
#printiframelink
{
	position:absolute;
	top:462px;
	left:786px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
}
/*---HEADER.PHP---*/

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

#subheader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	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:850px;
}

#contactpageheader {
	color: #000033;
	font-weight: bold;
}

#linkcontainer {
	position: absolute;
	height: auto;
	width: 500px;
	left: 30px;
	top: 150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
}

#linkaccordian {
	position: absolute;
	height: auto;
	width: auto;
	left: 425px;
	top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
}

#productspageheader 
{	
	position: absolute;
	top: 58px;
	left:45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	font-size:12px;
}
#productspagetextandimages
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:85px;
	left:30px;
	width:750px;
	text-align:justify;
	font-size:12px;
}
#testimonialscontainer
{   position: absolute;
	height: 800px;
	width: 700px;
	left: 30px;
	top: 45px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align:justify;
	padding-right:20px;
}

#testimonialspageheader {
	color: #000033;
	font-weight: bold;
}
body#index a#index,
body#about a#about,
body#articles a#articles,
body#services a#services,
body#consultancy a#consultancy,
body#testimonials a#testimonials,
body#links a#links,
body#blog a#blog,
body#products a#products,
body#contact a#contact

{	color:#990000;
}