/* 
 * Base style rules for Summus.
 * Rules apply to all pages
 */
 
body          { font-size: 93.75%; }   /* IE */
html>/**/body   { font-size: 15px; }  /* Other browsers */

body
{
	margin: 0;
	padding: 0;
	color: #000;
	/* Black type */
	font-family: "times new roman", "times roman", times, serif;
	background-color: #000;
	background-image: url(../images/bkgnStripes.gif);
	background-repeat: repeat;
}


/* wrapper, centers everything*/
#wrapper
{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

/* Class makes columns line up */
div.clearfix
{
	clear: both;
}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear:after, .container:after, #nav:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear, .container, #nav { height: 1%; }
.clear, .container, #nav { display: block; }




/* Main container centers the site 
 * in the viewer's screen.
 */

#container
{
	background-color: rgb(231, 237, 226);
	background-image: url(../images/leftColBkgn.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-color: transparent transparent black transparent;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
}

/* The leftSide has a changable background image */
#leftSide
{
	padding: 0;
	margin: 0;
	width: 247px;
	height: 548px;
	background-color: black;
	text-align: center;
	background-image: url(../images/leftSideLeafImg.jpg);
	background-repeat: no-repeat;
	float: left;
	display: inline;
}

/* Specific CSS rule for Summus's logo */
#leftSide img
{
	margin: 30px 0 0 0;
	padding: 0;
	border: none;
}


/* The Right side */
#rightSide
{
	margin: 0;
	padding: 0 0 2em;
	width: 753px;
	background-color: rgb(231, 237, 226);
	float: left;
	display: inline;
}

/* Nav DIV holds the menus
 * which are all equal in dimention
 * and have on and off states


/* The menus are simple images
 * with defined width and height
 * and are turned into links with
 * onclick events.
 */

#nav { margin: 34px 0 28px; }
#nav img
{
	margin: 0 .5em 0 0; 
	padding: 0;
	width: 88px;
	height: 20px;
	border: 0;
	cursor: pointer;
	position: static;
	float: left;
}

#nav img.first
{
	margin-left: 38px;
}


/*
 * This class is for
 * the last menu image,
 * it removes the right margin.
 */
 #nav img.last
 {
 	margin-right: 0; 
 }
 
 
 /*
  * These rules are for the 
  * submenus
  */
 
#subAbout, #subApproach, #subVerticals, #subSolutions, #subClient
{
	position: absolute;
	margin: 0;
	padding-top: 0;
	width: 100px;
	text-align: left;
	background-color: rgb(231, 237, 226);
	z-index: 100;
	display: none;
	zoom:1;
}

/* These rules adjust the indiviual submenu's widths */
#subAbout {width: 160px;}
#subApproach {width: 225px; z-index: 110;}
#subVerticals {width: 220px; z-index: 120;}
#subSolutions {width: 225px; z-index: 130;}
#subClient {width: 100px; z-index: 140;}

/* These rules are for the submenu's
 * links, they change the link's background color
 */
#subAbout a, #subApproach a, #subVerticals a, #subSolutions a, #subClient a
{
	display: block;
	text-decoration: none;
	background-color: rgb(0, 172, 75);
	color: white;
	padding: 3px 4px;
	margin-top: 1px;
	font-size: .85em;
	zoom:1;
}

#subAbout a:hover, #subApproach a:hover, #subVerticals a:hover, #subSolutions a:hover, #subClient a:hover
{
	background-color: rgb(0, 96, 67);
}

/*
 * These rules are for the main text 
 * in the story DIV
 */
#story
{
	margin: 0 0 0 38px;
	padding: 0;
	width: 695px;
	padding-right: 10px;
	height: 800px;
	line-height: 1.5;
	overflow: auto;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: bold;
	line-height: 1.1;
	margin: 0;
	padding: 0;
}

h1
{
	font-size: 1em;
	margin-bottom: 1em;
	text-decoration: underline;
}
h2 
{ 
	font-size: 1em; 
	padding-bottom: 0;
	margin-bottom: .5em;
}
h3 
{ 
	font-size: 1em; 
	margin-bottom: .2em
}

p
{
	padding: 0;
	margin: 0 0 2em;
}

ul { margin-bottom: 2em; margin-top: -1em; }
li { margin: 0 0 .5em; }

a:link, #story a:visited
{
	text-decoration: underline;
	color: #000;
}
a:hover { color: rgb(0, 96, 67); text-decoration: underline; }

#quickNav
{
	font-size: .8em;
}

/*
 * This is the footer
 */
#footer
{
	width: 1000px;	/* working width */
	height: 30px;	 /*working height */
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #000;
	color: #999;
}

#footer p
{
	padding: 10px 0;
	margin: 0;
	letter-spacing: 1pt;
	font-size: .8em;
}


/*
 * This rule adjusts the registration
 * marks with SUB tags
 */
 
 sup 
 {
 	vertical-align: super;
 	font-size: 50%;
 }