/*===========================
		MARTYWHITE.NET
		   Style Sheet
============================*/
body{
	background-color : #242424;
	background-image : url(layout/bg.gif);
	margin : 0;
	padding : 0;
	font-family : georgia, sans-serif;
	color : #d0d0d0;
	font-size : 14px;
}

#body-inner{
	padding : 0 10px 30px 10px;
	margin : 0;
	background-image : url(layout/grad_bg.gif);
	background-repeat : repeat-x;
	background-position : 0 0;
}

#wrapper{
	width : 899px;
	border : 6px solid #202020;
	border-top : 0 none;
	border-bottom : 0 none;
	background-color : #000000;
	margin : 0 auto;
}

#top-cut-part{
	width : 911px;
	height : 21px;
	margin : 0 auto;
}

#top-cut-part img{
	display : block;
}

#header{
	width : 899px;
	height : 149px;
	position : relative;
	background-image : url(loader.gif);
	background-position : center;
	background-repeat : no-repeat;
}

#left-decoration{
	position : absolute;
	top : 0;
	left : -44px;
	background : none;
}

#right-decoration{
	position : absolute;
	top : 0;
	left : 905px;
	background : none;
}

#content{
	width : 869px;
	display : inline;
	float : left;
	min-height : 350px;
	padding : 15px;
	margin : 0;
}

* html #content{
	height : 350px;
}

#footer{
	height : 24px;
	line-height : 24px;
	background-color : #202020;
	font-size : 10px;
	color : #484848;
	padding : 0 15px;
	clear : both;
}

#footer a{
	color : #484848;
	text-decoration : none;
}

#footer a:hover{
	text-decoration : underline;
}

#footer p{
	margin : 0;
	padding : 0;
}

#footer ul.flinks{
	margin : 0;
	padding : 0;
	list-style : none;
}

#footer ul.flinks li{
	float : right;
	display : inline;
	padding-right : 10px;
	margin-right : 8px;
	background-image : url(layout/footer_delim.gif);
	background-position : right;
	background-repeat : no-repeat;
}

#footer ul.flinks li.nodelim{
	background : none;
	padding : 0;
	margin : 0;
}

/* TOP MENU */
ul#top-menu{
	margin : 0 1px;
	padding : 0;
	list-style : none;
	display : block;
	background-color : #700800;
	background-image : url(layout/menu_bg.gif);
	background-position : bottom;
	background-repeat : repeat-x;
	height : 40px;
	line-height : normal;
}
ul#top-menu li.top-menu-item{
	display: block;
	margin : 0;
	padding : 0;
	height : 40px;
	float : left;
	position : relative;
}
ul#top-menu li.top-menu-item ul.drop-down{
	margin : 0;
	padding : 0;
	list-style : none;
	display : block;
	position : absolute;
	left : 0;
	top : 32px;
	visibility : hidden;
}
ul#top-menu a span{
	display : none;
}
ul#top-menu li.top-menu-item:hover ul.drop-down{
	visibility : visible;
}
ul#top-menu li.top-menu-item ul.drop-down li.drop-item{
	margin : 0;
	padding : 0;
	display : list-item;
	list-style : none;
	float : left;
	clear : left;
}
ul#top-menu li.top-menu-item a.ma{
	margin : 0;
	padding : 0;
	display: block;
	height : 40px;
	background-image : url(layout/top_menu/top_menu.gif);
	background-repeat : no-repeat;
}
ul#top-menu li.top-menu-item ul.drop-down li.drop-item a.da{
	margin : 0;
	padding : 0;
	display : block;
	background-repeat : no-repeat;
	height : 22px;
}
/* define menu and submenu items */
#mi-overview{
	width: 114px;
	background-position : 0 -40px;
}
#mi-overview:hover, li:hover #mi-overview{
	background-position : 0 0;
}
#mi-ourservices{
	width: 137px;
	background-position : -114px -40px;
}
#mi-ourservices:hover, li:hover #mi-ourservices{
	background-position : -114px 0;
}
#mi-homesandplans{
	width: 170px;
	background-position : -251px -40px;
}
#mi-homesandplans:hover, li:hover #mi-homesandplans{
	background-position : -251px 0;
}
#mi-clientlogin{
	width: 133px;
	background-position : -421px -40px;
}
#mi-clientlogin:hover{
	background-position : -421px 0;
}
#mi-contact{
	width: 103px;
	background-position : -554px -40px;
}
#mi-contact:hover{
	background-position : -554px 0;
}
#mi-links{
	width: 95px;
	background-position : -657px -40px;
}
#mi-links:hover{
	background-position : -657px 0;
}
#mi-ecommerce{
	width: 145px;
	background-position : -752px -40px;
}
#mi-ecommerce:hover{
	background-position : -752px 0;
}
/* OVERVIEW SUBMENU */
#ddm-overview{
	background-image : url(layout/top_menu/overview.gif)!important;
	padding-top: 9px!important;
}
#ddm-overview li a{
	background-image : url(layout/top_menu/overview.gif)!important;
	background-repeat : no-repeat;
	width : 126px;
}
#dmi-aboutus{
	background-position : 0 -9px;
}
#dmi-aboutus:hover{
	background-position : -126px -9px;
}
#dmi-ourapproach{
	background-position : 0 -31px;
}
#dmi-ourapproach:hover{
	background-position : -126px -31px;
}

