@charset "utf-8";
/* CSS Document */
body
{
	font-size: 75%;
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p
{
	padding: 2px;
	margin: 0;
	color: #666666;
}

h2
{
	padding: 5px;
	padding-left: 0;
	margin: 0 0 0 0;
	color: #d1d1e0;
	font-size: 200%;
}

h3
{
	font-size: 80%;
	padding: 0;
	margin: 0;
}

img
{
	padding: 0;
	margin: 0;
	border: none;
}

#outer
{
	width: 900px;
	text-align: center;
	margin: 0 auto;
}

#inner
{
	text-align: left;
}

#header
{
	background: #ffffff;
	height: 110px;
	background: url("../images/header.jpg") top left no-repeat;
}

#navbar
{
	border-top: 3px solid #ffffff;
	/*background: #49080c url("../images/navbar.jpg") top left no-repeat;*/
	background: #d1d1e0;
	width: 900px;
	height: 25px;
}

#navbar ul
{
	display: inline;
	padding: 0;
	margin: 0;
	
}

#navbar ul li
{
	list-style: none;
	float: left;	
	padding: 0;
	margin: 0;
}

#navbar ul li a
{
	display: block;
	padding: 0 27px 0 26px;
	margin: 0;
	color: #ffffff;
	text-decoration: none;

	
}

#navbar ul li a:hover
{

}

#content
{

}

#leftfloat
{
	float: left;
	width: 100px;
	/*height: 245px;*/
	/*background: #666699;*/
	
	text-align: left;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}

#leftfloattop
{
	background: url("../images/capleft.jpg") top left no-repeat;
	height: 4px;
}

#leftfloat p
{
	text-align: center;
	font-variant: small-caps;
	background: #666699;
	color: #ffffff;
	border-bottom: #ffffff solid 1px;
	padding-bottom: 5px;
}

#leftfloat ul
{
	/*display: inline;*/
	padding: 0;
	margin: 0;
	
}

#leftfloat ul li
{
	list-style: none;	
	padding: 0;
	margin: 0;
}

#leftfloat ul li a
{
	display: block;
	padding: 5px 5px 5px 5px;
	margin: 0;
	color: #ffffff;
	border-bottom: #ffffff solid 1px;
	text-decoration: none;
	/*background: #666699;*/
	font-size: 110%;
	font-variant:small-caps;
}

#leftfloat ul li a:hover
{
	color: #666699;
	background: #d1d1e0;
	
}

#links
{
	text-align: left;
}

#links p
{
	text-align: left;
	font-variant: small-caps;
	background: #666699;
	color: #ffffff;
	border-bottom: #ffffff solid 1px;
	padding-bottom: 5px;
}

#links ul
{
	/*display: inline;*/
	padding: 0;
	margin: 0;
	
}

#links ul li
{
	list-style: none;	
	padding: 0;
	margin: 0;
}

#links a
{
	/*display: block;
	*/
	padding-top: 20px;
	padding-bottom: 20px;
	
	/*padding: 5px 5px 5px 5px;
	margin: 0;
	border-bottom: #ffffff solid 1px;
	text-decoration: none;*/
	/*background: #666699;*/
	/*font-size: 110%;
	font-variant:small-caps;*/
}

#links ul li a:hover
{
	/*color: #666699;
	background: #d1d1e0;*/
	
}

#rightfloat
{
	float: right;
	width: 120px;
	
	/*background: #666699;*/
	text-align: left;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

#rightfloattop
{
	background: url("../images/capright.jpg") top left no-repeat;
	height: 4px;
}

#rightfloat p
{

	font-size: 75%;
	/*color: #ffffff;*/
	
	/*padding-bottom: 5px;*/
}

#rightfloat img
{
	vertical-align: baseline;
}

#heads
{
	background: #d1d1e0;
	padding-left: 5px;
	padding-right: 5px;
}

#heads p
{
	text-align: left;
	color: #ffffff;
}

#rightfloat ul
{
	/*display: inline;*/
	padding: 0;
	margin: 0;
	
}

#rightfloat ul li
{
	list-style: none;	
	padding: 0;
	margin: 0;
}

#rightfloat ul li a
{
	display: block;
	padding: 5px;
	margin: 0;
	color: #ffffff;
	/*border-bottom: #ffffff solid 1px;*/
	text-decoration: none;
	background: #d1d1e0;
	font-size: 110%;
	font-variant:small-caps;
}

#rightfloat ul li a:hover
{
	color: #666699;
	background: #d1d1e0;
}

#linklisttop
{
	background: url("../images/capleft.jpg") top left no-repeat;
	height: 4px;
}


#contentpane
{
	margin: 0 0 0 106px;
	padding: 10px;
	width: 650px;
	background: url("../images/bg.jpg") top left no-repeat;
}

#contentpane p
{
	padding: 4px 0 4px 0;
}

#colbanner
{
	/*background: #ececec;*/
	/*background: #49080c url("../images/navbar.jpg") top left no-repeat;*/
	background: #666699;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 8px;
	
}

#colbanner p
{
	padding: 2px;
	color: #ffffff;
}

#leftpane
{
	float: left;
	width: 210px;

	padding-bottom: 5px;
	/*border-right: 1px solid #ececec;*/
	/*border-right: 1px solid #ff9900;*/
	color: #000000;
	padding-right: 4px;
}

#leftpane h3
{
	text-align: center;
	background: #666699;
	color: #ffffff;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px solid #d1d1e0;
}

#leftpanecontent
{
	padding: 5px;
}

#rightpane
{
	float: right;
	width: 210px;

	padding-bottom: 5px;
	color: #000000;
	/*border-left: 1px solid #ececec;*/
	/*border-left: 1px solid #ff9900;*/
	padding-left: 4px;
}

#rightpane h3
{
	text-align: center;
	background: #666699;
	color: #ffffff;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px solid #d1d1e0;
}

#rightpanecontent
{
	padding: 5px;
}

#middlepane
{
	width: 210px;
	margin: 0 0 0 220px;

	padding-bottom: 5px;
	color: #000000;
}

#middlepane h3
{
	text-align: center;
	background: #666699;
	color: #ffffff;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px solid #d1d1e0;
}

#middlepanecontent
{
	padding: 5px;
}

#leftpanetop
{
	background: #ffffff url("../images/pane.jpg") top left no-repeat;
	height: 6px;
}

#rightpanetop
{
	background: #ffffff url("../images/pane.jpg") top left no-repeat;
	height: 6px;
}

#middlepanetop
{
	background: #ffffff url("../images/pane.jpg") top left no-repeat;
	height: 6px;
}

#whatson
{
	float: left;
	width: 110px;
	height: 183px;
	padding: 10px;
	padding-top: 8px;
	background: url("../images/g.png") top left no-repeat;
}

#whatson h3
{
	color: #ffffff;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: text-top;
	font-size: 110%;
	font-weight: lighter;
	font-variant: small-caps;
}

#whatson p
{
	margin: 15px 0 0 0;
}

#searchonline
{
	float: right;
	width: 110px;
	height: 183px;
	padding: 10px;
	background: #000000;
	background: url("../images/gred.png") top left no-repeat;
	padding-top: 8px;
}

#searchonline h3
{
	color: #ffffff;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: text-top;
	font-size: 110%;
	font-weight: lighter;
	font-variant: small-caps;
}

#searchonline p
{
	margin: 15px 0 0 0;
}

#ontext
{
	margin: 0 150px 0 150px;
	height: 183px;

}

#haveyouseen
{
	width: 110px;
	height: 183px;
	padding: 10px;
	background: #000000;
	background: url("../images/ggre.png") top left no-repeat;
	padding-top: 8px;
}

#haveyouseen h3
{
	color: #ffffff;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: text-top;
	font-size: 110%;
	font-weight: lighter;
	font-variant: small-caps;
}

#haveyouseen p
{
	margin: 15px 0 0 0;
}

#alsoofintrest
{
	
	width: 480px;
	padding: 10px;
	height: 123px;
	background: url("../images/ggg2.png") no-repeat top right;
}

#alsoofintrest h3
{
	color: #ffffff;
	padding: 0px 0 0 0;
	margin: 0;
	text-align: center;
	vertical-align: text-top;
	font-size: 110%;
	font-weight: lighter;
	font-variant: small-caps;
}

#alsoofintrest p
{
	margin: 20px 0 0 0;
}

#poplinks
{
	padding: 10px;
	width: 480px;
	height: 123px;
	background: url("../images/ggg.png") no-repeat top right;
}

#poplinks p
{
	margin: 15px 0 0 0;
}

#footer
{
	text-align: center;
	clear: both;
	background: #ffffff url("../images/footer.jpg") top left no-repeat;
	border-top: 1px solid #d1d1e0;
	padding: 2px;
	color: #ffffff;
	margin-bottom: 5px;
	height: 20px;
}

#footer p
{
	color: #666699;
	font-size: 80%;
}

.clear
{
	clear: both;
}

a.link1
{
	background: #9966cc;
}

a.link2
{
	background: #cc0066;
}

a.link3
{
	background: #ff6600;
}

a.link4
{
	background: #fffc00;
	color: #666699;!important
}

a.link5
{
	background: #6699cc;
}

.link1
{
	background: #9966cc;
}

.link2
{
	background: #cc0066;
}

.link3
{
	background: #ff6600;
}

.link4
{
	background: #fffc00;
	
}

.link5
{
	background: #6699cc;
}

.white
{
	color: #666699;
	
	text-align: center;
	font-size: 130%;
	font-variant: small-caps;
}

.bottomborder
{
	border-bottom: #ffffff solid 1px;
	text-align: center;
	padding-bottom: 5px;
}

.whiteleft
{
	color: #666699;
	/*border-bottom: #ffffff solid 1px;*/
	margin-bottom: 10px;
	text-align: left;
	padding: 5px;
}

.grey
{
	background: #d1d1e0;
	padding: 0;
	margin: 0;
}

.whiteteam
{
	color: #666699;
	background: #d1d1e0;
	text-align: center;
}

.whitecap
{
	color: #666699;
	background: #666699;
	text-align: center;
	border-bottom: 10px solid #ffffff;
}

.tint
{
	color: #666699;
}

.tint2
{
	color: #6699cc;
}

.tint3
{
	color: #ff6600;
}

.tint4
{
	color: #cc0066;
}

.tint5
{
	color: #9966cc;
}

.tint6
{
	color: #fffc00;
}

/* projects */
#firsttext
{

	
	
}

#projectnav
{

	height: 25px;
	margin-top: 12px;
	width: 750px;

}

#projecttext
{}