.hide720 {
	display: none;
}

.show720 {
	visibility: visible !important;
}


#insideLogoAreas {
	margin-top: 10px;

}


#insideLogo {
	margin-top: 5px;
	width: 200px;
	float: left;
	margin-left: 0px;
}

#insideLogo img{
	width: 116px;
	height: 49px;
	margin-left: 60px;
}


#pageMain #insideLogoAreas {
	/* logo and areas only hidden on main page */
	display: none;
}

#pageMain #insideLogo {
	/* logo only hidden on main page */
	display: none;
}


#insideAreas {
	margin-top: 7px;
	float: right;
	text-align: left;
	margin-right: 0px;
	width: 410px;

	/* font-size: 9pt; */
}

.insideArea1 {
	float: left; margin-right: 20px;
}

.insideArea3 {
	clear: left;
	margin-top: 14px;
	margin-right: 0px;
}








.redBoxMain {
	margin: 0px;
	margin-bottom: 40px;
	padding: 30px;

	background: url(../images/bkgnd_red.gif) repeat-x;
	background-position: left center;

	height: 225px;

}

.redBoxMain a {
	color: #ffffff;
	font-size: 12pt;
	line-height: 20pt;
}



.manLineBottom {
	margin-bottom: 15px;
}


.mainFlower {
	width: 190px;
	height: 190px;

	float: left;
	margin-top: -24px;
	border-style: solid;
	border-color: #C50101;
	border-width: 7px;
}

.mainLogoBox {
	width: 200px;
	height: 95px;
	padding-top: 14px;
	padding-left:45px;
	float: left;
	background: #ffffff;
}


.mainAreas {
	float: left;
	padding-top: 17px;
	margin-left: 45px;
}

.mainNextArrow {
	float: right;
	width: 45px;
	height: 45px;

	padding: 0px;
	margin: 0px;
	margin-top: 50px;
	margin-right: -15px;
}


.footer {
	width: 700px;
	margin: 10px; 0px;

	font-size: 8pt;
	font-style: normal !important;
	font-weight: normal !important;

	color: #666;
	text-align: center;
	max-width: none;
}





#leftcolumn {
	margin-top: 70px;
}





.thumbailRow {
	margin-left: 45px;
}

.thumbnailColumn {
	margin-bottom: 30px;
}




.drivingDirectionsMap{
	width: 50%;
	border-style: solid;
	border-color: #C0C0C0;
	border-width: 5px;
	margin-right: 10px;
}



/* rule backgrounds */

#contentColumn{
	margin-bottom: 3em; 
	padding: 0 2em 5em 1.5em;
	font-size: 9pt;
	line-height: 14pt;
}


.contentInside #contentColumn, .contentContact #contentColumn {
	background: url(../images/bg_about18.gif) repeat-x; border-bottom: solid 18px #990016;
}

.contentAbout #contentColumn, .contentContact #contentColumn {
	background: url(../images/bg_about18.gif) repeat-x; border-bottom: solid 18px #990016;
}

.contentDesign #contentColumn, .contentContact #contentColumn {
	background: url(../images/bg_design18.gif) repeat-x; border-bottom: solid 18px #6D6E65;
}


#pageDesign .contentDesign2 #contentColumn, .contentContact #contentColumn {
	background: url(../images/bg_design18.gif) repeat-x; border-bottom: solid 18px #6D6E65;
}


.contentTech #contentColumn, .contentContact #contentColumn {
	background: url(../images/bg_tech18.gif) repeat-x; border-bottom: solid 18px #111c24;
}


.contentStrategy #contentColumn, .contentContact #contentColumn {
	background: url(../images/bg_strategy18.gif) repeat-x; border-bottom: solid 18px #002664;
}









/* arrow */

#nextArrow {
	float: right;
	margin-right: -12px !important;
}


/* not needed anymore
.contentInside #nextArrow {
	background: url(../images/next_inside_ani.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}

.contentInside #nextArrow:hover {
	background: url(../images/next_inside_over.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}



.contentAbout #nextArrow {
	background: url(../images/next_inside_ani.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}

.contentAbout #nextArrow:hover {
	background: url(../images/next_inside_over.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}



.contentDesign #nextArrow {
	background: url(../images/next_design_ani.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}

.contentDesign #nextArrow:hover {
	background: url(../images/next_design_over.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}




.contentDesign2 #nextArrow {
	background: url(../images/next_design_ani.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}

.contentDesign2 #nextArrow:hover {
	background: url(../images/next_design_over.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}


.contentTech #nextArrow {
	background: url(../images/next_tech_ani.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}

.contentTech #nextArrow:hover {
	background: url(../images/next_tech_over.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}



.contentStrategy #nextArrow {
	background: url(../images/next_strategy_ani.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}

.contentStrategy #nextArrow:hover {
	background: url(../images/next_strategy_over.png) no-repeat; background-position: top right;
	background-size: 45px 45px;
}
*/













/* background color for inside pages */

#pagePortfolio #contentWrapper {
	color: #ffffff;
	background: url(../images/bkgnd_inside_pagePortfolioGWD.gif) repeat-x;
	background-position: 0px 31px;
}






/* text styles */

h1 {
	color: #cccccc;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: normal;
	font-family: "Helvetica Bold", "Helvetica", helvetica, arial, sans-serif; 
	padding: 10pt 0 2.2em 0; margin: 0;
}

