/* Global CSS Document - Callison Architecture, Inc. - css by www.pbdh.com */

body, p, big  {
   font-family: Verdana, Arial, Geneva, sans-serif; 
   }
h1, h2, h3, h4 {
    font-family: Arial,Verdana,Geneva,sans-serif; 
}
li, ul {
	font-size: 11px;
	line-height: 18px;
	color: #666666;
   }
     
body {
   background-color: #fff; 
   margin: 0;
   padding: 0;
   border: 0;
   background-image: url(images/bg-main.gif);
   }
phoneleft {
	position:absolute; top:500px; left:0px; 
	width:70px; height:auto;
}

p  {
	font-size: 11px;
	line-height: 20px;
	color: #666666;
   }
   
p.bios {
   font-size: 11px; 
   line-height: 16px; color: #666666;
   } 

p.blist {
	font-size: 11px;
	line-height: 0px;
	color: #666666;
   }
         
    
blockquote {
    font-family: Arial, Verdana, Geneva, sans-serif; 
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;
	color: #336699;
	margin: 20px; 
   }
   
p.small {
   font-size: 10px; 
   line-height: 13px; 
   color: #666666;
   }

   
big {
   font-size: 17px; 
   line-height: 21px; 
   color: #666666;
   }
   
h1 {
   font-size: 20px;
   font-weight: normal; 
   line-height: 21px; 
   color: #cc3300;
   }
   
h2 {
   font-size: 18px;
   font-weight: normal; 
   line-height: 21px; 
   color: #333333;
   }
   
h3 {
   font-size: 15px;
   font-weight: normal; 
   line-height: 21px; 
   color: #333333;   
   }
   
h4 {
   font-size: 11px;
   font-weight: bold; 
   line-height: 15px; 
   color: #333333;
   }  
   
div#rightcolumn ul {  	
    font-size: 10px;
	line-height: 18px;
	color: #666666;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(images/bullet.gif);
}   
    
   
div#rightproj ul { 
	font-size: 10px;
	line-height: 18px;
	color: #666666;
	list-style-position: inside;
	list-style-type: square;
	list-style-image: url(images/bullet.gif);
	}  
    
ul.bios,li.bios {
	 font-size: 10px; 
     color: #666666; 
     list-style-position: outside;
	 list-style-type: square;
	 list-style-image: url(images/bullet.gif);
     }   
  
a:link {
   text-decoration:none; 
   color: #12497C;
   }
a:visited {
   text-decoration:none; 
   color: #12497C;
   }   
a:hover {
   text-decoration:underline; 
   color: #12497C;
   }   
a:active {
   text-decoration:none; 
   color: #12497C;
   }
   
/* Navigation and Content Layout */

#navigation {
   width: 152px;
   position: absolute;
   left: 0;
   top: 0;
   color: #fff;
   }
	
#navigation img {
	display: block;
	border: 0;
	}
	
#navigation ul, #navigation li {
	list-style: none;
	font-size: 10px; 
    font-family: Verdana, Arial, Geneva, sans-serif;
	line-height: 11px; 
    border: 0;
	margin: 6px 0 6px 0px;
	padding: 0 0 0 .95em;
	}
		
li#here {
	font-weight: bold;
	}
	   
#main {
	position: absolute;
	left: 152px;
	top: 0;
	width: 630px;
	background-color: #fff;
	}
	
#title {
	height: 70px;
	width: 630px;
	background-color: #cc6;
	}
	
#creditappbtn {
	position:absolute; top:206px; left:0px; 
	width:150px; height:auto;
}

#title img {
	display: block;
	border: 0;
	}

/* Contacts Columns */

#contleftcol {
	float: left;
	width: 225px; /* value for IE5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 215px; /* real value */
	}

#contmiddlecol {
	float: left;
	width: 225px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px; /* real value */
	}

#contrightcol {
	float: right;
	width: 225px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px; /* real value */
	}
	
/* Begin Float for 1 and 2 columns */

#leftcolumn {
	float: left;
	width: 315px; /* value for IE5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 275px; /* real value */
	}

#middlecolumn {
	float: left;
	width: 315px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 275px; /* real value */
	}

#rightcolumn {
	float: right;
	width: 315px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 275px; /* real value */
	}
/* Contact Picture - Todd */
#lcontact {
	position: absolute;
	left: 500px;
	top: 275;
	width: 75px;
	}

/* Begin Float for 1 and 2 bio columns */
	
#leftproj {
	float: left;
	width: 315px; /* value for IE5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 275px; /* real value */
	}
		
#rightproj {
	float: right;
	width: 315px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 275px; /* real value */
	}	
	
#onecolumn {
	width: 640px; /* value for IE5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 640px; /* real value */
	}
	
#portbody {
	float: left;
	width: 315px; /* value for IE5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 275px; /* real value */
	}

#whitepaper {
	width: 550px; /* value for IE5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 510px; /* real value */
	}
	
#footer {
	clear: both;
	margin: 20px;
	border-top: 1px solid #999;
	padding-top: 10px;
	}
	
div#footer p {
		text-align: center;
		margin-top: 0;
		font-size: 9px;
		}
		
/* Contacts Margin Settings */

div#contleftcol p  {
	margin: 5px 5px 5px 30px;
   }

div#contmiddlecol p  {
	margin: 5px 5px 5px 20px;
   }
   
div#contrightcol p {
    margin: 5px 5px 5px 10px;
   }
   
/* Global Margin Settings */

h1 {
    margin: 20px 20px 3px 20px;
	}
	
div#main h2, div#main h3, div#main h5 {
    margin: 20px 10px 0 20px;
	}
	
div#main h4  {
    margin: 0 20px 10px 22px;
    }  
	
select {
	margin: 0 0 0 20px;
	padding: 2px;
	}
   
div#leftcolumn p  {
	margin: 5px 10px 5px 20px;
   }

div#rightcolumn p {
    margin: 5px 20px 5px 10px;
   }

div#onecolumn p {
    margin: 5px 20px 10px;
   }
	
div#onecolumn img {
	margin: 5px 20px;
    }

div#whitepaper p {
    margin: 5px 20px 10px;
   }	



/* Project Specific */	

div#leftproj p  {
	margin: 5px 5px 5px 20px;
   }
    
div#rightproj p {
    margin: 5px 20px 5px 5px;
   } 
   
div#portbody p,    
div#portbody h1,
div#portbody h2 {
    margin: 5px 5px 5px 20px;
   }    
   

   
 
.phoneleft {

	position:absolute; top:250px; left:0px; 
	width:152px; height:363px;
}