/* lime green #E0DF4A */
/* olive green #777F33 */
/* dark grey #282623 */
/* medium grey #32302D */
/* light grey #85817B */

* {
  margin: 0;
  padding: 0;
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	line-height: normal;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color:#000000;
}

#pageWrapper {
	width: 930px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #282623;
	background-image: url(../images/top_bgrnd.gif);
	background-repeat:no-repeat;
}



#header {
	width: 890px;
	margin-left: 20px;
	margin-right: 20px;
}


#headerRow1 {
	text-align: right;
	height: 37px;
}

#headerRow2 {
	position: relative;
}


#headerRow2 h1 {
	font-size: 1.27em;
	color: #E0DF4A;
	font-weight:normal;
	position:absolute;
	bottom: 30px;
	right: 0;
}

#main {
	width: 890px;
	background-color:#282623;
	margin-left: 20px;
	margin-right: 20px;
	position:relative;
	background-image: url(../images/page_bgrnd.gif);
}

.mainPic {
	margin-bottom: 6px;
	display:block;
}


#leftCol {
	width: 180px;
	background-color: #32302D;
	margin-right: 5px;
	float: left;	
}

#middleCol {
	width: 450px;
	background-color:#FFFFFF;
	float: left;	
}

#middleColContent {
	padding-bottom: 10px;	
}

#rightCol {
	width: 250px;
	background-color:#32302D;
	margin-left: 5px;
	float: right;	
}


#footer {
	
}





/* ******************** LINK STYLES ************************ */


a {
 text-decoration: none;
 font-weight:bold;
}

a:visited, a:link, a:active   {
    color: #E0DF4A;
    color: #777F33;
	}	
	
a:hover {
    color: #CCCCCC;
	}
	
	
a.linkLimeGreen {
 text-decoration: none;
 font-weight:bold;
}

a.linkLimeGreen:visited, a.linkLimeGreen:link, a.linkLimeGreen:active   {
    color: #E0DF4A;
	}	
	
a.linkLimeGreen:hover {
    color: #CCCCCC;
	}	



a.linkLimeGreenUnderlined {
 text-decoration: underline;
 font-weight:bold;
}

a.linkLimeGreenUnderlined:visited, a.linkLimeGreenUnderlined:link, a.linkLimeGreenUnderlined:active   {
    color: #E0DF4A;
	}	
	
a.linkLimeGreenUnderlined:hover {
    color: #CCCCCC;
	}	


a.linkLimeGreenUnderlined {
 text-decoration: underline;
 font-weight:bold;
}

a.linkLimeGreenUnderlined:visited, a.linkLimeGreenUnderlined:link, a.linkLimeGreenUnderlined:active   {
    color: #E0DF4A;
	}	
	
a.linkLimeGreenUnderlined:hover {
    color: #CCCCCC;
	}
	
	
a.linkOliveGreen {
 text-decoration: none;
 font-weight:bold;
}

a.linkOliveGreen:visited, a.linkOliveGreen:link, a.linkOliveGreen:active   {
    color: #777F33;
	}	
	
a.linkOliveGreen:hover {
    color: #999999;
	}


a.linkOliveGreenUnderlined {
 text-decoration: underline;
 font-weight:bold;
}

a.linkOliveGreenUnderlined:visited, a.linkOliveGreenUnderlined:link, a.linkOliveGreenUnderlined:active   {
    color: #777F33;
	}	
	
a.linkOliveGreenUnderlined:hover {
    color: #999999;
	}
	
	
a.linkGrey {
 text-decoration: none;
 font-weight:bold;
}

a.linkGrey:visited, a.linkGrey:link, a.linkGrey:active   {
    color: #85817B;
	}	
	
a.linkGrey:hover {
    color: #CCCCCC;
	}


a.linkGreyUnderlined {
 text-decoration: underline;
 font-weight:bold;
}

a.linkGreyUnderlined:visited, a.linkGreyUnderlined:link, a.linkGreyUnderlined:active   {
    color: #85817B;
	}	
	
a.linkGreyUnderlined:hover {
    color: #CCCCCC;
	}	

/* ******************** TEXT STYLES ************************ */


