/*  
Theme Name: Norton Motorcycles (Canada) Ltd.
Description: Norton Motorcycles (Canada) Ltd. 
Version: 1.0
Author: Mark Jones Web Design	
Author URI: http://www.markjones.ca/
Date: December 2009
*/


/*************
   CSS RESET
**************/
* {
  margin: 0px;
  padding: 0px;
}
/*************
     BODY
**************/
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: #000000 url(images/background.png) repeat-x;
}

a:link, a:visited {
color: #a11a10;
text-decoration: none;
}

a:hover {
color: #c7c7c7;
text-decoration: underline;
}

p {
color: #c7c7c7; 
font-size: 12px;
line-height: 18px;
text-align: justify;
padding-bottom: 8px;
}

p.last-paragraph {
margin-bottom: 50px;
}

.news  {
margin-top: 95px;
margin-bottom: 40px;
}

 
/*=============
   NAVIGATION
===============*/
#navigation {
  background: url(images/nav_bg.png) no-repeat;
  float: left;
  height: 63px;
  width: 929px;
  margin-left: 15px;
}

.nav-links li {
  list-style-type: none;
  text-align: center;
  letter-spacing: -1px;
  text-transform: capitalize;
  float: left;
}
.nav-links li a {
  text-decoration: none;
  color: #c7c7c7;
  display: block;
  height: 35px;
  width: 115px;
  padding-top: 25px;
}


#navigation .nav-links li  a:hover {
  color: #fff;
  background: url(images/navhover2.png) no-repeat;
}

#navigation .current_page_item a{
  color: #fff;
  background: url(images/navhover2.png) no-repeat;
}



/*=========
    LAYOUT
===========*/
#container {
  margin: auto;
  width: 960px;
}

#header {
  background: url(images/header3.png) no-repeat;
  float: left;
  height: 139px;
  width: 960px;
}

/*************
   CONTENT
**************/

#content-container {
padding-top: 200px;
}

#content-area {
float: left;
width: 925px;
min-height: 900px;
margin-left: 16px;
border-left: 1px solid #a11a10;
border-right: 1px solid #a11a10;
border-bottom: 1px solid #a11a10;
}


#content-area-left p.promovideo {
font-size: 16px;
}

#content-area-left p {
font-size: 12px;
}

#content-area-right p {
font-size: 16px;
}

#content-area-full-content p {
font-size: 16px;
}

#content-area-left {
float:left;
padding: 15px;
width: 438px;
}


#content-area-left img{
border: 1px solid #c7c7c7;
}

#content-area-left img.feature {
margin-left: -30px;
margin-top: 15px;
margin-bottom: 15px;
border: none;
}


#content-area-full-content p img.feature {
margin-left: -30px;
margin-top: 15px;
margin-bottom: 15px;
border: none;
}

#content-area-full-content p img.feature-rightside {
margin-right: -30px;
margin-top: 35px;
border: none;
float:right;
}

#content-area-full-content {
width: 895px;
float: left;
padding-left: 15px;
padding-right: 15px;
}

#content-area-right {
float: right;
width: 410px;
padding: 15px;
margin-top: 80px;
}

#content-area-right p.readmore {
color: #a11a10;
cursor: pointer;
}


table {
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
}


#more {
display: none;
}


/*============
   SLIDESHOW
==============*/
#slideshow {
width: 889px;
height: 292px;
}

.slides {  
    height:  889px;  
    width:   292px;  
    padding: 0;  
    margin:  0;  
} 
 
.slides img {  
    border: 1px solid #c7c7c7;
    width:  889px; 
    height: 292px; 
    top:  0; 
    left: 0; 
}


/*=========
  GALLERY
===========*/

#gallery-container {
padding: 20px;
}

.gallery {
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
}

.gallery img {
border: 1px solid #c7c7c7;
}


/*=================
  LINKS GALLERY
===================*/
#links-gallery {
margin-left: 18px;
margin-top: 40px;
height: 230px;
}

#links-gallery .links li a {
	text-decoration:none;
	color:#f30;	
}

