// Screen style sheets
@ media:screen;

html {
	margin:0;
	padding:0;
}

body {
	font: .95em Verdana, Arial, Helvetica, sans-serif;
	margin:20px; 
	padding: 0;
	background: #ccc; 
	color: black;
}


/* 
****************************************************
STRUCTURE OF THE LEFT SIDE OF THE PAGE 
(DATE, LOGO, FOOTER)
****************************************************
*/

div#banner {
	display: none;
}

div#branding {
position: absolute;
top:20px; 
left:30px;  
width:15%;
	
}
 
 div#branding img {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0px; 
}
 
div#nav {
position: absolute;
top:100px; 
left:0px;
width:15%;
font-size: .95em;
}

div#nav {
background-color: #CCC;
}

div#nav a {
display: block;
padding: 8px 7px 4.5% 3px;
margin:0;
border-top: 1px solid #900;
border-left: 1px solid #900;
}

div#nav a:hover{
	display: block;
	background-color: #900;
	color: white;
	border-left: 6px solid #000;

}

div#nav ul li{
	list-style: none;
}


/* 
****************************************************
STRUCTURE OF THE PRIMARY CONTENT OF THE PAGE 
****************************************************
*/

div#content {
	margin: 30px 10em 20px 20em;
	padding:2em;
	background:#981B14; 
	color: #fff;
}

div#content h1 {
	font-size: 180%; 
	text-transform: lowercase; 
	letter-spacing: 3px; 
	margin: .66em 0 0.33em 3%; 
	padding: 0;
}

div#content h2 {
	font-size: 133%; 
	display: inline;
	margin:0; 
	padding:0.33em 0 0 0; 
	border-bottom: 1px solid #ccc;
	color: #ccc;
}


div#content p {
	line-height: 1.35;
	margin:0.5em 0 1em 3em;
}
 
.testimony {
color: #fff;
padding:.4em;
margin: 1em .5em .75em 4em;
line-height: 150%;
}

.client {
font-style: italic;
color: #ccc;
text-align: right;
border-bottom: 1px dotted #fff;
padding: .4em;
/* margin: 8em 0 .7em 65%; */
}

div#content table td {
font-family: "Verdana";
color: #fff;
margin: 0 0 0 0;
text-align: right;
width: 20%;
}

div#content table td.fillin {
text-align: left;
width:60%;
}

div#content table td tr.buttonaction {
font-family: "Verdana";
color: #fff;
margin: 30em 0 0 0;
text-align: right;
width: 20%;
}

/* make sure rasheematrix appears with emphasis */
.coname {
font-weight: bold;
}

div#content img {
float: left;
margin:.8em;
}

div#content a:link {
color: #CCC;
text-decoration: none;
}

div#content a:visited 	{
color: #fff;
/* background: white; */
text-decoration: none;
font-weight: normal;
font-variant: small-caps;
	}
	
div#content a:hover {
font-weight: normal;
color: #900;
background: #ccc;
border: 1px dotted #fff;
padding: .05em;
	}

div#content a:active {
font-size: 1em;
color: #900;
background: white;
font-weight: normal;
text-decoration: none;
padding: .02em;
}

.emphasis {
font-weight: bold;
/* font-size: .8em; */
}

p.small{
font-size: 80%;
}

td {
vertical-align:top;
}

div#footer {
	margin: 1px 5em 20px 28em;
 	/* margin:80px 10em; */
	padding: .5em 0 0 25px;
	text-align: left;
	font-size: .75em;
	width: 90%;
	border-top: 1px dotted #900;
 }