#dmi-history{
	background-position : 0 -53px;
}
#dmi-history:hover{
	background-position : -126px -53px;
}

#dmi-meettheteam{
	background-position : 0 -75px;
	height : 27px!important;
}
#dmi-meettheteam:hover{
	background-position : -126px -75px;
}
/* Services SUBMENU */
#ddm-ourservices{
	/*background-image : url(layout/top_menu/services.gif)!important;*/
	padding-top: 8px!important;
}
#ddm-ourservices li a{
	background-image : url(layout/top_menu/services.gif)!important;
	background-repeat : no-repeat;
	width : 221px;
}
#dmi-theprocess{
	background-position : 0 -9px;
}
#dmi-theprocess:hover{
	background-position : -221px -9px;
}
#dmi-thedesignphase{
	background-position : 0 -31px;
}
#dmi-thedesignphase:hover{
	background-position : -221px -31px;
}

#dmi-gettingstarted{
	background-position : 0 -53px;
}
#dmi-gettingstarted:hover{
	background-position : -221px -53px;
}

#dmi-theworkingdrawingphase{
	background-position : 0 -75px;
}
#dmi-theworkingdrawingphase:hover{
	background-position : -221px -75px;
}
/**/
#dmi-thebuildingprocess{
	background-position : 0 -97px;
}
#dmi-thebuildingprocess:hover{
	background-position : -221px -97px;
}
#dmi-theestimate{
	background-position : 0 -119px;
}
#dmi-theestimate:hover{
	background-position : -221px -119px;
}
#dmi-theinterior{
	background-position : 0 -141px;
	height : 28px!important;
}
#dmi-theinterior:hover{
	background-position : -221px -141px;
}
/* homes and plans submenu */
#ddm-homesandplans{
	padding-top: 8px!important;
}
#ddm-homesandplans li a{
	background-image : url(layout/top_menu/homes.gif)!important;
	background-repeat : no-repeat;
	width : 169px;
}
#dmi-ourplancollection{
	background-position : 0 -1px;
}
#dmi-ourplancollection:hover{
	background-position : -169px -1px;
}
#dmi-thegallery{
	background-position : 0 -23px;
	height : 28px!important;
}
#dmi-thegallery:hover{
	background-position : -169px -23px;
}
/*=====================*/
#content p{
	margin : 0 0 15px 0;
	padding : 0;
	text-align : justify;
}

div.brd-img, span.brd-img{
	border : 1px solid #685b1d;
	padding : 2px;
	float : left;
	display : inline;
	margin : 0 15px 0 0;
}

div.brd-img img, span.brd-img img{
	float : left;
	border : 3px solid #fceeab;
	min-height : 50px;
	min-width : 50px;
	background-image : url(loader.gif);
	background-position : center;
	background-repeat : no-repeat;
}

span.b1{
	border : 1px solid #685b1d;
	padding : 2px;
	display : block;
	margin : 0;
}

span.b2{
	display : block;
	margin : 0;
	line-height : 0;
	border : 1px solid #685b1d;
	border : 3px solid #fceeab;
}

	#hp-footer{
	height : 24px;
	line-height : 24px;
	background-color : #202020;
	font-size : 10px;
	color : #484848;
	padding : 0 15px;
	clear : both;
}
/* HP FOOTER */
#hp-footer ol.x-menu{
	margin : 0 0 0 173px;
	padding : 0;
	list-style : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

#hp-footer ol.x-menu li.x-menu-item{
	padding : 0;
	margin : 0;
	float : left;
	display : inline;
	position : relative;
}

#hp-footer ol.x-menu li.x-menu-item a{
	color : #ffffff;
	text-decoration : none;
	height : 24px;
	line-height : 24px;
	padding : 0 20px;
}

