@charset "utf-8";
/* CSS Document */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, nav, section, article, aside, footer
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}

blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}

header, nav, section, article, aside, footer {display: block;}

* {
    margin:0;
    padding:0;
}
body {
    background: #fff;
    /*font:100% arial, "trebuchet ms", tahoma;*/
    color: #000;
    height: 100%;
	background-image:url(../images/bkgrd.jpg);
	/*background-color:#090;*/
}
html {
    position:relative;
    height: 100%;
    overflow-y:scroll; /*keep scrollbar present in FF*/
}

a:link {color: #9c1400}
a:visited {color: #9c1400}
a:hover {color: #9c1400}
a:active {color: #9c1400}

a {text-decoration: underline; cursor: pointer;}

#wrapper {
    width:810px;
    min-height: 100%;
    margin:0 auto;
    padding:0;
	background: url(../images/content.gif);
    /*overflow:hidden;*/
}
* html #wrapper {/*min-height for IE6*/
    height: 100%;
	/*border:dashed;*/
} 

/*p, li.main {
	font-family: Verdana, sans-serif;
	font-size:12px;
	line-height:15px;
	padding-bottom:6px;
}*/

.scroll {
	font-family: Verdana, sans-serif;
	font-size:11px;
	line-height:15px;
	padding:0 8px 7px 2px;
/*	background:#3F6;*/
	text-align:justify;
}
h2.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	padding-bottom:8px;
}
h5 {
    margin:0px 1em 1em;
}

/*ul, li, h4, h2, h1, p*/
 h4, h2, h1, p
{
	padding:0;
	margin:0;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 15px;
}
#content {
    float:left;
    width:100%;
    padding-bottom:115px;/* set a bottom padding to keep the content above the footer. was 75px*/
	background: url(../images/content.gif);
}
h1.ie6 {font-size: 20px; padding: 10px 60px}
p.ie6 {padding: 10px 60px}
/*========== HEADER STYLES ========******************************************************************==*/
/*=== header z-index values reworked by ray(5-12-09)===*/
#header {
    height:296px; /*this positions the lower edge of the panel when closed*/
    position: relative; /*set positioning for z-value*/
    z-index:100;/*establish #header stacking context (edit by ray)*/
	background: url(../images/content.gif) no-repeat;
}
* html #header {
    height:296px;
    overflow:hidden; /*hide what IE6 may stretch*/
}
#headertop {
    background: url(../images/header/header.gif) no-repeat;
    height:110px;
    position: relative;/*set positioning for z-value*/
	z-index: 500;/*Keep it on top of all other #header z-values (edit by ray)*/
}
.logo
{
	margin: 46px 0 0 60px;
	outline:none;
}
img { 
	border: 0px; /* set border width to 0 pixels */
}
#headerhome, #headercreative, #headermktg, #headerportfolio, #headerbriefs, #headerwire, #headerfaqs, #headerinout, #headerapproach, #headerccc, #headercaring, #headerseminars, #headeremploy, #headercontact, #headersearch, #headermap, #header404
{
    height:186px;
    width:748px;
	float:right;
	position: relative;
	z-index:400;/*Layer above #headerDropDownContainer of z-index:3; (edit by ray)*/
}
#headerhome{background: url(../images/header/elevator.gif) no-repeat}
#headercreative{background: url(../images/header/creative.gif) no-repeat}
#headermktg{background: url(../images/header/marketing.gif) no-repeat}
#headerportfolio{background: url(../images/header/portfolio.gif) no-repeat}
#headerbriefs{background: url(../images/header/briefs.gif) no-repeat}
#headerwire{background: url(../images/header/bizwire.gif) no-repeat}
#headerfaqs{background: url(../images/header/faqs.gif) no-repeat}
#headerinout{background: url(../images/header/inandout.gif) no-repeat}
#headerapproach{background: url(../images/header/approach.gif) no-repeat}
#headerccc{background: url(../images/header/ccc.gif) no-repeat}
#headercaring{background: url(../images/header/caring.gif) no-repeat}
#headerseminars{background: url(../images/header/seminar.gif) no-repeat}
#headeremploy{background: url(../images/header/employment.gif) no-repeat}
#headercontact{background: url(../images/header/contact.gif) no-repeat}
#headersearch{background: url(../images/header/search.gif) no-repeat}
#header404{background: url(../images/header/error.gif) no-repeat}

