/* CSS Document */

/* ////// New styles added from - April 20 2006 ///// */

/*Sets line-height of all menuitems*/
#p7TMnav {
	line-height: 1.5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 2px;
	border-top: 1px solid #fff;
	
	
	}
/*Sets background color and border around the menu DIV*/


/* ************Menu font size overides <a>
*************************************************************************  */
#p7TMnav div {
	font-size: 0.75em;
	height: 22px;
	}
/* ************Menu font size overides <a>
*************************************************************************  */	


/*second level menuitem divs*/
/*Sets left margin to 12px establishing a cascading indent*/
/*Sets border and bg color to establish the pastel BOXES*/
#p7TMnav div div {
	margin: 0 0 0 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
	width: 140px;
	padding-right: 0px;
	padding-left: 10px;
	border-top: 1px solid #fff;
	background: #fff;
	
}

/*third level menuitem divs. Sets BOX color*/
#p7TMnav div div div {
}
/*fourth level menuitem divs. Sets BOX color*/
#p7TMnav div div div div {
}
/*fifth level menuitem divs. Sets BOX color. Cascades to lower levels*/
/*To set additional level color BOXES, add a new selector with an additional 
-div- appended*/
#p7TMnav div div div div div {
	/*/*/background-color: #C0C0C0; /* */
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a {
	text-decoration: none;
	display: block;
	padding: 1px 0 2px 2px;
	color: #FFFFFF;
	font-weight: normal;
	border-top: 0px none;
	border-left: 3px solid #000000;
	border-bottom: 1px solid #000000;
}


#p7TMnav div a:hover {
	color: #FFFFFF;
	display: block;
	border-top: none;
	border-bottom: 1px solid #000000;
	border-left: 3px solid #85B7A4;
	background: #0C5658;
}




/* Portfolio */

#pfoliobutton { margin: 8px 0px 0px 2px; }



#portfolionav {
	line-height: 1.5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 2px;
	border-top: 1px solid #fff;
	margin: 2px 0 0 0; 
	}
	
/*Sets background color and border around the menu DIV*/


/* ************Menu font size overides <a>
*************************************************************************  */
#portfolionav div {
	font-size: 0.75em;
	height: 22px;
	}
/* ************Menu font size overides <a>
*************************************************************************  */	


/*second level menuitem divs*/
/*Sets left margin to 12px establishing a cascading indent*/
/*Sets border and bg color to establish the pastel BOXES*/
#portfolionav div div {
	margin: 50px 0 0 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
	width: 140px;
	padding-right: 0px;
	padding-left: 10px;
	border-top: 1px solid #fff;
	background: #fff;
	
}

/*third level menuitem divs. Sets BOX color*/
#portfolionav div div div {
}
/*fourth level menuitem divs. Sets BOX color*/
#portfolionav div div div div {
}
/*fifth level menuitem divs. Sets BOX color. Cascades to lower levels*/
/*To set additional level color BOXES, add a new selector with an additional 
-div- appended*/
#portfolionav div div div div div {
	/*/*/background-color: #C0C0C0; /* */
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#portfolionav div a {
	text-decoration: none;
	display: block;
	padding: 1px 0 2px 2px;
	color: #FFFFFF;
	font-weight: normal;
	border-top: 0px none;
	border-left: 3px solid #000000;
	border-bottom: 1px solid #000000;
}
#portfolionav div a:hover {
	color: #FFFFFF;
	display: block;
	border-top: none;
	border-bottom: 1px solid #000000;
	border-left: 3px solid #85B7A4;
	background: #0C5658;
}






em {
	text-decoration: underline;
	font-variant: normal;
	font-style: normal;

}

em { text-decoration: underline; }

.homebgtext {
	margin: 0px 0px 0px 0px;
	padding: 3px 12px 3px 10px;
	border: 1px solid #BCDACA;
	background: url(graphics/sect_panel_bground.jpg) repeat-x; 
	text-align: justify; }
	
.clientboxes {
	float: left;
	margin: 0px 7px 7px 0px;
	padding: 5px;
	border-top: 1px solid #BCDACA;
	border-right: 1px solid #BCDACA;
	border-bottom: 1px solid #91B4A2;
	border-left: 1px solid #91B4A2;
	text-align: left; 
	width: 178px; 
	height: 65px; 
	background: #F3F9F6;
	}
	
.formbox {
	margin: 0px 10px 0px 0px;
	padding: 3px 6px 3px 10px;
	border: 2px solid #BCDACA;
	background: #EBF7F1;
	width: 400px;
	}
.formbox2 {
	margin: 0px;
	padding: 3px 6px 3px 10px;
	border: 2px solid #BCDACA;
	background: #EBF7F1;
	width: 200px
	}

	
