/* fix.css - fixiebike style sheet */


/* body rule*/


	body {line-height: 120%; margin: 0;  padding: 0; text-align: center; min-width: 760px;  background-color: #333333; font-size: 90%; font-family:  Arial, Helvetica, SunSans-Regular, sans-serif; }


/* wrapper rule*/


	#wrapper {position: relative;  padding: 0em 0em;  overflow: hidden; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: -5px; text-align: justify;  background-color: #ffffff; color: #333333;    height: 100%; width: 750px; border-left:  3px  #999999 solid; border-right: 3px  #999999 solid; }
	

/* change colour of headings, font and add padding rule*/


	#wrapper h1,h2 {color: #ff33ff;  padding: 0em 0em 0em 0em; font-family: Arial, Helvetica, sans-serif;  }

	#wrapper h3, h4, h5, h6 {color: #333333;  padding: 0em 0em 0em 0em; font-family: Arial, Helvetica, sans-serif;  }


/* home wrapper rule*/


	#homewrapper {position: relative;  padding: 0px; overflow: hidden; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: -45px; text-align: left; background-color: #000000; color: #000000; height: 100%; width: 548px; }


/* home logo rule*/


	#logo {clear: both; }

/*font pink*/


	.pink {color: #ff33ff; }



/* inner margin rule*/


	#inner-margin { margin: 0px 200px 0px 20px; font-size: 100%;}


/*rules for effects on links*/

	
	a:link {text-decoration: none;  color: #ff33ff; }

	a:visited {text-decoration: none; color: #ff33ff; }

	a:hover {text-decoration: underline; color: #333333; }

	a:active {text-decoration: none; color: #333333; } 



/* inner margin FAQ, ABOUT, LINKS rule - sets text indent etc*/


	#inner-marginfaq {margin: 0px 20px 0px 20px; background-color: #ffffff;}


/* inner margin FAQ link colours and decoration etc*/

	
	#inner-marginfaq p a:link {text-decoration: none; color: #ff33ff; }

	#inner-marginfaq h3 a:link  {text-decoration: none; color: #333333; }

	#inner-marginfaq h4 a:link  {text-decoration: none; color: #333333; }



	#inner-marginfaq p a:visited {text-decoration: none; color: #ff33ff; background-color: #ffffff;}

	#inner-marginfaq h3 a:visited {text-decoration: none; color: #333333; background-color: #dddddd; }

	#inner-marginfaq h4 a:visited {text-decoration: none; color: #333333; background-color: #dddddd; }

	

	#inner-marginfaq p a:hover {text-decoration: underline; color: #333333; }

	#inner-marginfaq h3 a:hover {text-decoration: underline; color: #ff33ff; }
	
	#inner-marginfaq h4 a:hover {text-decoration: underline; color: #ff33ff; }

	#inner-marginfaq p a:active{text-decoration: none; color: #333333; }	
	

/* thumbnail padding rule*/


	.thumbs {padding: 0px; }



/* header line top*/


	.header-line-top  {border-top: 1px solid #333333; border-bottom: 1px solid #333333; }



/* header linebottom*/


	.header-line-bottom { border-bottom: 1px solid  #333333; }


/*center text rule*/


	.center { text-align: center;}


/* skyline rule*/


	#skyline {padding: 5px 0px 3px 0px; margin:  0 75px 0 75px;}



/* bmx pic rule*/
  

	#bmx {margin-left: 179px; margin-right: 179px; border: 1px solid #000000 }



/* removes border on image links*/


	a img {border: none; } 

	
/*class rule for specifying horizontal menu*/


	#navmenu ul {margin: 0 0; padding: 5px 0; text-align: center; font-size: medium;  list-style-type: none; list-style-image: none; }
	#navmenu li {display: inline; padding: 0em 0em 0em 0em }
	#navmenu a:link {text-decoration: none; color: #ff33ff; }
	#navmenu a:visited {text-decoration: none; color: #ff33ff; }
	#navmenu a:hover {text-decoration: underline; color: #333333; }	
	#navmenu a:active {text-decoration: none; color: #333333; }

	
/*class rule turns bullets into cog images*/


	#cog {list-style-image: url(pictures/tinycog2.jpg); }

	#cog li {list-style-image: url(pictures/tinycog2.jpg); line-height: 140%;}

	#cog h4{ line-height: 130%;}

/*tells browser to use monospace for preformatted text*/


	pre { font-family: monospace; }


/*gallery container box*/


	.container { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; position: relative; width: 710px; height: 100%; border-top: 1px solid #333333; }

	
/*shop rules*/


	.leftprod { float: left;  text-align: justify;  padding-top: 10px; width: 500px; margin-left: 10px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; background-color: #ffffff; color: #333333}

	.rightphot{ float: right; text-align: center; padding-top: 31px;  margin-left: 0px; margin-bottom: 0px; margin-right: 10px; margin-top: 0px; width: 180px; background-color: #ffffff; color: #333333;}
	
	.rightphot img {padding: 0px; margin:0px; border: 1px solid #000000;  }

	.footer {clear: both; border-top: 1px #333333 solid; margin-left: 20px; margin-bottom: 0px; margin-right: 20px; margin-top: 0px;}

/*intro rules*/


	.leftprodintro { float: left;  text-align: justify;  padding-top: 10px; width: 555px; margin-left: 10px; margin-bottom: 0px; margin-right: 5px; margin-top: 0px; background-color: #ffffff; color: #333333}

	.rightphotintro{ float: right; text-align: center;   padding-left: 4px; padding-bottom: 0px; padding-right: 4px; padding-top: 4px;  margin-left: 5px; margin-bottom: 0px; margin-right: 6px; margin-top: -20px; width: 130px; color: #ff33ff;  background-color: #ffffff; border: 1px #333333 solid;}
	
	.rightphotintro img {padding: 0px; margin: 2px; border: 1px solid #000000;  }
	
	.rightphotintro p{padding: 0px; margin: 4px; }

	.footerintro {clear: both; border-top: 1px #333333 solid; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px;}


/* side rules*/


	#side {text-align: left; position: absolute; right: 15px; top: 260px;  padding: 5px; margin: 0px;  height: 100%; width: 150px; color: #ff33ff;  background-color: #ffffff; border: 1px #333333 solid; }

	#side img {border: 1px solid #000000; margin:3px;}


/*gallery class rule for thumbnail photos*/


	.gallery ul {margin: 0 0; padding: 0px 0; text-align: center; font-size: 110%;  list-style-type: none; list-style-image: none; }

	.gallery li {display: inline; padding: 0em 0em 0em 0em }

	.gallery a:link {text-decoration: none; color: #ff33ff; }

	.gallery a:visited {text-decoration: none; color: #ff33ff; }

	.gallery a:hover {text-decoration: underline; color: #333333; }
	
	.gallery a:active {text-decoration: none; color: #333333; }

	.gallery li img {padding: 0px; margin:10px; border: 1px solid #000000;}



/*practise area*/ /*practise area*/ /*practise area*/ /*practise area*/ /*practise area*/ /*practise area*/