a {text-decoration:none; color:#7A7A7A;}
a:hover {text-decoration:underline;}
.clear {clear:both;}

#footer span {color:#7A7A7A;}

h1 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size: 2.10em;
	font-weight:normal;
	color:#8B856B;
}

p {
	padding: 5px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
}

p.header {
	padding:0px 0px 0px 0px;
	margin:8px 5px 8px 5px;
	word-spacing:-0.1em;
	font-size:0.85em;
	color:#8D8D8D;
}

input, textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.00em /* 10px */;
	margin: 3px 0px 0px 0px;
}

form {
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.siteButton {
  border: 0px;
  cursor: pointer; /* hand-shaped cursor */
  width: 115px;
  height: 19px;
	background: url("../images/siteButton.gif") no-repeat;
	color:#FFFFFF;
	font-size:1.00em /*11px*/;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 2px 0px;
	margin: 0px 0px 4px 0px;
}


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.63em /* 10px */;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#B8B8B8;
	background:#2D2D2D  url("../images/site_bg.jpg") top left repeat-x;
}

/*CSS for Header*/

#site_container { /* Sets the width of the site */
	width:806px;
	margin:0px auto;
	padding: 0px 0px 0px 0px;
}

#top {
	background: url("../images/top_bg.jpg") no-repeat;
  height:83px;
	text-align:right;
}

#logo {
	position:relative;
	top:7px;
	right:60px;
}


/*CSS for Footer*/


#footer {
	background: url("../images/footer_bg.jpg") no-repeat;
  height:36px;
}

#footer #footer_links, #footer #visualsoft {
	float:left;
	padding:9px 0px 0px 0px;
}

#footer #footer_links {
	width:650px;
	padding:9px 0px 0px 20px;
}

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

#footer li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
}

#footer #visualsoft a {
	background: url("../images/visualsoft.gif") no-repeat;
	height:12px;
	width:120px;
	display:block;
}

#footer #visualsoft span {
	display:none;
}


/*CSS for Navigation*/


#navigation {
	background: url("../images/nav_bg.jpg") no-repeat;
  height:23px;
	font-weight:bold;
	color:#C6C4C4;
}

#navigation a{
	color:#C6C4C4;
	letter-spacing:0.1em;
}

#navigation a:hover{
	color:#8B856B;
}


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

#navigation li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
}

/*CSS for content (backgrounds)*/

#content_footer { /*Adds the curve to the end of the content*/
	background: url("../images/content_footer.jpg") bottom left no-repeat;
	padding:0px 0px 11px 0px;
	min-height:1px;
	height:auto !important;
	height:1px;
}

#content_bg_filler { /*Fills in the edge gradiant*/
	background: url("../images/content_bg_fill.jpg") repeat-y;
}

#content_bg { /*Adds the gradiant for the content edge*/
	background: url("../images/content_bg_new.jpg") no-repeat;
	padding: 0px 3px 0px 3px;
}

#content { /*Main background*/
	background: #222222 url("../images/content_bg_g.jpg") repeat-x;
	padding: 0px 10px 0px 10px;
}

/*CSS for page content */

#page_footer{
	background: url("../images/page_footer.gif") bottom left no-repeat;
	padding: 0px 0px 6px 0px;
}

#page_content {
	background: #313131 url("../images/page_bg.jpg") no-repeat;
	min-height:300px;
	height:auto !important;
	height:300px;
}

#page_text {
	margin: 0px 20px 0px 230px;
	padding: 5px 0px 0px 0px;
}

#page_text p {
	line-height:1.5em;
}



/*CSS for main car (inc quote)*/

#mainCar {
	background: url("../images/car_bg.jpg") no-repeat;
  height:296px;
}


#mainCar #quote{
	background: url("../images/quote_bg.jpg") no-repeat;
  height:251px;
	width:281px;
	position:relative;
	top:20px;
	left:29px;
}

#mainCar #quote p{
	margin: 0px 90px 0px 0px;
	padding: 50px 0px 0px 25px;
	line-height:1.5em;
}

/*CSS for case studies*/

.caseTable {color:#8B856B;}

.caseTable a, .caseTable span {color:#B8B8B8;}

.caseTable a {text-decoration:underline;}

.caseTable a:hover {color:#8B856B;}




#case_details {
	background: url("../images/car_bg_2.jpg") no-repeat;
  height:296px;
}

#case_details .text_holder {
	float:left;
	width:241px;
}

#case_details .text{
	background: url("../images/contents_bg.jpg") no-repeat;
  height:238px;
	width:164px;
	position:relative;
	top:28px;
	left:42px;
	padding: 10px 10px 0px 10px;
	color:#C6C4C4;
}

#case_details .text strong{
	display:block;
	color:#8B856B;
	margin: 6px 0px 0px 0px;
}

#case_details .text .title{
	color:#8B856B;
	font-weight:bold;
	font-size: 1.20em;
	padding: 0px 0px 5px 0px;
}

#case_details .images {
	float:left;
	padding:30px 0px 0px 0px;
}


