/* CSS Document */

/* -------LEVEL TWO STYLES------ */

#rightColumn {
float:right;
width: 185px;
}

#rightColumnClients{
float:right;
width: 175px;
}


.right {
padding: 5px 0px 3px 7px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000066;
}

#imgFloat
{
float: right;
padding: 10px 8px 3px 20px;
}

.floatRight
{
float: right;
padding: 3px 3px 3px 3px;
}

#clear {
clear:right;
}

#imgFloat2
{
float: right;
padding: 10px 140px 0px 3px;
}

#imgFloat3
{
float: right;
padding: 35px 90px 0px 3px;
}

#header2 {
width: 818px;
height: 110px;
position:relative;
} 

 
.tagLine2  {
position:absolute;
top: 81px;
left: 462px;
font-family:verdana, Times, serif;
font-size: 11px;
color:#d8d7d7;
letter-spacing: 1px;
z-index: 5;
}


#bodyWrap2 {
width: 820px;
border:#FFF;
border-style:solid;
border-width: 0px 2px 0px 2px;
}

#contentL2 {
width: 781px;
border:#000000;
background-color:#fff;
border-style:solid;
border-width: 1px;
text-align:left;
padding:5px 10px 15px 25px;
font-family: Verdana, Georgia, serif;
font-size: 12px;
margin-top: 3px;
}

#contentColumn {
width: 794px;
border:#000000;
background-image:url(img/bg.gif);
border-style:solid;
border-width: 1px;
text-align:left;
padding:7px 7px 15px 15px;
font-family:Verdana, Georgia, serif;
font-size: 12px;
}

.rightPad {
padding-right:203px;
}

#navWrapper {
width: 818px;
height: 52px;

}

.subNav  {
font-size: 11px;
color:#FFFFFF;
}

.subNavL  {
font-size: 13px;
color:#FFFFFF;
}

/* zeroing padding/margin for all elements */
#dropMenu,
#dropMenu * { margin:0;padding:0;}
/* "Master" UL (the whole Menu) */
#dropMenu {position:relative;background:#000 no-repeat 100% 100%;width:820px;max-width:820px;float:left;margin-bottom:0em;
}
/* sub-menu ULs */
#dropMenu li ul {
	cursor:default;
	width:797px;
	max-width:100%;
	position:absolute;
	top:27px;
	padding: 12px 0px 12px 0px;
	padding-left:1.3em !important;
	background-position:0 0 !important;
	left:-9000px;
}

/* All LIs */
#dropMenu li {
	cursor:pointer;
	float:left;
	width:203px;
	max-width:100%;
	text-align:center;
	list-style-type:none;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}
/* sub-menu LIs */
#dropMenu li ul li {
	padding:0 20px 0 0;
	border:none;
	width:auto;
	margin: -10px;
	max-width:none;
}

/* All anchors */
#dropMenu li a {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .8em;
	height:24px;
	line-height:24px;
}

/* sub-menu Anchors */
#dropMenu li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:20px;
	height:21px;
	font-weight:400;
	color:#666;
	background-position:0 50% !important;
}

#dropMenu li a:hover,
#dropMenu li a:focus,
#dropMenu li a:active {color:#fff}
/* position and z-index for the sub-menus */

#dropMenu li:hover ul,
#dropMenu li.msieFix ul {left:0;z-index:10}

/* Current location - class on Body must match LI's id */
.dev #dropMenu li#dev a,
.mark #dropMenu li#mark a,
.about #dropMenu li#about a,
.client #dropMenu li#client a {color:#fff;cursor:default;}
.dev #dropMenu li#dev ul,
.mark #dropMenu li#mark ul,
.about #dropMenu li#about ul,
.client #dropMenu li#client ul {left:0;z-index:5}

/* background images and border colors */
#dropMenu li#dev ul,
.dev #dropMenu li#dev { background-image:url(img/redBut.gif) !important}/* current location */
#dev,#dev li a,
.dev #dropMenu li#dev ul { background-image:url(img/redBut.gif) }

#mark:hover,#mark:focus,
#dropMenu li#mark ul,
.mark #dropMenu li#mark { background-image:url(img/bluBut.gif) !important}/* current location */
#mark,#mark li a,
.mark #dropMenu li#mark ul { background-image:url(img/bluBut.gif) }

#about:hover,#about:focus,
#dropMenu li#about ul,
.about #dropMenu li#about {background-image:url(img/greenBut.gif) !important}/* current location */
#about,#about li a,
.about #dropMenu li#about ul {background-image:url(img/greenBut.gif);}

#client:hover,#client:focus,
#dropMenu li#client ul,
.client #dropMenu li#client {background-image:url(img/orangeBut.gif) !important}/* current location */
#client,#client li a,
.client #dropMenu li#client ul {background-image:url(img/orangeBut.gif)}

/* "trigger" and "msieFix" classes */
#dropMenu li.msieFix a {color:#999999 !important}

#lyris {
width: 350px;
border:#ffffff;
background-color:#FFFFFF;
border-style:solid;
border-width: 1px;
text-align:left;
padding:7px 7px 7px 30px;
font-family:Verdana, Georgia, serif;
font-size: 12px;
}


.clientWrap1 {
width: 575px;
background:#f4f2f2;
border: 1px dashed #CCC;
padding: 10px;
}

.clientWrap1 p {
margin: 0px;
padding: 0px;
line-height: 15px;
}

.clientWrap1 h3 {
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight:bold;
letter-spacing: 1px;
}


h2 {
font-size: 20px;
font-family:Verdana, Geneva, sans-serif;
font-weight:500;
margin: 10px 0px 5px 0px;	
}

.mark h2 {
color: #1a2d4a;
}

.dev h2 {
color: #4f1b1f;
}

.about h2 {
color: #0d3709;
}

.client h2 {
color: #762d00;
}