#triangle
{
    background: url(../images/triangle.gif) no-repeat;
    height:9px;
    width:23px;
	top:186px;
	float:right;
	position: relative;
	/*z-index:2;*/
}

#headerStatusImage 
{
    width: 687px;
    height: 4px; /*visible height of image*/
    position: relative;
	left: 0;
    bottom: -182px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
}

.closed
{
	background-image: url(../images/shadow_closed.gif);
}

.active
{
	background-image: url(../images/shadow_open.gif);
}
#headerDropDownContainer
{
	position: absolute;
	height: 178px; /* The height of the headerDropDownContainer */
	width: 708px; /* The width of the headerDropDownContainer */
	bottom: 35px; /*position from bottom of header div*/
	z-index: 300; /*Keep it below "page specific" (#header....) BG images (edit by ray)*/
}
#headerDropDownTab
{
	width: 128px; /******* change this according to the width of the tab image ******/
	height: 21px; /******* change this according to the height of the tab image ******/
	left: 	0px; /******* tab image position left to right ******/
	position: absolute;
	margin: 0 0 21px 0;
	cursor: pointer;
	background: url(../images/tab.gif) no-repeat;
}

/* The headerDropDownTab in its closed state the image will be "OPEN" */
.tabClosed
{
	background-position: top left;
}

/* The headerDropDownTab in its open state the image will be "CLOSE" */
.tabOpen
{
	background-position: bottom left;
}

/* This is the header div that the background image needs to be applied to the headerDropDown container */
#headerDropDownContent
{
	bottom: 0;
	height: 250px;/*was 220 from doug*/
	position: absolute;
	background-image:url(../images/testimonial.gif);
	background-repeat:no-repeat;
}

.next, .prev
{
	cursor:pointer;
}

#screen
{
	position:relative;
	height:160px; /*must match headerContentDisplay height (below)*/
	width:708px;
	top: -26px; /*sets the top of content area*/
	margin: 10px 0 0 0;
	/*background-color:#0F6aaa;*/
}

#screen .next, #screen .prev
{
	position:absolute;
}
#screen .prev
{
	left:28px;
	top:193px;
 /*display: block;*/
	width: 26px;
	height: 21px;
	background:url(../images/panel_button.gif);
	outline:none;
}
#screen .prev:hover {
 background-position: 0 -22px;
}
#screen .next
{
	left:75px;	
	top:193px;
/* display: block;*/
	width: 26px;
	height: 21px;
	background:url(../images/panel_button.gif);	
 	background-position:-46px  0;
	outline:none;
}
#screen .next:hover
{
 background-position:-46px -22px;
 }

/* This is the visible frame that is used to display the selected element once the functionality of the scrollTo function has been excuted */
#headerContentDisplay
{
	overflow:hidden;
	width:610px; /*width of testi text*/
	height:160px; /*must match screen height (above)*/
	margin-left:35px;
	padding:20px;
	clear:left;
}
	
/* This value is the width of the non visible div that contains the header scrollTo content 
   - making this value larger will make the scrollTo functionality more linear (row based).
   - making this value smaller will make the scrollTo functionality more vertical (column based) */
#headerContentDisplay #innerHeaderContentDisplay
{
	width: 1660px;
}

/* controls the styles of the headerContentDisplay elements */
#headerContentDisplay .headerContent
{
	float:left;
	width: 540px;
	/*height: 200px;*/
	padding: 70px 22px 0 95px;	
}


/************ MAIN CONTENT ********************************************************/

#mainContentContainer
{
	float: left;
	width: 550px;
	margin: 45px 20px 50px 39px;
/*	background-color:#099;*/
}	

#mainContentScreen
{
	position: relative;
	width: 606px; /*was 550 - changed to center approach.html - may affect others******************/
	left:20px; /*distance from mainContentContainer left border*/
	top: 20px; /*distance from mainContentContainer top border*/
	/*background:#F69;*/
}

#mainContentDisplay /*the main content "window"*/
{
	overflow: hidden;
	width: 530px; /*width of visible text area- must match #mainContentDisplay .content*/
	height: 305px; /*height of visible text area - I believe?*/
	clear:left;
	position: relative;
	/*padding:0 0 0 20px;*/
	/*background:#F33aaa;*/
}

