/* --- kamaainapro.com --- */
html {
margin: 0;
padding: 0;
width: 100%;
height:100%;
}
body {
margin: 0;
padding: 0;
background-color: #fff;
color: #48452B;
position: relative;
width: 100%;
text-align: center;
font-size: 13px;
font-family: tahoma, arial, sans-serif;
min-height:100%; height:100%;
}
h1 {
font-size:20px;
}
h2, h3 {
color:#513315;
}
h3 {
font-size:15px;
}
h4 {
color:#9B966F;
font-size:14px;
}
h5 {
color:#9B966F;
font-size: 13px;
font-weight:bold;
}
a {
text-decoration: none;
font-weight: bold;
color: #fff;
display: inline;
}
a:hover {
text-decoration: underline;
}
span, h4, #expect p, #plus p {line-height:19px;
}
div, a, h1, h2, h3, h4, h5, p, img, ul, li{
margin:0;
padding:0;
border:0;
}
#header {
width: 100%;
height:300px;
background: #8c9e3b url(/images/headerback.jpg) top center;
margin-bottom:7px;
}
#floater {
margin: 0 15px 5px 0;
}
#headercon, .container {
width: 1000px;
margin: 0 auto 0 auto;
border: 2px;
text-align: left;
}
.container {
position:relative;
}
#logo {
margin:17px 0 0 48px;
float:left;
text-align:center;
width: 1000px;
}
#navigation {
margin:126px 0 0 73px;
float:left;
text-align:left;
}
#navigation a {
height: 41px;
display: block;
}
#navigation li {
float: left;
position: relative;
}
#navigation li, #navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
z-index:9999;
margin-left:42px;
}
/*--- Dropdowns ---*/
#navigation li:hover ul { left: auto;}
#navigation li li { float: none; position: static; width: 100%; margin-left:22px; background-image: url(/images/linkpointer.png);
padding-left: 0px;
background-repeat: no-repeat;
background-position: 0 .75em;
list-style-type:none;}
#navigation li li.last { border-bottom: 0px;}
#navigation li li a, #navbar li li a:hover, #navbar li li a:active {
background: none;
height: auto;
padding: 5px 0 5px 12%;
text-indent: 0;
width: 76%;
}
#navigation li li a {
color:#F15A24;
}
#navigation li li a:hover { text-decoration:underline;}
#navigation li ul {
background:transparent url('/images/dropdownbehind.png') no-repeat left bottom;
left: -999em;
line-height: 1.5;
padding:10px 0 15px 0;
position: absolute;
top: 41px;
width: 200px;
z-index:899;
height:160px;
}
#middlebar {
background: #FFF url(/images/middleback.jpg) no-repeat center;
width:100%;
height:175px;
}
#runnerbar {
background-color: #C4B791;
width:100%;
height:260px;
border-bottom:solid 7px white;
position:relative;
overflow: hidden;
}
#flash {
position:absolute;
left:-380px;
}
#middlebar h1{
margin:0 0 5px 12px;
font-size:19px;
}
#middlebar #lefth, #gogreen{
color:#517715;
}
#slot1 {
margin-top:18px;
margin-left:22px;
float:left;
width:419px;
position:relative;
z-index:1;height:108px;
}
#slot2 {
margin-top:18px;
margin-left:119px;
width:419px;
float:left;
z-index:2;
position:relative;height:108px;
}
#lowerbar {
background: #FFF url(/images/lowerback.jpg) repeat-x;
width:100%;
height:auto;
z-index:6;
position: relative;
float:left;
}
#lowerbar a{
color:#F15A24;
}
#lowercol1 {
padding-top:25px;
margin:0 25px 0 22px;
width:534px;
float:left;
height:auto;
}
#lowercol2 {
padding-top:25px;
width:387px;
float:left;
height:auto;
}
#lowercol3 {
margin:0 35px 0 22px;
width:220px;
float:left;
height:500px;
background:transparent url(/images/menuback.png) repeat-x;
}
#lowercol4 {
padding-top:25px;
width:700px;
float:left;
height:auto;
}
#lowercol5 {
margin:10px 0 0 22px;
padding-top:35px;
width:955px;
height:auto;
float:left;
}
#lad {
position:relative;
width:210px;
}
#footer {
background: #8c9e3b url(/images/headerback.jpg) no-repeat center;
width:100%;
height:95px;
position: relative;
z-index:10;
float:left;
margin-top:100px;
}
#footernav {
padding-top:25px;
margin-left:22px;
color:#fff;
text-align:center;
}
#footernav ul{
margin:0 0 13px 0;
padding:0;
}
#footernav li{
list-style-type: none;
float:left;
margin-right:30px;
}
#lowerbar p.follow {
text-align:right;
}
.more {
color:#F15A24;
margin-right:25px;
font-size: 14px;
}
/* --- IE Bug fix - start --- */
.block {
z-index:15;
display:block;
width:419px;
height:108px;
position:absolute;
top:45px;
left:23px;
background: transparent url(/images/transparent.png) no-repeat;
}
/* --- IE Bug fix - end --- */
img#profpainter {
z-index:2;
left:407px;
top:-30px;
position:absolute;
}
img#room {
z-index:10;
left:525px;
top:143px;
position:absolute;
}
img#room1 {
z-index:1;
left:386px;
top:0px;
position:absolute;
}
img#phone {
z-index:11;
left:340px;
top:25px;
position:absolute;
}
img#brush {
z-index:3;
left:452px;
top:-22px;
position:absolute;
}
img#brush1 {
z-index:2;
left:272px;
top:41px;
position:absolute;
}
img#ladder {
z-index:99999;
right:140px;
top:-280px;
position:absolute;
}
img#swatches {
z-index:2;
left:412px;
top:-17px;
position:absolute;
}
img#wetpaint {
z-index:2;
left:416px;
top:-10px;
position:absolute;
}
img#pback {
z-index:99999;
right:70px;
top:-190px;
position:absolute;
}
#whiteback {
background: transparent url(/images/white.png) no-repeat;
width:522px;
height:262px;
padding:11px 0 0 11px;
}
/* --- about page --- */
#promotions {
height:78px;
margin:5px 0 0 15px;
}
#promotions a{
background: url(/images/promotion_buttons.png) no-repeat;
width: 190px;
text-indent: -999em;
display: block;
overflow: hidden;
border:0px;
}
#promotions li {
float: left;
position: relative;
}
#promotions li, #promotions {
list-style-type: none;
padding: 0;
}
#refer a { background-position: 0 0; height: 40px; }
#per_room a { background-position: 0 -40px; height: 38px; }
#refer a:hover { background-position: 0 -78px; height: 40px; }
#per_room a:hover { background-position: 0 -118px; height: 38px; }
#plus li {
margin-bottom:15px;
background-image: url(/images/plus.png);
padding-left: 25px;
background-repeat: no-repeat;
background-position: 0 .1em;
list-style-type:none;
}
#expect li {
margin-bottom:15px;
background-image: url(/images/check.png);
padding-left: 25px;
background-repeat: no-repeat;
background-position: 0 .1em;
list-style-type:none;
}
#noexpect li ul{
margin-top:15px;
}
#noexpect li li{
background-image: none;
list-style-type:disc;
padding-left:5px;
margin-left:20px;
}
#noexpect li {
margin-bottom:15px;
background-image: url(/images/nocover.png);
padding-left: 25px;
background-repeat: no-repeat;
background-position: 0 .1em;
list-style-type:none;
}
#sidebar {
margin:30px 10px 0 30px;
}
#sidebar li {
background-image: url(/images/linkpointer.png);
padding-left: 25px;
background-repeat: no-repeat;
background-position: 0 .2em;
list-style-type:none;
display: block;
height: 36px;
}
#sidebar a {
color:#F15A24;
}
#emph {
font-size:14px;
color:#9B966F;
}
#promise li{
background: url(/images/promiseicon.png) no-repeat;
padding: 20px 25px 10px 110px;
background-position: 25px 25px;
list-style-type:none;
}
#promise {
background: url(/images/promiseback.png) no-repeat;
height: 141px;
}
#promisetitle {
color:#517715;
}
#promise p{
color:#513315;
}
#greenpaint li {
margin-bottom:15px;
background-image: url(/images/recyclebullet.png);
padding-left: 40px;
background-repeat: no-repeat;
background-position: 0px 0px;
list-style-type:none;
display:block;
height:25px;
}
.can {
float:left;
margin-right:20px;
}
.paints {
width:620px;
margin-bottom:20px;
float:left;
}
.paints ul {
float:left;
width:280px;
padding-left:20px;
margin:5px 10px 0 0;
}
.paints li{
height:auto;
line-height:25px;
}
.green, .paints h3 {
color:#517715;
}
#small {
color:#9B966F;
}
/* --- contact page --- */
#contactform {
height:auto;
margin-right:10px;
}
#contactform label{
padding:8px ;
font-weight:bold;
width:140px;
display:block;
float:left;
text-align:right;
margin-bottom:2px;
}
#contactform input{
padding:10px;
width: 300px;
background-color: #F8F5E9;
border: solid 1px #9B966F;
}
#button{
width:79px;
height:34px;
margin-left:370px;
background:#fff;
border:0;
}
#contactform2 {
height:auto;
margin-bottom:30px;
padding-left:155px;
}
#contactform2 .nofloat {
float:none;
width:460px;
height:80px;
}
#contactform2 .nofloat1 {
float:none;
width:460px;
height:60px;
}
#contactform2 #nofloat2 {
float:none;
width:460px;
height:50px;
}
#contactform2 .radio {
float:left;
width: 230px;
}
#contactform2 textarea{
padding:8px;
width: 300px;
height:50px;
background-color: #F8F5E9;
border: solid 1px #9B966F;
}
.radio label{
float: left;
margin-left: .5em;
padding:2px 0 8px 0;
width: 200px;
}
.radio input{
float: left;
clear: both;
}
p#submitright {
text-align:right;
margin-right:80px;
}
#errormessage {
background-color:#DD9B54;
padding:30px 0 15px 30px;
margin-bottom:10px;
color:#fff;
}
#errormessage h3{
color:#C44027;
}
#errormessage li {
margin-bottom:15px;
background-image: url(/images/nocover.png);
padding-left: 25px;
background-repeat: no-repeat;
background-position: 0 .1em;
list-style-type:none;
}
/* --- color page --- */
#flashcolor {
border: 2px solid #9B966F;
width:956px;
height:660px;
background-color:#fff;
margin:22px 0 0 22px;
}
#pmargin {
margin-right: 15px;
}
#contactinfo {
margin:30px 0 0 25px;
}
/* --- services page --- */
#sidehome {
margin:0 0 0 16px;
}