@charset "UTF-8";
/****** CSS Document ******/

/* Clear styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*** Main Layout ***/
body {
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 1.3em;
}

h1 { font-family: Helvetica, Arial, sans-serif; font-size: 2.1em; color: #990033; margin-bottom: 20px; line-height: 1em; }
h2 { font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; color: #990033;}
h3 { font-family: Helvetica, Arial, sans-serif; font-size: 1.3em; font-weight: bold;}
h4 { font-family: Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold;}
h5 { font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; font-weight: bold;}
h6 { font-family: Helvetica, Arial, sans-serif; font-size: 0.7em; font-weight: bold;}

a, a:visited {
	color: #730128;
	font-weight: bold;
	text-decoration: none;
}

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

.clear {
	display: block;
	clear:both;
	height:0px;
	overflow:hidden;
}
ul {
	list-style: disc;
	margin-left: 25px;
}
strong { font-weight: bold;}

/*** Header ***/
.header {
	width: 1000px;
	margin: 10px 0 10px 0;
	border-bottom: 7px solid #730128;
}
.logo {
	width: 195px;
	height: 100px;
	display: block;
	float: left;
	margin: 0 0 10px 38px;
}
.phone {
	width: 450px;
	height: 50px;
	display: block;
	float: right;
	text-align: right;
	margin: 25px 55px 0 0;
	font-weight: normal;
}

/*** Menu ***/
.menu {
	width: 950px;
	margin: 0 auto 0 auto;
}
ul.nav {
	list-style: none;
	margin: 0;
}
.nav li {
	float: left;
}
.nav a, .nav a:visited {
	width: 135px;
	height: 22px;
	padding-top: 15px;
	display: block;
	text-align: center;
	background: url(images/menubar.png) no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	cursor: pointer;
}
.nav a:hover {
	background: url(images/menubar-down.png) no-repeat;
	color: #000000;
}
#home .home a {
	background: url(images/menubar-down.png) no-repeat;
	color: #000000;
	font-weight: bold;
}
#about .about a {
	background: url(images/menubar-down.png) no-repeat;
	color: #000000;
	font-weight: bold;
}
#fleets .fleets a {
	background: url(images/menubar-down.png) no-repeat;
	color: #000000;
	font-weight: bold;
}
#commercial .commercial a, #officepage .commercial a, #liabilitypage .commercial a, #contractorpage .commercial a, #propertypage .commercial a, #accidentpage .commercial a, #idemnitypage .commercial a, #directorpage .commercial a, #legalbox .commercial a, #engineeringpage .commercial a, #combinedpage .commercial a {
	background: url(images/menubar-down.png) no-repeat;
	color: #000000;
	font-weight: bold;
}
#quote .quote a, #fleetquote .quote a {
	background: url(images/menubar-down.png) no-repeat;
	color: #000000;
	font-weight: bold;
}
#claims .claims a {
	background: url(images/menubar-down.png) no-repeat;
	color: #000000;
	font-weight: bold;
}
#contact .contact a {
	background: url(images/menubar-down.png) no-repeat;
	color: #000000;
	font-weight: bold;
}

