/*
Theme Name: Original
Description: The Original Design For Stay Safe Driving School
Version:
Author: Andy Jones

*/

#subheading {
	width: 690px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
}

#subheadingl {
	width: 150px;
	float: left;

}

#subheadingc {
	text-align: center;
	width: 390px;
	float: left;
}

#subheadingr {
	width: 150px;
	float: left;
}


#top {
	width: 700px;
padding: 0px 0 0 0;
margin: 0px auto 0px auto;
}

#topleft {
       float: left;
padding: 15px 0 0 0;
  width: 380px;
}

#promo {
position: absolute;
height: 150px;
width: 700px;
background: url(http://www.staysafedriving.co.uk/wp-content/uploads/2008/09/star.gif) no-repeat;
text-indent: -999em;
text-decoration: none;
background-position: 100% 0%;
}

/* Sidebar */

#menuend {
  width: 111px;
  height: 129px;
  background: url(images/menuend.gif) top no-repeat;
}

#sidebar {
width: 111px;
  float: left;
  margin: 0px 0px 0px 0px;
  height: 100%;
}

#navigation {
  background: url(images/menubar.gif) left repeat-y;
  padding: 150px 0px 0px 0px;
}

#navigation a:link, a:visited, a:active, a:hover {
  text-decoration: none;
  display: block;
  color: #ffffff;
}

/* ul main menu group */

#navigation ul {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0;
}

/* ul li main menu item */

#navigation ul li {
  margin: 0px 0px 0px 0px;
  padding: 0;
  background: url("images/arrowroll.gif") no-repeat;
  width: 211px;
  height: 85px;
  position: relative;

  line-height: 6.4;
  font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
  font-size: 13px;
  color: #FFFFFF;
  text-indent: 5px;
}

#navigation ul li:hover {
  margin: 0px 0px 0px 0px;
  padding: 0;
  background-position: 100% 0%;
  width: 223px;
  height: 85px;

  line-height: 5.3;
  font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
  font-size: 16px;
  color: #FFFFFF;
  text-indent: 8px;
}

/* ul li ul sub menu group*/

#navigation ul li ul {
  display: none;
}

#navigation ul li:hover ul {
  display: block;
  position: relative;
  top: -60px;
  left: 223px;
  width: 200px;
}

/* ul li ul li sub menu item*/

#navigation ul li ul li {
  background: #ff1a00;
  border: 5px solid #ffffff;
  margin: -5px 0px 0px 0px;
  width: 200px;
  height: 35px;

  line-height: 2.5;
  font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
  font-size: 13px;
  color: #FFFFFF;
  text-indent: 5px;
}

#navigation ul li ul li:hover {
  background: #008c00;
  border: 5px solid #ffffff;
  margin: -5px 0px 0px 0px;
  width: 200px;
  height: 35px;

  line-height: 2.1;
  font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
  font-size: 16px;
  color: #FFFFFF;
  text-indent: 10px;
}

/* Contact Form */

#wpcf7-f1-p36-o1 {
	width: 500px;
	margin: 25px auto 65px auto;
}

#wpcf7-f1-p36-o1 input, #wpcf7-f1-p36-o1 textarea {
	padding: 5px;
	width: 200px;
	font-size: 1em;
	border: 2px solid #EEEEEE;
	font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
}

#wpcf7-f1-p36-o1 select {
	padding: 5px;
	width: 215px;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	border: 2px solid #EEEEEE;
	font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
}

#wpcf7-f1-p36-o1 textarea {
	height: 100px;
       margin: 5px 0px 0px 0px;
}

#wpcf7-f1-p36-o1 textarea:focus, #wpcf7-f1-p36-o1 input:focus, #wpcf7-f1-p36-o1 select:focus {
	border: 2px solid #008c00;
}


label {
	float: left;
	text-align: left;
        padding: 25px 5px 5px 5px;
	width: 200px;
	font-size: 1em;
	font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
        color: #FFFFFF;
}

