/* CSS Document */
body{color:#000;background:#ccc; font-family: Arial, Helvetica, sans-serif;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

a {
	color: #fff;
	text-decoration: none;
}

small {
margin: 3px 10px 7px 10px;
color: #666;
}

small a {
color: #666;
}

#container {
	position: relative;
	background-color: #ccc;
	margin: 0 auto;
	padding: 0;
	width: 1003px;
	background-image: url(images/containerBg.jpg);
	font-family: 'arial' sans-serif;
	}
	
.push {
clear: both;
display: block;
}

#header {
	position: relative;
	margin: 0 auto;
	padding: 0 ;
	height: 140px;
	width: 772px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: url(images/globe.jpg);
	background-position: 622px -3px;
	}

#header h1 {
	margin: -26px 20px 0 0;
	color: #cc0033;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

#header h1 span.greyH1 {
	color: #666;
}

#topnavbar {
	/*min-width: 740px;*/
	height: 32px;
	margin: 20px 11px 0 11px;
	background-image: url(images/topnavbarBg.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
}

#topnavbar ul li{
	float: left;
	margin: 0;
	padding: 0;
	line-height: 32px;
	background-image: url(images/linkSpacer.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#topnavbar ul li a{
	padding: 5px 17px 10px 16px;
}

#topnavbar ul li a.lastLink{
	float: left;
	margin: 0;
	padding: 0 22px 0 20px;
	line-height: 32px;
	text-align: center;
	background-image: url(images/linkSpacerRight.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#topnavbar a:hover{
	color: #ccc;
}

#topnavbar ul li.corner {
	margin: 0;
	background: none;
	background-image: none;
}

#topnavbar img.topnavImg{
	float: left;
}

#sidebar{
	float: left;
	width: 170px;
	height: 290px;
	padding: 0;
	margin: 0 0 0 123px;
	background-image: url(images/leftnavbarBg.jpg);
	background-repeat: no-repeat;
	}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	margin: 0 0 0 20px;
	line-height: 29px;
	color: #fff;
	font-size: 14px;
}

#sidebar ul li a span.titlePortfolio {
	margin: 0 0 0 -10px;
	color: #ff0033;
	letter-spacing: 0.5px;
}

#sidebar ul li a:hover span.titlePortfolio {
	color: #fff;
}

#sidebar ul li a span.title {
	margin: 0 0 0 -10px;
	color: #fff;
}

#sidebar ul li a:hover span.title {
	color: #ff0033;
}


#sidebar a{
	color: #333;	
}

#sidebar a:hover{
	color: #ff0033;	
}

#sidebar a.friendlyBanner img{
	margin: 10px 0 0 0;
}

.bannerText {
	width: 160px;
	margin: 20px auto;
	color: #999;
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 16px;
}

.bannerText p.bannerSignature{
	text-align: right;
	font-weight: bold;
}
	
#content {
	float: left;
	padding: 10px;
	margin: 0 9px 0 10px;
	width: 555px; /* 575px before padding*/
	min-height: 690px;
	background-color: #ebebeb;
	font-size: 12px;
	}

#content h1, h2 {
	margin: 5px 10px 5px 10px;
	font-size: 18px;
	color: #333;
}

#content h3 {
	margin: 5px 10px 5px 10px;
	font-size: 15px;
	color: #333;
}

#content h3 a{
	font-size: 15px;
	color: #333;
	text-decoration: underline;
}

#content h3 a:hover{
	font-size: 15px;
	color: #ff0033;	
	text-decoration: underline;
}

#content h4 {
	margin: 5px 10px 5px 10px;
	font-size: 13px;
	color: #333;
}
	
#content p{
	margin: 7px 10px 7px 10px;
	color: #666;
	line-height: 18px;
	letter-spacing: 0.5px;
}

#content p a{
	color: #666;
	text-decoration: underline;
}

#content p a:hover{
	color: #ff0033;
	text-decoration: underline;
}

#content ul {
	margin: 0 10px 0 10px;
	color: #666;
	line-height: 18px;
	letter-spacing: 0.5px;
}

#content li {
	margin: 0 10px 0 20px;
	color: #666;
	line-height: 18px;
	letter-spacing: 0.5px;
	list-style: inherit;
}

#content img.homeSlideshow {
	margin: 0 auto;
}

#content #homeSlideshow {
	width: 560px;
	margin: 0 auto;
}

#content #contentRowOne {
	width: 560px;
	margin: 10px auto;	
}

#content .contentRowOneText {
	float: left;
	width: 400px;
}

#content #contentRowOne img.booth {
	float: left;
}

#content #contentRowTwo {
	width: 560px;
	margin: 10px auto;	
}
#content #contentRowTwo ul{
	margin: 0;
}

#content #contentRowTwo ul li{
	width: 132px;
	float: left;
	margin: 0;
	list-style: none;
}

#content #contentRowTwo ul li.liSpacer {
	margin: 0 6px 0 6px;
}

#content table.autoTable {
	margin: 20px auto;	
}

#content table.autoTable a img{
	padding: 3px;
	border: 1px solid #999;
	background-color: #fff;
}

#content table.autoTable td{
	text-align: center;
}

#content table.autoTable td.middle{
	padding: 0 10px 0 10px;	
}

#content img.mainImg {
	width: 400px;
	margin: 0 0 0 63px;
	padding: 3px;
	border: 1px solid #999;
	background-color: #fff;
}

#content table.portfolio {
	width: 500px;
	margin: 20px auto;
	text-align: center;
}

#content img.port {
	padding: 3px;
	border: 1px solid #999;
	background-color: #fff;
}

#content img.auto {
	margin: 0 8px 0 8px;
	padding: 3px;
	border: 1px solid #999;
	background-color: #fff;
}

#content img.servicingImg {
	float: left;
	margin: 0 10px 0 10px;
	padding: 3px;
	border: 1px solid #999;
	background-color: #fff;
}

#content .movie{
	width: 308px;
	height: 220px;
	margin: 0 auto;
	padding: 3px;
	border: 1px solid #999;
	background-color: #fff;
}

#content #video{
	width: 308px;
	height: 220px;
	padding: 3px;
	border: 1px solid #999;
	background-color: #fff;
}

#content .portfolioPdf {
	float: right;
	margin: 0 0 5px 5px;
	padding: 3px;
	border: 1px solid #999;
	background-color: #fff;
}

#content .post {
margin: 10px;
border-bottom: 1px solid #999;
}

h2.postTitle a{
color: #ff0033;
}

#content .post h3 a{
color: #ff0033;
}

.entry a.more-link{
color: #ff0033;
}

#blogRecent {
width: 530px; 
margin: 0 auto;
padding: 9px;
background-color: #ffffff;
border: 1px solid #999;
border-top: 4px solid #ff0033; 
}

#blogRecent h2 {
color: #ff0033;
}

.clear {
	clear: both;
	height: 5px;
}

#footer {
	width: 1003px;
	height: 62px;
	padding: 0;
	margin: 0 auto;
	clear: both;
	background-image: url(images/footerBg.jpg);
	background-repeat: no-repeat;
	background-color: #333;
	}
	
#footerLinks {
	width: 575px;
	margin-left: 325px;
	font-size: 12px;
}

#footerLinks p{
	position: relative;
	top: 25px;
	margin: 0 15px 0 15px;
	color: #999;
	line-height: 18px;
}

#footerLinks a{
	margin: 0 15px 0 15px;
	color: #999;
}

#footerLinks a:hover{
	color: #ff0033;	
}

#footerLinks span.copyright{
	margin-left: 50px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */