/* -----------------------------------------
Stylesheet for Barnish Companies - www.thebarnishcompanies.com
Author: cdeVision.com
Copyright: (c)2008 cdeVision
Created: 4 November 2008
Amended: (note date and by whom and any notes)
-------------------------------------------- */

body {background:#333; margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#333; text-align:center;}

body#home {}
	body#home #headerwrap {background:#9D0020;}
	body#home #header {background:url(images/bg-header.gif) 230px 11px no-repeat;}
	body#home #logo {width:300px; height:60px; top:30px; left:10px; background:transparent url(images/logo.gif) no-repeat;}
	body#home #logo a {width:300px; height:60px;}
	body#home #tagline {background:transparent url(images/tagline.gif) no-repeat;}
	body#home h1 {color:#700;}
body#trucking {}
	body#trucking #headerwrap {background:#9D0020;}
	body#trucking #logo {width:368px; height:86px; top:0; left:10px; background:transparent url(images/logo-trucking.gif) no-repeat;}
	body#trucking #logo a {width:368px; height:86px;}
	body#trucking #tagline {background:transparent url(images/tagline.gif) no-repeat;}
	body#trucking h1 {color:#700;}
body#landscaping {}
	body#landscaping #headerwrap {background:#025232;}
	body#landscaping #logo {width:368px; height:86px; top:0; left:10px; background:transparent url(images/logo-landscaping.gif) no-repeat;}
	body#landscaping #logo a {width:368px; height:86px;}
	body#landscaping #tagline {background:transparent url(images/tagline-gold.gif) no-repeat;}
	body#landscaping h1 {color:#FAB43E;}

h1, h2, h3, h4 {padding:0; margin:0;} 
h1 {font-size:22px; font-weight:normal; padding:0 0 5px 0; line-height:35px;} /* page titles - interior */
h2 {font-size:14px; padding:0 0 3px 0; line-height:20px; color:#333;} /* sub-titles (dk. grey) */
h3 {font-size:16px; font-weight:bold; color:#6D7980; padding:15px 10px 15px 7px;} /* sidebar header */

p {margin:0; padding:0 0 15px 0; line-height:18px;}
p.intro {font-size:14px; line-height:20px;}
p.error {padding:0 0 10px 22px !important; background:url(admin/icons/warning.gif) 0 1px no-repeat; color:#de0000;}
p.thanks {color:#9E3E42 !important;}
ul, ol {margin:0; padding:0 0 15px 25px;}
li {line-height:18px; padding-bottom:4px;}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE6- */
#call {behavior:url(scripts/iepngfix.htc);}

/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {font-family:arial,helvetica,sans-serif; font-size:13px;}
input {border:1px solid #ccc; width:300px;}
textarea {border:1px solid #ccc; width:300px; height:180px;}
input.button {background-color:#ccc; color:#666; width:80px;}

/* ---- links ----------------------------------------- */
a {color:#9D0020; text-decoration:underline;}  
a:visited {color:#9D0020;}
a:hover {color:#666; text-decoration:none;}
a:active {color:#9D0020;}
a:active, a:focus {outline:none;}
body#landscaping a {color:#025333;}
/* links with icons */
a.arrow-red {background:url(images/icon-arrow-red.gif) 100% 4px no-repeat; padding-right:12px; text-decoration:none;}
a.arrow-red:hover {color:#666 !important; background:url(images/icon-arrow-grey.gif) 100% 4px no-repeat;}
a.arrow-white {background:url(images/icon-arrow-white.gif) 100% 4px no-repeat; padding-right:12px; text-decoration:none;}
a.arrow-white:hover {color:#9D0020 !important; background:url(images/icon-arrow-red.gif) 100% 4px no-repeat;}


/* ---- ids & classes ----------------------------------------- */

#header, #navmenu, #content, #footer  {width:850px; margin:0 auto; text-align:left;}
#headerwrap, #navmenuwrap, #contentwrap {width:100%;}

#headerwrap {}
#header {height:135px; position:relative;}
	#header span {display:none;}
	#header h1, #header h2 {margin:0 !important; padding:0 !important;}
	#logo {position:absolute;}
		#logo a {display:block; background:transparent;}
	#tagline {width:493px; height:13px; position:absolute; top:98px; left:10px;}
	
	#call {width:300px; height:60px; position:absolute; top:38px; left:545px; background:transparent url(images/call.png) no-repeat;}

#navmenuwrap {background:#000;}
#navmenu {height:45px;}
	#navmenu ul {list-style:none; margin:0; padding:0;}
	#navmenu li {margin:0; padding:0; display:block; float:left; height:45px; font-size:13px;}
	#navmenu a {display:block; height:45px; color:#fff !important; text-decoration:none; padding:0 12px; line-height:45px; float:left;}
	#navmenu a.double {line-height:16px; padding-top:6px; height:39px;}
	#navmenu a:hover {background:#5c5c5c;}
	#navmenu a.on {background:#5c5c5c;}

#contentwrap {background:#fff;}
#content {padding:30px 0; min-height:350px;}
	/* home */
	#banner {width:850px; height:250px; background:#5c5c5c; color:#fff;}
		#banner img {display:block; margin:0; float:left; width:480px;}
		#banner #text {float:left; width:310px; padding:30px;}
		#banner h1 {margin:0; padding:0; width:305px; height:63px; background:url(images/home-banner.gif) no-repeat;}
		#banner span {display:none;}
		#banner p {font-size:14px; padding:0 0 10px 0;}
		#banner a {color:#fff; font-size:12px;}
	#boxes {width:850px; background:url(images/bg-boxes.gif) repeat-y; margin:30px 0 0 0;}
		#boxes p {padding:0 0 8px 0;}
		.box {float:left; background:#fff; width:250px; margin-top:5px;}
		.left {margin-left:14px; background:url(images/logo-trucking-small.gif) 0 8px no-repeat; padding-top:58px;}
		.center {margin-left:36px; background:url(images/logo-landscaping-small.gif) 0 0 no-repeat; padding-top:60px;}
		.right {margin-left:40px; background:url(images/quote-title.gif) 0 8px no-repeat; padding-top:55px;}
		.quote {font-size:12px; line-height:18px; background:url(images/quote-open.gif) 0 0 no-repeat; padding:6px 0 20px 26px !important;}
			.quote span {background:url(images/quote-close.gif) 100% 100% no-repeat; display:block; padding:0 22px 0 0;}
		.source {color:#666; line-height:14px; font-size:11px; padding:0 0 0 28px !important;}
	/* interior pages */
	#lcol {float:left; width:410px;}
	#rcol {float:right; width:405px; border-left:1px solid #ccc; margin-top:25px;}
		#rcol img {display:block; margin:0 0 3px 30px;}
		#rcol p.caption {text-align:right; font:normal 10px/12px verdana,sans-serif; padding:0 0 30px 30px; color:#666;}

#footer {font-size:11px; padding-top:12px;}
	#footer p {color:#d6d6d6;}
	#footer a {color:#d6d6d6;}
	#footer a:hover {}
	p#props {color:#666;}
	p#props a {color:#666;}
	
	
/* form tables */
table#formTable {margin:0px 10px 10px 0;}
	table#formTable td {vertical-align:top; padding:4px; font-size:12px;}
	table#formTable td.right {text-align:right; background:none !important;}
	
/* contact form */
table#contactTable {margin:15px 0 5px 12px;}
table#contactTable td {vertical-align:top; padding:4px; text-align:right;}
table#contactTable td label {}
table#contactTable td.left {text-align:left;}
table#contactTable td span {color:red; font-size:14px;}
table#contactTable td form {}
	table#contactTable td input {width:265px;}
	table#contactTable td textarea {width:265px; height:80px;}
	table#contactTable td input.button {width:60px;}
	
		
/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; 
	border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:100;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}