#mainContentDisplay .content, #mainContentDisplay .subContent
{
	width: 530px; /*width of visible text area- must match #mainContentDisplay*/
	height: 305px; /*adjust for long content subsections*/ /*look at mainContentDisplay above*/
	float: left;
	margin: 0 0px 40px 20px; /* keeps content sub-areas separated*/
	position: relative;
	/*border:dashed*/
	/*background-color:#606*/
}

#mainExpandDiv
{
	width: 3660px; /* controls how many div columns that are inside the mainContent ScrollTo Container */
	height: 3660px;
}

#mainContentNav
{
	position: relative;
	top: 91px;
	left: 62px;
	float: left;
	height: auto;
	width: 142px;
	padding-right: 5px;
	font-size:10px;
	color: #000;
	margin: 5px 20px 0 0px;
	border-right: 1px solid;
	border-color:#719903;
	text-align:left;
	font-family: verdana, sans-serif;
	/*background-color:#F60;*/
}

#mainContentNav .mainContentNavIndex
{
	cursor: pointer;
	text-decoration:none;
}

#closeFooterDropOut
{
	cursor: pointer;
	/*color: #fff;*/
	margin: 100px 0 0 0; /*locates close button*/
	font-weight:900;
}
.tip {
    float: left;
    width: 11px;
    height: 11px;
    margin: 6px 0 0 12px; /*was 10px 0 0 12px */
}
.tip img {vertical-align:bottom;}/*this fixes an IE bug*/

.imgRight {
	float:right;
	margin:13px 0px 0 15px;
}

/************* footer navigation *********************************************************/

#navtainer { /* THIS DIV NEEDS SOME ATTENTION GIVEN TO IT'S POSITIONING METHOD*/
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	height: 75px;
	bottom: 0;
	z-index: 100; /*keep it below the #footer and .innerfooter when they pop up*/
	background: url(../images/greenbtm-71.gif);
	background-repeat:no-repeat;
}
#col1 {
	position: relative;
	float:left;
	width: 150px;
}
#col2 {
	position: relative;
	float:left;
	width: 150px;
}
#col3 {
	position: relative;
	float:left;
	width: 150px;
}
#col4 {
	position: relative;
	float:left;
	width: 150px;
}
#col5 {
	position: relative;
	float:left;
	width: 150px;
}

ul#slidenav1, ul#slidenav2, ul#slidenav3, ul#slidenav4, ul#slidenav5
{
	margin-top:20px;
	list-style:none;/*added to fix issue with benefits ul*/
}

ul#slidenav1 li,   /*<<---- ADD THIS SYNTAX*/
ul#slidenav2 li,
ul#slidenav3 li,
ul#slidenav4 li,
ul#slidenav5 li 
{
    float:left;/* float the li and the anchor*/
    /*background:red; for testing only */
}



ul#slidenav1 li.sliding-element a,
ul#slidenav2 li.sliding-element a,
ul#slidenav3 li.sliding-element a,
ul#slidenav4 li.sliding-element a,
ul#slidenav5 li.sliding-element a
{
	color: #fff; /*nav text color*/
	text-decoration: none; /*no underline*/
	display: block;
	width: 156px;
	padding-left:26px;
	font-size:10px;
	font-weight:300;
	font-family: Verdana, sans-serif;
	/*background:#00f;*/
	/*line-height:7px;*/
}
ul#slidenav1 li.sliding-element a:hover,
ul#slidenav2 li.sliding-element a:hover,
ul#slidenav3 li.sliding-element a:hover,
ul#slidenav4 li.sliding-element a:hover,
ul#slidenav5 li.sliding-element a:hover
{ color: #626466; } /*rollover color for all menu items*/

/****************site map**************************************************************************/

#maptainer {
	/*position: fixed;*/
	margin: 0 auto; /*-30px 0 0 66px;*/
	width: 830px;
	/*background-color:#0F9; for testing*******************/

}
#map1 {
	position: relative;
	float:left;
	width: 166px;
	}
#map2 {
	position: relative;
	float:left;
	width: 141px;
	padding:0 0 0 25px;
}
#map3 {
	position: relative;
	float:left;
	width: 146px;
}
#map4 {
	position: relative;
	float:left;
	width: 186px;
}
#map5 {
	position: relative;
	float:left;
	width: 166px;
}

