/*
-----------------------------------------------
Careful Piano Movers - CSS Styles
Author:   Karol Golka
Company:  http://www.webstruments.com
Version:  August 16, 2005
----------------------------------------------- 
*/


/* generics
-------------------- */
body {
	background: #BCA88F; 
	margin: 0 auto 40px;
	padding: 0;
	text-align: center;
	font-family: "Lucida Grande", Georgia, "Times New Roman", Serif;
	font-size: small;
	line-height: 1.5em;	
	color: #333;	
	}	
div { margin: 0; padding: 0; }
img { display: block; border: none; }
p { padding: 0; margin: 0 0 1.5em 0; }
p.nopadding { margin: 0; }
ul { margin: 0; padding: 0; list-style: none;}
br.clear { clear: both; }

/* titles
-------------------- */	
h3, dl#pulltext dt, dl.trips dt {
	color: #F66509;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 .4em;
	}
h4 {
	color: #835728;
	background: #F6F0EA;
	font-size: 1em;
	font-weight: normal;
	margin: .3em 0 .8em;
	padding: .4em 1em;
	border: 3px solid #E8E2DB;
	}

/* hyperlinks
-------------------- */	
a, a:link {
	color: purple;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #CDC1B6;
	}
a:visited {
	color: purple;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #CDC1B6;		
	}
a:hover {
	background: #BCA88F;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #A59673;		
	}
a:active {
	background: #BCA88F;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #A59673;		
	}

/* layout
-------------------- */	
#contact {
	width: 882px;
	text-align: left;
	background: url(../images/cpm-top-bubble.jpg) no-repeat 0% 0%;
	height: 109px;
	margin: 0 auto;
	}
#container {
	text-align: left;
	background: url(../images/cpm-contentbkgnd.jpg) repeat-y 0% 0%;
	margin: 0 auto;
	width: 882px;		
	}
#header {
	text-align: left;
	background: url(../images/cpm-header.jpg) no-repeat 0% 0%;
	width: 882px;
	height: 107px;
	position: relative;
	}
#c1, #c2, #c-left, #c-right, #c-left2, #c-right2 {
	margin: 0;
	padding: 0;
	}
#c1 {
	background: url(../images/cpm-contentbkgnd.jpg) repeat-y 0% 0%;
	margin: 0;
	padding: 0;
	}
#c2 {
	background: url(../images/cpm-contenttop.jpg) no-repeat 0% 0%;
	padding: 30px 0 0;
	}
#c-left {
	width: 295px;
	float: left;
	}
#c-left2 {
	padding: 0 18px 0 83px;
	}
#c-right {
	width: 587px;
	float: right;
	}
#c-right2 {
	padding: 0 81px 0 9px;
	}
#footer {
	background: url(../images/cpm-footer.jpg) no-repeat 0% 0%;
	width: 882px;
	height: 78px;
	clear: both;
	text-align: center;
	}
#footer #copyright {
	padding: 40px 0 0;
	display: block;
	font-size: 90%;
	color: #7C664D;
	}
#footer #copyright a {
	color: #714322;	
	}
#footer #copyright a:hover {
	border-bottom-color: #fff;
	}	
	
/* contact information (top bubble)
-------------------- */	
#contact dl {
	margin: 0 0 0 310px;
	padding: 12px 0 0;
	}
#contact dl dd { 
	margin: 0; 
	padding: 0; 
	}
#contact dl dt {
	color: #C54B02;
	font-weight: bold;	
	display: block;	
	padding-left: 13px;
	}
#contact dl dt img {
	margin-left: -15px;
	}	
#contact dl dd {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 90%;
	padding-left: 13px;
	letter-spacing: -1px;
	}
#contact dl dd a {
	color: #fff;
	font-weight: bold;
	border:none;
	text-decoration: underline;
	}	


/* header
-------------------- */	
#header h1 {
	margin: 0;
	padding: 0;
	}
#header h1 a {
	text-indent: -9000px;
	display: block;
	width: 342px;
	height: 92px;
	background: url(../images/cpm-logo.jpg) no-repeat 0% 0%;
	position: absolute;
	top: 12px;
	left: 70px;
	}
#header h1 a:hover { border: none; }
/*
#header h2 {
	background: url(../images/cpm-texas.jpg) no-repeat 0% 0%;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	width: 146px;	
	height: 92px;
	position: absolute;
	top: 12px;
	right: 72px;
	}
*/
#header a#getaquote {
	text-indent: -1000em;
	position: absolute;
	left: 685px;
	top: -20px;
	width: 116px;
	height: 117px;
	background: transparent url(../images/cpm-getafreequote.gif) no-repeat 0% 0%;
	text-decoration: none;
	border: none;
}
	
