@charset "UTF-8";
/*
	Main stylesheet for www.kirkimports.com
	Created by: Neal Saxon, Senior Web Developer, Click Optimize
*/

body{
	margin: 0;
	padding: 0;
	font: 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	background: #fff url(/images/bg-body.jpg) repeat-x;
}

/*--------------------( Header )--------------------*/
#header{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 191px;
	text-align: left;
}

#logo{
	position: absolute;
	top: 15px;
	left: 0;
	width: 445px;
	height: 118px;
}
#logo a{
	display: block;
	width: 445px;
	height: 118px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/kirk-imports-logo.png) no-repeat;
}

ul#util-nav{
	position: absolute;
	top: 15px;
	right: 24px;
	width: 504px;
	margin: 0;
	padding: 0 0 7px 0;
	list-style: none;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 14px;
	background: url(/images/bg-util-nav.jpg) left bottom no-repeat;
}
ul#util-nav li{
	float: left;
	padding: 0 8px;
}
ul#util-nav li.first{ padding-left: 5px; }
ul#util-nav li.last{ padding-right: 0; }
ul#util-nav li a{
	color: #fff;
	text-decoration: none;
}
ul#util-nav li a:hover,
ul#util-nav li a.cur{
	text-decoration: underline;
}

#phone-num{
	position: absolute;
	top: 57px;
	right: 46px;
	width: 199px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/bg-phone-num.png) no-repeat;
}

/*--------------------( Get Quote )--------------------*/
a#get-quote-button{
	position: absolute;
	top: 49px;
	left: 491px;
	display: block;
	width: 234px;
	height: 49px;
	cursor: pointer;
	background: url(/images/btn-get-quote.png) left top no-repeat;
}
a#get-quote-button:hover{ background-position: left -49px; }

#get-quote-container{
	position: absolute;
	z-index: 200;
	top: 85px;
	left: 521px;
	width: 388px;
	height: 587px;
	background: url(/images/bg-get-quote-container.png) no-repeat;
}
#get-quote{
	margin: 20px 0 0 25px;
	padding: 13px;
	border: 1px solid #5bb2e0;
	width: 334px;
	height: 539px;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
#get-quote h2{
	color: #0f2c4d;
	font-size: 29px;
	line-height: 34px;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: center;
}
#get-quote p{
	text-align: center;
	color: #0f2c4d;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	line-height: 19px;
}
#get-quote label{
	color: #000;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
}
#get-quote .text{
	border-collapse: collapse;
	border: 1px solid #d1d1d1;
	margin: 0;
	padding: 4px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
}

textarea#items{ width: 324px; height: 93px; }

.form-row{
	padding: 7px 0 0 0;
	clear: left;
	float: left;
	width: 334px;
}
.form-row input.text{
	width: 232px;
	height: 16px;
	float: left;
}
.form-row textarea.text{
	width: 232px;
	height: 42px;
	float: left;
}
.form-row label{
	display: block;
	float: left;
	width: 82px;
	padding: 5px 10px 0 0;
	text-align: right;
}
.btn-submit{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 167px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	border-collapse: collapse;
}

#keep-shopping{ background: url(/images/submit-keep-shopping.png) no-repeat; }
#get-quote-submit{ background: url(/images/submit-get-quote.png) no-repeat; }

form{
	margin: 0;
	padding: 0;
}


/*--------------------( Main Navigation )--------------------*/
#main-nav-container{
	position: absolute;
	top: 147px;
	left: 0;
	width: 1000px;
	height: 44px;
}
ul#main-nav{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 1000px;
	height: 44px;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 16px;
}
ul#main-nav li{
	float: left;
}
ul#main-nav li#bedrooms{		width: 142px; }
ul#main-nav li#dining{			width: 90px; }
ul#main-nav li#living{			width: 90px; }
ul#main-nav li#entertainment{	width: 170px; }
ul#main-nav li#office{			width: 95px; }
ul#main-nav li#rugs{			width: 82px; }
ul#main-nav li#accents{			width: 113px; }
ul#main-nav li#youth{			width: 91px; }
ul#main-nav li#vanities{		width: 127px; }

ul#main-nav li a{
	display: block;
	padding: 14px 0;
	color: #0f2c4d;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}
ul#main-nav li a:hover,
ul#main-nav li a.cur{
	color: #fff;
	background: #0f2c4d;
}
ul#main-nav li:hover{ background: #0f2c4d; color: #fff; }
ul#main-nav li:hover a{ color: #fff; }