/*** Main Content ***/
.content { 
	width: 950px;
	margin: 0 25px 0 25px;
}
.box {
	background: url(images/box-bg.png) no-repeat;
	width: 890px;
	height: 256px;
	padding: 30px 30px 0 30px;
}
#about .box {
	background: url(images/aboutbox.png) no-repeat;
}
#fleets .box {
	background: url(images/fleetbox.jpg) no-repeat;
}
#fleets .box {
	background: url(images/fleetbox.jpg) no-repeat;
}
#fleetquote .box {
	background: url(images/fleetbox.jpg) no-repeat;
}
#commercial .box {
	background: url(images/commercialbox.jpg) no-repeat;
}
#quote .box {
	background: url(images/quotebox.jpg) no-repeat;
}
#claims .box {
	background: url(images/claimsbox.jpg) no-repeat;
}
#contact .box {
	background: url(images/contactbox.jpg) no-repeat;
}
#officepage .box {
	background: url(images/officebox.jpg) no-repeat;
}
#liabilitypage .box {
	background: url(images/liabilitybox.jpg) no-repeat;
}
#contractorpage .box {
	background: url(images/contractorsbox.jpg) no-repeat;
}
#propertypage .box {
	background: url(images/propertybox.jpg) no-repeat;
}
#accidentpage .box {
	background: url(images/accidentbox.jpg) no-repeat;
}
#idemnitypage .box {
	background: url(images/indemnitybox.jpg) no-repeat;
}
#directorpage .box {
	background: url(images/directorsbox.jpg) no-repeat;
}
#legalpage .box {
	background: url(images/legalbox.jpg) no-repeat;
}
#engineeringpage .box {
	background: url(images/engineerbox.jpg) no-repeat;
}
#combinedpage .box {
	background: url(images/combinedbox.jpg) no-repeat;
}
.box h1 {
	color: #FFFFFF;
	margin-bottom: 26px;
}
.box h2 {
	color: #FFFFFF;
}
.box p { 
	color: #FFFFFF;
}
.box p {
	width: 400px;
	line-height: 1.3em;
}
.box ul {
	color: #FFFFFF;
}
#home .box p  {
	width: 365px;
	line-height: 1.3em;
	display: block;
	float: left;
}
.grayboxlg {
	display: block;
	float: right;
	width: 308px;
	height: 203px;
	background: url(images/graybox-bg.png) no-repeat;
}
.grayboxsm {
	display: block;
	margin-left: 18px;
	float: right;
	width: 168px;
	height: 203px;
	background: url(images/grayboxsm-bg.png) no-repeat;
}
.grayboxsm img, .grayboxlg img {
	margin: 4px 0 0 3px;
}
.grayboxsm h2, .grayboxlg h2 {
	margin: 0;
}
.grayboxtext {
	margin: 14px 16px 0 16px;
}
.redbutton {
	font-size: 10px;
	color: #FFFFFF;
	display: inline-block;
	background: #730128;
	margin: 18px 12px 0 0;
	width: 61px;
	padding: 3px 2px 3px 2px;
	text-decoration: none;
	text-align: center;
}
.redbutton2 {
	font-size: 10px;
	color: #FFFFFF;
	display: inline-block;
	background: #730128;
	margin: 10px 0 0 0;
	width: 55px;
	padding: 3px 2px 3px 2px;
	text-decoration: none;
	text-align: center;
}
a.redbutton, a.redbutton2, a:visited.redbutton, a:visited.redbutton2 {
	color: #FFFFFF;
	font-weight: normal;
}
a:hover.redbutton, a:hover.redbutton2 {
	background: #b60943;
}
.maincontent {
	width: 900px;
	margin: 25px 0 0 25px;
}
.maincontent a:hover {
	color: #b60943;
}
.leftcol {
	width: 580px;
	float: left;
}
.fleetbox {
	width: 570px;
	min-height: 225px;
	margin-bottom: 30px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: url(images/fleet-bg.jpg) bottom right no-repeat;
}
.commercialbox {
	width: 570px;
	min-height: 245px;
	margin-bottom: 30px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: url(images/commercial-bg.jpg) bottom right no-repeat;
}
.textarea {
	width: 350px;
}
.greybutton {
	display: inline-block;
	background: #cccccc;
	padding: 8px 6px 7px 6px;
	text-align: center;
	color: #990033;
	margin: 0 15px 10px 0;
}
.greybutton2 {
	display: inline-block;
	background: #cccccc;
	padding: 8px 6px 7px 6px;
	text-align: center;
	margin: 0 0 10px 0;
}
a.greybutton, a.greybutton2, a:visited.greybutton, a:visited.greybutton2 {
	font-weight: normal;
	color: #990033;
}
a:hover.greybutton, a:hover.greybutton2 {
	background: #999999;
}
.greybutton h2, .greybutton2 h2 {color: #990033;}
.feedlink {
	font-weight: normal;
}
.feedlink h1 {
	margin-bottom: 10px;
}
#home .feed {
	height: 153px;
	overflow: hidden;
}
.feedmore {
	margin: 10px 0 10px 0;
	padding-top: 10px;
}
.leftcontent {
	width: 420px;
	height: auto;
	float: left;
}
.rightcontent {
	width: 450px;
	height: auto;
	float: right;
}

/*** Forms ***/
.contactform {
	width: 400px;
}
.inputline {
	width: 400px;
	height: 28px;
	vertical-align: middle;	
}
.inputline input {
	float: right;
	width: 280px;
}

.contactform input {
	margin: 3px;
	
}
.contactform label {
	float: left;
	font-weight: bold;
	margin-top: 5px;
}
#employees, #vehicles { width: 140px}
.form-left { float: left; width: 400px;}
.form-right { float: right; width: 400px; }
.quoteform input { margin: 3px;}
.quoteform label { float: left; font-weight: bold; margin-top: 5px; }
.quoteform select { margin: 3px 0 3px 32px; }
.tickboxes { clear: both; }
.tickboxes input, .tickboxes label { margin: 0 8px 0 0; padding: 0; font-weight: normal; display:inline;}
.tickboxes table { width: 400px; margin-bottom: 10px; }
.tickboxes td { width: 200px; padding: 0 0 5px 0;}

/*** Right Boxes ***/
.rightcol {
	width: 300px;
	float: right;
}
.leftbox {
	display: block;
	width: 288px;
	height: 54px;
	text-align: right;
	margin-bottom: 10px;
	padding: 12px 24px 0 0;
	cursor: pointer;
	font-weight: normal;
}
.leftbox p {
	font-size: 11px;
	color: #8b8b8b;
}
#office {
	background: url(images/office-box.png) no-repeat;
}
#liability {
	background: url(images/liability-box.png) no-repeat;
}
#contractors {
	background: url(images/contractors-box.png) no-repeat;
}
#owners {
	background: url(images/owners-box.png) no-repeat;
}
#accident {
	background: url(images/accident-box.png) no-repeat;
}
#indemnity {
	background: url(images/indemnity-box.png) no-repeat;
}
#directors {
	background: url(images/directors-box.png) no-repeat;
}
#legal {
	background: url(images/legal-box.png) no-repeat;
}
#engineering {
	background: url(images/engineering-box.png) no-repeat;
}
#combined {
	background: url(images/commercial-box.png) no-repeat;
}
#testimonial {
	background: url(images/test-box.png) no-repeat;
}
#team {
	background: url(images/test-box.png) no-repeat;
}

/*** Footer ***/
.footer { 
	width: 890px;
	background: url(images/footer-bg.gif) no-repeat;
	margin: 0 25px 10px 25px;
	padding: 18px 30px 18px 30px; 
	height: 57px;
}
.footer img {
 	float: left;
	margin-right: 10px;
	width: 45px;
}
.footer p {
	float: left;
	font-size: 11px;
	color: #333333;
	width: 835px;
}
.footer a:hover {
	color: #b60943;
}