body			{/*background-color:#e1e1e1;*/
				background-image: url("gfx/bk_stripe.png");
				background-repeat: repeat;}

*			{padding:0px;
			margin:0px;}
			
p			{margin-bottom:1em;
			padding:1px;}		
			
a			{color:#366980;}

h2			{color:#666666;
			font-size:1.8em;
			font-family:Trebuchet MS,verdana, arial;
			font-weight:normal;}

h3			{color:#666666;
			font-size:1.2em;
			font-family:Trebuchet MS,verdana, arial;
			font-weight:bold;
			padding-bottom:5px;}			
			
/*contains everything*/
#wrapper	{margin:auto;
			text-align:left;
			width:770px; 
			font-family:verdana, arial;
			font-size: 0.8em;
			min-height:480px;
			/*background-color:#ffffff;*/}
			
#header		{height:100px;
			background-image:url('gfx/header.png');
			background-color:transparent;}
			
#menu		{width:770px;
			height:30px;
			font-size: 1.2em;
			background-image:url('gfx/menu.gif');
			font-family:Trebuchet MS,verdana, arial;
			font-weight:bold;}
			
#title		{font-family:Trebuchet MS,verdana, arial;
			font-size: 2em;
			color:#4f5557;
			width:770px;
			position:relative;
			left:20px;}

#headertext	{float:left;
			font-family:Trebuchet MS,verdana, arial;
			font-size: 3em;
			color:#e1e1e1;
			position:relative;
			top:25px;
			left:5px;}

#headerfolio{float:left;
			font-family:Trebuchet MS,verdana, arial;
			font-size: 2em;
			color:#e1e1e1;
			position:relative;
			top:37px;
			left:300px;}				
			
#main		{width:770px;
			min-height:325px;
			font-size: 1em;
			color:#4a5154;
			background-color:#ffffff;
			}
			
#main2		{width:770px;
			height:425px;
			font-size: 1em;
			color:#4a5154;
			background-color:#ffffff;}			

#copy		{width:770px;
			height:20px;
			font-family:verdana, arial;
			font-size: 0.7em;
			text-align:center;
			color:#181A12;
			position: relative;
			top:5px;
			margin-top:-5px;
			background-image:url('gfx/copyright.png');
			background-color:#ffffff;}		
			
#menustyle li {float:left; 
			list-style-type:none;
			position:relative;
			top: 3px;
			color:#e1e1e1;}
			
#menustyle a		{color:#e1e1e1;}	


#menu ul			{float:left;
			list-style-type:none;
			margin:1px 10px 5px 2px;}
			
.modlist li 	{list-style-type:circle;
			margin-left:15px;
			position:relative;
			left:5px;}

#techlist li 	{list-style-type:circle;
			margin-left:15px;
			margin-bottom:10px;
			position:relative;
			left:5px;}

#softlist li 	{list-style-type:circle;
			margin-left:15px;
			margin-bottom:10px;
			position:relative;
			/*left:5px;*/}	

#mainparatext {position:relative;
			left:20px;
			width:735px;
			background-color:#ffffff;}
			
#indexshorttext {position:relative;
			left:20px;
			width:470px;}

#indexshorttext2 {position:relative;
			left:20px;
			width:500px;}

#indexshorttext3 {position:relative;
			left:20px;
			width:735px;}

#alltext {position:relative;
		bottom:190px;}			

#smalltext 	{font-size:0.8em;}	
#red		{color:#FF0000;}		

/*for centring image on welcome and contact page*/
.centre		{text-align:center;
			padding:5px 0px 0px 0px;}
			
.col1		{width:340px;
			height:200px;
			position:relative;
			left:20px;}

.col2		{width:340px;
			height:200px;
			position:relative;
			left:400px;
			bottom:200px;}	

#contactcol1{width:340px;
			height:200px;
			position:relative;
			left:20px;}

#contactcol2{width:340px;
			height:120px;
			position:relative;
			left:400px;
			bottom:200px;}	

#contact_form	{font-family:verdana, arial;}

#meimg		{position:relative;
			width:205px;
			height:205px;
			left:530px;}
			
.tealletter {color:#366980;}

#centretable	{margin-left: auto;
margin-right: auto;
width:700px;}

#centretable table {padding:0px;
					margin:0px;
					width:700px;}
					
#centretable tr {padding:0px;
					margin:0px;
					width:110px;
					height:150px;
					text-align:center;}

#centretable p {text-align:center;}	
#centretable a {text-align:center;}
#centretable img {text-align:center;}
#centrepagination  {text-align:center;}
#centresiteinfo  {text-align:center;}

html>body .wrapper	{height:auto; min-height:480px} /*Firefox only- fixes length of wrapper*/ 
html>body .main	{height:auto; min-height:325px} /*Firefox only- fixes length of wrapper*/ 

