@charset "UTF-8";
/* CSS Document */

*	{ margin: 0; padding: 0; outline: none;}
/*img, div, li, a { behavior: url(iepngfix.htc) }*/

@font-face {
	font-family: 'FuturaHeavy';
	src: url('font/futura_heavy-webfont.eot');
	src: local('☺'), url('font/futura_heavy-webfont.woff') format('woff'), url('font/futura_heavy-webfont.ttf') format('truetype'), url('font/futura_heavy-webfont.svg#webfontdX6TJN9j') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FuturaBook';
	src: url('font/futura_book-webfont.eot');
	src: local('☺'), url('font/futura_book-webfont.woff') format('woff'), url('font/futura_book-webfont.ttf') format('truetype'), url('font/futura_book-webfont.svg#webfontNrnQ3Zyc') format('svg');
	font-weight: normal;
	font-style: normal;
}


html	{ height: 100%;}

/* Tags */
#shadow { background: url(images/bg-gradient.png) repeat-x; height: 100%; position: relative; overflow: auto;}
body{ margin:0px; background: url(images/bg.png); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #3b3b3b; height: 100%; }
h1	{ float: left; background: url(images/logo.gif) no-repeat; margin: 15px 0 0 30px;}
h1 a	{ display: block; text-indent: -9999px; width: 300px; height: 90px;}
h2	{ font-family: 'FuturaBook', Arial, Helvetica, sans-serif; font-size: 22px; line-height: 36px; font-weight: normal; text-transform: uppercase;}
h3	{ font-family: 'FuturaBook', Arial, Helvetica, sans-serif; font-size: 22px; line-height: 36px; font-weight: normal; text-transform: uppercase;}
h4	{font-size: 12px; line-height: 20px; font-weight: normal;}
.fltLeft h3	{ border-top: 2px solid #ccc; padding-top: 10px; margin: 25px 0;}
.main-content ul	{ list-style: none; margin-bottom: 20px;}
.main-content p	{ margin: 0 0 20px 0;}
.main-content a	{ color: #5d0000; text-decoration: none;}
a	{ text-decoration: none;}
td	{ padding: 5px;}

img[align="right"]	{margin-left: 20px;}

input, textarea	{ background-color: #e8e7e2; padding: 5px; border: 1px solid #deddd6; width: 95%;}
input[type="submit"]	{ background-color: #5d0000; color: #fff; font-size: 16px; font-weight: bold;font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif; width: 75px;}
input.captcha	{ width: 60px;}
label	{ font-weight: bold;}
/* IDs */

#wrapper	{ width: 1030px; margin: 0 auto;}
#top	{ padding-left: 25px;}
#top-content	{ height: 125px; background: url(images/top-bg.gif) repeat-x; color: #3b3b3b;}
#top-content .right	{ text-align: right; float: right; width: 625px;}
#top-content span	{ font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif; font-size: 16px; margin: 20px; display: block;}

#nav	{ height: 40px; float: left; background-color: #e5e4e0; margin: 0; padding: 0; width: 625px; text-align: left;}
#nav li	{ float: left; list-style: none; position: relative;}
#nav li a	{ font-family: 'FuturaBook', Arial, Helvetica, sans-serif; float: left; padding: 0 10px; color: 3b3b3b; display: block; line-height: 40px; font-size: 14px; color: #3b3b3b; text-transform: uppercase; height: 40px;}
#nav li a:hover	{ background: #9b0000 url(images/nav-hover-bg.png) repeat-x; color: #fff;}

#nav li ul	{ display: none; position: absolute; top: 100%; left: 0; width: 240px; background-color: #e5e4e0; float: none;}
#nav li ul li	{ float: none;}
#nav li ul li a	{ float: none; font-size: 12px; height: inherit; line-height: 16px; padding: 5px 10px;}
#nav li:hover ul	{ display: block;}

.sub	{ padding-right: 25px; background: url(images/white-tick.gif) no-repeat top right;}
.sub .sub-content	{ background: url(images/main-img.jpg) no-repeat; height: 320px; }
.sub-content	{color: #fff; padding: 25px 535px 25px 25px;}
.sub-content p	{ font-size: 14px; line-height: 24px;}

.red	{ padding-right: 25px; background: url(images/white-tick.gif) no-repeat top right;}
.red-content	{ background: url(images/red-gradient.png) repeat-y; color: #fff; padding: 25px; overflow: hidden;}
.red-content h2	{ float: left; width: 300px;}
.red-content p	{ font-size: 14px; line-height: 24px;}
.red-content p.right	{ float: right; width: 635px; text-align: right;}

.grey	{ padding-left: 25px; background: url(images/red-tick.gif) no-repeat top left;}
.grey2	{ padding-left: 25px;}
.grey-content	{ background: url(images/grey-bg.png) repeat-x; color: #fff; padding: 20px; *height: 100%;}
.grey-content .header	{ border-bottom: 1px dotted .ffffff; margin: 0 0 15px 0; padding: 0 0 10px 0; _height: 40px;}
.grey-content .header h3	{ float: left; width: 250px;}
.grey-content .header p	{ float: left; width: 700px;}
.grey-content a	{ color: #fff;}
.grey-content a:hover	{ text-decoration: underline;}

#footer	{ padding-right: 25px; background: url(images/grey-tick.gif) no-repeat top right;}
#footer-content	{ background-color: #fff; padding: 5px 30px; overflow: hidden;}

.main	{ padding-right: 25px; padding-left: 25px; background: url(images/grey-tick.gif) no-repeat top right;}
.main-content	{ background-color: #fff; padding: 30px; overflow: hidden; border-top: 8px solid #e5e4e0; border-bottom: 8px solid #e5e4e0;}


#bottom	{ padding-left: 25px; padding-right: 25px; background: url(images/white-tick2.gif) no-repeat top left;}
#bottom-content	{ background-color: #5d0000; padding: 3px 20px;}
#bottom-content a	{ color: #8c3e20; font-size: 9px;}

/* Classes */

.col	{ float: left; padding: 0 0 0 12px; margin: 0; width: 229px;}
.col-wide	{ float: left; padding: 0 0 0 39px; margin: 0; width: 276px; display: block;}
.center	{ width: 800px; margin: 0 auto;}
.clear	{ clear: both; display: block; height: 1px;}
.ital	{ font-style: italic;}
span.ltGrey	{ color: #a5a5a5; font-weight: normal; font-size: 11px;}
.redType	{ color: #5d0000; font-weight: bold;}

.name	{ font-family: 'FuturaBook', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; font-weight: normal; text-transform: uppercase; color: #5d0000; display: block;}
.title	{ font-size: 14px; font-style: italic; display: block; margin-bottom: 25px;}
.personal-info	{ border-bottom: 1px solid #ccc;}
.personal-info span	{ color: #5d0000;}

.fltRight	{ float: right; width: 300px;}
.fltRight p	{ padding: 10px;}

.fltLeft	{ float: left; width: 550px;}

.columns	{ background: url(images/secondary-hdr1.jpg) no-repeat;}
.auto	{ background: url(images/Automobile-and-Trucking-Accidents.jpg) no-repeat;}
.realestate	{ background: url(images/Real-Estate.jpg) no-repeat;}
.factory	{ background: url(images/factory.jpg) no-repeat;}
.police	{ background: url(images/police.jpg) no-repeat;}
.crane	{ background: url(images/crane.jpg) no-repeat;}
.plans	{ background: url(images/plans.jpg) no-repeat;}
.bandaid	{ background: url(images/bandaid.jpg) no-repeat;}
.pen	{ background: url(images/pen.jpg) no-repeat;}
.police	{ background: url(images/police.jpg) no-repeat;}
.historymain	{ background: url(images/historymain.jpg) no-repeat;}
.clientsmain	{ background: url(images/clientsmain.jpg) no-repeat;}
.profilemain	{ background: url(images/profilemain.jpg) no-repeat;}
.practicemain	{ background: url(images/practicemain.jpg) no-repeat;}
.plans	{ background: url(images/plans.jpg) no-repeat;}

.contact-list li a:first-child {float: left; width: 175px; font-weight: bold; color: #3b3b3b; }
.contact-list li a:first-child:hover	{color: #5d0000;}