.textOliveGreen {
	color: #777F33;
}

.textLimeGreen {
	color: #E0DF4A;
}

.textDarkGrey {
	color: #282623;
}

.textMediumGrey {
	color: #32302D;
}
.textLightGrey {
	color: #85817B;
}

.textSmall {
	font-size: 0.91em;
}
	

/* ******************** MISC ************************ */


.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
	height: 0px;
}

.clearLeft {
	clear: left;
	height: 0px;
}

.clearRight {
	clear: right;
	height: 0px;
}

li {
	margin-left: 15px;
	padding-left: 0px;
	list-style-type: square;
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.7em;
	margin-left: 0px;
}

a img {
	border:none;
}


/* ******************** NAV ************************ */



#navWrapper {
	padding: 5px 0 5px 0;
	border-bottom: 5px solid #282623;
	background-color:#E0DF4A;
	margin-bottom: 450px;
}

#nav {
}

#nav ul, #nav li {     
	margin: 0;   
	list-style: none; 
} 


/* top nav */


#nav li a {     
	display: block;
	width: 140px;
} 


#nav li a:visited, #nav li a:link, #nav li a:active {     
	color: #777F33;
}

#nav li a:hover {
	background-color: #777F33;
	color: #FFFFFF;
}

#nav li div.link {
	background-color: #E0DF4A;
	padding: 7px 20px 7px 20px;
	background-image: url(../images/nav_dvdr.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 140px;
}


#nav li a.selected:visited, #nav li a.selected:link, #nav li a.selected:active, #nav li a.selected:hover {
	background-color: #777F33;
	color: #FFFFFF;
}

#nav li div.last {
background-image:none;
}


/* sub nav */
#nav li ul {
 width: 180px;
}

#nav li li a:visited, #nav li li a:link, #nav li li a:active {     
	color: #85817B;
}

#nav li li a:hover {
	background-color: #282623;
	color: #FFFFFF;
}

#nav li li div.link {
	background-color: #32302D;
	padding: 7px 20px 7px 20px;
	background-image: url(../images/nav_dvdr.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#nav li li a.selected:visited, #nav li li a.selected:link, #nav li li a.selected:active, #nav li li a.selected:hover {
	background-color: #282623;
	color: #FFFFFF;
}

#nav li li div.last {
background-image:none;
}


/* ***************** DYNAMIC MENU ***************** */

.menuHidden{
visibility:hidden;
display:none;
}

.menuVisible{
visibility:visible;
display:block;
}


/* ******************** feature box ************************ */

#featureBoxWrapper {
	margin: -10px !important;
	padding: -10px !important;
}
.featureBoxWrapper {
}

.textBlock h1.featureBoxHeader {
	background-color: #E0DF4A;
	float:left;
	width: 126px;
	margin-right: 6px;
	margin-bottom:0;
	padding: 7px 10px 7px 10px;
	font-size: 1.18em;
	white-space:nowrap;
}
.textBlock h1.featureBoxHeaderLast {
	background-color: #E0DF4A;
	float:right;
	width: 126px;
	margin-bottom:0;
	padding: 7px 10px 7px 10px;
	font-size: 1.18em;
	white-space:nowrap;
}

h1.featureBoxHeader a:visited,
h1.featureBoxHeader a:link,
h1.featureBoxHeader a:active,
h1.featureBoxHeaderLast a:visited,
h1.featureBoxHeaderLast a:link,
h1.featureBoxHeaderLast a:active
 {
	color: #666666;
}

h1.featureBoxHeader a:hover,
h1.featureBoxHeaderLast a:hover,
 {
	color: #999999;
}

.featureBoxPics {
	float: left;
	margin-right: 6px;
}
.featureBoxPicsLast {
	float: right;
}
.featureBoxText {
	width: 126px;
	float: left;
	margin-right: 6px;
	padding: 10px 10px 0 10px;
	color: #777F33;
}
.featureBoxTextLast {
	width: 126px;	
	float: right;
	padding: 10px 10px 0 10px;
	color: #777F33;
}
.featureBoxLink {
	width: 126px;	
	float: left;
	padding: 0 10px 10px 10px;
	margin-right: 6px;
	border-bottom: 1px solid #E0DF4A;
	margin-bottom: 10px;
}
.featureBoxLinkLast {
	width: 126px;	
	float: right;
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #E0DF4A;
	margin-bottom: 10px;
}


