html, p, li, ul, img, h1, h2, h3, h4, h5, h6{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body{
	font: 67.5%/100% Verdana, sans-serif;
	background: #333333;
	text-align: center;
}

h1{
	font: 2em/1.4em Verdana, sans-serif;
  padding: 0px;
  margin: 0px;
}

h2{
	font: bold 1.2em/1.4em Verdana, sans-serif;
  padding: 10px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
}

h3{
	font: bold 1.2em/1.4em Verdana, sans-serif;
  padding: 10px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
}

p{
  font: 1.2em/1.4em Verdana, sans-serif;
}

p a:link, p a:visited{
  color: yellow;
  padding: 5px;
}

p a:hover, p a:visited:hover{
  color: white;
  background: #6699cc;
  padding: 5px;
}

a{
	cursor: pointer;
}

img{

}

ul{

}

li{
	list-style: none;
}

/* span{
	display: none;
}*/

/*Page layout*/

#container{
	position: relative;
	padding: 0px;
	margin: 0px auto;
	width: 960px;
}

header{
	float: left;
	width: 960px;
	height: 240px;
	background: #999999;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top: 10px;
}

/* nav bar */
nav{
  float: left;
  clear: left;
  border: 1px solid #CCCCCC;
  width: 960px;
  background: black url(../images/960_navbg.jpg) repeat-x top left;
}

nav ul{
  margin-left: 60px;
}

nav li{
  float: left;
  font: 1.6em/2.8em Tahoma, Trebuchet, sans-serif;
  text-transform: uppercase;
  list-style-type: none;    
}

  nav a{
    color: white;
    text-decoration: none;
    padding: 13px 60px; 
  }
  
  nav li a:hover{
    background: #6699cc;
    color: white;
  }

  nav li span {
  	float: left;
  	padding: 0 30px;
  	position: absolute;
  	left: 1px; 
    top:300px;
  	display: none; /*--Hide by default--*/
  	width: 900px;
    background: #6699cc;  	
  	color: white;
  	z-index:1000;
  	text-align: left;
  	border-bottom: 1px solid white;
  }

  nav li:hover span{
    display: block;
  } /*--Show subnav on hover--*/

  nav li span a{
    display: inline;
    padding: 0 25px;
  } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

  nav li span a:hover{
    text-decoration: underline;
  }
/* end of nav */  

#content{
  float: left;
  width: 960px;
  background: #444444;
	text-align: left;
	color: white;
}

/* homepage */
#introduction, #brands{
  float: left;
  width: 960px;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

#brands{
  border-top: 1px solid #cccccc;
}

#sectiontext, #quickcontact, #links{
  float: left;
  width: 430px;
  padding: 25px;
}

#pagenotfound{
  float: left;
  width: 910px;
  padding: 25px;
}

#sectiontext p, #pagenotfound p, #sectiontext li, #links li{
  margin: 1em 0;
}

#sectiontext li, #links li{
  display: inline;
  list-style: inside disc;
  text-indent: 20px;
  margin: 10px 2px 10px 0;
  font: bold 1.4em/1.2em Tahoma, sans-serif;
}

#links li{
  display: block;
  text-indent: 0;
  font: bold 1.2em/1.2em Tahoma, sans-serif;
}

#links li a:link, #links li a:visited{
  color: yellow;
  padding: 5px;
}

#links li a:hover, #links li a:visited:hover{
  color: white;
  background: #6699cc;
  padding: 5px;
}

#links h3{
  margin-top: 40px;
}

#quickcontact input{
  width: 200px;
  padding: 5px;
  background: #dedede;
  border: 1px solid black;
  margin: 2px 0;
}

#quickcontact input:focus, #quickcontact textarea:focus{
  border: 1px solid #6699cc;
  background: white;
}

#quickcontact textarea{
  width: 250px;
  height: 150px;
  padding: 5px;
  background: #dedede;
  border: 1px solid black;
  margin: 2px 0;
}

#quickcontact .formbutton{
	background: black;
	color: white;
}

#quickcontact .formbutton:hover{
  cursor: pointer;
}

#quickcontact .formbutton:active, #quickcontact .formbutton:focus{
	background: black;
	color: #6699cc;
	border: 1px solid black;
}
/* end of homepage */

footer{
	float: left;
	clear: left;
	width: 960px;
	height: 220px;
	background: #444444 url(../images/footerbg.jpg) 0 0 no-repeat;
	border: 1px solid #CCCCCC;
	border-top: 0;
	text-align: left;
	padding: 0;
	margin: 0px;
  margin-bottom: 10px;
}

footer p{
  font: 1em/1.4em Arial, Helvetica, sans-serif;
	color: #222222;
	margin-top: 197px;
	padding: 5px 20px;
	background: #cccccc;
}

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

footer a:hover, footer a:visited:hover{
  color: black;
  text-decoration: underline;
}

.textright{
  text-align: right;
}

/* contact form errors */
.ddfmerrors {
	font: bold 1em/1.4em Verdana, sans-serif;
	color: black;
}

.errorlist{
  font: bold 1em/1.4em Verdana, sans-serif;
  color: yellow;
}