/*CCS by Gary Hollands - solriche.co.uk - for orangeapples.co.uk March 2007*/
/*Version 1.04*/
/*The graphics are copyright but feel free to use the CCS*/
*{
	margin: 0%;
	padding: 0%;
	line-height: 1.5;
}

html,body{
	font-family: verdana,arial,helvetica,serif;
	color: rgb(0,0,0);
	background-color: rgb(245,131,63);
}

#container{
	width: 100%;
	min-height: 100%;
	/*background: rgb(245,131,63) url("../images/robot.png") no-repeat 100% 100%;*/
	background-color: rgb(245,131,63);
}

#container .corner{
	/*clear: both;*/
	float: left;
	margin: 5% 0% 1% 0%;
}

#container .robot{
	float: right;
	/*margin: 0% 0% 0% 0%;*/
}

/*----------------------Top strapline----------------*/
#topline{
	clear: both;
	width: 100%;
	color: rgb(255,255,255);
	background: rgb(10,90,0);
}

#topline p{
	margin: 0% 0% 0% 0%;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	background-color: rgb(10,90,0);
}
/*--------------------End Top strapline----------------*/

#header{
	float: left;
	width: 97%;
	height: 7em;
	margin: 1% 0% 1% 1%;
	background: url("../images/orange-apple-tree.png") no-repeat 0% 0%;
	/*border-bottom: 1px solid rgb(10,90,0);*/
}

#header h1{
	margin: 4.5% 0% 0% 22%;
	font-size: 150%;
	font-variant: small-caps;
	color: rgb(10,90,0);
	background-color: rgb(245,131,63);
}

.hide{
	display: none;
	color: rgb(10,90,0);
}

.orangebullet{
	color: rgb(245,131,63);
}

.greenbullet{
	color: rgb(10,90,0);
}

/*----------------------------MENU------------------------------*/

#left{
	float: left;
	width: 18%;
	margin: 0% 0% 2% 1%;
	/*border: 1px solid rgb(0,0,0);*/
}

#left ul{
	margin: 0.5% 0% 0% 10%;
	list-style-type: none;
}

#left ul li{
	height: 4em;
	margin: 0% 0% 0% 0%;
	background: url("../images/apple.png") no-repeat 0% 0%;
}

#left ul li a{
	display: block;
	width: 70%;
	text-decoration: none;
	color: rgb(20,60,125);
}

#left ul li a:visited{
	text-decoration: none;
	color: rgb(191,0,255);
}

#left ul li a:hover{
	text-decoration: none;
	color: rgb(255,0,0);
}

#left .movetext a{
	position: relative; top: 2.35em; left: 20%;
	/*position: relative; top: 47%; left: 20%;*/
	font-size: 80%;
	font-weight: bold;
}

#left .two{
	margin: 0% 0% 0% 10%;
}

#left .three{
	margin: 0% 0% 0% 15%;
}

#left .four{
	margin: 0% 0% 0% 15%;
}

#left .five{
	margin: 0% 0% 0% 10%;
}

/*-----------------------END MENU------------------------------*/

#content{
	float: left;
	width: 57%;
	/*width: 66%;*/
	margin: 0% 0% 2% 3%;
}

#content h2{
	font-size: 100%;
	margin: 0% 0% 1% 0%;
	color: rgb(10,90,0);
	background-color: rgb(245,131,63);
}

#content p{
	margin: 0% 0% 1% 0%;
	font-size: 80%;
}

#content ul{
	list-style-type: circle;
	margin: 0.5% 0% 0.5% 5%;
}

#content ul li{
	font-size: 80%;
}

#content .hilite{
	font-weight: bold;
}

#chris{
	float: left;
	width: 40%;
	margin: 0% 0% 0% 0%;
}

#sara{
	float: left;
	width: 40%;
	margin: 0% 0% 0% 5%;
}

#chris .hilite,#sara .hilite{
	font-weight: bold;
	font-size: 110%;
}

#company{
	clear: both;
}

#company p{
	font-size: 80%;
}

#company .hilite{
	font-weight: bold;
}

#content .refname{
	font-weight: bold;
	font-size: 110%;
}

#content .ideas{
	font-weight: bold;
}

#content .refs{
	float: left;
	width: 30%;
	margin: 0% 0% 0% 0%;
}

#content .refs2{
	float: left;
	width: 30%;
	margin: 0% 0% 0% 2%;
}

#content a{
	color: rgb(20,60,125);
}

#content a:visited{
	color: rgb(191,0,255);
}

#content a:hover{
	text-decoration: none;
	color: rgb(255,0,0);
}

/*------------------------Right--------------------------------*/

#right{
	float: left;
	width: 16%;
	margin: 0% 0% 2% 3%;
}

#right h3{
	font-size: 90%;
	margin: 0% 0% 1% 0%;
	color: rgb(10,90,0);
	background-color: rgb(245,131,63);
}

#right p{
	margin: 0% 0% 1% 0%;
	font-size: 80%;
}

#right .redstar{
	color: rgb(15,15,15);
}

/*-------------------------Misc------------------------------------*/

acronym{
	border-bottom: 1px dotted rgb(0,0,0);
	cursor: help;
}