/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


:link,:visited { text-decoration:none; color: black;}



/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
li,ul,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
	

	body 
	{
	text-align:center;
	background:#747474;
	padding:0px;
	margin-top:0px;
	}

	#frame {
	width:815px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	background:#747474;
	}
		
	#content {
	width:765px;
	float:left;
	background:#F00FFF;
	}
	
	#bordertop {
	width:815px;
	height:50px;
	float:left;
	background:#FFFFFF;
	background-image:url('bordertop.jpg');
	}
	
	#borderbottom {
	width:765px;
	height:50px;
	float:left;
	background:#FFFFFF;
	background-image:url('borderbottom.jpg');
	}
	
	#borderlefttop {
	width:50px;
	height:510px;
	float:left;
	background:#FFFFFF;
	background-image:url('borderlefttop.jpg');
	}
	
	#borderleftbottom {
	width:100px;
	height:120px;
	float:left;
	background:#FFFFFF;
	background-image:url('borderleftbottom.jpg');
	background-repeat: repeat-y
	}
	
	#borderleftbottom5 {
	width:100px;
	height:490px;
	float:left;
	background:#FFFFFF;
	background-image:url('borderleftbottom.jpg');
	background-repeat: repeat-y
	}
	
	#borderleftbottom6 {
	width:100px;
	height:675px;
	float:left;
	background:#FFFFFF;
	background-image:url('borderleftbottom.jpg');
	background-repeat: repeat-y
	}
	
	#leftcontainer {
	width:100px;
	float:left;
	background:#000000;
	}
	
	#borderright {
	width:50px;
	Height:570px;
	float:left;
	background:#FFFFFF;
	background-image:url('borderright.jpg');
	background-repeat: repeat-y
	}
		
	#borderright5 {
	width:50px;
	Height:940px;
	float:left;
	background:#FFFFFF;
	background-image:url('borderright.jpg');
	background-repeat: repeat-y
	}
	
	#borderright6 {
	width:50px;
	Height:1125px;
	float:left;
	background:#FFFFFF;
	background-image:url('borderright.jpg');
	background-repeat: repeat-y
	}
	
	#contentleft {
		width:100px;
		height:450px;
		float:left;
		background:#FFFFFF;
		background-image:url('contentleft.jpg');
		}
		
	#contentright {
		width:100px;
		height:400px;
		padding:0px;
		float:left;
		background:#FFF;
		}
	
	#contentheader {
		background:#FFFFFF;
		height:100px;
		width:765px;
		padding:0px;
		margin:0px;
		background-image:url('contentheader.jpg');
		}
	
			
	.box {
	padding:0px;
	float:left;
	background:#7ad3ff;
	margin-left:5px;
	margin-top:5px;
	display: inline;
	}
	
	.box11 {
	width:195px;
	Height:180px;
	}
	
	.boxtiny {
	width:95px;
	Height:90px;
	margin-right:0px;
	}
	
	.box12 {
	width:195px;
	Height:365px;
	}
	
	.box21 {
	width:395px;
	Height:180px;
	}
	
	.box31 {
	width:595px;
	Height:180px;
	}
	
	.box33{
	width:665px;
	height:570px;
	margin:0px;
	}
	
	.box35{
	width:665px;
	height:940px;
	margin:0px;
	}
	
	.box36{
	width:665px;
	height:1125px;
	margin:0px;
	}
	
	.box22 {
	width:395px;
	Height:370px;
	}
	
	.boxtext33 {
	width:595px;
	Height:545px;
	}
	
	.boxtext32 {
	width:595px;
	Height:360px;
	}
	
	
	.int {
	padding:0px;
	background:#FFFFFF;
	color: #0f0f00;
	margin:5px;
	}
		
	.int11 {
	width:185px;
	Height:170px;
	}
	
	.inttiny {
	width:85px;
	Height:80px;
	}
	
	.int12 {
	width:185px;
	Height:355px;
	}
	
	.int21 {
	width:385px;
	Height:170px;
	}
		
	.int31 {
	width:585px;
	Height:170px;
	}
	
	.int33 {
	width:605px;
	height:560px;
	float:left;
	display:inline;
	}
	
	.int35 {
	width:605px;
	height:930px;
	float:left;
	display:inline;
	}
	
	.int36 {
	width:605px;
	height:1115px;
	float:left;
	display:inline;
	}
	
	.int22 {
	width:385px;
	Height:360px;
	}
	
	.inttext33 {
	width:585px;
	Height:535px;
	}
	
	.inttext32 {
	width:585px;
	Height:350px;
	}
	
	.viewcart {
	float:right;
	Margin-top:35px;
	Margin-right:50px;
	}
	
	.cranephoto1{
	background-image: url("cranephoto1.jpg");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.cranephoto2{
	background-image: url("cranephoto2.jpg");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.cranephoto3{
	background-image: url("cranephoto3.jpg");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.cranedesign1{
	background-image: url("cranedesign1.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
		
	.logodesign1{
	background-image: url("logodesign1.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.logodesign2{
	background-image: url("logodesign2.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.logodesign3{
	background-image: url("logodesign3.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.logophoto1{
	background-image: url("logophoto1.jpg");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.riotdesign1{
	background-image: url("riotdesign1.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.riotdesign2{
	background-image: url("riotdesign2.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.riotdesign3{
	background-image: url("riotdesign3.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.riotphoto1{
	background-image: url("riotphoto1.jpg");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}	
		
	.safaridesign1{
	background-image: url("safaridesign1.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.safaridesign2{
	background-image: url("safaridesign2.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.safariphoto1{
	background-image: url("safariphoto1.jpg.");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.safariphoto2{
	background-image: url("safariphoto2.jpg");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}	
	
	.safariphoto3{
	background-image: url("safariphoto3.jpg");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}	
	
	.safariphoto4{
	background-image: url("safariphoto4.jpg");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}	
	
	.wellingtondesign1{
	background-image: url("wellingtondesign1.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.wellingtondesign2{
	background-image: url("wellingtondesign2.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.wellingtondesign3{
	background-image: url("wellingtondesign3.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}
	
	.wellingtondesign4{
	background-image: url("wellingtondesign4.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}	
	
	.wellingtonphoto1{
	background-image: url("wellingtonphoto1.jpg");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}	
	
	.wellingtonphoto2{
	background-image: url("wellingtonphoto2.jpg");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	}	
	
	#contentheader img {
		padding:0px;
		margin-left:32px;
		margin-top:10px;
		margin-bottom:0px;
		float:left;
		display:inline;
		}
		
img { display:block; border:0px;}


h1 { font-size:30px; font-family: arial ;float:left; margin-left:5px; display:inline;}
h2 { font-size:22px; font-family: arial ;float:left; margin-left:10px; margin-top:5px; display:inline;}
h3 { font-size:14px; font-family: arial ;float:left; margin-left:5px; margin-top:5px; display:inline;}
h4 { font-size:14px; font-family: arial; margin-left:0px; margin-top:10px; margin-bottom:5px; display:block;}
h5 { font-size:18px; font-family: arial;margin-left:0px; margin-top:15px; margin-bottom:5px; display:block;}

.heading {
font-size:22px; 
font-family: arial ;
float:left; 
margin-left:5px; 
margin-top:5px;
margin-bottom:5px;
font-weight: bold;
display:inline;
}

.buy { 
width:170px;
}

.bookmark { 
width:170px;
}

.about { 
width:370px;
}

.backstory { 
width:500px;
}

.backstorybox {
font-family: arial;
font-size:16px; 
float:left;
display:inline;
width:575px;
margin-left:5px; 
margin-top:5px;
}

p { font-family: arial ;}

.description{float:left;}
.description li{ display:inline-block; list-style:none; font-family: arial; font-size:14px; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:0px; vertical-align: bottom;}
.description ul{ list-style:none; padding-top:0px; margin:0px;}


.price { font-family: arial; font-size:20px; margin:5px; margin-top:5px; margin-bottom:0px;}

.contactinfo { font-family: arial; padding-top:40px; font-size:12px; margin:5px; margin-top:5px; margin-bottom:0px;}

.homebutton ul { list-style:none; font-family: arial; font-size:16px; margin:5px; margin-left:35px;}

.int31 img {
float:right;
}
	
select
{
width:87px;
text-align: left;
}

.fptext {
background: #FFFFFF;
width:160px;
float: left;
font-size:12px;
padding-left:10px;
padding-right:10px;
font-family: arial ;
}

.faqtext {
background: #f0f0f0;
width:500px;
float: left;
font-size:12px;
padding-left:10px;
padding-right:10px;
font-family: arial ;
}



#fptext :link {color: green;text-decoration: underline}
#fptext :hover{color: blue;text-decoration: underline}
#fptext :visited {color: green;text-decoration: underline}


#titlebox {
margin-top:65px;
height:30px;
width:280px;
float: left;

}

#menubox {
margin-top:76px;
padding:0px;
height:20px;
width:350px;
float:left;
}

#menubox ul {
margin:0px;
float:right;
display:block;
} 

#menubox li {
padding:0px;
padding-left:10px;
list-style: none;
font-family: 'Arial';
display:inline;
}

#menubox :link {color: black;}

#menubox :hover{color: white;}
#contentleft :hover{color: white;}

table.sizing {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: separate;
	background-color: rgb(255, 250, 250);
	text-align: center;
}
table.sizing th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: rgb(255, 250, 250);
	
}
table.sizing td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: rgb(255, 250, 250);

}

.tablebold {
font-weight: bold;
}

.shopbuttons {
float:left;
margin-left:45px;
margin-top:10px;
}