@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	color: #002c76;
	font-size: 15px;
}
a { color: #002C76; }
a:hover { color: #144ea5; }
a img { border: none; }

hr {  border: 0; color: #ccc; background-color: #ccc; height: 1px; width: 100%; text-align: left; }

.wrapper { width: 960px; margin: 0 auto; }

#header { height: 320px; background: #ccc; }

#slideshow { width: 650px; height: 280px; float: left;  }
#logoblock { height: 280px; width: 310px; background: #002c76; float: left; } 

#navmenu { width: 100%; background:url(../images/astons-blue.png) repeat-x; font-size: 16px;  }
#navmenu ul { margin-top: 4px; font-size: 14px; }
#navmenu a:hover { background-color: #144ea5; }

#content {margin-top: 34px; }

#maincontent { margin-right: 330px; padding-left: 0px; }
#maincontent h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 32px;}
#maincontent p { line-height: 1.5em;}
#maincontent ul { margin-bottom: 1.5em; }
#maincontent li { margin-bottom: 0.5em; }
#maincontent h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; border-top: 1px solid #ccc; padding-top: 20px; }
#maincontent h4 { 	font-size: 16px; }

#maincontent ul.col { float: left; width: 250px; }

/* FORMS */

form input#submit, form input#reset { 
	float: none;  display: inline;  margin:0; padding:0;
}
form label{ display: block;  float: left; width: 160px; margin: 0.5em 0 0; text-align: right; padding: 0; font-weight: bold; }
form span { left: 160px; margin-bottom: 0.5em; }
form input, form textarea	{ width:auto;  font-size: 18px; font-family: Arial, Helvetica, sans-serif; padding: 2px; margin:5px 0 0 10px; }
form br { clear:left; }
legend {font-weight: bold; color:#002c76; font-size: 1.5em; }

#map { border: 1px solid #002c76; padding: 10px; margin-top: 1em; }
address { font-style: normal; padding: 0.5em 0;}
#map  a {color: #002c76; }


.rightcol{ float: right; width: 270px; padding: 0 20px; text-align: center; background: #FFF; margin: 0 0 20px 0; border-left: 1px solid #eee;}
.rightcol ul { list-style: none; margin: 0; padding: 0; text-indent: 0;}

#modcontact { background:url(../images/contact-callout.png) no-repeat; padding: 6px; height: 156px;}
#modcontact p { font-size: 18px; line-height: 1.4em; margin: 0; }
#modcontact h3{ font-size: 24px; margin: 4px 0 0 0;  }
#modcontact a { color: #002c76; text-decoration: none; }
#modcontact a:hover { color: #09F;}

#modcallouts { clear: both; height: 255px; background: #ccc; margin-top: 20px;}

.callouts { float: left; width: 202px; height: 202px; background: #fff; border: 1px solid #ccc; margin: 15px 15px 0 0; padding: 10px; }
.callouts h2 { font-size: 18px; line-height: 32px;  text-transform: uppercase; margin: 0; }

#footer { margin-top: 10px; padding-bottom: 10px;  text-align: right;  font-size: 11px;  padding-right: 25px;}
.copyright {font-size: 12px; }

.sample { width: 116px; float: left; font-size: 11px; margin: 0 10px 10px 0; }
.tarkett { width: 145px; float: left; font-size: 11px; margin: 0 10px 10px 0; }

.sample h4, .tarkett h4 { margin: 0 0 0.5em 0; }

.sample a { text-decoration: none; }

#domo div { float: left; width: 75px; margin: 0 1px 1px 0;}


/* clear fix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.clearleft:after { content: "."; display: block; clear: left; visibility: hidden; line-height: 0; height: 0; }

.cols3 { width: 150px; padding: 12px; border: 1px solid #ccc; float: left; margin-right: 30px}
.cols3 h4 { margin: 0 0 8px 0; }
.cols3 p { margin: 8px 0 0 0; }