/* fix.css - fixiebike style sheet */


/* body rule*/

	body {line-height: 120%; margin: 0;  padding: 0; text-align: center; min-width: 760px;  background-color: #222222; font-size: 14px; 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  #5D8CBB solid; border-right: 3px  #5D8CBB solid; }

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


	#wrapper h1 {font-size: 24px; color: #2B547E;  padding: 0em 0em 0em 0em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  }

	#wrapper h2 {font-size: 22px; color: #2B547E;  padding: 0em 0em 0em 0em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  }

	#wrapper h3{font-size: 20px; color: #2B547E;  padding: 0em 0em 0em 0em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  }

	#wrapper h4{font-size: 16px; color: #2B547E;  padding: 0em 0em 0em 0em; font-family: Arial, Helvetica, sans-serif;  }

	#wrapper h5 {font-size: 14px; color: #2B547E;  padding: 0em 0em 0em 0em; font-family: Arial, Helvetica, sans-serif;  }

	#wrapper h6 {font-size: 14px; color: #2B547E;  padding: 0em 0em 0em 0em; font-family: Arial, Helvetica, sans-serif;  }

	#codet h6 {font-size: 12px; color: #2B547E;  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: -20px; text-align: left; background-color: #000000; color: #000000; height: 100%; width: 548px; }

/* home wrapper index rule*/

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

/* home logo rule*/

	#logo {clear: both; }

/* VS home logo rule*/

	#logovs a {padding: 0px}
	
/*font pink*/

	.pink {color: #2B547E; }

/* inner margin rule*/

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

/*rules for effects on links*/
	
	a:link {text-decoration: none;  color: #2B547E; }

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

	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: #2B547E; }

	#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: #2B547E; 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: #2B547E; }
	
	#inner-marginfaq h4 a:hover {text-decoration: underline; color: #2B547E; }

	#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: 13px;  list-style-type: none; list-style-image: none; font-family: arial}
	#navmenu li {display: inline; padding: 0em 0em 0em 0em }
	#navmenu a:link {text-decoration: none; color: #2B547E; }
	#navmenu a:visited {text-decoration: none; color: #2B547E; }
	#navmenu a:hover {text-decoration: underline; color: #333333; }	
	#navmenu a:active {text-decoration: none; color: #333333; }
	#navmenu img {padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }

/*class rule for specifying shop logos*/

	#navmenulogo ul {margin: 0 0; padding: 0px 0; text-align: center; font-size: 13px;  list-style-type: none; list-style-image: none; font-family: arial}
	#navmenulogo li {display: inline; padding: 0em 0em 0em 0em }
	#navmenulogo a:link {text-decoration: none; color: #2B547E; }
	#navmenulogo a:visited {text-decoration: none; color: #2B547E; }
	#navmenulogo a:hover {text-decoration: underline; color: #333333; }	
	#navmenulogo a:active {text-decoration: none; color: #333333; }
	#navmenulogo img {padding-top: 10px; padding-right: 1px; padding-bottom: 10px; padding-left: 0px; }

/*class rule for specifying shop bottom menu*/

	#navmenuz ul {margin: 0 0; padding: 4px 0; text-align: center; font-size: 14px;  list-style-type: none; list-style-image: none; font-variant: small-caps; }
	#navmenuz li {display: inline; padding: 0em 0em 0em 0em }
	#navmenuz a:link {text-decoration: none; color: #2B547E; }
	#navmenuz a:visited {text-decoration: none; color: #2B547E; }
	#navmenuz a:hover {text-decoration: underline; color: #333333; }	
	#navmenuz a:active {text-decoration: none; color: #333333; }

/*class rule for specifying shop bottom menu as per above*/

	#navmenuzx ul {margin: 0 0; padding: 4px 0; text-align: center; font-size: 14px;  list-style-type: none; list-style-image: none; font-variant: small-caps; }
	#navmenuzx li {display: inline; padding: 0em 0em 0em 0em }
	#navmenuzx a:link {text-decoration: none; color: #2B547E; }
	#navmenuzx a:visited {text-decoration: none; color: #2B547E; }
	#navmenuzx a:hover {text-decoration: underline; color: #333333; }	
	#navmenuzx 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: 120%;}

/*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: 20px; width: 500px; margin-left: 10px; margin-bottom: 10px; margin-right: 0px; margin-top: 0px; background-color: #ffffff; color: #333333}

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

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

/*PSshop rules*/

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

	.rightphotps{ float: right; text-align: left;   padding-top: 0px; padding-bottom: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 10px; margin-top: 0px; width: 380px; background-color: #ffffff; color: #333333;}
	
	.rightphotps img {float: right;  margin-left: 10px; margin-bottom: 15px; margin-right: 0px; margin-top: 15px;  padding: 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;}

/*Sitemap rules*/

	.leftmap { float: left;  text-align: justify;  padding-top: 20px; width: 245px; margin-left: 10px; margin-bottom: 20px; margin-right: 10px; margin-top: 0px; background-color: #ffffff; color: #333333}
	.cenmap { float: left;  text-align: justify;  padding-top: 20px; width: 235px; margin-left: 10px; margin-bottom: 20px; margin-right: 10px; margin-top: 0px; background-color: #ffffff; color: #333333}
	.rightmap { float: right;  text-align: justify;  padding-top: 20px; width: 195px; margin-left: 10px; margin-bottom: 20px; margin-right: 10px; margin-top: 0px; background-color: #ffffff; color: #333333}
	
/*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: 4px; padding-right: 4px; padding-top: 4px;  margin-left: 5px; margin-bottom: 10px; margin-right: 10px; margin-top: -30px; width: 130px; color: #333333;  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;}

/*article rules*/

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

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

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

/*footer base with no line*/

	.footerbase {clear: both;}

/* 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: #2B547E; }

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

	.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*/