#hp-footer ol.x-menu li.x-menu-item a:hover, #hp-footer ol.x-menu li.x-menu-item:hover a{
	color : #cccccc;
}

#hp-footer ol.x-menu li.x-menu-item ol.x-dropup{
	position : absolute;
	bottom : 24px;
	left : 9px;
	visibility : hidden;
	background-color : #272727;
	margin : 0;
	padding : 3px;
	list-style : none;
	width : 184px;
}

#hp-footer ol.x-menu li.x-menu-item:hover ol.x-dropup{
	visibility : visible;
}

#hp-footer ol.x-menu li.x-menu-item ol.x-dropup li.x-dropup-item{
	margin : 0;
	padding : 0;
	list-style : none;
	height : 21px;
}

#hp-footer ol.x-menu li.x-menu-item ol.x-dropup li.x-dropup-item a{
	color : #cbcbcb;
	display : block;
	text-decoration : none;
	height : 21px;
	line-height : 21px;
	padding : 0 8px;
}

#hp-footer ol.x-menu li.x-menu-item ol.x-dropup li.x-dropup-item a:hover{
	background-color : #a31111;
}
h1{
	padding : 0;
	margin : 0 0 16px 0;
}
h1 span{
	display : none;
}

h1 img{
	display : block;
}
#content a{
	color : #996;
	text-decoration : none;
}
#content a:hover{
	text-decoration: underline;
}
p.with-pic{
	padding-left : 200px;
	text-align : justify;
	border-bottom : 1px solid #333;
}
span.clear{
	clear : both;
	display : block;
}
span.name{
	color: #aca;
	display: block;
	margin-bottom : 16px;
}
span.name strong{
	color: #CEC47F;
}
ol#site-map{
	margin: 0 0 0 16px;
	padding : 0;
	list-style : none;
	font-size : 11px;
	color: #666;
}
ol#site-map a{
	text-decoration : none;
	text-transform : uppercase;
	font-size : 14px;
}
ol#site-map a:hover{
	text-decoration : underline;
}
ol#site-map li.parent{
	margin: 0;
	padding : 0 0 0 20px;
	list-style : none;
	line-height : 24px;
	background-image : url(layout/parent.gif);
	background-position : left 10px;
	background-repeat : no-repeat;
}
ol#site-map li.parent ol.children-list{
	margin : 0 0 0 50px;
	padding : 0;
	list-style : none;
}
ol#site-map li.parent ol.children-list a{
	text-transform : none;
	color : #cc9;
}
ol#site-map li.parent ol.children-list li.child{
	margin : 0;
	padding : 0 0 0 18px;
	list-style : none;
	background-image : url(layout/child.gif);
	background-position : left 11px;
	background-repeat : no-repeat;
}
/*=====================================================*/
form#contact-form{
	padding: 0;
	margin : 10px 0 0 0;
	float: left;
}
form#contact-form div.clear{
	clear : both;
	height : 5px;
	line-height : 0;
	font-size : 0;
	padding : 0;
	margin : 0;
}
form#contact-form label{
	display : block;
	float: left;
	margin : 0;
	padding : 0;
	width: 150px;
	padding-right : 10px;
	text-align : right;
	color: #aaa;
}
form#contact-form label em{
	color: #666;
	font-size : 10px;
	font-style: normal;
}
input#name-field,
input#email-field,
input#address-field, 
input#city-field,
select#state-field,
input#zip-field,
input#phone-field,
input#location-of-project-field,
select#budget-field,
textarea#comments-field{
	width: 300px;
	margin : 0;
	padding : 2px;
	border: 1px solid #666;
	color: #333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

select#state-field,
select#budget-field{
	width: 306px;
}

input#submit,
input#reset{
	background-color : #6C0901;
	border : 2px solid #5b0800;
	color: #F4D4AD;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-right : 10px;
	float : left;
	width: 60px;
	text-align : center;
	display : inline;
	padding: 1px 0;
	cursor : pointer;
}
input#submit{
	margin-left : 160px;
}
h3{
	color: #aa9;
	font-weight : bold;
	font-size: 18px;
}

/* GALLERY */
ul#gallery{
	margin : 0;
	padding: 0;
	list-style : none;
}
ul#gallery li{
	width: 96px;
	height : 96px;
	line-height: 64px;
	text-align: center;
	padding : 1px;
	margin : 10px;
	border: 3px solid #FCEEAB;
	background-image : url(loader.gif);
	background-position : center;
	background-repeat : no-repeat;
	overflow : hidden;
	float : left;
	display : inline;
}
ul#gallery li img{
	border: none;
	display : block;
	width: 96px;
	height : 96px;
}