/*Start CSS Reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, form, label,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

html {
	text-align: center;
}

body {
	line-height: 1.5;
	color: #341F0E;
	background-color: #341F0E;
	width: 994px;
	margin: 0px auto;
	text-align: left;
	position: relative;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
	font-style: italic;
}

/***End CSS Reset***/

/*Start General Styles*/

.clear {
	clear: both;
}

.displayNone  {
	display: none;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

a:link, a:visited, a:active  { color: #505F06; }
a:hover { color: #879F27; }

h3, h4 {
    font-size: 120%;
    margin: 0px 0px 10px 0px;
    font-weight: normal;
}

h4 {
    font-weight: bold;
    font-size: 90%;
}

h5 {
    font-weight: bold;
    font-size: 80%;
}

strong {
    font-weight: bold;
}

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

/***End General Styles***/

/*Start IE 6 Styles */

* html ul#navPrimary li#first   {
	margin: 4px 20px 0px 25px;
}

/***End IE 6 Styles***/

/*Start Header Footer*/

#header, #footer {
	padding: 20px;
	text-align: right;
	color: #FFFFFF;
	height: 125px;
}

#header {
    text-indent: -10000px;
    background: transparent url(images/brandingHeader.gif) no-repeat right bottom;
    height: 105px;
    text-align: left;
}

ul#navPrimary {
	border-top: solid 10px #C9D454;
	width: 994px;
    height: 30px;
    margin: 20px 0px 0px 0px;
    background: #FFFFFF url(images/mainNavBkgd.gif) repeat left top;
    position: absolute;
    z-index: 98;
}

ul#navPrimary li, ul#navPrimary li:hover {
	float: left;
	margin: 4px 25px 0px 25px;
	text-align: center;
    overflow: hidden;
	text-transform: uppercase;
}

ul#navPrimary li:hover {
	height: 26px;
	background-color: #341F0E;
	padding: 4px 25px 0px 25px;
	margin: 0px;
	color: #FFFFFF;
}

ul#navPrimary li#first {
	margin: 4px 25px 0px 50px;
}

ul#navPrimary li#first:hover {
	margin: 0px 0px 0px 25px;
	color: #FFFFFF;
}

ul#navPrimary li a {
    color: #341F0E;
    text-decoration: none;
}

ul#navPrimary li a:hover.hoverNav {
    color: #C9D454;
}

ul#navPrimary li a.navOn {
    color: #FFFFFF;
}

ul#navPrimary li a:hover {
    color: #FFFFFF;
    background-color: #341F0E;
}

ul#navPrimary li dl {
    background-color: #341F0E;
   	margin: 6px 0px 0px 0px;
    *margin: 24px 0px 0px 0px;
	width: 994px;
    left: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    z-index: 99;
}

ul#navPrimary li dl dd {
    float: left;
    margin: 0px 25px;
    text-align: center;
    padding: 10px 0px 0px 0px;
}

ul#navPrimary li dl dd a {
    color: #FFFFFF;
    text-transform: lowercase;
}

ul#navPrimary li dl dd a:hover{
    color: #C9D454;
}

#footer {
	clear: both;
	font-size: 70%;
	*margin: 0px 10px 0px 0px;
}

#footer a:link, #footer a:visited, #footer a:active  { color: #FFFFFF; }
#footer a:hover { color: #879F27; }

#footer p, #footer ul {
	float: right; 
}

#footer p {
	padding: 10px 20px 0px 0px;
}

#footer ul li a, #footer ul li#rfp, #footer ul li#e {
	background: transparent url(images/footerNotes.gif) no-repeat right top;
	width: 45px;
	height: 44px;
	float: right;
}

#footer ul li a {
	background: none;
	text-decoration: none;
}

#footer ul li#rfp {
	background-position: 0px top;
	margin: 0px 10px 0px 0px;
}

/***End Header Footer***/

/*Start Content Containers*/

ul.siteContainer {
	background-color: #FFFFFF;
	overflow: hidden;
	clear: both;
	margin: 60px 0px 0px 0px;
	*margin: 50px 0px 0px 0px;
}

ul.siteContainer li {
	overflow: hidden;
	float: left;
    height: 300px;
}

ul.siteContainer li#colA {
	width: 140px;
	padding: 40px 240px 0px 30px;
	background: #FFFFFF url(images/contentBriefField.jpg) no-repeat left top;
}

ul.siteContainer li#colB {
	width: 484px;
	padding: 40px 60px 0px 40px;
}

ul.siteContainer li#colB p.small {
	font-size: 80%;
}

div.carousel {
	height: 160px;
	*width: 150px;
}

button.prev, button.next {
	background: #D6DC78 url(images/tidbitsButtonBkgd.gif) no-repeat left top;
	width: 22px;
	height: 21px;
	outline: 0px;
	border: 0px;
	padding: 0px 0px 3px 0px;
	cursor: pointer;
}

.tidbitsAction {
	font-size: 80%;
}

.scrollingContent {
	overflow: scroll; 
	height: 225px; 
	font-size: 80%;
}

.scrollingContent h4 {
	margin: 10px 0px 0px 0px;
}

.addthis_button {
	position: absolute; 
	right: 40px; 
	top: 515px;
}

/***End Content Containers***/

/*Start Classification Section*/

ul#cmcTeam, ul#manifestoLinks {
	margin: 10px auto 0px auto;
	overflow: hidden;
}

ul#cmcTeam li, ul#manifestoLinks li {
	margin: 0px 22px;
	font-weight: bold;
	font-size: 110%;
}

ul#manifestoLinks li {
	margin: 0px 10px 0px 0px;
	height: 30px;
	font-size: 95%;
}

ul.socialConnections {
	margin: 15px 0px 0px 0px;
}