#maptainer ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: verdana, arial, sans-serif;
}

#maptainer li { margin: 0; }

#maptainer a
{
display: block;
color: #1a1a1a;
/*width: 150px;*/
padding: 2px 5px 0 0;
font-size: 11px;
text-decoration: none;
/*border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;*/
/*border-left: 1px solid #aaa;*/
/*background-color: transparent;*/
}

#maptainer a:hover
{
color: #ccc;
/*color: #719903;*/
text-decoration: underline;
/*border-right: 10px solid #aaa;*/
/*padding: 2px 1px 2px 15px;*/
/*padding: 2px 1px 2px 5px;*/
/*background-color: #ddd;*/
}

#maptainer ul ul
{
margin:0 0 0 20px;
padding: 0;
list-style-type: none;
}

#maptainer li li a
{
display: block;
color: #333;
background-color: transparent;
width: 150px;
padding: 2px 5px;
margin: 0;
font-size: 11px;
text-decoration: none;
/*border-top: none;
border-bottom: none;*/
/*border-left: 1px solid #aaa;*/
}
#notice {
	margin: 230px 0 0 0;
	padding:5px;
	text-align:justify;
	font-size: .6em;
	line-height:11px;
	font-family:verdana;
	color: #1a1a1a;
	border:1px solid #1a1a1a;
}
/***********external formatting****************************************************************/

p.testi{
	font-size:13px;
	line-height:18px;
	font-style:oblique;
	font-family: Verdana, sans-serif;
}
p.sig{
	font-size:13px;
	font-style:normal;
	padding: 5px 0 0 18px;
	line-height:16px;
	font-family: Verdana, sans-serif;
}
p.title{
	font-size:13px;
	line-height:18px;
	font-style: normal;
	padding: 0 0 0 18px;
	font-family: Verdana, sans-serif;

}
p.project{
	font-size:13px;
	line-height:22px;
	font-style:normal;
	padding: 0 0 0 18px;
	color:#626466;
	font-family: Verdana, sans-serif;
}
#mainContentNav .mainContentNavIndex:hover
{
    color: #000;
	background-color: #ddd;
	text-decoration:none;
}
#mainContentNav .mainContentNavIndex:link
{
    color: #fff;
}
.subnav {
	padding-left:10px;
}
/************home page****************************************************************************/

#indexContentContainer {
    width: 600px;
    margin: 32px auto 50px;
    overflow:hidden;
	/*background-color:#FF6;*/
}

#indexheader {
    /*height:160px;*/
    width:468px;
    margin:0 auto;
    margin-bottom:40px; /*bottom margin set with height disabled*/
    background:#FFF;
    overflow:hidden;
}

#elevator {
    width: 410px;
    margin:0 auto;
}
#elevatortop {
    float:left;
    width: 250px;
    height:25px;
    margin: 12px 0 0 15px;/*12px 0 0 81px;*/
    background:url(../images/headings/h_elevator.gif) no-repeat;
}
#pitch {
    float: left;
    clear: left;
    width: 432px;/*432px + 32px padding = image width of 464px*/
    text-align: justify;
    margin: 15px 0 0 0;/*was 15px 0 0 65px;*/
    padding: 0 16px;
    font-family: verdana;
    font-size: 11px;
    line-height: 17px;
    background: url(../images/bracket-lines-464.gif) no-repeat center top;
    border-left: 2px solid #4C4C4C;
    border-right: 2px solid #4C4C4C;
}
#pitch-bottom {
    width: 464px;/*468px total with 4px side borders on #pitch*/
    height: 2px;
    position: relative;
    margin-left: -16px;
    background: url(../images/bracket-lines-464.gif) no-repeat center bottom;
    font-size: 0;/*hide default line-height in IE6 & 7 when no content is present*/
}
#indexmain {
    width: 600px;
    float: left;/*contain the inner floats with a float on this parent*/
    margin-bottom: 45px;/*transfer top margin from banner div*/
    /*background: #EEF;*/
}
#indexleft {
    float: left;
    width: 149px;/*170px total with padding and right border*/
    border-right: 1px solid black;
    left: 1px;/* important for 1px center border alignment*/
    position: relative;
    padding: 10px;
    /*background:#f00;*/
}
#indexright {
    float: left;
    width: 399px;/*430px total with padding and border*/
    border-left: 1px solid black;
    padding-left: 20px;
    padding-right: 10px;
    text-align: justify;
    /*background-color:#00F;*/
}
#benilist li {
	list-style-type: square;
	font-family: verdana;	
	font-size:11px;
	line-height:13px;
	padding:0 10px 6px 0;
	margin-left:20px;
	/*background-color:#0C6;*/
}
.benefit
{
	font-size:14px;
	color: #9c1400;
	font-weight:700;
	width:100%;
	margin:-8px 0 7px 0;
}
p.indextext {
	font-family: Verdana;
	font-size:11px;
	line-height:15px;
	margin-bottom:15px;
}
.big
{
	font-size:14px;
	font-family: Verdana;
	/*letter-spacing:1px;*/
	color: #444;
	font-weight:500;
}
.colon
{
	font-size:12px;
}
#banner
{   
    clear:both;
    margin: 0 auto; /*transfer 45px top margin to #indexmain bottom margin*/
    /*background:palegreen url(../images/banner.gif) no-repeat center top;*/
    width:458px;
    /*height:71px;*/
}

