/* @font-face import for headings & menus */
@font-face{
	font-family:'eurostarregular';
	src:url('trikeDynamics/eurostar-webfont.eot');
	src:url('trikeDynamics/eurostar-webfont.eot?#iefix') format('embedded-opentype'),url('trikeDynamics/eurostar-webfont.woff') format('woff'),url('trikeDynamics/eurostar-webfont.ttf') format('truetype'),url('trikeDynamics/eurostar-webfont.svg#eurostarregular') format('svg');
}

/* body */
body{
	font-family:Verdana, Arial, sans-serif;
	font-size:10pt;
	color:black;
	margin:0px 0px;
	'padding:0px;
	background:url('trikeGraphics/frontpg_engineering-bg.jpg') top center repeat scroll black;
}

/* general settings */
img{ 
	border:0px; 
} 

#wrapper{ 
	margin:10px auto;
	width:1000px; 
} 

/* header */
header{ 
	background:black;
} 

/* logo */
div#logo{ 
	margin:0px auto;
	width:300px;
	text-align:right;
	float:right; 
	} 
	
/* contact info, same on all pages */
div#info-pull{ 
	margin:-75px auto;
	width:750px;
	float:left; 
} 

div#contact-info{ 
	margin:0px auto;
	text-align:left; 
} 

/* container for top menu */
div#main-nav{ 
margin:10px auto;
height:50px;
width:750px;
background:url('trikeGraphics/frontpg_topmenu_banner.png') bottom right no-repeat;
padding-right:40px;
text-align:right;
}

ul.topmenu_main li a{ 
font-family:'eurostarregular', Arial, sans-serif;
font-size:11pt;
color:white;
font-weight:normal;
text-transform:uppercase;
transition:color .25s linear;
}

ul.topmenu_main li a:hover{ 
color:black;
}

.topmenu_drop{ 
padding:10px;
padding-bottom:0px;
position:absolute;
visibility:hidden;
border-top-width:1px;
border-bottom:5px solid rgb(238,49,36);
background:white;
box-shadow:2px 2px 3px #333;
}

.topmenu_drop h3{ 
font-size:1.25em;
color:black;
text-transform:uppercase;
text-align:center;
}

#drop_trikes h3{ 
margin-top:0px;
}

#drop_shopping h3{ 
margin-top:10px;
}

#drop_news h3{ 
margin-top:10px;
}

.topmenu_drop a img{ 
background:transparent;
transition:background .25s ease-in-out;
}

.topmenu_drop a img:hover{ 
background:#ddd;
}

.topmenu_drop#drop_trikes{ 
width:670px;
height:395px;
}

.topmenu_drop#drop_trailers{ 
width:300px;
height:200px;
}

.topmenu_drop#drop_accessories{ 
width:300px;
height:295px;
}

.topmenu_drop#drop_accessories h3{ 
margin-bottom:10px;	
}

.topmenu_drop#drop_shopping{ 
width:250px;
height:115px;
}

.topmenu_drop#drop_news{ 
width:125px;
height:70px;
}

.topmenu_drop#drop_shopping .column, .topmenu_drop#drop_news .column{ 
width:125px;
}

.topmenu_drop .column{ 
float:left;
width:150px;
}

.topmenu_drop a{ 
text-decoration:none;
}

.topmenu_main a[rel]:after{ 
content:" " url('trikeGraphics/frontpg_topmenu_arrowdown.png');
}

.topmenu_drop .column ul{ 
margin:0;
margin-left:5px;
padding:0;
list-style:none;
}

.topmenu_drop .column ul li{ 
margin-bottom:3px;
}

.topmenu_drop .ulmenu{ 
margin:0;
padding:0;
list-style:none;
}

.topmenu_drop .ulmenu a{ 
display:block;
padding:5px;
}

.topmenu_drop .ulmenu a:hover{ 
background:lightyellow;
}

.solidblocktheme{ 
padding:0;
}

.solidblocktheme p, .solidblocktheme .column{ 
padding:5px;
width:auto;
}

.topmenu_main{ 
margin:0;
padding:0;
float:left;
font:bold 13px Arial;
width:100%;
overflow:hidden;
margin-bottom:1em;
background:transparent;
}
 
.topmenu_main li{ 
display:inline;
}

.topmenu_main li a{ float:right;padding:15px 10px;text-decoration:none; } 


.topmenu_main li a:hover{} 

/* top of trike page */
#trike-top{ /* please specify background (containing trike image) in the html */
	position:relative;
	width:100%;
	min-height:250px;
	color:white;
	clear:both; 
} 

/* heading styles */
h1, h2, h3{ 
	margin-top:0px;
	margin-bottom:0px;
	font-family:'eurostarregular', Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase; 
} 

h1{ 
font-size:3em; 
} 

h1.banner-title{ /* please specify top left or right positioning in the html */
	position:absolute;
	font-size:3.5em;
	color:white; 
} 

#title-links{ 
	position:absolute;
	width:50%;
	font-size:1.3em;
	color:#bbb; 
} 

