/* @override http://mooneyspainting.net/inc/css/global.css */

/* @override http://www.mooneyspainting.net/inc/global.css */

body {
	background: black;
	font-family: "Gotham", "Gotham HTF", Arial;
	margin: 0;
	font-size: 12px;
	}

a img {border: none;}

/* content styling */
	
h1, h2, h3, h4, h5, h6, h7, p, ul, cite, q { 
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
	text-shadow: rgba(0,0,0,0.01) 0 0 0;}
	
h3 {
	color: orange;}

p, ul, address, cite, q, blockquote {
	font: 12px/18px "Gotham", "Gotham HTF", Arial;}
	
cite {
	font-style: italic;
	display: block;
	color: #999;}
	
a {	color: #D18000; text-decoration: none;}
	
a:hover {color: #F1B000;}


#content li { 
	background: url(/images/bullet.gif) 0 4px no-repeat;
	padding-left: 12px;}
	
#content li.tall { 
	margin-bottom: 7px;}
	
#content li a.thumb {
	background: url(/images/photo-icon.gif) no-repeat;
	text-indent: -9999px;
	display: inline;
	width: 16px; height: 13px;
	padding-left: 20px;
	color: #222;
	}
	
#content strong { color: #CCA355;}
#content a strong { color: #CCA355; text-decoration: underline;}

.highlight {
	font-size: 24px;
	line-height: normal;
	margin-bottom: 20px;
}

input { 
	padding: 3px; 
	border: 2px solid #ccc;
	-webkit-border-radius:3px;
	-mozilla-border-radius:3px;
	color: #999;}
	
textarea {color: #999;}

input:focus, textarea:focus {
	background: #ffffcc !important;
	color: black;
	outline: none;}
	
input.button { 
	border: none;
	display: block;
	padding: 5px 10px;
	background: orange url(/images/orange_gradient.gif);
	float: right;
	width: inherit;
	font: bold 11px arial;
	color: white;
	text-shadow: 1px 1px 1px #D57F00;
	margin-bottom: 0px;
	border-bottom: 1px solid darkorange;
	cursor: pointer;}
	
input.button:focus {	
	background: darkorange !important;}
	

	
	
/* reusables */

.hidden {display: none;}
.error { 
	background: #5d070b url(/images/error.gif) 11px 12px no-repeat;
	padding-left: 35px !important;
	padding: 10px;
	border-bottom: 1px solid maroon;
	color: #fcd2cc;
	/*-webkit-border-radius:3px;
	-mozilla-border-radius:3px;*/}

img { margin: 0; padding: 0; vertical-align: bottom;}

.small { font-size: 85%;}
.borders { border: 10px solid #2d2d2d;}
#gallery .thumb { 
	border: 5px solid #2d2d2d; 
	padding: 1px;
	background: black;
	margin: 0 10px 10px 0; 
	display: block; 
	float: left;}	
.thumb:hover { border-color: #444;}

.aside { padding: 10px 10px 3px 10px; background: #2d2d2d; border-bottom: 1px solid #444; margin-bottom: 10px; overflow:hidden; }
.coupon { padding: 10px 10px 5px 10px; background: #2d2d2d; border: 1px dashed #444; margin-bottom: 10px; overflow:hidden; }

p.l {float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #444;}
.last {border: none !important;}

p.caption { padding: 0 10px 10px 10px; background: #2d2d2d; margin-bottom: 10px;}

p.icon { 
	padding-left: 27px; 
	background: url(/images/speech-icon.jpg) 0 3px no-repeat;
	margin: 30px 0;}

#body #content .column { 
	float: left;
	margin-right: 20px;
}
	
/* column widths, class names represent percentages */
.w25 { width: 217px;}
.w30 { width: 250px;}
.w40 { width: 350px;}
.w50 { width: 450px;}
.w60 { width: 550px;}
.w70 { width: 650px;}

#content .column.last { 
	margin-right: 0 !important;
}

	
/*layout*/
	
#brush { 
	background: url(/images/strip.gif) repeat-x;
	width: 100%;
	height: 132px;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;}
	
	#brush div { 
		background: url(/images/pbrush_dark.gif) no-repeat fixed;
		height: 132px;}
		
#container {
	width: 960px;
	margin: auto;
	position: relative;
	z-index: 2;}
	
#header {
	color: white;
	margin-top: 30px;}
	
#header h1 {
	background:url(/images/logo.gif);
	height:52px; width:353px;
	text-indent:-9999px; }
	
#header .phone { 
	float: right;
	font: 32px arial;
	text-indent: -9999px;
	height: 28px; width: 228px;
	background: url(/images/phone.gif) no-repeat;
	margin-top: 15px;
	}
	
#menu {
	background: url(/images/orange_gradient.gif);
	overflow: hidden;
	padding: 0;
	margin-bottom: 0;
	
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	}
	
#menu li {
	display: inline;}
	
#menu a {
	display: block;
	float: left;
	font: 500 13px "Gotham HTF";
	padding: 13px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#menu a.selected, #menu a:hover { 
	background: url(/images/sel.gif) center bottom no-repeat;
}

