* { margin: 0; padding: 0; }
body, td, p { color: #666; font-size: 11px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
#container { background-color: #fff; position: relative; }
#header { margin-bottom: 15px; }
#masthead { background-color: #09c; height: 79px; }
#home-button { position: absolute; z-index: 10; }
#main-content { font-size: 11px; width: 490px; margin-bottom: 35px; margin-left: 290px; }
#sidebar { background-image: url(/images/dotted_line_vert.gif); background-repeat: repeat-y; background-position: right top; position: absolute; top: 111px; left: 0; width: 252px; padding-left: 15px; padding-bottom: 25px; }
#sidebar p {
	padding-left: 6px;
}
#footer { color: #f6ffcb; background-color: #09c; background-image: url(../images/shadow.gif); height: 41px; clear: both; margin-top: 10px;}

#navbar { background-image: url(/images/lower_shim.gif); background-repeat: no-repeat; height: 17px; padding-left: 270px; }
.navlink {margin-left: 15px; margin-right: 15px; float: left }

#about { width: 53px; height: 17px }
#about a { background: url(/images/about.gif) no-repeat; text-decoration: none; display: block; width: 53px; height: 17px; }
#about a:hover { background-position: 0 -17px; text-decoration: none; }

#services { width: 65px; height: 17px }
#services a { background: url(/images/services.gif) no-repeat; text-decoration: none; display: block; width: 65px; height: 17px; }
#services a:hover { background-position: 0 -17px; text-decoration: none; }

#design { width: 42px; height: 17px }
#design a { background: url(/images/design.gif) no-repeat; text-decoration: none; display: block; width: 42px; height: 17px; }
#design a:hover { background-position: 0 -17px; text-decoration: none; }

#clients { width: 63px; height: 17px }
#clients a { background: url(/images/clients.gif) no-repeat; text-decoration: none; display: block; width: 63px; height: 17px; }
#clients a:hover { background-position: 0 -17px; text-decoration: none; }

#contact { width: 60px; height: 17px }
#contact a { background: url(/images/contact.gif) no-repeat; text-decoration: none; display: block; width: 60px; height: 17px; }
#contact a:hover { background-position: 0 -17px; text-decoration: none; }

#signin { width: 42px; height: 17px }
#signin a { background: url(/images/signin.gif) no-repeat; text-decoration: none; display: block; width: 42px; height: 17px; }
#signin a:hover { background-position: 0 -17px; text-decoration: none; }

p { margin-top: 10px }
h1, h1 a { color: #f5c400; font-size: 14px; font-weight: normal; text-transform: uppercase; text-decoration: none }

h1 a:hover {
	color: #f5c400;
	text-decoration: underline;
}

h2 { color: #09c; font-size: 11px; font-weight: normal; margin-top: 16px; margin-bottom: -11px; }
a { text-decoration: none; color: #738DA2 }
a:hover { color: #09c; }
.framed { padding: 5px; border: solid 1px #ccc; }
.divider { background-image: url(/images/dotted_line.gif); background-repeat: repeat-x; background-position: 0 bottom; height: 20px; }

#sidebar h2, #sidebar p, #sidebar .divider { margin-left: 40px; margin-right: 20px }
#sidebar ul
{
	margin-left: 40px; margin-right: 20px;
	font: normal 11px/15px "lucida grande", verdana, sans-serif;
	color: #666;
	padding: 2px 0;
	list-style-image: url(/images/bullet_yellow.gif);
}

#sidebar .leftnav-bullet {
	display: block;
	float: left;
}

#sidebar .leftnav {
	display: block;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

ul.bulleted { color: #666; font: 11px/15px "lucida grande", verdana, sans-serif; list-style-image: url(/images/bullet_yellow.gif); margin-right: 20px; margin-left: 40px; padding: 2px 0; }
#sidebar li
{
	margin: 3px 0 0px 20px;
	padding: 0;
}

#sidebar li.list-head { font-weight: bold; list-style-image: url(/images/bullet_blue.gif); }
#sidebar li.current { list-style-image: url(/images/bullet_red.gif); }
#sidebar li.current a { color: #c00; }

td { padding: 3px 0 1px 0}
textarea { color: #666; background-color: #ffffea  }
.tdline { border-bottom: 1px #CCCCCC solid }
.tdline h2 {
	margin-bottom: 0px;
}
.required { color: #FF0000 }
.textfield { color: #666; background-color: #ffffea; width: 400px   }
.textfield2 { color: #666; background-color: #ffffea; width: 300px  }
.textfield3 { color: #666; background-color: #ffffea; width: 180px; }

.left-box { margin: 5px 10px 5px 0; padding: 5px; float: left; border: solid 1px #CCCCCC }
.right-box { margin: 5px 0 5px 10px; padding: 5px; float: right; border: solid 1px #CCCCCC }
.right-nobox { margin: 0 0 0 10px; padding: 0; float: right }
.across-box { margin: 0 0 10px; padding: 5px; border: solid 1px #CCCCCC }
.bulleted { list-style-image: url(/images/icn_profile.png); }

.sidebar-image { margin-top:36px; padding-top: 1em; background-image: url(/images/dotted_line.gif); background-repeat: repeat-x; background-position: 0 top; }
.caption { color: #6a6a6a; font-size: 9px; line-height: 15px; background-color: #e5e5e5; padding: 6px    }
.quote { color: #999; position: relative; margin: 15px 0 5px 0; padding-top: 5px;
	font-size: 13px;
	line-height: 18px;
	background: url(../images/dotted_line.gif) repeat-x 0 top;
}
blockquote {
	margin: 0pt 1em 1em;
	background-image: url(/images/quoteOpen.png);
	background-repeat: no-repeat;
	background-position: 0pt 2px;
	background-attachment: scroll;
}
blockquote > p:first-child {
	margin-bottom: .5em;
	text-indent: 27px;
	font-size: 1.1em;
	color: #8a8a8a;
	line-height: 1.4em;
	font-weight: lighter;
}
.quote-ref { font-size: 10px; line-height: 13px; margin-top: 10px; }

.tag-in-cloud { display: block; font-size: 10px; float: left; padding-right: 10px; text-transform: capitalize;  }

span.tag {
	background: url('/images/icn_tag.png') left no-repeat;
	color: #999;
	font: 11px Georgia, Times, serif;
	text-transform: lowercase;
	padding: 2px 0 2px 18px;
}
span.tag a { color: #808080 }
span.tag a:hover { color: #333; text-decoration: underline }