/***** Page Setup *****/

body {
margin:0;
padding:0;
line-height: 1.5em;
background: #f1f0f0;
font-family: "Helvetica Medium", "Helvetica", helvetica, arial, sans-serif; font-size: 78.5%;
color: #666666;
}

#mainWrapper {
width: 950px; /*Width of main container*/ margin: 15px auto; /*Center container on page*/ border: solid 4px #cccccc;
background: #ffffff;
}

#header {
height: 96px;
background: #ffffff url(../images/bg_header.gif) repeat-x; }


.contactTitle {
	font-size: 8.5pt;
	text-transform: uppercase;
}


#contactInfo {
float: right;
z-index: 1;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
padding: 1em 1.5em 0 0;
color: #999999;
}

#contactInfo a:link, #contactInfo a:visited { color: #999999;
text-decoration: none;
}

#contactInfo a:hover, #contactInfo a:active { color: #c50101;
text-decoration: none;
}


#headerHome {
height: 150px;
background: #ffffff url(../images/bg_header.gif) repeat-x; }

#contentWrapper {
float: left;
width: 100%;
}

#contentColumn {
margin-left: 298px; /*Set left margin to LeftColumnWidth*/ margin-bottom: 3em;
padding: 0 5em 5em 1.5em;
}


.contentHome {
background: #ffffff url(../images/bg_home.gif) no-repeat; background-position: 0 25px;
}


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


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

.contentDesignPort #contentColumn {
	background: #8a9e99 url(../images/bg_design-port.gif) repeat-x; border-bottom: solid 18px #6d6e65;
padding: 0 5em 2em 1.5em;
}

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

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





#leftcolumn {
float: left;
width: 298px; /*Width of left column*/
margin-left: -950px; /*Set left margin to -(MainContainerWidth)*/ padding-top: 72px;
text-align: center;
}

#footer {
position: relative;
top: 30px;
clear: left;
width: 100%;
color: #8e8d8d;
padding: 4px 0;
font-size: 0.8em;
}


.popImage {
float: left;
width: 33%;
text-align: center;
}

.popImage img {
padding: 2px;
border: solid 3px #cccccc;
}

.popImage img:hover, .popImage img:active { border: solid 3px #6d6e65;
}



/***** Text Formatting & Styles *****/

/* Headers */

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

h2 {
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
font-size: 1.4em;
color: #666666;
line-height: 1.3em;
padding: 0;
margin: 1.5em 0 0 0;
}

h3 {
text-decoration: none;
font-weight: normal;
font-size: 1.4em;
color: #666666;
line-height: 1.3em;
padding: 0;
margin: 1em 0;
}

.contentStrategy h2 {
color: #002664;
}

.small {
font-size: 0.9em;
}



/* List Styles */


#contentColumn ul {
list-style: none;
margin: 0.5em 0 1.5em 0;
padding: 0;
}

#contentColumn ul li {
/* 	background: url(../images/bullet_red.gif) no-repeat; background-position: 0.8em 0.3em;	*/
	padding-left: 2em;
	margin: 0.3em 0;

	list-style-type: square;
	list-style-position: inside;
}

.contentStrategy #contentColumn ul li {
/* 	background: url(../images/bullet_blue.gif) no-repeat; background-position: 0.8em 0.3em;	*/
}

.contentTechnology #contentColumn ul li { 
/* 	background: url(../images/bullet_tan.gif) no-repeat; background-position: 0.8em 0.3em;	*/
}

.contentDesign #contentColumn ul li {
/* 	background: url(../images/bullet_pewter.gif) no-repeat; background-position: 0.8em 0.3em;	*/
}

.contentContact #contentColumn ul li {
/* 	background: url(../images/bullet_red.gif) no-repeat; background-position: 0.8em 0.3em;	*/
}


ul.homeNav {
font-size: 18px;
list-style: none;
margin: 2em 0 1.5em 580px;
padding: 0;
}

ul.homeNav li {
margin: 0.5em 1em;
}

ul.homeNav li a:link, ul.homeNav li a:visited { text-decoration: none;
text-transform: uppercase;
color: #660000;
list-style: none;
margin: 1.5em 0 1.5em 1em;
padding: 0;
}

ul.homeNav li a:hover, ul.homeNav li a:active { color: #dc6767;
}




ul.mainLink {
font-size: 18px;
list-style: none;
margin: 2em 0 1.5em 580px;
padding: 0;
}

ul.mainLink li {
margin: 0.5em 1em;
}

ul.mainLink li a:link, ul.mainLink li a:visited { text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
list-style: none;
margin: 1.5em 0 1.5em 1em;
padding: 0;
}

