/*
    Original body .css with the funky offsets. 
    Copied over to plain body.css and being slowly modified there.
 */
html, body 
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: #fff;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	font-size: 12px;
	width: 100%;
}

a:link img 
{ 
border-style: none; 
}

a, a:visited
{ 
color: #900; 
}

a:hover, a:active 
{ 
color: #066; 
}



small
{
	font-size: 70%;
	vertical-align: text-top;
}


h1 { margin: 20px 0 20px 185px; }

#about h1, #contact h1, #custom h1, #clients h1
{
	color: #099;
	font-weight: bold;
	line-height: 20px;
	font-size: 16px;
margin-bottom: 4px;
}

#about h1
{

}

h2 { margin: 20px 0 20px 185px; }

#about h2, #contact h2, #custom h2, #clients h2
{
	color: #C96;
	font-weight: bold;
	line-height: 16px;
	font-size: 14px;
	margin-bottom: 0px;
}


strong { color: #666; }

p { margin: 0px 0 10px 185px; }



/* .bio, .bio-text
{
margin-left: 190px;
width: 600px;
}  */

#about p, #contact p, #custom p, #clients p
{
margin-left: 185px;
width: 600px;
}

#contact p
{
line-height: 18px;
padding-bottom: 10px;
}


#header, #home-head
{
	height: 187px;
	width: 100%;
	background-color: #fff;
	position: relative;
}

#home-head
{
	height: 360px;
}

#logo
{
	position: absolute;
	top: 36px;
	left: 43px;
	z-index: 100;
	border-style: none;
}

#logo-home
{
	position: absolute;
	top: 35px;
	left: 38px;
	z-index: 100;
}

#reg
{
	position: absolute;
	top: 123px;
	left: 138px;
	z-index: 100;
}

#reg-home
{
	position: absolute;
	top: 133px;
	left: 147px;
}

#logo-type
{
	position: absolute;
	top: 10px;
	left: 185px;
	color: #099;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}


/* Horizontal Colored Stripes across top of page  */

 #stripe-tealx1
{
	position: absolute;
	top: 48px;
	left: 0;
	background-color: #099;
	background-image: url(/s/images/stock/blank.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
	z-index: 1;
}


#stripe-grayx7
{
	position: absolute;
	top: 41px;
	left: 0;
	background-color: #ccc;
	background-image: url(/s/images/stock/blank.gif);
	background-repeat: repeat-x;
	height: 7px;
	width: 100%;
	z-index: 1;
}

#whitex185
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	background-image: url(/s/images/stock/blank.gif);
	background-repeat: repeat-x;
	height: 48px;
	width: 185px;
	z-index: 2;
}

#stripe-imagex12
{
	position: absolute;
	top: 175px;
	left: 0px;
	background-color: black;
	background-image: url(/s/images/stock/h-strip800x12.jpg);
	background-repeat: no-repeat;
	height: 12px;
	width: 100%;
	z-index: 1;
}

#home-stripe-imagex12
{
	position: absolute;
	top: 348px;
	left: 0px;
	background-color: black;
	background-image: url(/s/images/stock/h-strip800x12.jpg);
	background-repeat: no-repeat;
	height: 12px;
	width: 100%;
	z-index: 1;
}

/* header */

#header-img
{
position: absolute;
top: 54px;
left: 185px;
z-index: 100;
}



#header-background
{
	position: absolute;
	top: 54px;
	width: 100%;
	height: 117px;
	background-color: #666;
	background-image: url(/s/images/stock/blank.gif);
	z-index: 1;
}

#header-quote
{
	position: absolute;
	top: 0px;
	left: 788px;	
	color: #FF9;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}

.white-quote
{
	margin-top: 4px;
	color: #FFF;
	font-size: 10px;
	line-height: 12px;
	width: 300px;
}

img#header-home
{
	position: absolute;
	top: 54px;
	left: 638px;
	background-color: #666;
	z-index: 100;
}





/*top-nav elements  */

#spacex185
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	background-image: url(/s/images/stock/blank.gif);
	background-repeat: repeat-x;
	height: 40px;
	width: 185px;
}
#top-nav, #home-nav
{
	top: 0px;
	background-color: #CCC;
	min-width: 985px;
	width:100% !important;
	width:100%;
}

#top-nav-text
{
	margin-left: 186px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 12px 10px 10px 10px;
	font-weight: bold;
	min-width: 800px;

}



a.nav-home:link, a.nav-about:link, a.nav-custom:link, a.nav-clients:link, a.nav-docs:link, a.nav-contact:link,
a.nav-home:visited, a.nav-about:visited, a.nav-custom:visited, a.nav-clients:visited, a.nav-docs:visited, a.nav-contact:visited
{
	margin-left: 24px;
	text-decoration: none;
	color: #000;
}

a.nav-home:hover, a.nav-about:hover, a.nav-custom:hover, a.nav-clients:hover, a.nav-docs:hover, a.nav-contact:hover,
a.nav-home:active, a.nav-about:active, a.nav-custom:active, a.nav-clients:active, a.nav-docs:active, a.nav-contact:active
{
	margin-left: 24px;
	text-decoration: none;
	color: #900;
} 

/* this style combination creates a red nav item on the active page  */
#about .nav-about, #clients .nav-clients, #custom .nav-custom, #clients .nav-clients, #docs .nav-docs, #contact .nav-contact
{
	margin-left: 24px;
	text-decoration: none;
	color: #900;
} 




/* client-project number tabs  */

#number-tabs
{
	position: absolute;
	left: 200px;
	top: 50px;
}

/*a.number-1:link, a.number-2:link, a.number-3:link, a.number-4:link, a.number-5:link, a.number-6:link, a.number-7:link, a.number-8:link, a.number-9:link, a.number-10:link, a.number-11:link, a.number-12:link
a.number-1:visited, a.number-2:visited, a.number-3:visited, a.number-4:visited, a.number-5:visited, a.number-6:visited, a.number-7:visited, a.number-8:visited, a.number-9:visited, a.number-10:visited, a.number-11:visited, a.number-12:visited
{
	margin-left: 2px;
	padding: 4px 8px 4px 8px;
	border-color: #099;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	text-decoration: none;
	color: #099;
}

a.number-1:hover, a.number-2:hover, a.number-3:hover, a.number-4:hover, a.number-5:hover, a.number-6:hover, a.number-7:hover, a.number-8:hover, a.number-9:hover, a.number-10:hover,  a.number-11:hover,  a.number-12:hover 
a.number-1:active, a.number-2:active, a.number-3:active, a.number-4:active, a.number-5:active, a.number-6:active, a.number-7:active, a.number-8:active, a.number-9:active, a.number-10:active, a.number-11:active, a.number-12:active
{
	margin-left: 2px;
	padding: 4px 8px 4px 8px;
	border-color: #099;
	border-width: 1px;
	border-style: solid;
	background-color: #099;
	color: #FFF;
	font-weight: bold;
}*/

/* this style creates a solid tab on the active page 
#tab-1 .number-1, #tab-2 .number-2, #tab-3 .number-3, #tab-4 .number-4, #tab-5 .number-5, #tab-6 .number-6, #tab-7 .number-7,  #tab-8 .number-8,  #tab-9 .number-9,  #tab-10 .number-10,  #tab-11 .number-11,  #tab-12 .number-12
{
	margin-left: 2px;
	padding: 4px 8px 4px 8px;
	border-color: #099;
	border-width: 1px;
	border-style: solid;
	background-color: #099;
	color: #FFF;
	font-weight: bold;
}
 */


a.tab:link, a.tab:visited
{
	margin-left: 2px;
	padding: 4px 8px 4px 8px;
	border-color: #099;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	text-decoration: none;
	color: #099;
}

a.tabactive:link, a.tabactive:visited, a.tab:hover, a.tab:active, a.tab:focus
{
	margin-left: 2px;
	padding: 4px 8px 4px 8px;
	border-color: #099;
	border-width: 1px;
	border-style: solid;
	background-color: #099;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}




/* left-nav elements  */

#left-nav
{
	width: 165px;
	float: left;
	margin-top: 28px;
	padding-left: 15px;
	margin-bottom: 20px;

}

.left-head
{
	color: #900;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 1px;
}

.left-nav-company
{
        margin-top: 9px;
        color: #000;
        text-decoration: none;
}

.left-nav-project
{
        margin-top: 3px;
        color: #000;
        text-decoration: none;
}

a.left-nav-project:link, a.left-nav-project:visited, a.left-nav-project:hover, a.left-nav-project:active
{
	margin-top: 9px;
	color: #399;
	text-decoration: none;
	padding-left: 19px;
	background-image: url(/s/images/stock/block.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}

a.left-nav-project:hover, a.left-nav-project:active, a.left-nav-project:focus
{
	color: #900;	
	background-image: url(/s/images/stock/block2.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	}
	
a.left-nav-project-focus
{
	padding-left: 19px;
	color: #900;
	text-decoration: none;
}


/* content elements  */

div#content, #home-content
{
	position: relative;
	top: 0px;
	min-width: 985px;
	width: 100% !important;
	width: 985px;
	z-index: 100;
}

div#note-indent
{
    position: relative;
    top: 0px;
    min-width: 985px;
    width: 100% !important;
    width:985px;
    z-index: 100;
    left: 55px;
}

table#client
{
	position: relative;
	top: 30px;
	left: 10px;
	width: 700px;
	margin-bottom: 40px;
}

.subhead
{
	text-transform: lowercase;
	color: #099;
	font-weight: bold;
	line-height: 20px;
}




.client-th
{
	background-color: #9CC;
	background-image: url(../images/stock/curved-top-header496x39.gif);
	height: 39px;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 10px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}

.project-th
{
	background-color: #9CC;
	background-image: url(../images/stock/curved-top-header496x39.gif);
	height: 39px;
	background-repeat: no-repeat;
	text-align: left;
	padding: 4px 0 0 30px;
	color: #099;
	font-size: 16px;
}

td.even
{
	padding: 8px;
	background-color: #CCC;
}

td.odd
{
	padding: 8px;
	background-color: #9CC;
}

.frame-even
{
	float:left;
	background-repeat: no-repeat;
	width: 174px;
	height: 135px;
}

.frame-odd
{
	float: right;
	background-repeat: no-repeat;
	width: 174px;
	height: 135px;
}

.text-even, .text-odd
{
	padding-top: 8px;
	width: 660px;
}

.text-odd
{
	float: left;
	width: 660px;
	padding-left: 10px;
}

.text-project
{
	width: 660px;
	padding: 0 0 20px 10px;
}

img.framed, .framed:link
{
	margin-top: 0px;
	margin-left: 8px;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	width: 144px;
	height: 125px;
}

img.project-screen
{
	float: right;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	width: 457px;
	height: 400px;
	margin: 0 20px 15px 10px;
}

.white-bold
{
	color: #FFF;
	font-weight: bold;
}

.teal
{
	color: #009999;
}

.black
{
	color: #000000;
}

.align-left
{
	float: left;
	padding-top: 15px;
}



/* Home -specific tags */

#home-text
{
	top: 40px;
	left: 187px;
	width: 730px;
	position: relative;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-indent: -90px;
}

#home-block1
{
	margin-top: 60px;
	margin-left: 175px;
	width: 363px;
	float: left;
	display: inline;
}

#home-block2
{
	padding-top: 60px;
	margin-left: 553px;
	width: 363px;
}


.home-subhead
{
	color: #666;
	font-weight: bold;
	line-height: 20px;
	padding: 0 0 0 20px;
	font-size: 13px;
}


.home-head, .tan
{
	color: #099;
	font-weight: bold;
	line-height: 20px;
	font-size: 16px;
}

.tan { color: #C96; }


ul.home
{
	list-style-image: url(../images/home/bullet5x5.gif);
	width: 270px;
	margin-top: 0px;
}

ul.technote
{
	margin-left: 185px;
}

li
{
margin-top: 6px;
}


#custom ul 
{
	list-style-image: url(../images/home/bullet5x5.gif);
	width: 270px;
	margin-top: 0px;
	margin-left: 185px;
}




#footer
{
	clear: both;
	border-color: #399;
	border-width: 1px 0 0 0;
	border-style: solid;
	padding: 20px;
	margin: 20px 0 0 0;
	font-size: 10px;
}