/* CSS Document */

body { background: #39F url(images/bg-main.jpg) top left repeat-x fixed; margin: 0 auto; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }

img { border: 0 none;}


#wrap { width: 850px; border: 2px solid #C96; margin: 0 auto; background-color: #CB9; }

.list ul {
	list-style: none;
	height: 30px;
	margin: 0;
	padding: 5px 0;
	font-size: 12px;
	text-align: center;
	color: #CFF;
	background-color: #39F;
}
.list ul li {
	display: inline; 
	margin: 5px 0;
	padding: 5px;
}
	
#header-block { clear: both; height: 82px; width:850px; border-bottom: 2px solid #CC9966; background: #39F url(images/top-block.jpg) bottom left repeat-x scroll; color: #FFF; }
.logo { padding: 10px 5px 0 5px; float: left; display: inline;}
#navi-block { float: right; width: 635px; text-transform: uppercase; height: 74px; }
.navi  { margin: 0; width: 620px; padding-top: 30px; height: 42px; float: left; }
.navi li { display: inline; float: left; padding: 10px 10px 0 15px; font-size: 13px;
height: 32px; font-weight: bold; text-align: left;}
.navi a { color: #FFF; text-decoration: none;}
 
#left { width: 275px; float: left; background: #CCBB99 url(images/carpet-pro-logo.png) 123px bottom no-repeat scroll; padding-bottom: 155px; }
.slogan-block-left {background: url(images/cleaner-block.jpg) top no-repeat scroll; width:275px; color: #000; height: 278px;}
.slogan { width: 200px; margin: 0 auto; padding: 190px 10px 0 10px; font-size: 16px; text-align: center; font-family: "Times New Roman", Times, serif; font-style: italic; line-height: 16px;}
.welcome-block { clear: both; padding: 5px; text-align: left; font-size: 13px; }
.welcome-block ul { font-weight: bold; font-size: 14px; }
.welcome-title { text-align: center; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

#right { width: 575px; float: left; clear: right; background-color: #FFF; color: #333; }
.title-2 { text-align: center; font-size: 20px; color: #0066CC; margin: 0; padding-top: 10px; padding-bottom: 15px; }
.title-3 { text-align: center; font-size: 22px; color: #006; margin: 0; padding-top: 10px; padding-bottom: 5px; }

.slogan-block-right { width: 575px; height:278px; clear: both; background: url(images/van-photo.jpg) top center no-repeat scroll; }
.right-24 { clear: both; margin: 0 auto; height: 30px; color: #FFF; background-color: #00C; }
.h2-24 { text-align: center; padding-top: 5px; font-size: 20px; margin: 0;}
.bottom-24 { clear: both; margin: 217px auto 0 auto; height: 25px; background-color: #C00; color: #FFF; padding-bottom: 5px;}
.closer { height:1px; clear: both; }

.go { padding: 5px; margin: 0 auto; clear: both; }
.content { clear: both; width: 575px; margin: 0 auto; min-height: 500px; }
.display { float: left; display: inline; width: 180px; margin-left: 7px; text-align: center; border: 1px solid #C96; height: 400px; margin-bottom: 5px; padding-top: 5px; }
.h3-display { margin: 0; padding: 3px 0 10px 0; font-size: 14px; color: #F60; }
.areas { width: 575px; height: 150px; clear: both; background-color: #039; color: #CCFFFF; text-align: center; font-size: 14px; font-weight: bold;}
.display p {padding: 5px; height: 100px;}

.h4areas { margin:0; padding: 10px 0; color: #FFF;}

#footer { text-align: center; width: 850px; color: #FFF; height: 75px; margin: 0 auto; padding-top: 10px; }
#footer a {color: #FFF;}

/* CONTACT PAGE */
 .form { clear:both; width: 550px;	font-size:14px;	color:#333; padding: 5px; text-align: center; font-weight: bold;}
 
.form label { display:block; line-height:25px; padding-top: 10px; }
.input { border: #39F 1px solid; }
.notes { display: block; margin: 0 auto; border: #39F 1px solid; width:  50%; height: 150px; }
.form-button { display: block; margin: 10px auto; clear: both; text-align: center; width: 125px; }
#address { width: 350px; float: right; clear: right; text-align: center; font-size: 14px; line-height: 1.2em; color: #FFF; padding: 10px; }
.addrs { font-size:18px; color: #FFC; margin: 0;}
#map { float: right; clear: right; padding: 5px; color: #fff; text-align: center; }
.thanks { padding: 5px 20px; text-align: center; font-size: 14px; font-weight: bold; }
#map a { color: #FC9; }
.msg-sent { padding: 5px 10px; text-align: center; }
/* CAPTCHA */

.captcha-wrap { display: block; clear: both; margin: 10px auto 0 auto; padding-bottom: 10px;}
.captcha-head {font-size: 14px; color: #963; font-weight: bold; text-align: center; padding: 10px 5px; }
.captcha-image { display: block; margin: 0 auto; text-align: center;}
.border { border: #C60 1px solid;  padding: 5px; margin: 5px auto;}
.captcha-text {  clear: both; width: 250px; font-size: 12px;  line-height: 15px; text-align: center; padding-top: 10px; margin: 0 auto;}
.code { width: 150px; text-align: center; border: #000 1px solid;}
.captcha-links { display: block; clear: both; height: 12px; text-align: center;}
.captcha-wrap a { color: #963; }

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #963;
visibility: hidden;
z-index: 10;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* SERVICES */

.services { font-size:16px; font-weight: bold; color: #F60; }
.text-span { padding: 3px 0 10px 0; font-weight: normal; font-size: 14px; color: #000; display: block; }
.thumbs { border: 1px solid #963; margin: 3px 0 3px 10px;}
#gallery { text-align: center; padding: 10px 0; font-size: 11px;}