ul.mainLink li a:hover, ul.mainLink li a:active { color: #660000;
}



.liPadding {
	margin-bottom: 15px !important;
}





/***** Link Styles *****/

a:link, a:visited {
color: #990016;
}

a:hover, a:active {
color: #c50101;
}



#footerNav a:link, #footerNav a:visited { color: #8e8d8d;
text-decoration: none;
}

#footerNav a:hover, #footerNav a:active { color: #990016;
}


#portfolio:link, #portfolio:visited {
position: relative;
top: 1em;
text-decoration: none;
}

.leftDesign #portfolio:link, .leftDesign #portfolio:visited { color: #938b82;
background: url(../images/arrow_design.gif) no-repeat; background-position: right;
padding: 0.5em 30px 0.5em 0;
}

.leftDesign #portfolio:hover, .leftDesign #portfolio:active { color: #8a9e99;
background: url(../images/arrow_design_over.gif) no-repeat; background-position: right;
padding: 0.5em 30px 0.5em 0;
}


#directions:link, #directions:visited {
color: #938b82;
background: url(../images/icon_car.gif) no-repeat; background-position: left;
padding: 0.5em 0 0.5em 25px;
position: relative;
top: 1em;
text-decoration: none;
}

#directions:hover, #directions:active {
color: #8a9e99;
}

#nextArrow {
	float: right;
	margin-right: -4em;
}


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

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



.contentDesignPort #nextArrow {
	background: url(../images/next_design-port_ani.gif) no-repeat; background-position: top right;
}

.contentDesignPort #nextArrow:hover {
	background: url(../images/next_design-port_over.gif) no-repeat; background-position: top right;
}



.contentTechnology #nextArrow {
	background: url(../images/next_technology_ani.gif) no-repeat; background-position: top right;
}

.contentTechnology #nextArrow:hover {
	background: url(../images/next_technology_over.gif) no-repeat; background-position: top right;
}


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

.contentStrategy #nextArrow:hover {
	background: url(../images/next_strategy_over.gif) no-repeat; background-position: top right;
}


.contentAbout #nextArrow {
	background: url(../images/next_company_ani.gif) no-repeat; background-position: top right;
}

.contentAbout #nextArrow:hover {
	background: url(../images/next_company_over.gif) no-repeat; background-position: top right;
}


.contentHome #nextArrow {
	background: url(../images/arrow_home_ani.gif) no-repeat; background-position: top right;
}

.contentHome #nextArrow:hover {
	background: url(../images/arrow_home_over.gif) no-repeat; background-position: top right;
}



/*
.contentContact #nextArrow {
	background: url(../images/next_company.gif) no-repeat; background-position: top right;
}

.contentContact #nextArrow:hover {
	background: url(../images/next_company_over.gif) no-repeat; background-position: top right;
}

*/




#pagination {
float: left;
font-size: 0.7em;
text-transform: uppercase;
padding: 1.5em 1em 0 0;
color: #cccccc;
}



/* Navigation Styles */

#mainNav {
float: right;
position: relative;
display: block;
font-size: 1.1em;
text-transform: uppercase;
}

#mainNav ul {
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
}

#mainNav ul li {
display: block;
float: left;
}

#mainNav ul li a {
display: block;
float: left;
color: #cccccc;
text-decoration: none;
padding: 0.8em 1em;
}

#mainNav ul li a:hover {
color: #c50101;
}


ul#headNav {
position: relative;
display: block;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
background: none;
}

ul#headNav li {
background: none;
display: block;
float: left;
padding-left: 0;
}

ul#headNav li a:link, ul#headNav li a:visited { color: #cccccc;
font-size: 0.9em;
text-transform: uppercase;
font-weight: normal;
font-family: "Helvetica Bold", "Helvetica", helvetica, arial, sans-serif; margin: 10px 0 0 0;
background: #6d6e65;
text-decoration: none;
display: block;
float: left;
padding: 0 1em;
}

ul#headNav li a:hover, ul#headNav li a:active { color: #cccccc;
background: #8a9e99;
}



#subNav {
position: relative;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
padding-top: 0.5em;
height: 25px;
width: 500px;
}

#subNav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#subNav ul li {
display: block;
float: left;
}

#subNav ul li a {
display: block;
float: left;
color: #999999;
text-decoration: none;
padding: 0.5em 1em;
}

#subNav ul li a:hover {
color: #990016;
}


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


.feedbackform {
padding: 5px;
}

div.fieldwrapper { /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/ width: 550px; /*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: 300px;
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;
}

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