a.title-link{ 
	font-family:Verdana, Arial, sans-serif;
	font-size:.9em;
	color:white;
	text-decoration:none;
	transition:all .25s ease-in-out; 
} 

a.title-link:hover{ 
	color:rgb(238,49,36);
	text-decoration:underline;	
} 

h2{ 
	font-size:2em; 
} 

h3{ 
	font-size:1.25em;
	color:#eee;
	text-transform:none; 
} 

/* link styles */
a{ 
	text-decoration:none; 
} 

a:hover{ 
	text-decoration:underline; 
} 

.motortrike{ 
	color:rgb(238,49,46); 
} 

.honda{ 
	color:rgb(204,32,39); 
} 

.harley{ 
	color:rgb(234,107,34); 
} 

.victory{ 
	color:rgb(59,118,183); 
} 

.kawasaki{ 
	color:rgb(67,182,73); 
} 

/* middle of trike page - main content */
#trike-middle{ 
	margin:0px auto;
	padding:10px;
	padding-bottom:50px;
	width:980px;
	background:white;
	clear:both; 
} 

/* instruction */
#instruction{ 
	margin:25px auto;
	width:100%;
	text-align:center; 
} 

#instruction h3{ 
	font-family:Verdana, Arial, sans-serif;
	font-size:1.1em;
	color:black;
	font-style:italic; 
} 

/* block of text (deep padding) */
.block-of-text{ 
	margin:25px auto;
	width:890px; 
} 

/* specifically for AllTrikes tables */
.brand{ 
	margin:25px auto;
	margin-bottom:50px;
	width:100%; 
} 

.brand h1{ 
	font-size:2.25em;
	color:rgb(238,49,36); 
} 

/* each brand's models put into a table */
.model-table{ 
	width:100%;
	border-collapse:collapse; 
} 

.model-table thead th{ 
	padding-left:2%;
	height:15px;
	color:#555;
	font-weight:normal;
	text-align:center;
	background:none;
	border-bottom:5px solid rgb(238,49,36); 
} 

.model-table thead span.model{ 
	width:15%; 
} 

.model-table thead span.irs-kits{ 
	width:25%; 
} 

.model-table thead span.sa-kits{ 
	width:50%;	
} 

.model-table th{ 
	padding:1%;
	width:15%;
	height:200px;
	color:white;
	text-align:right;
	background:#111;
	font-family:Verdana, Arial, sans-serif;
	font-size:10pt;
	font-weight:normal; 
} 

.model-table th h3{ 
	font-size:14pt;
	color:rgb(238,49,36);
	text-transform:uppercase; 
}

/* general styling for ALL tds, content or none */
.model-table td{ 
	width:25%;
	padding:1%;
	height:200px;
	text-align:center; 
} 

/* styling for ONLY TDs THAT ARE FILLED */
.model-table td.filled{ 
	font-family:Verdana, Arial, sans-serif;
	font-size:10pt;
	color:black;
	background:transparent;
	transition:background .25s ease-in-out; 
} 

td.living:hover{ 
	background:#ddd;
	cursor:pointer; 
} 

.model-table td a{ 
	color:black;
	text-decoration:none;	
} 

.model-table td h3{ 
	color:black;
	text-transform:uppercase; 
} 

.model-table td:hover a{ 
	color:rgb(238,49,36); 
} 

#tm-table{ 
	width:100%; 
} 

#tm-table th{ 
	width:15%; 
} 

#tm-table td{ 
	width:80%;	
} 

.col-2{ 
	border-right:1px solid #555; 
} 

tr{ 
	padding-top:15px; 
} 

/* footer */
footer{ 
	margin:25px auto;
	margin-bottom:-25px;
	padding:5px;
	padding-bottom:10px;
	width:990px;
	color:white;
	background:#111;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	clear:both; 
} 

footer a{ 
	color:#eee; 
} 

footer a:hover{ 
	color:rgb(238,49,36); 
} 

.box1{ 
	float:left; 
} 

.box2{ 
	float:right; 
} 

.box3{ 
	margin:0px auto; 
} 

#ft-col1,#ft-col2,#ft-col3{ 
	width:300px;
	height:125px;
	padding-top:10px; 
} 

#ft-col1 ul,#ft-col2 ul,#ft-col3 ul{ 
	list-style:none; 
} 

#ft-col1 ul li,#ft-col2 ul li,#ft-col3 ul li{ 
	margin-top:5px; 
} 

#ft-col1,#ft-col2{ 
	border-right:1px solid #333; 
} 

.supersmall{ 
	font-family:Verdana, Arial, sans-serif;
	font-size:.65em;
	color:gray; 
} 

a.moreinfo, a.pricesheet{ 
	color:black !important; 
} 

a.moreinfo:hover,a.pricesheet:hover{ 
	color:rgb(238,49,36) !important; 
} 

h1.banner-title{ 
	text-shadow:-1px 1px 5px #333; 
}