@charset "utf-8";
/* 
CSS Document FOR DAN BRADY danbradypaintingtricks.com 
CREATED: 2008.10.07 
AUTHOR: MATT COOPER FOR FLIGHT PATH CREATIVE
*/

body
{
	background-color:#717174;
	margin:0 0 50px 0;
	padding:0;
	text-align:center;
}
H1, H2, H3, H4, H5, H6
{
	margin:0;
	padding:0;
}
div.hr
{
	background-color:#e7b909;
	height:5px;
	margin:0;
	padding:0;
}
img
{
	border:none;
}
div, p, input, select, textarea, span, a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a
{
	color:#adafb2;
	text-decoration:none;
}
a:hover
{
	color:#e7b909;
	text-decoration:none;
}

#container-main
{
	width:1024px;
	margin:30px auto;
	height:auto;
	padding:0;
	background-color:#e7b909;
}


#col-rt
{
	float:right;
	margin:0;
	border-left:solid 2px #717174;
	padding:0;
	width:661px;
	min-height:636px;
	background-color:#717174;

}
#col-lt
{
	float:left;
	margin:0 auto;
	padding:0;
	width:361px;
	min-height:636px;
	background-color:#717174;
}
#col-rtHP
{
	float:right;
	margin:0;
	border-left:solid 2px #717174;
	padding:0;
	width:661px;
	min-height:466px;
	background-color:#717174;

}
#col-ltHP
{
	float:left;
	margin:0 auto;
	padding:0;
	width:361px;
	min-height:466px;
	background-color:#717174;
}

#nav-main
{
	margin:0 0 5px 0;
	padding:0;
	height:21px;
	background-color:#717174;
}
#nav-main-rt
{	
	margin:0 0 0 2px;
	padding:0;
	float:right;
	width:440px;
}
#button-contact
{
	margin:0;
	padding:4px 0 2px 0;
	float:right;
	width:218px;
	height:18px;
}
#button-about
{
	margin:0;
	padding:4px 0 2px 0;
	float:left;
	width:218px;
	height:18px;
}
#button-painting
{
	margin:0;
	padding:4px 0 2px 0;
	float:left;
	width:218px;
	height:18px;
}



div.main-nav-off
{
	background-color:#adafb2;
}
div.main-nav-off a
{
	color:#717174;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
}

div.main-nav-on
{
	background-color:#e7b909;
	cursor:pointer;
}
div.main-nav-on a
{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
}


#container-header
{
	margin:0 0 2px 0;
	padding:0;
	height:24px;
	vertical-align:bottom;
}
#shopcart-count
{
	float:right;
	margin:0;
	padding:0 4px 0 0;
	width:150px;
	vertical-align:bottom;
	text-align:right;
}
#link-home
{
	float:left;
	margin:0;
	padding:0;
	width:130px;
	text-align:left;
	vertical-align:bottom;
}
#video-clip
{
	background-color:#adafb2;
	width:360px;
	height:288px;
	margin:2px 0 2px 0;
}
#video-clip p
{
	font-size:14px;
	padding:6px 0 0 0;
	margin:0;
}
#video-clip table
{
	margin:10px 0 0 0;
	padding:0;
}
#video-clip td
{
	text-align:left;
	vertical-align:top;
}
#video-clip th
{
	text-align:right;
	vertical-align:top;
}
#video-clip input, #video-clip textarea
{
	width:170px;
}
#buy-now
{
	height:160px;
	background-color:#e7b909;
}
#buy-now-rt
{
	float:right;
	margin:0;
	background:#e7b909;
	width:158px;
	height:160px;
	text-align:left;
	padding:0 8px 0 0;
}
#buy-now-rt p
{
	font-size:16px;
	color:#fff;
	font-weight:bold;
}
input.button-off
{
	color:#717174;
	background-color:#c8cacc;
	padding:3px;
	margin:10px 0;
	border:none;
	font-weight:bold;
	cursor:pointer;
}
input.button-on
{
	color:#717174;
	background-color:#fff;
	padding:3px;
	margin:10px 0;
	border:none;
	font-weight:bold;
	cursor:pointer;
}
/*
div.button-on
{
	color:#717174;
	background-color:#fff;
	padding:3px;
	margin:10px 0;
	border:solid 1px #e7b909;
	font-weight:bold;
	cursor:pointer;
}
*/
input.button-y, div.button, a.button
{
	color:#fff;
	background-color:#e7b909;
	padding:3px;
	margin:10px 0;
	border:none;
	font-weight:bold;
	cursor:pointer;
}
a.button:hover {
	background-color:#fff;
	color:#e7b909;
	padding:3px;
	margin:10px 0;
	border:none;
	font-weight:bold;
	cursor:pointer;
}

#buy-now-lt
{
	float:left;
	margin:0;
	background:#e7b909;
	width:121px;
	height:104px;
}