.beforeLinks, .afterLinks {
	float:left;
	width:267px;
	color:#8B856B;
}

.beforeLinks a, .afterLinks a{
	text-decoration:underline;
	font-weight:bold;
	color:#C6C4C4;
	font-weight:bold;
}

.beforeLinks a:hover, .afterLinks a:hover{
	color:#8B856B;
}


.beforeLinks span, .afterLinks span{
	color:#C6C4C4;
}

.afterLinks {
	text-align:right;
}

.beforeLinks ul, .afterLinks ul {
	padding: 5px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
}

.beforeLinks li, .afterLinks li {
	display:inline;
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*CSS for services*/

#service_details {
	background: url("../images/car_bg_2.jpg") no-repeat;
  height:296px;
}

#service_details .text_holder {
	float:left;
	width:241px;
}

#service_details .text{
	background: url("../images/contents_bg.jpg") no-repeat;
  height:238px;
	width:164px;
	position:relative;
	top:28px;
	left:42px;
	padding: 10px 10px 0px 10px;
	color:#C6C4C4;
}

#service_details .text .title{
	color:#8B856B;
	font-weight:bold;
	font-size: 1.20em;
	padding: 0px 0px 5px 0px;
}

#service_details .images {
	float:left;
	padding:30px 0px 0px 0px;
}

ul.options {
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
}

ul.options li{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}


ul.options a{
	color:#C6C4C4;
	display:block;
	height:17px;
	padding: 2px 0px 0px 0px;
}

ul.options a.multi{
	color:#C6C4C4;
	display:block;
	height:30px;
	padding: 2px 0px 0px 0px;
}

ul.options a.selected{
	background-color:#2E2E2E;
}


ul.options span{
	color:#8B856B;
}

ul.options a:hover{
	text-decoration:none;
	background-color:#2E2E2E;
}

a.service {
  color:#B8B8B8;
}

a.service:hover {
  color:#8B856B;
  text-decoration:underline;
}

p.error_message, .error_message{
  color: red;
}

/*CSS for site intro*/

#intro {
	background: url("../images/intro_bg.jpg") no-repeat;
	height:120px;
}

#intro img{
	border:1px solid #888886;
	padding: 1px 1px 1px 1px;
	margin: 8px 8px 8px 8px;
}

#intro .image{
	float:left;
}

#intro .text{
	float:left;
	width:550px;
}

#intro .text .title{
	font-size:1.90em;
	padding: 5px 5px 5px 5px;
	color:#8B856B;
}

#intro .text p{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	line-height:1.5em;
}

/*CSS for latest*/

#latest {
	background: #313131 url("../images/latest_footer.gif") bottom left no-repeat;
	padding: 8px 8px 0px 8px;
	min-height:1px;
	height:auto !important;
	height:1px;
}

#latest .car {
	border: 1px solid #888886;
	background-color:#222222;
	width:375px;
	height:102px;
	float:left;
	margin: 0px 0px 0px 0px;
}



#latest .right {
	margin: 0px 0px 8px 8px;
}

#latest .image {
	background: url("../images/latest_bg.gif") no-repeat;
	height:102px;
	width:202px;
	padding: 1px 0px 0px 1px;
	float:left;
}

#latest .image img.after_image {
	margin:0px 0px 0px 1px;
}

#latest .text {
	background: url("../images/latest_text_bg.jpg") repeat-x;
	width:160px;
	padding:5px 5px 5px 5px;
	border-left: 1px solid #888886;
	height:92px;
	float:left;
}

#latest .title {
	font-size:1.10em;
	color:#8B856B;
	font-weight:bold;
	padding: 0px 0px 3px 0px;
}

#latest .title a{
	color:#8B856B;
}

#latest .title a:hover{
	text-decoration:none;
}

#latest .link {
	padding: 3px 0px 0px 0px;
}

#latest .link a{
	color:#8B856B;
	text-decoration:underline;
}

.question_holder {
	float:left;
	margin:30px 0px 0px 0px;
	background: url("../images/faq_bg.jpg") no-repeat;
	height:238px;
	width:524px;
}

.question_holder ul {
  margin: 32px 20px 15px 20px;
}

.question_holder li span{
	color:#8B856B;
}

.question {
  font-weight:bold;
  color:#8B856B;
  margin: 10px 0px 0px 0px;
  display:block;
}

.example_image {
  border:1px solid #888886;
	padding: 1px 1px 1px 1px;
	margin: 8px 0px 8px 0px;
}

ul.sitemap, ul.sitemap ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style:none;
}

ul.sitemap {
  padding: 10px 0px 10px 0px;
}

ul.sitemap ul {
  padding: 6px 0px 0px 15px;
  color:#8B856B;
}

ul.sitemap li, ul.sitemap ul li {
  padding: 0px 0px 5px 0px;
}


ul.sitemap a {color:#B8B8B8;}

ul.sitemap ul a {color:#8B856B;}

ul.sitemap a:hover {color:#8B856B;}

ul.sitemap ul a:hover {color:#B8B8B8;}

.customer_quote span {color:#8B856B;}

.customer_quote a {color:#B8B8B8;}