/************General pages********************************************************************************************************/

#ContentContainer {
    width: 648px;
    margin: 45px auto 50px;
	padding-bottom:20px;
    overflow:hidden;
	/*background-color:#FF6;*/
}
.main {
	font-family: Verdana, sans-serif;
	font-size:11px;
	line-height:15px;
	text-align:justify;
	padding-bottom:7px;
/*	background:#3F6;*/
}
.strong
{
	font-size:11px;
	color: #9c1400;
	font-weight:600;
}
#sidebar {
	width:230px;
	float:right;
	vertical-align:bottom;
	padding:10px 10px 5px;
	margin:0 0 0 7px;
	text-align:justify;
	border: 2px solid #9c1400;
}
.faqs
{
	font-family: Verdana, sans-serif;
	font-size:11px;
	line-height:15px;
	padding:7px 0 3px;
	color: #9c1400;
	font-weight:600;
}

.listLeft {
    float:left;
    padding-right:10px;
	width:160px;
	/*background:#9F0;*/
}
.listRight {
    float:left;
    padding-right:5px;
	width:175px;
	/*background:#660;*/
}

.listLeft2 {
    float:left;
	padding-top:85px;
    padding-right:10px;
	width:160px;
	/*background:#9F0;*/
}
.listRight2 {
    float:left;
	padding-top:85px;
    padding-right:5px;
	width:175px;
	/*background:#660;*/
}

#bullets li { 
	list-style-type: square;
	font-family: verdana;	
	font-size:11px;
	line-height:13px;
	padding:0 10px 6px 0;
	margin-left:20px;
	/*background-color:#0C6;*/
}
.moreprev {
	margin-bottom:-5px;
}
/************Portfolio***************************************************************************************/

#portfolioContainer
{
	/*float: left;*/
	width: 552px;
	/*margin: 10px auto;*/
	margin:43px auto 20px;
	/*background-color:#099;*/
}
/************** Footer Styles*****************************************************************************************************/

#footer {
    position: fixed;
    width:100%;
    height:628px; /*was 655px; /*  This is the extended height of the footer panel*/
    left: 0;
    bottom:28px; /* This is the amount of footer, in pixels, that is shown when it is closed */
    z-index: 200; /* Layer above main header div (edit by ray)*/  
    background:#626466;
	border-top:2px solid;
	border-color:#333;
	overflow:auto;
}
#footertop {
	width:770px;
	margin:0 auto;
	height:28px;
    padding:0;	
    /*background:red;/* for visual testing only*/
    overflow:hidden;/*contain the floats*/
	/*font-size:14px;*/
	font-weight:100;
	font-family: Verdana, sans-serif;
	color: #ddd;
	position:relative;
	/*left:1px;*/
}
.innerfooter {
    width:850px;/*880px with side padding*/
    margin:0 auto 10px auto;
    height: 550px;
    padding:10px;
    overflow:auto; /*allow content to scroll at shorter viewport heights*/
    position:relative;
    z-index:200;/* Layer above main header div (edit by ray)*/    
    /*background:#EEF;*//* for visual testing only*/
    text-align:left;
}

/*=== IE6 Footer Styles, if IE6 is to be supported ===*/
* html #footer {
    top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
    position:absolute;
}
* html {/* stop jitter by adding a 1px transparent gif to background of html*/
    background-image: url(image.jpg);
}

