/*-----------------------------------------
 Default styles for keyinteriordesign.com
 copyright: kris hull
 author: Kris Hull [ kr15.com ]
 updated: feb 2008
 
#b9c9d5 light blue
#e7ecf0 super light blue
#869eb2	blue
#543019 brown
#150c06 super dark brown
-----------------------------------------*/

/*-----------------------------------------
general crud
-----------------------------------------*/
body{
margin:0;
padding:0;
background: #b9c9d5 url(../img/bkg.gif) repeat-x;
color:#543019;
font: 76% "Lucida Grande","Lucida Sans Unicode","Lucida sans",lucida,Helvetica,Arial,sans-serif;
line-height: 2em;
}
a:link, a:visited{color:#000; }
a:hover, a:active{color:#b9c9d5; }

img, a img, a:link img, a:visited img, a:hover img {
border:0;
}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; color:#543019; line-height: 1em;}
h1{font-size: 2.5em;}
h2{font-size: 1.25em;}
h3{font-size: 1.17em;}
h4{font-size: 1em;}
h5{font-size: .83em;}
h6{font-size: .67em;}

ul{
list-style: none;
padding: 0;
margin:0;
}
ul li{
line-height: 2em;
}
dl{
margin: 0;	
padding: 0;	
}
dt{
margin: 0;	
padding: 0;	
font-size: 1.17em;
}
dd{
margin: 0;	
padding: 0;	
}
fieldset{border:none; margin:0;padding:0;}
input{border:1px solid #5c791b;}

/*-----------------------------------------
structure
-----------------------------------------*/
#pagewrapper{
width: 900px;
height:631px;
margin:0 auto;
background: transparent url(../img/bkg_wrapper.jpg) no-repeat 0px 0;
position: relative;
}

#masthead{
position: absolute;
top:30px;
left:39px;
}
#main{
width: 460px;
padding: 0 20px;
margin: 16px 0 0 0;
position: absolute;
top:174px;
left:200px;
background: transparent url(../img/bkg_main.gif) repeat-y;
}
#nav, #sidebar{
color: #cbdb2a;
width: 147px;
position: absolute;
top:174px;
padding: 14px 0 0 40px;
text-shadow: #150c06 1px 0;
}
#nav{
left:0;
}
#sidebar{
left:739px;
}
/*-----------------------------------------
homepage styles
-----------------------------------------*/
body.home #pagewrapper{
background: transparent url(../img/bkg_wrapper.jpg) no-repeat 0px 0;
}
body.home #main{
background: none;
width: 500px;
padding: 0;
margin:0;
}
body.home #tagline{
background: transparent url(../img/tagline_home.gif) no-repeat;
}
/*-----------------------------------------
nav + sidebar
-----------------------------------------*/
#nav a:link, #nav a:visited, #sidebar a:link, #sidebar a:visited{
color:#b9c9d5; text-decoration:none;
}
#nav a:hover, #nav a:active, #sidebar a:hover, #sidebar a:active{
color:#fff; text-decoration:none;
}
/*-----------------------------------------
tagline
-----------------------------------------*/
#tagline{
display: block;
width: 374px;
height:12px;
background: transparent url(../img/tagline.gif) no-repeat;
text-indent: -9999px;
margin: 60px auto 20px auto;
}
/* -------------------------------- 
forms
---------------------------------*/
#realname, #emailadd, #subject, #message, #mailing {
width: 260px;
display: block;
margin: 0;
color: #09f;
}	
#message, #mailing {
width: 460px;
}	
label {
font-family:"Lucida Grande","Lucida Sans Unicode","Lucida sans",lucida,Helvetica,Arial,sans-serif;
vertical-align: top;
color: #333;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.btn {
padding: 5px 0 0 0;
margin-left: 410px;
border:0;
}
/* -------------------------------- 
alert
---------------------------------*/
.alert{
margin: 10px;
padding:10px;
background: #ffa;
border: 1px solid #ed5;
color: #f80;
}
/* -------------------------------- 
misc
---------------------------------*/
.video{
width:500px;
height:355px;
display: block;
background:#000;
margin: 0 0 20px -20px;
padding: 0;
text-align:center;
overflow:hidden;
position: relative;
top:-16px;
}
.video p{
margin: 0;
padding: 0;
}
#main ul{
list-style: square;
padding: 0;
margin: 0 0 0 20px;
}
#main ul li{
}
.note{
font-size: 9px;
font-style:italic;
color: #869eb2;
}
#beforeafter{
width:500px;
height:337px;
display: block;
margin: 0 0 0 -20px;
padding: 0;
text-align:center;
overflow:hidden;
position: relative;
top:-16px;
}
#beforeafter a:link{
width:500px;
height:337px;
display: block;
background: #000 url(/img/ba_shot02.jpg) no-repeat;
}
#beforeafter a:hover{
width:500px;
height:337px;
display: block;
background: #000 url(/img/ba_shot02.jpg) no-repeat 0 -337px;
}