/*  CSS Document for Mann Developments
    Created 11th November 2007
    (C) Aarron Painter, Multiplicity Solutions
*/

	body,
	html {
	    margin:0;
	    padding:0;
	    font-family:"Trebuchet MS", Verdana, "Lucida Sans", Arial;
	    font-weight: normal;
	    color:#9E8B70;
	    font-size: 91%;
	    background:#47331D;
        width:100%;
        text-align:center;
        }
	a:link, a:visited, a:active {
		font-weight:normal;
		color:#B3D9FF;
		text-decoration: none;
		font-size: 100%;
		}
	a:hover {
	    color:#99ccff;
	    text-decoration: underline;
	    font-size: 100%;
		}
	#wrap {
	    padding:0px;
	    margin:0px 0px 0px 0px;
	    margin-left:auto;
	    margin-right:auto;
	    width:758px;
	    text-align:left;
	    min-height:100%;
		}
		
	#header {
		text-align:left;
		height: 90px;
		margin: 0px;
		width:758px;
		position: relative;
		background: url(../images/layout_header2.jpg) no-repeat;
		}
	
	p.clrLeft {
	    clear:left;
	}

/* ------------------------------------- */
/*** navigation > look ma, no js ***/
/* ------------------------------------- */

    #navlist {
        width: 758px; height: 25px;
        background: url(../images/navigation2.jpg);
        margin: 10px auto; 
        padding: 0;
        position: relative;
    	}
    #navlist li {
        margin: 0; padding: 0; list-style: none;
        position: absolute; top: 0;
    	}
    #navlist li, #navlist a {
        height: 25px; 
        display: block;
        text-decoration:none;
    	}
    #home {
        left: 129px; 
        width: 40px;
    	}
    #bathrooms {
        left: 198px; 
        width: 69px;
    	}
    #kitchens{
        left: 296px; 
        width: 57px;
    	}
    #other{
        left: 381px; 
        width: 80px;
    	}
    #aboutus {
        left: 491px; 
        width: 58px;
    	}
    #contact {
        left: 578px; 
        width: 52px;
    	}	
    #home a:hover {
        background: transparent url(../images/navigation2.jpg) -129px -25px no-repeat;
        text-decoration:none;
    	}
    #bathrooms a:hover { 
        background: transparent url(../images/navigation2.jpg) -198px -25px no-repeat;
        text-decoration:none;
    	}
    #kitchens a:hover { 
        background: transparent url(../images/navigation2.jpg) -296px -25px no-repeat;
        text-decoration:none;
    	}
    #other a:hover { 
        background: transparent url(../images/navigation2.jpg) -381px -25px no-repeat;
        text-decoration:none;
    	}    
    #aboutus a:hover { 
        background: transparent url(../images/navigation2.jpg) -491px -25px no-repeat;
        text-decoration:none;
   	 	}    
    #contact a:hover {
        background: transparent url(../images/navigation2.jpg) -578px -25px no-repeat;
        text-decoration:none;
    	}      
    span.liText {visibility:hidden;}     

/* ------------------------------------- */
/*** main ***/	
/* ------------------------------------- */

	#main {
		width:758px;
		text-align:left;
		line-height: 1.6em;
		margin:5px 0px 20px 0px;
		padding:0px;
		}	

	#main p {
		margin:1em 0 1em;
		padding:0px;
	}
	#main img.text {
	    padding:10px 0px 0px 0px;
		}
	
   #main .fclear {
       clear:both;
		}

    #main ul {
        margin:0px;
        padding:0px;
        display:block;
        min-height:240px;
		}
    #main ul li {
        list-style:none;
        margin:0px;
        padding:0px;
        display:inline;
		}
		
    #main ul li a {
        text-decoration:none;		
        display:block;
		width:240px;
		height:240px;	
		float:left;
		font-weight:normal;
		background-position:bottom; 	
		margin:10px 0 20px 8px;
		}    
	#main ul li a span {
		color: #9e8b70;
		font-size:91%;
		position:relative;
		top:-85px;
		left:10px;
		width:220px;
		display:block;
		color:#9E8B70;
		cursor:pointer;
		text-decoration:none;
		line-height:1.2em;
		}
	
	#main ul li a:hover span 
	{
	    color:#fff;
	}
	
	#main ul li a img {
		opacity:0.7; /* css3 */
		filter:alpha(opacity=70);
		border:none;
	}
	
	#main ul li a:hover img {
        opacity:1.0; /* css3 */
		filter:alpha(opacity=100);
	}
    span.red {
		font-size:1.5em;
		color:#cc0000;
		vertical-align:middle;
		padding-left:4px;
		}
	#main .errBox 
	{
	    width:90%;
	    border:2px dotted red;
	    padding:6px 6px 0px 6px;
	    margin-bottom:10px;
	}
		    	    
	#pWrap {
		text-align:center;
		width:585px;
		margin:0 auto 0 auto;
		min-height:200px;
		

		}
			
    #main #pWrap a img {
        width:75px;
        height:75px;
        margin:0px;
        margin-top:10px;
        margin-left:10px;
        float:left;
        border:2px solid #47331D;
    }    
    
    #main #pWrap a:hover img {
        border:2px solid #fff;
    }       
    
    #main #pWrap .photoFrame{
        background:transparent url(../images/layout_image_bg2.gif) no-repeat;
        width:97px;
        height:97px;
        text-align:center;
        float:left;
        vertical-align:middle;
        margin:10px;
    }		
	#main #photoNav {
	    text-align:center;
	    height:29px;
		width:585px;
	    line-height:1em;
	    color:#fff;
	    text-transform:uppercase;
	    font-size:90%;
        margin:0 auto 0 auto;	    
	    clear:left;
	    padding-top:10px;
	}
	#main #photoNav img{
	    height:29px;
	    width:29px;
	}
	#main #photoNav input{
	    vertical-align:middle;
	    border:none !important;
	    height:29px;
	    width:29px;	    
        margin:0 5px 0px 5px;
	}	
	
	.highlight {
	    font-style:italic;
	    color:#AC9C86;
	}