/* dl.trips
-------------------- */		
div#midwhite {
	width: 882px;
	background: #fff url(../images/cpm-midwhite.jpg) repeat-y 0% 0%;
}
dl.trips {
	margin: 0 100px;
	padding: 30px 0 30px 20px;			
	}
dl.trips dt {
	border-bottom: 2px solid #E8E2DB;
	margin-bottom: .5em;
}	
dl.trips dt strong {
	color: #835728;
	font-weight: normal;
	font-size: .8em;
	padding-left: 15px;
	}
dl.trips dd {
	margin: 0;
}
dl.trips dd.dates {
	margin-top: .8em;
	border-bottom: 2px solid #E8E2DB;
	padding-bottom: 1em;
}
dl.trips dd.dates strong {
	background: transparent url(../images/cpm-icon-trips.png) no-repeat 0% 3px;
	padding-left: 16px;
	margin-right: 10px;
	color: #835728;
}
/* sellmypiano */
a#sellmypiano {
	text-indent: -1000em;
	background: transparent url(../images/cpm-sellmypiano.gif) no-repeat 0% 0%;
	width: 132px;
	height: 35px;
	display: block;
	text-decoration: none;
	border: none;
}

/* left column
-------------------- */	
h2#caution {
	background: url(../images/cpm-caution.gif) no-repeat 0% 0%;
	width: 194px;
	height: 289px;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
	}
h3.padded {
	padding-top: 1em;
	}
ul {
	margin: 0;
	padding: 0;
	}
ul li {
	padding-bottom: .4em;
	padding-left: 14px;
	}
#c-left a {
	font-weight: normal;
}
ul.tools {
	list-style: none;	
	}
ul.tools li {
	background: url(../images/cpm-arrow.gif) no-repeat 0% 7px;
	padding-bottom: .7em;
	}	
#c-left2 strong {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 90%;
	color: #835728;	
	}
span.tag {
	display: block;
	float: left;
	clear: left;
	width: 45px;	
	}
span.note {
	color: #A59673;
	font-size: 85%;
	line-height: 115%;
	display: block;
	padding-top: 5px;
	}
	
/* right column
-------------------- */		
img.decorativeline {
	display: block;
	border: none;
	margin: 0;
	padding: 1.5em  0 1em;
	clear: both;
	}
a#pictures {
	display: block;
	width: 274px;
	height: 142px;
	float: left;
	background: url(../images/cpm-photos.jpg) no-repeat 0% 0%;
	text-indent: -9000px;
	text-decoration: none;
	border: none;
	}
dl#pulltext {
	float: right;
	width: 218px;
	margin: 0;
	padding: 0;
	}
dl#pulltext dd {
	margin: 0;
	padding: 0;
	}
dl#pulltext dt, dl#pulltext dd {
	padding: 0 10px 0 15px;		
	}	
dl#pulltext dt {
	padding-bottom: .4em;
	}	
/* form, fieldset
-------------------- */	
form {
	margin: 0;
	padding: 0;
	}
fieldset {
	border: 1px solid #A59673;		
	margin: 0;
	padding: 0 1em 1em;	
	background: url(../images/cpm-shading.jpg) repeat-x bottom left;	
	}
fieldset legend {
	color: #333;	
	}
form fieldset dl {
	padding: 0;
	margin: 0;
	}
form fieldset dl dt {
	color: #835728;
	font-weight: bold;
	padding: .5em 0 .2em;	
	}
form fieldset dl dt em {
	font-weight: normal;
	font-size: 90%;
	}
form fieldset dl dd label {
	padding: 0 20px 0 3px;	
	}
form fieldset dl dd input { 
	padding: .2em; 
	font-family: Verdana, Arial, Sans-Serif;
	color: #333;
	}
form fieldset dl dd input.medium { width: 100px; }	
form fieldset dl dd input.long { width: 250px; }
form fieldset dl dd textarea.address{ width: 250px; height: 90px;}
form fieldset dl dd textarea.extrainfo{ width: 300px; height: 150px;}
form fieldset dl dd span.label, form fieldset dl dd label em  {
	font-size: 90%;
	color: #A59673;
	margin: 0;
	padding: 0;	
	}
form fieldset dl dd label em { padding-left: 7px; }
form fieldset dl dd span.label strong {
	padding-right: 5px; 
	text-decoration: underline;
	}
form fieldset dl dd span.label {
	color: #F66509;
}
form fieldset dl dd span.blocked {
	display: block;
}
.error_label {
	font-size: 90%;
	color: #cc0001; 	
	}	
span#lblError {
	display: block;
	background: #fff;
	border-bottom: 1px solid #ccc;
	padding: .5em 1em;
	margin: 0;
	font-size: 120%;
	font-weight: bold;	
	}
.button { 
	margin: 1em 0 2em;
	color: white; 	
	font-weight: bold;
	cursor: hand; 
	border: 1px solid #cc0001;
	background: #F66509;
	padding: 4px;	
	width: 250px;		
	}