#body {
	background: #222;
	color: #ccc;
	overflow: hidden;}
	
#body h2 { 
	background: url(/images/page-head.jpg) no-repeat;
	font: 500 30px "Gotham HTF" arial;
	text-transform: uppercase;
	padding: 15px;
	margin: 0;}

#body #content { 
	padding: 15px;
	overflow: hidden;}

#midbar #slogan { 
	background: url(/images/splatter.gif) repeat-x;
	float: left;
	padding: 15px;
	width: 355px;}
		
#midbar #slogan p  { 
	font: normal 26px/35px "Gotham HTF";}

#midbar #slogan a, .learn_more { 
	background: url(/images/learn_more_lg.gif);
	display: block;
	height: 37px; width: 135px;
	text-indent: -9999px;}
			
#midbar #slideshow { 
	float: right;}	
		
#midbar .slide { 
	width: 575px;
	height: 315px;}

#midbar div.slide a {
	background: url(/images/trans_black.png);
	display: block;
	padding: 10px;
	margin-top: 135px;
	font-family:tahoma, arial ;}
	
	.slide a.previous {
		float: left; 
		-moz-border-radius-topright: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-bottomright:3px;
		-webkit-border-bottom-right-radius:3px;}
		
	.slide a.next { 
		float: right;
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-bottomleft:3px;
		-webkit-border-bottom-left-radius:3px;}

#footer {
	color: #666;}
	
	
#footer p { text-align: center;}
#footer #sub-footer p { text-align: left;}

#footer ul { text-align: center; }
#footer li { display: inline; text-align: center; padding-right: 8px; }
#footer ul a { font-size: 9px; }


#crumbs { 
	background: url(/images/white_gradient_sm.gif);
	padding: 8px;
	margin-bottom: 0;}
		
#crumbs li { 
	display: inline;
	font: bold 12px arial;
	color: #999;}
		
#crumbs li a { 
	}
	
#sub-footer {
	background: #ccc url(/images/white_gradient_lg.gif) repeat-x;
	overflow: hidden;
	margin-bottom: 8px;
	
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;		
	}
		
#sub-footer .module {
	border-right: 1px dotted #ccc;
	float: left;
	padding: 13px;}
		
#sub-footer h4 {
	color: #666;
	font-size: 14px;}
	
#fine-print { 
	color: #666;}
	
	
.browse { 
	width: 210px;
	padding-right: 0 !important;}
	
.browse ul { 
	float: left;
	width: 95px;
	margin-right: 10px;
	}
	
/* contact form */

#contact_form div {
	font-size: 12px;
	margin-bottom: 0px;
	padding: 10px 10px 10px 0px;
	border-bottom: 1px dotted #444;}


#contact_form div label{
	font-weight: bold;
	float: left;
	display: block;
	width: 190px;}
	
#contact_form input, #contact_form textarea {
	width: 318px;
	padding: 5px;
	font-size: 12px;
	border: 0px solid #444;
	-webkit-border-radius: 3px;
	-mozilla-border-radius: 3px;
	}
	
#contact_form textarea {
	height: 100px;}
	
#contact_form input.captcha {
	width: 223px;
	padding: 6px;}
	
#contact_form img.captcha {
	border: 3px solid #444;
	height: 24px;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	}
		
#contact_form input.button {
	display: block;
	padding: 5px 10px;
	background: orange url(/images/orange_gradient.gif);
	float: right;
	width: inherit;
	font: bold 12px arial;
	color: white;
	text-shadow: 1px 1px 1px #D57F00;
	margin-bottom: 10px;
	}
	
#contact_form div span{
	float: left;
	clear: left;
	display: block;
	width: 190px;
	font: 0.9em arial;
	color:#999;}

/*affilation logos*/

.affiliations { 
	position: relative;
	width: 280px;
	background: url('/images/logos.gif') no-repeat right bottom;
	height: 95px;}
	
.affiliations a {
	display: block;
	position: absolute;
	background: url(/images/clear.gif);}
	
.affiliations a#mab {
	width: 130px; 
	height: 20px;
	top: 45px; 
	left: 10px;}
	
.affiliations a#benmoore {
	width: 130px; 
	height: 30px;
	top: 78px; 
	left: 10px;}
	
.affiliations a#sherwin {
	width: 40px; 
	height: 60px;
	top: 35px; 
	left: 150px;}
		
.affiliations a#circle {
	width: 40px; 
	height: 40px;
	top: 35px; 
	left: 212px;}
	
.affiliations a#behr {
	width: 70px; 
	height: 30px;
	top: 85px; 
	left: 200px;}	

.affiliations a#bbb {
	width: 30px; 
	height: 45px;
	top: 40px; 
	left: 270px;}
	
#regions ul.left { 
	float: left;
	width: 80px;}
#regions ul#alt.left { 
	float: left;
	width: 200px;}	

/* sifr */

  .sIFR-active h2 {
    font-family: Verdana;
    visibility: hidden;
    text-transform: uppercase;
    color: #ff0000;
  }