@charset "UTF-8";
html {
	background: url(../gfx/bglogo.png) no-repeat fixed -12px -290px;
}

body  {
	font: 69%/1.6em Verdana, Helvetica, Arial, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #334;
}

body#brand {
	background: #fff url(../gfx/bgbrand.png) no-repeat 0px -30px;
}

body#print {
	background: #fff url(../gfx/bgprint.png) no-repeat 0px -30px;
}

body#web {
	background: #fff url(../gfx/bgweb.png) no-repeat 0px -30px;
}

body#process {
	background: #fff url(../gfx/bgWork.png) no-repeat 0px -30px;
}

body#brand li.brand a:link, body#brand li.brand a:visited,
body#print li.print a:link, body#print li.print a:visited,
body#web li.web a:link, body#web li.web a:visited,
body#process li.process a:link, body#process li.process a:visited {
	display: block;
	cursor: pointer;
	padding: 0em 0.5em;
	color: #112;
	text-decoration: none;
	border-top: 5px solid #112;
	background: #FFF;
}

#page {
	margin: 0px;
	padding: 0px;
	height: 1200px;
	width: 100%;
	z-index: 2;
}
#page #triangle {
	position: absolute;
	left: 0px;
	top: 39px;
	z-index: 1000;
}

#logo {
	padding: 3px 0px 0px;
	background: #778;
	width: 270px;
	margin: 27px auto 0px 24px;
	height: 13px;
	filter: alpha(opacity=45);
	opacity: 0.45;
}

#topmenuwrapper {
	border-top: 1px solid #667;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 27px;
}

#content {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#image {
	padding: 0px 18px 0px 0px;
	border-bottom: 1px solid #667;
	margin: 12px 0px 0px 133px;
	height: 200px;
}
#image img {
	padding: 0px;
	margin: 0px;
}

#container  {
	width: 620px;
	margin: 24px 0px 20px auto;
	text-align: left;
}
#textbox.textblock   a  {
	color: #333333;
	text-decoration: none;
}

#textbox.textblock  {
	margin: 0px 220px 0px 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px;
	filter: alpha(opacity=75);
	opacity: 0.75;
	z-index: 1000;	
} 
h1.textblock     {
	margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0px 8px 7px;
	font: normal 160% "Arial Black", "Arial Bold", sans-serif;
	text-transform: uppercase;
	color: #001;
	background: #FFF;
}
h5.textblock {
	font: 140% "Arial Black", "Arial Bold", sans-serif;
	color: #F60;
	padding: 0px;
	margin: 0px 0px 0px 64px;
}
h6.textblock {
	font: normal 1.2em "Arial Black", "Arial Bold", sans-serif;
	padding: 0px;
	margin: 4px 0px 0px 64px;
}
p.textblock {
	background: #FFF;
	margin: 0px 80px 12px 0px;
	padding: 0px 0px 0px 7px;
}
p.quote {
	font: italic normal 140%/1.33em "Trebuchet MS", Arial, sans-serif;
	color: #112;
	text-indent: -7px;
	background: #FFF;
	padding: 3px 7px;
}
#container #side  {
	float: right; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;
	margin: 64px 10px 0px 36px;
}
#container  #side ul {
	padding: 1px 0px 16px;
	border-top: 1px solid #CCD;
	margin: 42px 8px 0px 0px;
}
#container #side li {
	font: normal 1.2em/1.4em "Arial Black", Impact, sans-serif;
	text-transform: lowercase;
	display: block;
	list-style: none inside;
	padding: 1px 0px 4px;
	margin: 0px;
	text-indent: 9px;
	border-bottom: 1px solid #CCD;
	color: #778;
}
#container #side a:link, #container #side a:visited {
	color: #889;
	background: no-repeat;
	text-decoration: none;
}
#container #side a:hover, #container #side a:active {
	color: #FF3300;
	text-decoration: underline;
}
#footer  {
	padding: 0px;
	margin: 0px 0px 96px;
	color: #FFF;
} 
#footer ul  {
	margin: 0px 0px 0px 7px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	float: left;
	padding: 0px;
	background: #FFF;
}
#footer li   {
	display: inline;
	padding: 0px;
	line-height: 17px;
}
#footer li.examples     {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px 8px 0px 0px;
}
#footer    a:link, #footer    a:visited  {
	font: normal 17px/14px "Arial Black", "Arial Bold", sans-serif;
	color: #FFF;
	text-decoration: none;
}

#footer    a:hover, #footer    a:active  {
	color: #FFF;
	text-decoration: underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.topMenu
{
	margin: 0 16px 0 auto;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
	font: 9px/20px Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	float: right;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.topMenuActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.topMenu li
{
	margin: 0;
	padding: 0px 14px 0px 0px;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	width: auto;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.topMenu ul
{
}
/* Menu items are a light gray block with padding and no text decoration */
ul.topMenu a
{
	display: block;
	cursor: pointer;
	padding: 0px 2px;
	color: #112;
	text-decoration: none;
	border-top: 5px solid #FFF;
	background: #FFF;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.topMenu a:hover, ul.topMenu a:focus
{
	color: #889;
	background: #FFF;
	border-top: 5px solid #889;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.topMenu a.MenuBarItemHover, ul.topMenu a.MenuBarItemSubmenuHover, ul.topMenu a.MenuBarSubmenuVisible
{
	background-color: #FFF;
	color: #667;
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
#projects {
	padding: 0px;
	border-bottom: 1px solid #667;
	margin: 12px 0px 0px 10px;
	height: 200px;
}
#projects ul {
	list-style-type: none;
	margin: 0px;
	width: 880px;
	float: right;
}
#projects  li {
	float: left;
	font: normal .75em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	text-transform: uppercase;
	text-align: left;
	margin: 0px 0px 36px 20px;
}
#projects  img {
	display: block;
	border: 8px solid #bbc;
	margin: 0px 0px 12px;
}
#bragg {
	width: 200px;
	top: 224px;
	position: absolute;
	left: 48px;
	overflow: visible;
	z-index: 999;
}
#bragg img {
	margin: 0px 29px 8px 0px;
	width: 170px;
}
#bragg p {
	font: italic 1.25em "Trebuchet MS", Arial, sans-serif;
	text-align: left;
	text-indent: -5px;
}
#bragg h6 {
	font: bold 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #151111;
	text-align: left;
	margin-left: 72px;
}
#buttons {
	margin: 0px;
	padding: 0px;
	float: right;
}