/* ******************** 3 col box ************************ */

.threeColHeader {
	background-color: #E0DF4A;
	padding: 7px 10px 7px 10px;
	font-size: 1.18em;
	font-weight:bold;
	color: #777F33;
}


.threeCol {
	padding: 10px;
}


/* ******************** text block ************************ */

#middleCol .textBlock {
	padding: 10px 10px 10px 10px;
	padding: 0 10px 0 10px;
 	margin-top: 10px;
 	margin-bottom: 10px;
}

.textBlock H1 {
	font-size: 1.45em;
	margin-bottom: 0.7em;
	color: #777F33;
}

.textBlock H2 {
	font-size: 1.18em;
	line-height:normal;
	color: #777F33;
}

.textBlock H3 {
	font-size: 1.09em;
	line-height:normal;
	font-weight:bold;
}

#middleCol ul {
	margin-bottom: 0.7em;
}




/* ******************** contact box ************************ */

#contactDetailsBox {
	width: 180px;
	position:absolute;
	background-color: #32302D;
	position:absolute; 
	bottom:10px;

}

.contactInfo {
	margin-left: 20px;
}



/* ******************** case studies box ************************ */

#caseStudiesWrapper {
	background-color:#E0DF4A;
	padding: 10px;
	margin-bottom: 5px;
}

#caseStudiesWrapper h2 {
	font-size: 1.18em;
	color: #777F33;
	width: 210px;
	margin-bottom: 0.7em;
}

#caseStudiesWrapper .picLeft {
	width: 112px;
	float: left;
	margin-right: 6px;
	margin-bottom: 3px;
}

#caseStudiesWrapper .picRight {
	width: 112px;	
	float: right;
	margin-bottom: 3px;
}


#caseStudiesWrapper .titleLeft {
	width: 112px;
	float: left;
	margin-right: 6px;
}

#caseStudiesWrapper .titleRight {
	width: 112px;
	float: right;
}

#caseStudiesWrapper .textLeft {
	width: 112px;
	float: left;
	margin-right: 6px;
}

#caseStudiesWrapper .textRight {
	width: 112px;
	float: right;
}



/* ******************** search box ************************ */

#searchBox {
	padding: 20px;
	background-color:#777F33;
	margin-bottom: 5px;
}

#searchBoxInput {
	width: 135px;
	border:none;
	font-size: 1em;
}



/* ******************** customer login box ************************ */

#customerLoginBox {
	background-color:#3f3d39;
	padding: 10px 20px 10px 20px;
	width: 210px;
	margin-bottom: 5px;

}

#customerLoginBox h2 {
	font-size: 1.18em;
	color: #E0DF4A;
	margin-bottom:0.7em;
}

#customerLoginBox .left {
	width: 70px;
	float:left;
	height: 1.64em;
	line-height: 1em;
}

#customerLoginBox .right{
	width: 135px;
	float:right;
}

#customerLoginBox .right input{
	width: 135px;
	border:none;
	font-size: 1em;
	margin-bottom: 5px;
}

/* ******************** tabbed box ************************ */



#tabBoxWrapper {

	width: 250px;
}

#tabBoxWrapper h2 {
	font-size: 1.18em;
	color: #777F33;	
}

.tabLeft {
	float: left;
	width:105px;
	padding:10px 0 10px 20px;
	font-size: 1.18em;
}

.tabLeft a:visited,  .tabLeft a:link, .tabLeft a:active, .tabRight a:visited,  .tabRight a:link, .tabRight a:active {
	color: #777F33;
}

.tabLeft a:hover, .tabRight a:hover {
	color: #85817B;
}

.tabRight{
	float: right;
	width:105px;
	padding:10px 0 10px 20px;
	font-size: 1.18em;
}

#tabBoxHeader {
}


