/* typography.css */

body { 
font : 72%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #333; }

h2, h3, h4, p, ul, blockquote { 
 }



h2 { 
margin-bottom : .15em;
font : 170% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
color:#CCCCCC;
font-weight : bold; 
xletter-spacing : -1px; }

.diagonalfade{
background: url(../images/common/diagonal-fade.gif) repeat-x}

h3 { 

margin-bottom : .15em;
font : 250% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
font-weight : bold; 
letter-spacing : -1px; }

h4 { 
xmargin-top: 20px;
margin-bottom : .15em;
font : 150% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
font-weight : bold; 
letter-spacing : -1px; }


p { 
font-size : 100%; }

a  { 

color:#003399;
 }


.bold{font-weight:bold}
.white{color:#FFFFFF;}
.larger{font-size:110%}
.bigger{font-size:130%}
.clickthru{text-align:right}
.left{text-align:left }

.test_quote{
margin-right:20px;
margin-left:20px;
padding-top:20px;
font: 140% georgia, times, serif;
xfont-weight: bold;
font-style:italic;
color:#FFFFFF;
line-height: 120%;
letter-spacing: -50%;
}

.current_projects{
margin-right:30px;
margin-left:20px;
padding-top:20px;
font: 150% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;
color:#FFFFFF;
line-height: 105%;
letter-spacing: -50%;
}

.c_p{
padding-left:20px;
padding-bottom:20px;
}

.dark{
color:#000000;
}

.location{
font:Geneva, Arial, Helvetica, sans-serif;
font-size:80%;
font-style:italic;
color:#FFFFFF;
}

h2, h3 { 
color:#333333;
line-height: 95%;
 }

h2+p { 
font-size : 110%; }

li > h4 { margin-left : 0; }

div#nav_main p { 
font-size : 110%;
color : #FFFFFF; }

div#site_info p { 
color : #333; }

li > p { margin-left : 0; }



ul#nav_features a

 { 
text-decoration : none; 
color : #CCCCCC;}





/* ------------------copy_list-----------------*/

.copy_list{
list-style-type:square;
margin-top: 20px;
margin-left:50px;

}

.copy_list li{

padding-bottom:20px;

}

.copy_list2{
list-style-type:square;
margin-top: 0px;
margin-left:50px;

}

.copy_list2 li{

padding-bottom:0px;

}



/* ------------------pure css table-----------------*/

.cell4 {
	width:100%;
	background:blue;
	float:left;
	margin:1px 0 0;
}
.cell3 {
	width:75%;
	background:red;
	float:left;
}
.cell2 {
	width:66%;
	background:yellow;
	float:left;
}
.cell1 {
	width:50%;
	background:pink;
	float:left;
}
.cell2a, .cell3a, .cell4a {
	width:100%;
	float:right;
	margin-right:-100%;
	position:relative;
	margin-left:2px;
}
.cell4a {
	margin-right:-103%;
	position:relative;
	margin-left:8px;
}
p {padding:2px;margin:0}

/* css below is for the form layout */

fieldset {
margin: 1em 0;
padding: 0.5em;
border : none;
}

legend {
font-weight: bold;
}
label {
display: block;
}

input {
width : 400px;
xbackground-color : #666;
}

textarea {
width: 400px;
height: 100px;
}


/* css below is for the table layout */
table {	width:600px;margin-top:25px;clear:both;}
.column1, .column2, .column3, .column4 {width:25%;border-bottom:1px solid #fff;vertical-align:top;}
.column1 {background:pink}
.column2 {background:yellow}
.column3 {background:red}
.column4 {background:blue;}