/********footertop content*********************************************************************/

#share {
    float:left;
    height: 20px;
    line-height:20px;    
    margin:3px 0 0 50px;
    border:none;
    font-size:11px;
    color:#000;
    /*background:white;*/
}
#share img {margin-right:5px;}
#share a {color:#000; text-decoration:none;}
#share img, #rss img, #twit img {vertical-align:middle;}

#phone {
    width:370px;
    margin:0 auto;
    height:20px;
    line-height:20px;
    margin-top: 3px;	
    font-size:14px;
    text-align:center;
    /*background:#000;*/
}
#rss {
    float:right;
    width: 20px;
    height: 20px;
    font-size:11px;
    line-height:20px;
    margin: 3px 15px 0 0;
    border:none;
}
#twit {
    float:right;
    width: 20px;
    height: 20px;
    line-height:20px;
    font-size:11px;
    margin:3px 50px 0 0;
    border:none;
}

/********************contact form***********************************************************************/
fieldset {
	border:none;
	text-align:center;
}
#contactForm {
	width:490px;
	margin:15px auto 5px;
	/*border:2px solid blue;*/
}
.cform {
	border: 1px solid #a2c800;
	color: #333;
	height: 1.4em;
	text-align: left;
	/*float:left;*/
	width:320px;
}
.c_row {
    width:100%;
    padding:5px 0;
    overflow:hidden; /*contain the floats*/
	/*border:dashed green 1px;*/
}
.c_buttonrow {
	padding-top:10px;
	margin:5px auto;
}
.c_colleft {
    float:left;
    padding-right:10px;
	width:150px;
	text-align:right;
	/*border:1px solid yellow;*/
}
.c_colright {
    float:left;
    /*padding-right:5px;*/
	/*border:1px solid black;*/
	/*width:175px;*/
}
textarea {
	border:1px solid #a2c800;
	color:#333;
	font-family:Verdana, sans-serif;
	font-size:13px;
	line-height:15px;
	height:200px;
	text-align: left;
	width:320px;
  }
#GlobalMessage {
	text-align:center;
	font-family: Verdana, sans-serif;
	font-size:13px;
	line-height:15px;
	padding:10px 0 3px;
	color: #9c1400;
	font-weight:600;
}
.formLabel
{
	font-family: Verdana, sans-serif;
	font-size:11px;
	line-height:15px;
	padding:3px 0 7px;
	color:#9c1400;
	font-weight:600;
}
/******************** BusinessWire form************************************************************************/
#bwform {
	width:480px;
	margin-left:auto;
	margin-right:auto;
	/*border:none:*/
	/*border:1px solid blue;*/
}
#colwrap {
    width:100%;
    padding:10px 0;
    overflow:hidden; /*contain the floats*/
	margin-top:-10px;
}
.colleft {
    float:left;
    padding-right:10px;
	width:230px;
    height:22px;
    text-align:right;
	/*border:dashed 10px blue;*/
}
.colright {
    float:left;
	/*width:175px;*/
	width:225px;
	text-align:left;
	/*border:dashed 1px red;*/
}
p.bw {
	font-family: Verdana, sans-serif;
	font-size:11px;
	line-height:15px;
	text-align:right;
	padding-bottom:7px;
	/*background:#00F;*/
}
.prefer {
	padding:20px 0;
}
.rowtop {
    width:100%;
    padding-top:15px;
    overflow:hidden; /*contain the floats*/
}
.row {
    width:100%;
    padding:5px 0;
    overflow:hidden; /*contain the floats*/
}

/*input[type="text"] {
  border: 1px solid #a2c800;
  color: #333;
  height: 1.4em;
  text-align: left;
  width:320px;
 }*/
 
.bwform {
  border: 1px solid #a2c800;
  color: #333;
  height: 1.4em;
  text-align: left;
  float:left;
  width:220px;
}

input:focus, textarea:focus{
	color:#000;
	background: #f5f5f5;
}
/***********************briefs*****************************************************************************/
#briefContainer {
	height:355px;
	width:auto;
	margin:10px;
	padding:15px;
	overflow:auto;
display:block;
}
h1.brief {
	color:#F00;
}
/************************aecc**********************************************************************************/
#aecc {
	margin-top:100px;
	width:440px;
}