.unnamed1 {
}
.formtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}



/* [ General formatting ] 
------------------------------------------------------------------------*/

h1 {
	font: 1em/1.4 verdana, arial, sans-serif;
	color: #003334;  padding: 0px 0px 10px 0px; margin: 5px 0px 0px 0px;
}
h2 { font: bold 0.75em verdana, arial, sans-serif; color: #003334; padding: 2px 0px 10px 0px; margin: 0px 0px 0px 5px; text-align: left; }
h3 { font: bold 0.65em /0.3 verdana, arial, sans-serif; color: #fff; }

a { font: bold 0.9em/1.2 verdana, arial, helvetica, sans-serif; text-decoration: none; color: #003334;}
a:hover { font: bold 0.9em/1.2 verdana, arial, helvetica, sans-serif; text-decoration: underline; color: #003334; }

p { font: 0.7em /1.3 verdana, arial, helvetica, sans-serif;
	color: #333333; padding: 2px 0px 0px 3px; margin: 0px; }
.bodylinks a { text-color: #FF6600; }
.whitetext { font: bold 0.8em /1 verdana, arial, sans-serif; color: #fff; letter-spacing: 0.2em; }
.whitetext a { color: #fff; letter-spacing: 0.2em; }
.whitetext a:hover{ color: #fff; letter-spacing: 0.2em; text-decoration: none; }
.justify { text-align: justify; }
.navwhite { color: #fff; }
.navwhite a { color: #fff; }
.navwhite a:hover { color: #fff; }

.sectiontitle { font: bold 0.8em /1 verdana, arial, sans-serif; color: #003333; border-bottom: 1px solid #ACCCB9; text-align: center; margin: 0px 0px 8px 0px; }

img { border: 0px;}

.style1 {color: #fff; }

/* Padding added to main content cell where <h1> appears */
.maincellpad { padding: 8px 20px 10px 17px; background: #fff; }
.portcellpad { padding: 8px 5px 10px 17px; margin: 0px; background: #fff; }
.portfoliocolumn { padding: 8px 10px 10px 17px; background: #eeeeee; border-right: 1px solid #9DC7AE; border-left: 1px solid #000; margin: 0px 16px 0px 0px; }

/* Portfolio - Next previous section */
.pfoliotitle {
	font: bold 0.7em/1.3 verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 10px;
	background: #000;
}
.pfolionumber { font: 0.7em /1.3 verdana, arial, helvetica, sans-serif; color: #7DBEAA; text-align: center; background: #000; border-left: 1px solid #4C8673; }
.pfolionumber2 { font: 0.7em /1.3 verdana, arial, helvetica, sans-serif; color: #7DBEAA; text-align: center; background: #1E4344; }
.nextprevious { background: #3E6364; border-left: 1px solid #4C8673; font: 0.7em /1.3 verdana, arial, helvetica, sans-serif; color: #fff; }
/* Portfolio - Next previous section */
.mainpicell { height: 185px; }
.rightcellpad { padding: 7px 5px 5px 20px; background: #fff url(graphics/topright_bground.jpg) repeat-x; text-align: left; }
.blackcellpad { padding: 0px 0px 0px 17px; background: #000 url(graphics/portfolio_bground.jpg) repeat-y; }
.blackcellright { text-align: right; background: #000; padding: 0px; margin: 0px; width: 150px; }
.piconblack { float: right; }
.rightcolumnpad { padding: 4px 5px 0px 10px; background: #E9F3ED; text-align: left; }
.dgreenpad { padding: 0px 0px 0px 10px; background: #003333; text-align: left; }
.rightthumbspad { padding: 0px 5px 0px 10px; background: #E9F3ED; text-align: left; }

.bcrumbscell { padding: 4px 10px 6px 17px; border-bottom: 1px solid #9DC7AE; border-left: 1px solid #000; }
#insetnav { font: 0.7em /1.3 verdana, arial, helvetica, sans-serif; color: #003334; background: #fff; border: 1px solid #9DC7AE;  padding: 2px; margin: 0px; text-align: center; }

/* Portfolio images */
#wrapper { float: left; border: 1px solid #000; }

.bigtelnumber {
	font: 1.2em /1.4 verdana, arial, sans-serif;
	color: #003334;
	text-align: left;
	margin: 0px;
}
.msbadgecell { padding: 0px 0px 0px 25px; background: #333; text-align: left; }
.insetpic { float: left; margin: 2px 12px 2px 2px; padding: 2px; border: 1px solid #BCDACA; }
.insetpic2 { float: left; margin: 6px 30px 10px 2px; }
.insetpic3 { float: left; margin: 6px 30px 10px 2px; }
.pthumbs { float: left; margin: 5px 5px 15px 0px; padding: 2px; border: 2px solid #ccc; }
.horiznav a { background: #993300; color: #fff; padding: 3px; border-left: 1px 
solid #666; }
.horiznav a:hover { background: #666666; color: #fff; padding: 3px 3px 4px 3px; 
border-left: 1px solid #666; }
#bmcadbox { margin: 62px 0px 0px 6px; padding: 0px; }
.thumbs { float: left; }
.backtolink { text-align: right; margin: 0px 10px 5px 0px; } 
#bmcadbox { margin: 62px 0px 0px 6px; padding: 0px; }
.picboxwrapper { float: left; margin: 0px 5px 0px 0px; height: 120px; }  



/* TABLE ELEMENTS FOR CONTACT FORM   
---------------------------------------------------------------*/
#formcontainer { background: #F3EFEC; border: 1px solid #DDD3CD; padding: 10px; 
margin: 0px 10px 10px 10px; }
.legendtext { font: bold 0.8em  arial, sans-serif;  color: #000; text-align: 
left; padding: 0px; }
.labeltext { text-align: left;  font: 0.75em  arial, sans-serif; color: #000; }
.txtfield {  height: 16px; background: #fff; border: 1px solid #BCDACA; font: 
0.75em  arial, sans-serif; color: 666; }
.txtarea {  background: #fff; border: 1px solid #FF6600; font: 0.75em  arial, 
sans-serif; color: #666; width: 320px; }
fieldset { width: 200px; border: 1px solid #993300; }
legend { font: 0.75em  arial, sans-serif; color: #454480; margin-left: -7px; 
padding: 0px; }
.button { font: bold 0.7em  arial, sans-serif;  color: #fff;  background: 
#009966; 
	border-top: 1px solid #66CC99; border-right: 1px solid #66CC99; border-bottom: 
2px solid #333333; border-left: 2px solid #333333; cursor: hand;  }
caption { font: bold 0.75em  verdana, arial, sans-serif;  color: #fff; 
text-align: left; padding: 2px; border-bottom: 2px solid #FF6600; margin: 0px 0px 10px 
0px; background: #993300; border-bottom: 1px solid #CECEE3; }
/* TABLE ELEMENTS FOR CONTACT FORM   
-------------------------------------------------------------------*/

.accesstype { font: 0.83em /1.6 verdana, arial, sans-serif; color: #000; letter-spacing: 
0.04em; padding-right: 20px; }
.accesswhite { font: 0.8em /1.2arial, sans-serif; color: #fff; letter-spacing: 
0.05em; }

.bulletsbox { border: 1px solid #BCDACA; margin: 10px 0px 10px 0px; padding: 5px; }

.bodylist1 {
	list-style-type: disc; list-style-position: outside;
	font: 0.66em /1.5 verdana, arial, helvetica, sans-serif; color: #003334;
	margin: 2px; padding-left: 18px;
}
div.bodylist1 ul {
	display: block; list-style: disc; margin: 0 5px 0 5px; padding: 0px 0px 2px 2px;
	}
div.bodylist1 ul li {
	display: block; list-style: disc; color: #003334;
	text-decoration: none; padding: 0px 0px 2px 2px;
}

.bodylist2 {
	list-style-type: none;
	font: 0.7em /1.3 verdana, arial, helvetica, sans-serif; color: #003334;
	margin: 0px; padding-left: 2px;
}
div.bodylist2 ul {
	display: block; list-style: none; margin: 0px; padding: 0px 0px 2px 2px;
	}
div.bodylist2 ul li {
	display: block; list-style: none; color: #003334;
	text-decoration: none; padding: 0px 0px 2px 2px;
}

.bodylist3 {
	list-style-type: disc; list-style-position: outside;
	font: 0.66em /1.5 verdana, arial, helvetica, sans-serif; color: #003334;
	margin: 2px; padding-left: 18px;
}
div.bodylist3 ul {
	display: block; list-style: disc; margin: 0 5px 0 5px; padding: 0px 0px 2px 2px;
	}
div.bodylist3 ul li {
	display: block; list-style: disc; color: #003334;
	text-decoration: none; padding: 0px 0px 2px 2px;
}

.orderedlist {
	font: 0.7em /1.3 verdana, arial, helvetica, sans-serif; color: #003334;
	}
.pfoliotitle {
font: 0.7em /1.3 verdana, arial, helvetica, sans-serif; color: #7DBEAA; text-align: center; background: #000; border-left: 1px solid #4C8673;
}
.pftitle {
	font: 0.79em verdana, arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding-left: 10px;
}