/***********************************************/
/*   anygear.co.uk                             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
	
	body {
			font-family: Arial,sans-serif;
			color: #000000;
			background: #ffffff;
			margin: 0px;
			background-image: url(images/bodybg.jpg);
			background-repeat: no-repeat;
			background-position: right;
			background-position: top;
		}
					
/******* positionning and containers *******/
div.bodycontainer{
	width: 880px; 
	position: relative; 
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background: none; 
	}
	
#container{
	left: 10px
	}
	
	#container p {
	 font: 90% Arial,sans-serif;
	 color: #000000;
	 margin-left: 20px;
	 padding: 0px;
	 }

#header{
	width: 880px; 
	position: relative; 
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background: none; 
	}

#taskbar {
	width: 600px; 
	height: 26px;
	font: bold 100% Arial,sans-serif;
	position: relative;
	margin-left: 150px;
	top: -50px;
	background: none;
	background-image: url(images/arrows.jpg);
	background-repeat: no-repeat;
	text-indent: 30px;
	padding: 4px 0px 0px 0px;
	}
	
#footer {
	width: 880px; 
	font: normal 80% Arial,sans-serif;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	background-image: url(images/footerbg.jpg);
	height: 64px;
	border: none;
	padding: 0px 0px 0px 0px;
	text-align: center;
	}
	

/******* hyperlink and anchor tag styles and margins *******/


#taskbar a:link, #taskbar a:visited{
 	color: #000000;
	text-decoration: none;
	font: bold 100% Arial,sans-serif;
}

#taskbar a:hover{
	text-decoration: none;
	color: #3b5667;
}

a:link, a:visited{
 	color: #000000;
	text-decoration: none;
	font: bold 90% Arial,sans-serif;
}

a:hover{
	text-decoration: underline;
}


/************** Side bar **************/
#sidebar{
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	border-left: solid 1px #cccccc;
	border-right: none;
	border-top: none;
	border-bottom: solid 1px #cccccc;
	position: absolute;
	margin-left: 620px; 
	margin-top: 5px;
	z-index:1;
	}
	
/************** content **************/
#content{
	width: 600px; 
	position: relative; 
	margin-left: 10px; 
	margin-right: 10px;
	margin-top: 0px;
	background: none; 
	z-index:0;
	}

	#content p {
	 font: 90% Arial, Helvetica, sans-serif;
	 color: #000000;
	 margin-left: 20px;
	 padding: 0px;
	}

	#content ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	}	
/************** header tag styles **************/

h1{
	font: bold 114% Arial,sans-serif;
	text-indent: 5px;
	color: #000000;
	border: none;
	background-image: url(images/h1bg.jpg);
	background-repeat: no-repeat;
	background-color: none;
	height: 32px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

h2{
	font-family: bold Arial, Helvetica,sans-serif;
	font-size: 110%;
	border-bottom: dashed 1px #cccccc;
	color: #5d6a83;
	margin: 5px;
	padding: 0px;
	}

h3{
	font-family: bold Arial, Helvetica,sans-serif;
	font-size: 105%;
	color: #5d6a83;
	margin: 5px;
	padding: 0px;
}

h4{
	font-family: bold Arial, Helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h5{
	font: Arial, Helvetica,sans-serif;
	font-size: 14px;
	color: #677980;
	margin: 5px;
	padding: 0px;
}

h6{
	font-family: Arial, Helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(images/bulletpoint.jpg);
	font-size: 14px;
	color:#000000;
	}