#tabBoxHeader.tabLeftOn{
	background-color: #ffffff;
	background-image: url(../images/tab_bgrnd.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 250px;
}

#tabBoxHeader.tabRightOn{
	background-color: #ffffff;
	background-image: url(../images/tab_bgrnd.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 250px;
}

#tabBox1, #tabBox2 {
	background-color: #ffffff;
	padding: 10px 20px 10px 20px;
	width: 210px;
	margin-bottom: 5px;
	min-height: 185px;
}

h3.tabBox {
	font-size: 1em;
}

p.tabBox {
	padding-bottom: 6px;
	border-bottom: 1px dotted #E0DF4A;
	margin-bottom: 6px;
	
}

.hidden { 
display: none; 
} 
.show { 
display: block; 
} 


/* ******************** submit buttons ************************ */


.submitGrey {
	background-color: #3F3D39;
	font-weight: bold;
	color: #E0DF4A;
	width: 50px;
	border:none;
	cursor:pointer;
}
.submitOliveGreen {
	background-color: #777F33;
	font-weight: bold;
	color: #E0DF4A;
	width: 50px;
	border:none;
	cursor:pointer;
}


/* ******************** 2 cols - pic and text ************************ */


.twoColWrapper {
	padding: 15px 6px 15px 6px;
	width: 438px;
	border-bottom: 1px solid #E0DF4A; 
}


.twoColSummary {
	width: 438px;
	padding: 15px 6px 15px 6px;
	border-bottom: 1px solid #E0DF4A;
}

.twoColPic  {
	float:left;
	margin-right: 6px;
	width: 146px;
}


.twoColText {
	float:right;
	width: 286px;
}

.twoColTextCaseStudy {
	float:right;
}

.twoColText H1 {
	font-size: 1em;
	color: #777F33;
}

.linkFooter {
	padding: 10px 6px 20px 6px;
}


.galleryHeader {
	padding: 9px 6px 9px 6px;
}


.galleryRow {
	padding: 0 6px 0 6px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.galleryPic {
	padding: 0 6px 0 0;
	float: left;

}

.galleryPicEndRow {
	float: right;
	width: 142px;
}



.teamMember {
	/*width: 438px;*/
	width: 430px;
	/*padding: 15px 6px 15px 6px;*/
 	padding: 0;
 	margin-top: 15px;
 	margin-bottom: 15px;
 	border-bottom: 1px solid #E0DF4A;
}

.teamPic  {
	/*float:left;
	margin-left: -5px;
	margin-right: 6px;
	width: 146px;*/
	float:left;
 	margin-right: 6px;
 	margin-bottom: 15px;
 	width: 146px;
}


.teamText {
	float:right;
	/* width: 286px;  */
 	margin-bottom: 5px;
 	width: 278px;
}


.teamText H1 {
	font-size: 1em;
	color: #777F33;
}


/* ******************** FIELDSET STYLES ************************ */
.textBlock fieldset {
	/*width: 430px;*/
	padding: 10px;
}

.textBlock fieldset legend {
	padding: 8px;
	font-size: 1.18em;
    color: #777F33;
    font-weight: bold;
}

input.registrationError {
	background-color: #990000;
	color: #fff;
}

div.registrationError {
	background-color: #990000; 
	color: #fff; 
	padding: 5px;
}

div.registrationError h2 {
	color: #fff !important;
}


#teamBox {
	background-color:#FFF;
	width:250px;
	background-image:url(../images/team_bgrnd.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-bottom: 5px;
}


#teamBox a {
	display:block;
	width:145px;
	padding:10px 95px 10px 10px;
	color: #777F33;
	font-weight:normal;
}


#galleryBox {
	background-color:#E0DF4A;
	width:410px;
	margin-top:20px;
	padding:10px;
	color:#777F33;
}

.leftGalleryThmb {
	width:130px;
	margin-right:10px;
	float:left;
}

.midGalleryThmb {
	width:130px;
	margin-right:10px;
	float:left;
}

.rightGalleryThmb {
	width:130px;
	float:right;
}

.leftGalleryThmb img, .midGalleryThmb img, .rightGalleryThmb img {
	padding: 12px 0 3px 0;
}