/* @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_wrapper_shadow.png') repeat-y center #ccc; /* adds drop shadow to content within wrapper if screen resolution higher than 1500px */ } img{ border:0px; } h1, h2, h3{ margin-top:0px;margin-bottom:2px;font-family:eurostarregular, Arial, sans-serif;font-weight:normal;text-transform:uppercase; } /*mega huge wrapper for everything */#wrapper{ position:relative;margin:0px auto;margin-bottom:0px;max-width:1500px;background:url('trikeGraphics/frontpg_engineering-bg.jpg') center center repeat scroll black; } /* arrow */div#arrow{ position:absolute;top:0px;left:1%; } /* header */header{ position:absolute;top:0px;left:0px;width:100%;z-index:100; } /* logo */#logo{ margin:5px 25px auto auto;text-align:right;float:right; } /* left side of header with contact info & top menu */#info-pull{ margin:25px auto;float:left; } /* contact info */#contact-info{ 	margin:0px 50px;color:white;text-align:left;text-shadow:1px 1px 3px black; } /* top menu */div#main-nav{ margin:10px auto;height:50px;max-width:750px;background:url('trikeGraphics/frontpg_topmenu_banner.png') bottom right no-repeat;padding:0px 40px 0px 40px;text-align:right; } .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; } .motortrike{ color:rgb(238,49,36); } .honda{ color:rgb(204,32,39); } .harley{ color:rgb(234,107,34); } .victory{ color:rgb(59,118,183) ;} .kawasaki{ color:rgb(67,182,73); } /* top menu list styles */ul.topmenu_main li a{ font-family:'eurostarregular', Arial, sans-serif;font-size:12pt;color:white;font-weight:normal;text-transform:uppercase;transition:color .25s linear;-moz-transition:color .25s linear;-webkit-transition:color .25s linear;-ms-transition:color .25s linear;-o-transition:color .25s linear; } ul.topmenu_main li a:hover{ color:black; } /*  Shared basic style for mega drop down menu DIV  */.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 a img{ background:transparent;transition:background .25s ease-in-out; } .topmenu_drop a img:hover{ background:#ddd; } .topmenu_drop#drop_trikes{ width:670px;height:400px; } .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:75px; } .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:16px;text-decoration:none; } .topmenu_main li a:hover {} /* contents of slideshow */#dynamic-content{ position:relative;margin:0px auto;top:0px;width:100%;max-width:1500px;height:525px;border-bottom:10px solid #111;z-index:99; } #slideshow{ overflow:hidden;width:100%;height:100%;max-width:1500px;margin:0px auto; } .slide{ max-width:1500px;max-height:525px;margin:0px auto;top:0px;left:0px;width:100%;height:100%; } .slide img.full-slide{ top:0px;left:0px;z-index:94; } .caption{ position:absolute;right:25px;bottom:0px;background:url('trikeGraphics/frontpg_slideshow_filmstrip_cap-bg.png') repeat transparent;transition:background .25s ease-in-out;-moz-transition:background .25s ease-in-out;-webkit-transition:background .25s ease-in-out;-ms-transition:background .25s ease-in-out;-o-transition:background .25s ease-in-out;z-index:95;padding:5px; } .caption:hover{ background:black; } #slideshow-controls{ position:absolute;bottom:5px;left:2%;height:25px;opacity:.3;filter:alpha(opacity=30);z-index:101;transition:opacity .3s ease-in-out; } #slideshow-controls:hover{ opacity:1;filter:alpha(opacity=100); } #slideshow-pause,#slideshow-play,#slideshow-prev,#slideshow-next{ border:0px;height:25px;padding-left:20px;padding-right:20px; } #slideshow-prev{ width:18px;background:url('trikeGraphics/frontpg_slideshow-controls_prev.png') center no-repeat; } #slideshow-pause{ width:14px;background:url('trikeGraphics/frontpg_slideshow-controls_pause.png') center no-repeat; } #slideshow-play{ width:23px;background:url('trikeGraphics/frontpg_slideshow-controls_play.png') center no-repeat; } #slideshow-next{ width:18px;background:url('trikeGraphics/frontpg_slideshow-controls_next.png') center no-repeat; } #slideshow-pause:hover,#slideshow-play:hover,#slideshow-prev:hover,#slideshow-next:hover{ cursor:pointer; } /* elements in middle of page */#middle{ margin:5px auto;padding-bottom:10px;width:960px; } .row{ margin:7px auto 8px auto;width:100%;clear:left; } #row1{ margin-top:25px; } .rowRed{ margin:7px auto 8px auto;width:100%;clear:left; } .row a{ text-decoration:none; } .box{ height:200px;color:white;background:#eee;border-radius:7px; } .boxRed{ height:40px;border-radius:7px; } #box1-1{ margin:3px 8px 3px 0px;width:310px;background:url('trikeGraphics/frontpg_row1_bg.jpg') 0px 0px;float:left; } #box1-2{ margin:3px 0px 3px 7px;width:310px;background:url('trikeGraphics/frontpg_row1_bg.jpg') 320px 0px;float:left; } #box1-3{ margin:3px 8px 3px 7px;width:310px;background:url('trikeGraphics/frontpg_row1_bg.jpg') 640px 0px;float:left; } #boxRed-1{ margin:3px 8px 3px 0px;width:155px;background:rgb(238,49,36);text-align:right;float:left;font-family:'eurostarregular', Arial, sans-serif;font-size:1.4em;color:black;text-transform:uppercase;padding:6px 10px 3px 5px; } #boxRed-2{ margin:3px 8px 3px 0px;width:465px;background:rgb(238,49,36);text-align:center;float:left;font-size:1.1em;color:black;padding:19px 5px 0px 5px; } #boxRed-3{ margin:3px 0px 3px 7px;width:460px;background:rgb(238,49,36);text-align:center;float:left;font-size:1.1em;color:black;padding:19px 5px 0px 5px; } #boxRed-2:hover,#boxRed-3:hover{ background:white;font-weight:normal; } #box2-1{ margin:3px 8px 10px 0px;width:210px;background:url('trikeGraphics/frontpg_row2-1_bg.jpg') -178px 0px;float:left; } #box2-2{ margin:3px 8px 3px 7px;width:360px;background:url('trikeGraphics/frontpg_row2_bg.jpg') -85px -100px;float:left; } #box2-3{ margin:3px 0px 3px 7px;width:360px;background:url('trikeGraphics/frontpg_row2_bg.jpg') 500px 0px;float:left; } .box p{ display:none;padding:2px;background:url('trikeGraphics/frontpg_box_trans-bg.png') repeat;transition:display .25s ease-in-out; } #box1-1 p{ margin-top:116px; } #box1-2 p{ margin-top:100px; } #box1-3 p{ margin-top:116px; } #box2-1 p{ margin-top:100px; } #box2-2 p{ margin-top:100px; } #box2-3 p{ margin-top:84px; } a .box h2{ margin-top:10px;padding:2px;color:white;background:url('trikeGraphics/frontpg_box_trans-bg.png') repeat;text-decoration:none; } .box:hover h2{ color:rgb(238,49,36); } .box:hover p{ display:block; } 

/* for footer only */
footer{ margin:25px auto ;margin-bottom:-25px;width:960px;color:white;padding:15px 10px;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); } 
#ft-col1,#ft-col2,#ft-col33{ float:left;text-align:left;margin:0 auto;width:250px; }
#ft-col1 ul,#ft-col2 ul,#ft-col33 ul{ margin:0 auto 0 75px;list-style:none;padding:0;text-align:left; }
#ft-col1 ul li,#ft-col2 ul li, #ft-col33 ul li{ margin:5px 0;padding-left:0; } 
#ft-col3{ width:200px;float:left;margin:0 0 0 auto;border-radius:5px; }
	.socialBox{ background:#eee;margin:0 auto 5px auto;border-radius:5px; }
	.noPadding{ width:100%;padding:0; }
	.paddingNeeded { width:98%;padding:.25% 1%;text-align:center; }
	#ft-col3 #fbHead{ margin:2px auto 0 10px;font-size:.8em;color:black; }