#content-main, #content-main-noscroll
{
	margin:0;
	padding:4px 10px 10px 12px;
	min-height:625px;
	height:auto;
	text-align:left;
	color:#717174;
	background-color:#d8d9da;
	scrollbar-base-color:#adafb2;
	scrollbar-face-color:#e7b909;
}

#content-main-short
{
	margin:0;
	padding:0 10px 10px 12px;
	height:auto;
	min-height:466px;
	text-align:left;
	color:#717174;
	background-color:#d8d9da;
	scrollbar-base-color:#adafb2;
	scrollbar-face-color:#e7b909;
}
#content-main a, #content-main-short a, #content-main-noscroll a
{
	color:#424242;
}
#content-main a:hover, #content-main-short a:hover, #content-main-noscroll a:hover
{
	color:#e7b909;
}
#page-title
{
	font-size:18px;
	font-weight:bold;
	margin:10px 0 0 0;
}
#pagehead
{
	padding:0;
	margin:10px 0 0 0;
	width:580px;
}
#pagehead2-rt {
	padding:0;
	margin:0;
	width:auto;
	float:right;
}
#pagehead2
{
	padding:0;
	margin:10px 0 0 0;
	background-color:#e7b909;
	width:450px;
}
#pagehead-rt
{
	margin:0;
	padding:0 10px 0 0;
	float:right;
	height:147px;
	background-color:#e7b909;

}
#pagehead-rt p
{
	font-weight:bold;
	font-size:20px;
	color:#fff;
	padding:0;
}
#pagehead-rt span
{
	font-size:10px;
	font-style:italic;
	color:#717174;
}
#pagehead-lt
{
	margin:0;
	padding:0;
	float:left;
	width:221px;
	height:147px;
}

#links
{
	color:#717174;
	font-size:10px;
	text-decoration:none;
}
#links a
{
	color:#000;
	font-weight:bold;
}
#links a:hover
{
	color:#e7b909;
}
#testimonials
{
	padding:0 0 20px 0;
}
#testimonials p
{
	color:#000; 
	font-style:italic;
	font-size:16px;
}
#testimonials p span
{
	color:#717174;
	font-style:normal;
	font-size:12px;
}
#testimonials-intro
{
	padding:8px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#section-title, div.section-title
{
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:10px 0 0 0;
}
#subsection-title, div.subsection-title
{
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:10px 0 0 0;
}
#hp-hero
{
	background-color:#fff;
	width:221px;
	height:auto;
	float:right;
}
#hp-hero p, #contact-hero p
{
	margin:0;
	padding: 6px 4px 6px 4px;
	font-size:12px;
	color:#717174;
	text-align:center;
}
#contact-hero
{
	background-color:#fff;
	width:288px;
	height:auto;
}


#container-foot
{
	margin:0 auto;
	padding:0;
	width:1024px;
}
#nav-bottom
{
	float:left;
	margin:0 auto;
	padding:0;
	color:#adafb2;
}
a.on
{
	color:#e7b909;
	text-decoration:underline;
}
#copyright
{
	float:right;
	margin:0 auto;
	padding:0;
	color:#adafb2;
	text-align:right;
}
div.content-int {
	padding:6px 0 0 0;
}
p.product_title, a.product_title {
	color:#717174;
	font-size:14px;
	font-weight:bold;
	padding:2px;
}

#tricks-of-the-trade-logo {
	/*background-color:#e7b909;*/
	padding:0;
	margin:0;
	width:361px;
}


/***Tony Aslett's clearing hack***/
.clearing:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearing {
	display: inline-block;
}

/* hides from IE/Mac \*/
* html .clearing { 
	height: 1%;
}

.clearing {
	display: block;
}
/* end hide from IE-Mac */
/***end clearing hack***/

/** begin cart/checkout style **/
#cartContainer
{
	color: white;
	width: 400px;
	margin: auto;
}

#cartContainer TABLE
{
	color: black;
	background-color: white;
}

#cartContainer .button
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	background-color: white;
	padding: 2px;
	margin-top: 1px;
	border: 1px solid black;
	text-align: center;
	width: 98px;
	height: 14px;
	line-height: 14px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

#cartContainer .right
{
	float: right;
	margin-left: 8px;
}

#cartContainer .left
{
	float: left;
	margin-right: 8px;
}

#cartButtons
{
	margin-top: 8px;
}
/** end cart/checkout style **/

ul#chapterList {
	list-style-type:none;
	padding:0 0 10px 14px;
	margin:0;
	text-align:left;
}
ul#chapterList li {
	list-style-type:none;
	padding:2px 10px 2px 10px;
	text-align:left;
}
ul#chapterList a {
	color:#000;
}
ul#chapterList a:hover {
	color:#666;
}