h2 {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;

	font-size: 13pt;
	line-height: 17pt;
	color: #666666;
	padding: 0;
	margin: 10px 0 0 0;
}

h3 {
	font-size: 10pt;
	line-height: 14pt;
	font-weight: bold;
}

h4 {
	font-size: 10pt;
	line-height: 14pt;
	font-weight: bold;
	margin-top: 12px;
}



.mainIntro {
	clear: left;
	margin: 30px 30px 30px 30px;

	font-size: 12pt;
	line-height: 18pt;

	font-style: normal;
	font-weight: normal;
	color: #808080;
}


.req {
	font-size: 1.3em;
	color: #990016;
}





/* link styles */

#topNav {
	width: 610px;
	text-align: left;
	float: left;
}

#topNav a{
	font-size: 8pt;
	line-height: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
}

#topContact {
	width: 170px;

	float: right;
	margin-left: -105px !important;
	margin-top: -10px;
	padding-right: 0px !important;

	text-align: right !important;
	font-size: 8pt;
	line-height: 12pt;
	color: #8e8d8d;

	text-transform: uppercase;
	font-weight: bold;
}



#topContact a {
	font-weight: bold;
}




.mainAreas a:hover {
	color: #DC6453 !important;
}


#pagePortfolioGWD #insideAreas .insideArea1 a{
	color: #CB0101 !important;
}

#pagePortfolioTD #insideAreas .insideArea2 a{
	color: #CB0101 !important;
}

#pagePortfolioSC #insideAreas .insideArea3 a{
	color: #CB0101 !important;
}

#pageDesign #insideAreas .insideArea1 a{
	color: #CB0101 !important;
}

#pagePortfolio #insideAreas .insideArea1 a{
	color: #CB0101 !important;
}

#pageTech #insideAreas .insideArea2 a{
	color: #CB0101 !important;
}

#pageStrategy #insideAreas .insideArea3 a{
	color: #CB0101 !important;
}



#pagination {
	float: right;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 1.3em 0 0 0;
	color: #cccccc;
	margin-right: 15px;
}



ul#headNav {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;

	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	list-style-type: none;
	background: none;
}

ul#headNav li {
	display: block;
	float: left;
	padding-left: 0;
	margin-top: 3px; /* push portfolio menus down a little */
	background: none;
}

ul#headNav li a:link, ul#headNav li a:visited { 
	/* unselected portfiolio menu item styles */
	display: block;
	float: left;
	padding: 0 1em;
	margin: 10px 0 0 0;

	color: #cccccc; font-size: 0.9em;
	text-transform: uppercase;
	font-weight: normal;
	font-family: "Helvetica Bold", "Helvetica", helvetica, arial, sans-serif;
	background: none;
	text-decoration: none;
}

ul#headNav li a:hover, ul#headNav li a:active {
	/* hover portfolio menu item styles */
	color: #cccccc;
	background: #8a9e99;
}

#portfolioWeb #headNav .headNavWeb{
	background: #8a9e99;
}


#portfolioPrint #headNav .headPrint{
	background: #8a9e99;
}

#portfolioCorporate #headNav .headCorporate{
	background: #8a9e99;
}

.footer .links {
	float: left;
}

.footer .copyright {
	color: #8e8d8d;
	float: right;
}

.footer .links a {
	font-style: normal;
	font-weight: normal !important;
}


.contact .map {
	width: 320px;
	height: 240px;
}

.contact .address {
	clear: left !important;
}


/***** Form Styles *****/


.feedbackform {
padding: 5px;
}

div.fieldwrapper {
/*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
	width: 450px; /*width of form rows*/
	overflow: hidden;
	padding: 5px 0;
}

div.fieldwrapper label.styled { /* label elements that should be styled (left column within fieldwrapper DIV) */ float: left; width: 150px; /*width of label (left column)*/ text-transform: uppercase; border-bottom: 1px solid #990016;
margin-right: 15px; /*spacing with right column*/ text-align: right; }

div.fieldwrapper label.styled2 { /* label elements that should be styled (left column within fieldwrapper DIV) */ float: left; width: 150px; /*width of label (left column)*/ text-transform: uppercase; margin-right: 15px; /*spacing with right column*/ text-align: right; }


div.fieldwrapper div.thefield {
	/* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left; margin-bottom: 10px;
	/* space following the field */ 
}

div.fieldwrapper div.thefield input[type="text"] { 
	/* style for INPUT type="text" fields. Has no effect in IE7 or below! */ 
	width: 250px;
}

div.fieldwrapper div.thefield textarea { 
	/* style for TEXTAREA fields. */ 
	width: 250px; 
	height: 150px;
}

div.buttonsdiv { /*div that wraps around the submit/reset buttons*/ margin-top: 5px; /*space above buttonsdiv*/ }

div.buttonsdiv input { /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */ width: 80px; background: #e1dfe0;
}

.thefield ul {
list-style-type: none;
background: none;
}

.thefield ul li {
list-style-type: none;
background: none;
}

.formbutton {
cursor: pointer;
border: solid 1px #ccc;
background: #fff;
color: #666;
font-weight: normal;
padding: 1px 2px;
}


.leftPromo {
	max-width: 350px !important;
	float: left;
	margin-left: 35px !important;
	margin-top: -30px !important;
}

.rightPromo img {
	margin-top: -25px !important;
}

#clearMiddle {
	display: none !important;
}

.rightPromo {
	max-width: 300px !important;
	float: right;
	margin-left: 20px;
}