#links-gallery img{border:none;}

#links-gallery .links li {
	list-style-type:none;
	float:left;
	display:inline;
	margin-right:12px;
	width: 203px;
	height: 128px;
	border: 2px solid #dddddd;
	margin-bottom: 47px;
	text-align: center;
}

/*=================
  PRODUCTS GALLERY
===================*/

#products-gallery {
margin-left: 18px;
margin-top: 20px;
height: 230px;
}

#products-gallery .product li a {
	text-decoration:none;
	color:#f30;	
}

#products-gallery img{border:none;}

#products-gallery .product li {
	list-style-type:none;
	float:left;
	display:inline;
	margin-right:10px;
	width: 275px;
	height: 183px;
	border: 2px solid #dddddd;
	margin-bottom: 10px;
}

/*=================
  HISTORIC GALLERY
===================*/
#historic-gallery {
margin-left: 73px;
margin-top: 20px;
height: 230px;
}

#historic-gallery .historic li a {
	text-decoration:none;
	color:#f30;	
}

#historic-gallery img{border:none;}

#historic-gallery .historic li {
	list-style-type:none;
	float:left;
	display:inline;
	margin-right:10px;
	width: 96px;
	height: 96px;
	border: 2px solid #dddddd;
	margin-bottom: 10px;
}


#historic-gallery-press {
margin-left: 73px;
margin-top: 120px;
height: 786px;
}

#historic-gallery-press .historic li a {
	text-decoration:none;
	color:#f30;	
}

#historic-gallery-press img{border:none;}

#historic-gallery-press .historic li {
	list-style-type:none;
	float:left;
	display:inline;
	margin-right:10px;
	width: 96px;
	height: 96px;
	border: 2px solid #dddddd;
	margin-bottom: 10px;
}

#latest-gallery {
margin-left: 73px;
margin-top: 120px;
height: 400px;
}

#latest-gallery .historic li a {
	text-decoration:none;
	color:#f30;	
}

#latest-gallery img{border:none;}

#latest-gallery .historic li {
	list-style-type:none;
	float:left;
	display:inline;
	margin-right:10px;
	width: 96px;
	height: 96px;
	border: 2px solid #dddddd;
	margin-bottom: 10px;
}

#misc-gallery {
margin-left: 73px;
margin-top: 20px;
height: 690px;
}

#misc-gallery .historic li a {
	text-decoration:none;
	color:#f30;	
}

#misc-gallery img{border:none;}

#misc-gallery .historic li {
	list-style-type:none;
	float:left;
	display:inline;
	margin-right:10px;
	width: 96px;
	height: 96px;
	border: 2px solid #dddddd;
	margin-bottom: 10px;
}

/*=========
   POSTS
===========*/

.post {
margin-top: 20px;
margin-bottom: 80px;
}

.post p {
margin-bottom: 10px;
}

.post h2 {
color: #c7c7c7; 
font-size: 20px;
line-height: 18px;
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
}

.post h1 {
display: none;
}

/*===============
  THANK YOU PAGE
================*/
#post196 img {
margin-left: 400px;
}

#post196 h3 {
font-size: 26px;
text-align: center;
color: #c7c7c7;
}

/*==============
  ABOUT US PAGE
================*/

#post4 .ui-widget-content {background: none;}

#post4 form {
float: left; 
width: 810px; 
margin-top: 10px;
height: 960px;
}

#post4 input,
#post4 textarea,
#post4 text,
#post4 select {
background: #333333; 
border: 1px solid #272727;
padding-top: 4px;
padding-bottom: 4px;
width: 550px;
font-size: 20px;
color: #c7c7c7;
}

#post4 #tabs img {
border: 2px solid #c7c7c7;
}


/*==============
 CONTACT-US PAGE
===============*/
#post122 form {
float: left; 
width: 492px; 
height: 1024px;
margin-top: 0px;
margin-right: 0px;
}