ul#main-nav li ul{
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 44px;
	left: -9999px;
	width: 240px;
	background: url(/images/bg-dropdown.png) repeat;
}
ul#main-nav li ul li{
	float: none;
	width: 240px;
}
ul#main-nav li ul li a{
	padding: 5px 5px 5px 15px;
	color: #fff;
	text-transform: none;
	text-align: left;
	width: 220px;
}

ul#main-nav li:hover ul{
	left: auto;
}

/*--------------------( Wrapper and Home Content )--------------------*/

#wrap{
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
}

div.clear{ clear: both; }

#banner{
	padding: 37px 76px 7px 76px;
	background: url(/images/bg-banner.jpg) 32px 263px no-repeat;
}
#flash-container{
	width: 845px;
	height: 365px;
}

body#index #content-container{
	margin: 0 7px 0 6px;
	padding: 24px 0 0 0;
	width: 987px;
	background: url(/images/bg-content-container.jpg) no-repeat;
}
body#index #content{
	float: none;
	width: 923px;
	padding: 0 24px 20px 40px;
	border: none;
	background: url(/images/bg-content.jpg) repeat-y;
}
#main{
	float: left;
	width: 550px;
	margin: 0 27px 0 0;
	padding: 10px 0 0 0;
}
#content #main h1{
	margin: 0;
	padding: 5px 0 20px 0;
	color: #0e2a4a;
	font-size: 36px;
	line-height: 36px;
	font-weight: normal;
}
body#index #sidebar{
	float: left;
	width: 306px;
	padding: 25px 20px 0 20px;
	text-align: center;
	background: url(/images/bg-sidebar.jpg) no-repeat;
}
body#index #sidebar h2{
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	color: #0e2a4a;
	margin: 0 auto;
	padding: 5px 0;
}
body#index #sidebar p{
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 10px 0 15px 0;
	text-align: center;
}
body#index #sidebar img{
	border: 1px solid #666;
}


#content h1{
	font-size: 39px;
	font-weight: bold;
	line-height: 39px;
	padding: 0 0 25px 0;
	margin: 0;
	color: #0e2a4a;
}

#content p{
	text-align: justify;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
	padding: 0 0 10px 0;
}

/*--------------------( Interior Pages )--------------------*/

#content-container{
	width: 1000px;
	padding: 30px 0 50px 0;
	margin: 0;
}

#sidebar{
	float: left;
	width: 165px;
}
ul#sideNav{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	font: 16px Arial, Helvetica, sans-serif;
	line-height: 20px;
}
ul#sideNav li{
	margin: 0;
	padding: 0;
	width: 165px;
}
ul#sideNav li a{
	display: block;
	padding: 5px 0;
	color: #0e2a4a;
	text-decoration: none;
}
ul#sideNav li a:hover,
ul#sideNav li a.cur{
	text-decoration: underline;
}

#content{
	float: left;
	width: 777px;
	padding: 0 0 25px 35px;
	border-left: 1px solid #c0c0c0;
}

#content a{
	color: #0e2a4a;
	font-weight: bold;
	text-decoration: underline;
}
#content a:hover{ text-decoration: none; }

img.right{
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	border: 2px solid #0e2a4a;
}

.row{ margin: 0 0 10px 0; }
.row textarea{ width: 250px; height: 100px; }
.required{ color: #f00; }

#flashcontent {
	width: 750px;
	height: 700px;
}

/*--------------------( Home Footer )--------------------*/

#footer-wrap{
	margin: 0;
	padding: 0;
	min-height: 137px;
	text-align: center;
	background: #0e2a4a url(/images/bg-footer-wrap.jpg) repeat-x;
}
#footer{
	position: relative;
	width: 987px;
	margin: 0 auto;
	padding: 23px 7px 0 6px;
	color: #fff;
	background: url(/images/bg-footer.jpg) 6px top no-repeat;
}

#footer ul{
	float: left;
	width: 655px;
	margin: 22px 0 0 0;
	padding: 0 0 0 30px;
	list-style: none;
	clear: left;
	font: 15px Arial, Helvetica, sans-serif;
}
#footer ul li{
	float: left;
	padding: 0 10px;
	border-right: 1px solid #fff;
}
#footer ul li.first{ padding-left: 0px; }
#footer ul li.last{ padding-right: 0px; border: none; }
#footer a{
	color: #fff;
	text-decoration: none;
}
#footer a:hover,
#footer a.cur{ text-decoration: underline; }

#clickoptimize{
	position: absolute;
	top: 82px;
	right: 36px;
	width: 211px;
	height: 44px;
}
#clickoptimize a{
	display: block;
	width: 211px;
	height: 44px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/clickoptimize-logo.png) no-repeat;
}