* {
margin : 0;
padding : 0;
}

body    {
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size : 80%;
text-align : center;
background : #fff url('body-bg.jpg') no-repeat center top;
/* color : #b7b7b7;c*/
color : #888
}

h1, h2, h3  {
padding : 0.5em 0;
font-family : Arial, Helvetica, sans-serif; 
font-weight : normal;
letter-spacing: .5px;
}

h1 {
font-size : 140%; 
color : #505050;
}

h2 {
font-size : 130%; 
color : #505050;
}

.article #content-main h2 {
margin-top : 20px;
padding-top : 20px;
border-top : 1px solid #cfcfcf;
}

.article #content-main #highlight h2 {
margin-top : 0;
padding-top : 0;
border-top : 0px solid #cfcfcf;
}

#content-sub h2 {
padding-top : 10px;
margin-top : 10px;
border-top : 1px solid #cfcfcf;
font-size : 120%; 
}

h3 {
font-size : 120%; 
color : #505050;
}

#TextDisplay {
font-style : italic;
}

p  {
padding : 0.5em 0;
font-size : 100%;
line-height : 150%;
}

#branding p {
position : absolute;
left : -3000px;
}

blockquote  {
padding : 0.5em 0;
}

h2+p  {
padding-top : 10px;
}

blockquote p {
width : 260px;
margin : 0 auto;
padding : 0;
text-align : center;
letter-spacing : -1px;
color : #333;
}

#content-sub p {
padding-top : 10px;
}

p.content-quote-text {
line-height : 110%;
}

p.content-quote-author {
color : #999;
}

abbr, acronym {
text-decoration : none;
border-bottom : 1px dotted #cfcfcf;
cursor : help;
}

address {
padding : 0.5em 0;
font-style : normal;
}

address span {
display : block;
}

/* anchors, yo ho me hearties */

a:link {
color : #4775a3;
text-decoration : underline;
}

a:visited {
color : #668cb3;
}

a:hover {
color : #555;
}

a:focus, a:active {
color : #333;
text-decoration : underline;
}

#content-sub a {
text-decoration : none;}

* html a.external {
text-decoration : none;
border-bottom : 1px dotted #cfcfcf;
}

ul {
list-style-type : disc;
padding : 0.5em 0;
}

ul ul {
list-style-type : disc;
padding : 0 2em;
}

#nav-main ul {
list-style : none;
margin-left : 160px;
padding : 0;
}

#nav-supp ul {
list-style : none;
padding : 2em 0;
}

#nav-main li {
display : inline;
background : #72796f;
}

#nav-supp li {
display : inline;
}

#nav-main a {
float : left;
padding : 10px;
font-size : 82%;
text-transform : uppercase;
text-decoration : none;
color : #fff;
}

#nav-supp a {
float : left;
margin : 0;
padding-right : 20px;
text-decoration : none;
}

#content-sub ul {
padding-top : 10px;
}

ul.inline li {
display : inline;
}

/* li */

li {
list-style-type : none;
}

li.projects-symbols {
display : none;
}

/* li[class="projects-symbols"] {
display : inline;
}  */

/* dl */

dl {
padding : 0.5em 0;
}

#content-sub dl {
padding-top : 0;
}

/* dt */

dt {
padding-top : 10px;
font-size : 110%; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : normal;
letter-spacing: -1px;
} 

dt span {
display : block;
font-size : 92%;
}

dl#clientlist dt {
padding-bottom : 0;
}

/* dd */

dd {
padding : 0.5em 0;
line-height : 150%;
}

dl#clientlist dd {
padding-top : 0;
}

#content-sub dd {
padding-top : 0;
}

/* images */

img, img a {
border : none;
}

img.floatl { 
float : left;
margin-right : 10px;
}

img.floatr { 
float : right;
margin-left : 10px;
}

#recommended img, dd p img {
float : right;
margin-left : 0.5em;
}

.content-recommended img, #recommended img {
padding : 2px;
border : 1px solid #ccc;
border-bottom : 1px solid #555;
}

/* stuff */

hr {
display : none;
}

.invisible {
display : none;
}

.clear {
clear : both;
height : 0px;
}

.offleft {
position : absolute;
top : -10em;
}


.project  {
float : left;
width : 190px;
margin-right : 10px;
}

#siteinfo-legal p {
padding : 0;
}

p#siteinfo-browser {
color : #888;
}

p#siteinfo-browser a {
color : #888;
}

p[id="siteinfo-browser"] {
display : none;
}

/* form */

form 	{
margin : 0;
padding : 0;
}

form#frm-subscribe {
position : static;
padding : 10px;
background : #f2f2f2;
border : 1px solid #cfcfcf;
}

form#frm-subscribe.hide {
position : absolute;
top : -20em;
}

/* fieldset */

fieldset {
margin : 0;
padding : 10px;
border : 1px solid #ccc;
}

#content-supp  fieldset {
border : 0px solid #fff;
}

fieldset:hover {
background : #f5f5f5;
}

fieldset div br {
display : none;
}

#fm-submit {
clear : both;
padding-top : 1em;
text-align : center;
}

/* form text */

legend {
font-weight : bold;
color : #333;
margin : 0;
padding : 0.5em;
}

label {
display : block;
}

label em {
font-style : normal;
text-decoration : underline;
color : #900;
}

#frm-subscribe label {
display : inline;
}

/* inputs */

fieldset div.fm-optional {
display : block;
}

fieldset div input {
font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-size : 100%;
width: 200px; 
border : 3px double #ccc;
padding : 1px;
}
	
form#frm-subscribe #usr_eml_email {
width : 160px; 
padding : 1px;
margin-bottom : 10px;
font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-size : 100%;
border : 3px double #cfcfcf;
color : #828282;
}

form#frm-subscribe #usr_eml_email:hover {
border : 3px double #999;
}

form#frm-subscribe #usr_eml_email:focus, form#frm-subscribe #usr_eml_email:active {
border : 3px double #555;
}
	
fieldset div input:focus {
border : 3px double #666;
}

fieldset div select {
font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-size : 100%;
width: 200px; 
border : 3px double #900;
padding : 1px;
}

fieldset div textarea {
padding : 1px;
width: 340px; 
height: 160px;
font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-size : 100%;
border : 3px double #ccc;
}
						
fieldset div label:before {
content: "*";
}

fieldset div.fm-optional label:before {

}
	
/* Optional fields. */

.fm-optional input {
border : 3px double #ccc;
}

table {
margin : 0.5em 0;
font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Heletica, Arial, sans-serif;
font-size : 100%;
border-right : 0px solid #cfcfcf;
border-bottom : 0px solid #cfcfcf;
border-collapse : collapse;
}

th {
width : 200px;
font-weight : normal;
}

th, td {
padding : 2px;
border-top : 0px solid #cfcfcf;
border-left : 0px solid #cfcfcf;
}

/* Portfolio */

#portfolio dt {
clear : both;
margin : 10px 0;
}

.portfolio {
float : left;
width : 180px;
height : 160px;
margin : 0 10px 10px 0;
text-indent : -3000px;
overflow : hidden;
}