/* Global */

body {
	margin: 0 0 0 0;
	padding: 0;
	background: #000000;
	font-size: 16px;
	text-align: justify;
	color: #000000;
}

body, th, td, input, textarea, select, option {
	font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
}

img {
padding: 10px 0px 10px 0px;
border: 0px;
}

table {
padding: 10px 0px 10px 0px;
}

h1 {
  font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 15px 5px;
  text-indent: 0px;
  color: #FFFFFF;
  text-align: center;
}

h2 {
	font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  text-align: center;
  font-size: 20px;
  color: #FFFFFF;
}

h3 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
  font-size: 17px;
  color: #FFFFFF;
  text-align: center;
  font-weight: normal;
}

a:link {
  text-decoration: none;
  color: #ffffff;
}
a:visited {
  text-decoration: none;
  color: #ffffff;
}
a:active {
  text-decoration: none;
  color: #ffffff;
}
a:hover {
  text-decoration: none;
  color: #ffffff;
}

p {
	color: #ffffff;
}

.post {
}

.post a {
  display: inline;
}

.post a:hover {
  text-decoration: underline;
}

/* Header */

#header {
width: 342px;
height: 228px;
margin: 20px auto 0px auto;
margin-bottom: 20px;
padding: 0px 0 0 0;
}

/* Page */

#page {
	width: 920px;
	margin: 0px 0px 0px 0px;
}

/* Content */

#content {
	width: 680px;
        float: right;
	margin: 0px 0px 0px 0px;
}

.title {
	padding: 10px 0px 10px 0px;
	text-align: center;
}

.title a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Footer */

.footer {
	font-family: 'Century Gothic', Verdana, 'Lucida Grande', Arial, Sans-Serif;
        font-size: 11px;
        color: #FFFFFF;
        text-align: center;
}

/* Comment */
.comment {
	width: 600px;
	background: #FFFFFF;
	border: #FF0000 solid 3px;
	margin: 0px auto 0px auto;
	color: #000000;
        padding: 10px;
        list-style: none;
}

li {
  color: #ffffff;
}

#test li {
  list-style-type:none;
  margin: 0px 0px 10px 0px;
}

#test p {
	color: #000000;
	font-size: 12px;
}

.testimonialtitle {
	color: #000000;
	text-indent: 10px;
        list-style: none;
}

/* List */

.nopoint {
        list-style: none;
        margin: 0px auto 0px auto;
}

.logogrid {
    width: 660px;
    margin: 0px auto 0px auto;
    overflow: hidden;
    position: relative;
}

.logogrid ul {
  list-style-type:none;
  margin:-1px 0 0 -1px;
  padding:0;
  width:100%;
  border-width:0px 1px 0 0;  
  position:relative;
}

.logogrid li {
    zoom:1;
    list-style-type:none;
    margin:0;
    padding:0;
    vertical-align:middle;
    width:220px;
    padding:0 0 0px 0;

    position:relative;
    margin:-1px -1px 0 0;
    border-width:1px 0 0px 1px;
    float:left;
    display:inline;
}

.logogrid li img {
  vertical-align:middle;
}

.productgrid {
    width: 660px;
    margin: 0px auto 0px auto;
    overflow: hidden;
    position: relative;
}

.productgrid ul {
  list-style-type:none;
  margin:-1px 0 0 -1px;
  padding:0;
  width:100%;
  border-width:0px 1px 0 0;  
  position:relative;
}

.productgrid li {
    zoom:1;
    list-style-type:none;
    margin:0;
    padding:0;
    vertical-align:middle;
    width:220px;
    padding:0 0 0px 0;

    position:relative;
    margin:-1px -1px 0 0;
    border-width:1px 0 0px 1px;
    float:left;
    display:inline;
    text-align: center;
}

.productgrid li img {
  vertical-align:middle;
}

.productgrid select {
	width: 210px;
}

.clear {
	clear: both;
}