/* Dust and Mold temp site Screen Stylesheet
Copyright © 2007 Kevin Finlayson
info@dustandmold.net */  

/* reset (source: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}             


/* basic rules
------------------------------------------------------------------*/   

html {   
	height: 100%;
	margin-bottom: 1px;      
}   

body {  
	color: #7f7f7f;
	background-color:white;
	font:small/1.5em "lucida grande", "lucida sans", verdana, arial, sans-serif;
}


hr {
	clear:both;           
}

.clear {
	clear:both;
}    

strong {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {                                         
	color: #2f2f2e;  
	line-height: 1.3em;   
	font-weight: bold;       
}

h1 {
	font-size: 216%;

}

h2 {
	font-size: 164%;         
	width: 595px;
	height: 51px; 
}

h3 {
	font-size: 100%;
	text-transform: uppercase;
	margin-bottom: 0.6em;
}

h4 {
	font-size: 90%;        
	margin: 40px auto 30px auto;
	border-bottom: solid 1px #acacab;
	width: 200px;
	text-align: center;
	font-family: georgia, "times new roman", times, serif; 
	padding-bottom: 10px;
	font-weight: normal;       
	text-transform: uppercase;       
	letter-spacing: .1em;	   
	clear: both;
}

h5 {
	font-size: 100%;              
}

h6 {
	font-size: 85%;    
}


p, li, dl, ul, ol { 
	line-height: 1.5em;
	margin-bottom: 1.3em;
}

a, a:visited {
	color: #2f2f2e;    
	text-decoration: none;  
	font-weight: bold; 
	border-bottom: 1px solid #deddd6;         
}

a:hover {                
	color: #000;
	border-bottom: 1px solid #9e9996;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {               
}                            

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { 
}        
       
hr {
	visibility: hidden;
	height: 5px;    
	margin: 0px;
}
  
/* structure
------------------------------------------------------------------*/

#wrapper {
	width: 720px;
	height: auto;
	min-height: 600px;
	margin: 0px auto;
}

#content {
	width: 720px;
	height: auto;
	min-height: 600px;
	float: left;
}                 

#header {             
	height: 75px;   
	margin-top: 110px;
	text-align: center;
}            


/* IR
------------------------------------------------------------------*/
              
h1 {                    
	text-align: center;
}

h1 a#logo_outdent {
	width: 281px;
	height: 65px;
	display: block;
	text-indent: -19999px;
	background: transparent url("logo.gif") no-repeat scroll center center;        
	border-bottom: none;   
	margin: 0px auto;
}     

/* content
------------------------------------------------------------------*/

.lead-in {
	font-size: 1.21em;    
	margin: 40px 30px 10px 30px;
}      

hr.section {
	clear: both;
	margin: 0px auto 30px auto;
	width: 200px;       
	height: 0px;
	background-color: #acacab;     
	border: solid 1px #acacab; 
	border-bottom: none;
	border-left: none;
	border-right: none; 
	visibility: visible;
}                 

.recent-work-capsule {
	width: 210px;
	margin-left: 20px;
	float: left;
	text-align: center;           	
}   
                              
div.recent-work-capsule > a:first-child {
	border-bottom: none;
}          

#client_services {
	width: 660px;
	margin: 0px 30px; 
	float: left;
}                  

#services-blurbs {
	width: 430px;
	float: left;
}              

#services-contact {
	width: 200px;
	float: right;
}       

#footer {
	width: 720px;
	float: left;
	height:auto;             
	padding: 0px 30px;
	margin: 40px auto 0px auto;
	font-size: 80%;     
}        

a.dl {                         
	font-size: 80%; 
	line-height: 1.2em;
	border-bottom: 0px;	  
	padding-left: 20px;
	height: 20px;
	background: white url("page_white_put.png") no-repeat scroll center left;        
	display: block;     
	margin-bottom: 25px;
}


/* montage
------------------------------------------------------------------*/

#montage {  
    height:  205px;  
    width:   660px;  
    padding: 0;   
    margin: 30px 30px 0px 30px;  
} 
 
#montage img {               
    background-color: #eee;  
    width:  660px; 
    height: 205px; 
    top:  0; 
    left: 0 
}