ul.socialConnections li {
	margin: 0px 20px 0px 0px;
}

/***End Classification Section***/

/*Start Habitat Section*/

ul.cmcClients {
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	width: 50%; 
	float: left;
	font-size: 80%;
}

ul.cmcClients li {
	float: none;
	display: block;
	height: auto;
	margin: 0px 10px 5px 0px;
}

ul.cmcClients li dl dt {
	margin: 10px 0px 0px 0px;
	font-size: 130%;
}

/***End Habitat Section***/

/*Start Swing Section*/

dl.cmcServices {
	overflow: hidden;
	margin: 10px 5px 0px 0px; 
	float: left;
	font-size: 80%;
	width: 22%;
}

dl.cmcServicesB {
	margin: 10px 0px 0px 10px;
}

dl.cmcServices dt {
	font-weight: bold;
}

dl.cmcServices dd {
	float: none;
	display: block;
}

/***End Swing Section***/

/*Start Request for Proposal*/
#formMail {
	margin: 10px 0px 0px 0px;
	font-size: 100%;
}

#formMail fieldset {
	margin: 0px 0px 10px 10px;
	float: left;
	width: 420px;
}

fieldset#aboutYou,
fieldset#aboutCompany {
	height: 140px;
}

fieldset#submit {
	clear: both;
	border: none;
	float: right;
	text-align: right;
	padding: 0px;
	margin: -10px 0 0 0;
}

fieldset#submit input {
	width: 10px;
}

#formMail fieldset select, #formMail fieldset input, #formMail fieldset textarea {
	width: 200px;
	margin: 0px 0px 5px 0px;
}

#formMail fieldset textarea {
	width: 400px;
}

#formMail fieldset input[type=radio], 
#formMail fieldset input[type=checkbox] {
	width: auto;
	margin: 0px 5px 0px 0px;
	float: left;
	clear: both;
}

#formMail fieldset input[type=reset],
#formMail fieldset input[type=submit] {
	width: 100px;
	height: 26px;
	margin: 0px 0px 0px 10px;
	border: solid 1px #341F0E;
	font-weight: bold;
	color: #341F0E;
	background-color: #CAD455;
}

#formMail fieldset input[type=reset] {
	width: 70px;
	height: 16px;
	margin: 0px;
	font-size: 90%;
}

#response {
	display: none;
	position: absolute;
	border: 3px solid #FF0000;
	background-color: #FFFFFF;
	width: 200px;
	padding: 20px;
	color: #FF0000;
	font-size: 110%;
	top: 450px;
	left: 350px;
}

legend {
	padding: 0px 10px;
	font-size: 120%;
	color: #341F0E;
}

label {
	display: block;
}

ul.formColumns li {
	float: left;
	width: 50%;
}

.error {
	color: #FF0000;
}

/***End Request for Proposal***/

/*Start Modal Styles*/

#mask {
  position: absolute;
  z-index: 9000;
  background-color: #000000;
  display: none;
}
  
#boxes .window {
  position: absolute;
  display: none;
  z-index: 9999;
  padding: 5px 10px 20px 5px;
  margin: 0px;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width: 900px;
  height: 510px; 
  background-color: #FFFFFF;
}

p.required {
  float: left;
  margin: 0px 0px 0px 10px;
  font-size: 90%;
}

a.close {
  float: right;
  text-decoration: none;
}

/***End Modal Styles***/

/* Icons
----------------------------------*/
/* states and images */

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { 
	cursor: pointer; 
	position: relative; 
	margin: 1px 0px 0px 0px; 
	zoom: 1; 
}

.ui-accordion .ui-accordion-li-fix { 
	display: inline; 
}

.ui-accordion .ui-accordion-header-active { 
	border-bottom: 0 !important; 
}

.ui-accordion .ui-accordion-header a { 
	display: block; 
	padding: .5em .5em .5em 2.2em; 
}

.ui-accordion .ui-accordion-header .ui-icon { 
	position: absolute; 
	left: .5em; 
	top: 50%; 
	margin: -8px 0px 0px 0px; 
}

.ui-accordion .ui-accordion-content { 
	padding: 0px 20px 5px 20px;
	border-top: 0; 
	margin: -2px 0px 2px 0px; 
	position: relative; 
	top: 1px;
	overflow: auto; 
	display: none;
	font-size: 80%; 
}

.ui-accordion .ui-accordion-content-active { 
	display: block; 
}

/* Component containers
----------------------------------*/
.ui-widget-content { 
	border: 1px solid #AAAAAA; 
	background-color: #FFFFFF; 
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { 
	border: 1px solid #d3d3d3/*{borderColorDefault}*/; 
	background-color: #e6e6e6; 
	font-weight: normal/*{fwDefault}*/; 
	color: #555555/*{fcDefault}*/; 
	outline: none; 
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
	color: #555555/*{fcDefault}*/; 
	text-decoration: none; 
	outline: none; 
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
	border: 1px solid #999999/*{borderColorHover}*/; 
	background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; 
	font-weight: normal/*{fwDefault}*/; 
	color: #212121/*{fcHover}*/; 
	outline: none; 
}

.ui-state-hover a, .ui-state-hover a:hover { 
	color: #212121/*{fcHover}*/; 
	text-decoration: none; 
	outline: none; 
}

.ui-state-active, .ui-widget-content .ui-state-active { 
	border: 1px solid #aaaaaa/*{borderColorActive}*/; 
	background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; 
	font-weight: normal/*{fwDefault}*/; 
	color: #212121/*{fcActive}*/; 
	outline: none; 
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
	font-weight: bold;
	color: #341F0E;
	outline: none; 
	text-decoration: none; 
}

/* Icons
----------------------------------*/
/* states and images */

.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }