body {
	margin: 0; 
	padding: 0;
	background:url(../images/page-bckgrnd.jpg);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#313131;
}

a {
	color:#5b2f00;
}

a:visited {
	color:#914d05;
}

h1 {
	font-style:italic;
	font-size:20px;
	margin:20px 0px;
	color:#5b2f00;
}

h2 {
	font-style:italic;
	font-size:18px;
	margin:10px 0px;
	color:#5b2f00;
}

h3 {
	font-size:16px;
	margin:5px 0px;
	color:#5b2f00;
}

form {
	margin:20px 0px;
	padding:0px 15px 15px 15px;
	border: 1px solid #333333;
}

input,textarea {
	border:1px solid #333333;
	
}

ul {
	list-style:none;
	margin: 3px 0px 3px 0px;
	padding-left: 15px;
}
	
ul.bul-compact {
		list-style:circle;
		margin-top:0px;
		padding-top:0px;
}
#outer_container {
	margin: 0 auto;
	width: 928px;
}

#inner-container {
	width:868px;
	background:url(../images/content-bckgrnd.png) left top repeat-y;
	padding: 17px 30px;
}

/****** MENU ********/

#menu {
	height:53px;
	margin: 10px -30px;
	clear:both;
}

#nav{
	list-style:none;
	font-weight:bold;
	/*margin-bottom:10px;*/
	/*background:url(../images/menu/m-blank.png) top right no-repeat;*/
	background:url(../images/menu/menu.png) top left no-repeat;
	/* Clear floats */
	float:left;
	width:928px;
	/*Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}

#nav li{
	float:left;
	position:relative;
	height: 53px;
}

#nav li#mi1, #nav li#mi1_curr{width: 70px;}
#nav li#mi2, #nav li#mi2_curr {width: 165px;}
#nav li#mi3, #nav li#mi3_curr {width: 135px;}
#nav li#mi4, #nav li#mi4_curr {width: 80px;}
#nav li#mi5, #nav li#mi5_curr {width: 93px;}
#nav li#mi6, #nav li#mi6_curr {width: 85px;}
#nav li#mi7, #nav li#mi7_curr {width: 73px;}
#nav li#mi8, #nav li#mi8_curr {width: 96px;}

#nav li#mi1:hover, #nav li#mi1_curr {background:url(../images/menu/mi-home.png) right top no-repeat;}
#nav li#mi2:hover, #nav li#mi2_curr {background:url(../images/menu/mi-window-treatments.png) left top no-repeat;}
#nav li#mi3:hover, #nav li#mi3_curr {background:url(../images/menu/mi-venetian-plaster.png) left top no-repeat;}
#nav li#mi4:hover, #nav li#mi4_curr {background:url(../images/menu/mi-painting.png) left top no-repeat;}
#nav li#mi5:hover, #nav li#mi5_curr {background:url(../images/menu/mi-wallpaper.png) left top no-repeat;}
#nav li#mi6:hover, #nav li#mi6_curr {background:url(../images/menu/mi-about.png) left top no-repeat;}
#nav li#mi7:hover, #nav li#mi7_curr {background:url(../images/menu/mi-gallery.png) left top no-repeat;}
#nav li#mi8:hover, #nav li#mi8_curr {background:url(../images/menu/mi-contact.png) left top no-repeat;}

#nav li a{
	display:block;
	padding:18px 0px 14px 10px;
	color:#ffc66c;
	text-decoration:none;
}


#nav li#mi1 a, #nav li#mi1_curr a {
	padding-left:23px;
}

#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:none;
	display:block;
	color:#fff2a5;
	font-size:12px;
}

/*--- DROPDOWN ---*/

#nav ul{
	background:#4b2818; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	border: 1px solid #fff2a5;
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	margin-top:-1px;
}
#nav ul li{
	float:none;
	margin-bottom: -25px;
	padding:0px;
}
#nav ul li a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	color:#ffc66c;
	margin-left:-10px;
	/*margin-bottom: -20px;*/
	padding:5px;	
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	color:#ffc66c;
	font-size:14px;
	font-weight:normal;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#986c59;
	color:#fff2a5;
}

/****** MENU END********/

#btm_menu {
	margin-left:30px;
	color:#fff0ba;
	clear:both;
}

#btm_menu a {
	color:#fff0ba;
}

#hdr_contacts {
	float:right;
	width:25%;
	text-align:left;
	color: #ffde90;
	margin-top: 17px;
}

#social_btns {
	float:right;
	width:25%;
	text-align:left;
	margin-top: 5px;
	clear:right;
}

.fb-like {
	display:inline;
	float:left;
	width:130px;
	padding-right:5px;
}

#logo {
	margin: 15px 0px 0px 30px;
	float:left;
}

#copyright {
	float:left;
	margin: 15px 0px 0px 30px;
	color:#FFFFFF;
}

#credit {
	float:right;
	margin: 15px 30px 0px 0px;
}
	
#credit a {
	color:#FFFFFF;
}

#left-column {
	float:left;
	width:29%;
	color:#5b2f00;
	margin-top:-10px;
}

#right-column {
	float:right;
	width:70%;
}

.fltlft {
	float:left;
}

.fltrt {
	float:right;
}

.block {
	display:block;
	clear:both;
	padding:5px 0px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.submit-btn {
	background-image:url(../images/btn-submit.png);
	width: 81px;
	height: 28px;
	border: 0;
	cursor:pointer;
}

.clear-btn {
	background-image:url(../images/btn-clear.png);
	width: 81px;
	height: 28px;
	border: 0;
	cursor:pointer;
}

/****** CATALOG ********/
.pics_list_view {
	float:left;
	width:180px;
	margin:5px 5px;
	padding:5px;
	text-align:center;
}

.list_view_thumb {
	border: 2px solid #f1e3d0;
	width: 180px;
	margin-bottom:5px;
}

.catalog_link {
	text-decoration:none;
}

.catalog_link:hover {
	text-decoration:underline;
}

.catalog_link:visited {
	color:#5b2f00;
}

.catalog_link_black {
	color:#313131;
}

.catalog_link_black:hover {
	color:#000000;
}

.catalog_link_black:visited {
	color:#000000;
}

#bread_crumbs {
	color:#5b2f00;
	font-weight:bold;
	padding:13px 0px 15px 0px;
}

#detailed_thumbs_container {
	float:left;
	width:178px;
}

.detailed_view_thumb {
	width: 77px;
	margin: 3px;
	float:left;
	display:inline;
	border: 2px solid #f1e3d0;
}
#detailed_view_full {
	border: 2px solid #f1e3d0;
	margin-top: 4px;
	width: 423px;
}