#post122 input,
#post122 textarea,
#post122 text,
#post122 select {
background: #333333; 
border: 1px solid #272727;
padding-top: 4px;
padding-bottom: 4px;
width: 350px;
font-size: 14px;
color: #c7c7c7;
}

#post122 #maps {
float: right;
margin-top: 64px;
}

#post122 #maps p {
text-align: right;
}

#maps iframe {
border: 2px solid #323232;
}




/*===============
 CONTACT-US FORM
================*/

/*.wpcf7-response-output {
margin-left: 300px;
}*/

/*#tbl-contact-form {
width: 350px;
}*/

#content-area-full-content #tbl-contact-form td.tbl-left p {
font-size:14px;
}

#tbl-contact-form td.tbl-left {
width: 110px;
vertical-align:top;
padding:3px;
font-size: 14px;
}

#tbl-contact-form td.tbl-right {
width: 175px;
}

#tbl-contact-form td.tbl-right-comment {
padding-top: 8px;
padding-bottom: 8px;
}


#tbl-contact-form tr,
#tbl-contact-form td {
height: 42px;

}

.contact-spacer {
height: 20px;
}


#contact-link {
  height: 36px;
  width: 125px;
float: right;
}

#contact-link a {
 color: #a11a10; 
 text-decoration: none;
   }

#contact-link a:hover {
 color: #232323; 
 text-decoration: none;
   }

.hidden {
display: none;
}  

/*=============
 PRODUCTS PAGE
===============*/
#post6 #accordion {width: 855px; margin-left: 20px; margin-top: 0px; margin-bottom: 22px; font-size: 14px;}
#post6 #accordion a {padding-left: 40px;}
#post6 .ui-widget-content {background: none; color: #c7c7c7; font-family: Arial,Helvetica,sans-serif;}
#post6 .ui-state-active, .ui-widget-content .ui-state-active {background: #DADADA url(images/ui-bg_glass_75_dadada_1x400.png) repeat-x scroll 50% 50%;}
#post6 p.last-paragraph {margin-bottom: 100px;}
  

/*=============
     SITEMAP
===============*/


#post315 .ddsg-wrapper {
margin-left: 20px;
}

#post315 .ddsg-wrapper p {
margin-top: 10px;
}

  
/*=============
     FOOTER
===============*/
#footer {
  float: left;
  height: 115px;
  width: 960px;
  padding-bottom: 20px;
}

#footer p {
  color: #fff;
  text-align: center;
  }


/*================
 FOOTER NAVIGATION
==================*/

#footer-navigation {
  height: 63px;
  margin-top: -40px;
  margin-left: 18px;
  border-top: 1px solid #a11a10;
  width: 924px;
  }

#footer-navigation .footer-nav-links li {
  list-style-type: none;
  text-align: center;
  letter-spacing: -1px;
  text-transform: capitalize;
  float: left;
}
#footer-navigation .footer-nav-links li a {
  text-decoration: none;
  color: #c7c7c7;
  display: block;
  /*height: 35px;*/
  width: 114px;
  padding-top: 8px;
}


#footer-navigation .footer-nav-links li.current_page_item a{
color: #a11a10;
}

#footer-navigation .footer-nav-links a:hover {
  color: #a11a10;
  }
  
#footer ul.nav {
text-align: center;
font-size: 12px;
}

#footer  ul.nav li {
border-right:1px solid #BDAEB4;
display:inline;
margin:0;
padding:0 6px 0 4px;
color: #666666;
}

/*==============
     FORM 
===============*/
  
  
form {
float: right;
width: 214px;
/*height: 36px;*/
height: 24px;
margin-top: 96px;
margin-right: 20px;
}

form .searchfield {
background-color: #333333;
border: 1px solid #272727;
width: 160px;
height: 22px;
color: #c7c7c7;
font-size: 16px;
}


form .searchbutton {
width:52px;
height: 24px;
background-color: #000000;
color: #c7c7c7;
border: 1px solid #272727;
font-size: 11px;
font-variant: small-caps;
float: right;
}

form .searchbutton:hover {
color: #a11a10;
}