/*
Website name: 247 Motorcycle Network
Website:http://www.247motorcycle.com
Author: Matthew Hunt
Author URL: http://mhuntdesign.com
Date: 02-16-09
*/

/*Colors--------------------------------------------------------------*//*

#fff white
#000 black
#ccc light gray
#666 dark gray

*/

/*Global Reset and Clearfix--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align:left;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */ 


/*Global Styles--------------------------------------------------------------*/
body { font-size:62.5%; line-height:1; background: #000; font-family: "Helvetica", "Arial Bold", "Arial", "Verdana", sans-serif;}
.txt { display:block; overflow:hidden; text-indent:-9999px; background-repeat: no-repeat;}
input.txt { line-height: 0;}
.center { margin: 0 auto; text-align: center;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
a img {border:none;}


/*Links--------------------------------------------------------------*/
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/*Typography--------------------------------------------------------------*/
p { margin:1em 0; color: #a4a4a4; line-height: 1.8; font-size:14px;}
h1, h2, h3, h4, h5, h6 {}
h1 {}
h2 {}
h3 {}
h4 {}

/*Lists--------------------------------------------------------------*/
ul { }
ul li { }

/*Main Containers--------------------------------------------------------------*/
#faux-body {margin:0 auto; text-align:center; background:#000 url(images/bg-faux-body.gif)repeat-x; }
#wrapper {margin:0 auto; text-align:center; padding:0 10px; width:960px;}
#content {width:960px; text-align: left;}
.full-column {width:960px; clear:both;}
.left-column {float:left; padding-right:10px; width: 640px;}
.right-column {float:right; width: 300px;}

/*Header--------------------------------------------------------------*/
#header {background-color:#ccc; height:120px; width:908px;}
#header h1.dreamlittledreamer { background-image: url(images/dreamlittledreamer.png); height:120px; width:908px; }
#header h1 a {}

/*Navigation--------------------------------------------------------------*/

div#navigation { float: left; background: url(images/navigation-repeat.png) repeat-y; height: 30px; width:908px; margin:0 0 20px; }
ul#nav { float:left; width:766px; display: block;}
ul#nav li { float: left; list-style: none; margin: 2px 10px; padding: 6px 0;}
ul#nav li a { color:#fff; font-size:14px; line-height: 30px; }
ul#nav li a:hover { color: #E84A25; text-decoration: none;}
ul#nav li a.selected { color: #E84A25;  }

/*Content Specific--------------------------------------------------------------*/

div#logo {
width:960px; 
height:115px;
background: url(images/logo-header.png) no-repeat;
position: relative;
}

div#logo h1 a  { display:block; position: absolute; top:0; left: 0; width:420px; height: 102px; }



div#billboard  { 
margin: 2em auto 0 auto;
text-align: center;
width:958px; 
height:384px; 
padding: 1px 1px 0 1px;
position: relative; 
background: url(images/bg-billboard.png) left top no-repeat;
 }
 
 div#billboard ul#slideshow {   
 position: relative; 
 width:958px; 
 height:384px; 
 }
 
div#billboard li {
margin: 0;
padding: 0;  
list-style: none; 
 width:958px; 
 height:384px;

 }
 
div#billboard li img { 
position: static;
display: block; 
 width:958px; 
 height:384px;
}

a.visit-site { background-image:url(images/txt-visit-site.png); position: absolute; left:767px; top:318px; width:173px; height: 34px; }


h3#two-four-seven { margin:20px 0 10px 0; background-image: url(images/txt-247-network.gif);  width:264px; height: 32px;}
h3#our-network-sites{ margin:20px 0 10px 0; background-image: url(images/txt-our-network-sites.gif); width: 201px; height: 32px;}

ul#network-sites { }
ul#network-sites li { list-style: none; }
ul#network-sites li img { display: block; float: left; }
ul#network-sites li p { padding-left: 12px; float: right; width:350px;}


/*Footer--------------------------------------------------------------*/
#footer {clear:both;}
#footer { width:908px; height:30px;}
#footer p {text-align:center;}
#footer p#copyright { color:#fff; }
#footer p a { color: #fff;}
/*Forms--------------------------------------------------------------*/
form {} 
label {}
filedset {}
input{}
input#submit{}

/*Customize--------------------------------------------------------------*/







/*General Classes*/
body {color: #fff; background: #000; line-height: 1; font-size: 62.5%; font-family: "Lucida Sans", "Lucida Grande", sans-serif; }
.icon {float:right; padding:10px;}

/*Text*/
h1#logo { background: url(images/motorcycle-network-247.gif) no-repeat; width:181px; height: 86px; margin-bottom:1em; }
h2 { font-family: Helvetica, sans-serif; font-size:16px; text-transform: uppercase;}
h3{ text-align:left; font-family: Helvetica, sans-serif; font-size:14px; color:#d0d0d0; text-transform: uppercase; margin-bottom: 1em;}
p, li { font-size:12px; text-align: left; line-height: 1.7;}

ul {margin:0; padding: 0;}
ul li { margin: 0.5em 0; list-style-position: inside;}
a {font-weight:bold; color:#ed4b0b; text-decoration: none;  }
a:hover { text-decoration: underline;}
 a img {border: 3px #000 solid;}
 a:hover img{ border: 3px #ed4b0b solid;}
.footer p { text-align: center; padding: 0;}
.footer strong {background: none; color: #ccc; }
.centerp {width:730px; text-align:center; margin:0 auto;}
em.green {color:#00ff23;}
em.blue {color:#00bff3;}
}



/*Divs*/
.center {text-align:center; margin-left:auto; margin-right:auto; width:960px; }
.expander { margin: 0 auto; width: 100%; text-align: center; clear:both;}
.footer {border-top:1px #333 solid; }
.wrapper {margin:0 auto; width: 960px; text-align: center; }
.fade { background: url(images/repeat-bg.png) 0 0 repeat-x;}


/*New Navigation*/
#navigation-set { width:760px; padding-top: 15px;}
#navigation-set dl { display: block; float:left; width:175px; padding:0 5px 0px 5px; color: #fff; text-transform: uppercase; font-weight:bold; font-family: "Helvetica", "Helvetica Neue", "Arial Bold", sans-serif; overflow:hidden; }
#navigation-set dt { font-size: 12px; margin-bottom:0.5em; height:1.2em; margin-top:0.25em; padding: 3px;}
#navigation-set dd { font-size:11px; margin:0.75em 0;}
#navigation-set dd a {text-decoration: none;  font-weight: bolder;}
#navigation-set dd a:hover {text-decoration: underline;}
#navigation-set dt span, #navigation-set dd span {display: none;}


/*Development--------------------------------------------------------------*/