/* ------------------------------------- */
/*** Contact ***/
/* ------------------------------------- */

	#ctl00_contact #main, #ctl00_aboutus #main, #ctl00_thanks #main, #ctl00_whoops #main {
		float:left;
		width:490px;
	}
	#bxrght {
		float:right;
		width:256px;
	}
	#bxrght .top {
		width:100%;
		height:81px;
		background:#47331D url(../images/layout_rightbox_top_5rs.jpg) no-repeat;
	}

	#ctl00_thanks #wrap #bxrght .top {
		width:100%;
		height:81px;
		background:#47331D url(../images/layout_rightbox_top_thanks.jpg) no-repeat;
	}

	#ctl00_whoops #wrap #bxrght .top {
		width:100%;
		height:81px;
		background:#47331D url(../images/layout_rightbox_top_error.jpg) no-repeat;
	}	
				
	#bxrght .boxmain {
		width:100%;
		background: #47331D url(../images/layout_rightbox_mid.jpg) repeat-y;
		margin:0px;
	}	
	
	#bxrght .boxmain ol {
		margin:0px;
		padding:5px 0px 5px 0px;
	}				 			
	#bxrght .boxmain li {
		margin-left:55px;
		line-height:1.6em;
		color:#fff;
		padding-right:10px;
	}
	#bxrght .boxmain p {
		margin:0px 15px 0px 40px;
		padding:0px;
	}
	#bxrght .btm {
		width:100%;
		height:64px;
		background:#47331D url(../images/layout_rightbox_btm.jpg) no-repeat;
	}		
	
	#contactForm {
		padding:8px 0px 0px 10px;
		margin:10px 0px 0px 0px;
		width:460px;
		height:217px;
		background: #47331D url(../images/layout_contact_form.jpg) no-repeat;
	}
	#contactForm p{
	    padding:0px;
	    margin:0px;
	}
	label{
		width:80px;
		float: left;
		text-align: left;
		margin: 0px;
		color:#fff;
		font-weight:bold;
	}	
	#contactForm p 
	{
	    padding:6px;
	    }
	input,textarea{
		font-family:"Trebuchet MS", Verdana, "Lucida Sans", Arial;
		font-size:90%;
		width:170px;
		margin:0px;
		padding:0px;
	}		 
	.Send{
		width:60px;
		position:relative;
		left:380px;
		bottom:6px;
	}
	.message{
		height:63px;
	}
	#contactRemember {
		width:142px;
		line-height:1.2em;
		position:relative;
		font-size:89%;
		top:40px;
		right:30px;
		float:right;
		color:#fff;
		padding:0px;
	}


/*** Footer ***/

	#footer {
        background:transparent url(../images/footer.gif) no-repeat;
        height:25px;
        width:100%;
        margin:0px 0px 20px 0px;
        border-top:40px solid #47331D;
        clear:both;
	}
	
	#footer p 
	{
	   font-size:90%;
	   padding:4px 5px 5px 5px;
	   margin:0px;  
	   float:left; 
	}
	
	#footer a:link 
	{
	   color:#fff;
	}

	#footer img
	{
	    border:none;
	    vertical-align:middle;
        float:right;
        padding:5px 10px 0px 0px;
	    
	}