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

/*** Layout/Structural Elements ***/
.main #header {
	width: 100%;
	height: 85px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: center top;
} 
.main #header h1 {
	display: none;
}
.main #login {
	width: 100%;
	height: 33px;
	background-color: #141414;
	margin-bottom: 20px;
	background-image: url(../images/email-tab-bg.gif);
	background-repeat: repeat-x;
}
.main #loginSubContainer {
	width: 933px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.main #loginContainer {
	height: 33px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: right;
	text-transform: uppercase;
	display: inline;
	float: right;
	background-image: url(../images/email-tab.gif);
	background-repeat: no-repeat;
	width: 280px;
}
.main #loginContainer a {
	color: #FFF;
}
.main #loginContainer a:hover {
	color: #FFF;
	background-color: #5E161A;
}
.main #container {
	width: 900px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}

body {
	background:#131313 url(images/proCam.jpg);
	text-align:left;
	padding:0;
	color:#000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	
.style1 {
	color: #999;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
}
.style1 a:hover{
	color: #FFF;
	font-size: 10px;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
}
.style1 a{
	color: #CCC;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
}
	
#redRule {
	background: url(../images/redRule.gif) repeat-x;
}

#featuredProducts {
	background: url(../images/layoutOne_r4_c1.gif) no-repeat;
	height: 65px;
	text-align: left;
}
	
	
#flashcontent {
	font-family: tahoma;
	font-size: 10px;
	color: #333333;
	letter-spacing: 0.15em;
	background: #ffffff;
}

#topLogo {
	display:block;
	height: 77px;
	border-right-color: #E9E5DA;
	width: 271px;
	background-image: url(../images/MPC.gif);
}

#topMenu {
	text-align: right;
}

#topMenu .GrayRule {
	text-align: right;
	background-image: url(images/topNavRule.gif);
	background-repeat: repeat;
}

#topMenu .hNavSpace {
	height: 70px;
}

#topMenu .TopRule{
	font-family: tahoma;
	font-size: 10px;
	color: #e9e5da;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: left;
	left: 10px;
	text-indent: 0px;
	vertical-align: middle;
	height: 20px;
}

#bread {
	font-family: tahoma;
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	height: 12px;
	text-align: right;
	color: #e9e5da;
	padding-top: 4px;
	font-weight: bold;
	}

#bread ul {
	display: inline;
	border: none;
	background-color: #131313;
	} 

#bread ul li {
	margin-left: 0;
	border: none;
	display: inline;
	}
	
#bread ul li a{
	padding-left: 0px;
	border: none;
	list-style: none;
	display: inline;
	font-family: tahoma;
	font-size: 10px;
	color: #e9e5da;
	text-decoration: none;
	font-weight: bold;
	}
	
	#bread ul li a:hover{
	margin-left: 0;
	border: none;
	display: inline;
	font-family: tahoma;
	font-size: 10px;
	color: #990000;
	text-decoration: none;
	background-image: url(../images/whiteArrow.gif);
	background-repeat: no-repeat;
	background-position: .015em;
	font-weight: bold;
	}

.sideRule {
	height: 100%;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	background-color: #F1F1F3;
}


#sideMenu {
	height: 346px;
	background: #F1F1F3 url(../images/gradientNav.jpg) repeat-x top;
	border-right-width: 1px;
		width: 271px;
		
}

#sideMenu .hNavSpace {
	height: 70px;
}

#sideMenu .Nav{
	font-family: tahoma;
	font-size: 10px;
	color: #990000;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-bottom-width:1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	width: auto;
	text-align: left;
	left: 10px;
	text-indent: 15px;
	padding-top: 4px;
	padding-left: 3px;
}

#sideMenu .Nav a{
	display:block;
	font-size:10;
	color: #990000;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-decoration: none;
	list-style-image: url(../images/redArrow.gif);
}

#sideMenu .Nav a:hover{
	background-color: #EAEEEF;
	width: 170px;
	background-image: url(../images/redArrow.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

#sideMenu .homeButton{
	text-align: left;
	text-indent: 20px;
	height: 25px;
	font-family: Tahoma;
	font-size: 10px;
	color: #7C1014;
	background-color: #e9e5da;
	text-transform: uppercase;
	vertical-align: middle;
	letter-spacing: 0.15em;
	padding-top: 8px;
	padding-bottom: 0px;
}

#sideMenu .homeButton a{
	display:block;
	font-size:10;
	color: #990000;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	list-style-image: url(../images/redArrow.gif);
	}

#sideMenu .homeButton a:hover{
	background-color: #e9e5da;
	width: 170px;
	background-image: url(../images/redArrow.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}

#sideMenu .leed{
	width: 170px;
	height: 82px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: 10px;
	vertical-align: bottom;
	background-color: #F1F1F3;
}

/* BOTTOM NAVIGATION*/

#breadBottom {
	font-family: tahoma;
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #CCCCCC;
	text-align: right;
	height: 12px;
	background-image: url(../images/bottomGray.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	}

#breadBottom ul {
	display: inline;
	border: none;
	background-color: #131313;
	height: 15px;
	} 

#breadBottom ul li {
	border: none;
	display: inline;
	height: 15px;
	margin-right: 0px;
	}
	
#breadBottom ul li a{
	padding-left: 0px;
	border: none;
	display: inline;
	font-family: tahoma;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
		font-weight: bold;
	}
	
	#breadBottom ul li a:hover{
	margin-left: 0;
	border: none;
	display: inline;
	font-family: tahoma;
	font-size: 10px;
	color: #990000;
	text-decoration: none;
	background-image: url(../images/whiteArrow.gif);
	background-repeat: no-repeat;
	background-position: .015em;
		font-weight: bold;
	}

/* RETAIL FEATURE */

.retailFeature {
	height: 210px;
	background-position: top;
	/*	width: 320px;*/
	width: 290px;
	/*MARGIN IS FOR THE 4o YEARS LOGO*/
	margin-left: 20px;
}

.retailFeature .retailTitle {
	height: 32px;
	font-family: tahoma;
	font-size: 12px;
	color: #990000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}

.retailFeature .retailProject {
	height: 20px;
	font-family: tahoma;
	font-size: 10px;
	color: #e9e5da;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	text-indent: 10;
	background-image: url(../images/whiteArrow.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	letter-spacing: 0em;
	font-weight: bold;
}

.retailFeature .retailProject a {
	height: 20px;
	font-family: tahoma;
	font-size: 10px;
	color: #e9e5da;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	text-indent: 10;
	background-repeat: no-repeat;
	background-position: .1em .5em;
	letter-spacing: 0em;
	font-weight: bold;
}

.retailFeature .retailProject a:hover {
	height: 20px;
	font-family: tahoma;
	font-size: 10px;
	color: #990000;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	text-indent: 10;
	background-repeat: no-repeat;
	background-position: .1em .5em;
	letter-spacing: 0em;
	font-weight: bold;
}
	
.retailFeature .retailPhoto {
	height: 139px;
	background-color: #CCCCCC;
	border: 7px solid #FFFFFF;
}

/* FOOTER */

#webCam {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #FFFFFF;
	font-family: tahoma;
	font-size: 10px;
	text-transform: uppercase;
	color: #e9e5da;
	text-align: center;
	display: inline-block;
	height: 100px;
	width: 170px;
}

#webCam .redBox {
	height: 100px;
	background-position: bottom;
	background-color: #7c1014;
	line-height: 12px;
}

#webCam .photo {
	height: 50px;
	background-position: bottom;
	background-color: #131313;
	border: 3px solid #FFFFFF;
	font-family: tahoma;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/proCam.jpg);	
}

#webCam .photo a {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
		font-weight: bold;
		letter-spacing: 0.1em;
}

#webCam .photo a:hover {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
		font-weight: bold;
		letter-spacing: 0.1em;
}

#webCamAddress {
	font-family: tahoma;
	font-size: 10px;
	text-transform: uppercase;
	color: #e9e5da;
	text-align: center;
	display: inline;
	height: 100px;
	width: 170px;
	vertical-align: bottom;
	font-weight: bold;
}

#webCamAddress .address {
	height: 100px;
	background-position: bottom;
	font-family: tahoma;
	font-size: 10px;
	text-transform: uppercase;
	color: #e9e5da;
	line-height: 12px;
	text-align: left;
	letter-spacing: 0em;
	text-indent: 10px;
	font-weight: bold;
}

/* INTEERIOR */

#interiorBody {
	text-align: left;
	border-right-color: #e9e5da;
	height: 1%;
	padding-left: 15px;
}

#interiorBody .redTitleBox{
	text-align: left;
	text-indent: 20px;
	height: 25px;
	font-family: Tahoma;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #7c1014;
	text-transform: uppercase;
	vertical-align: middle;
	letter-spacing: 0.15em;
	visibility: visible;
	padding-top: 8px;
	padding-bottom: 0px;
	font-weight: bold;
}
	
#interiorBody .hNavSpace {
	height: 35px;
}

#interiorBody .leftColumn {
	float: left;
	width: 318px;
}

#interiorBody .rightColumn {
	position:relative;
	height: 1%;
	padding-left: 20px;
	padding-right: 30px;
	left: 12px;
}

#interiorBody .largePhotoBox {
	margin: 0;
	/*width: 300px;
	height: 225px;*/
	background-color: #ffffff;
	border: 1px solid #e9e5da;

}
#interiorBody .LeftPhoto, #interiorBody .RightPhoto, #interiorBody .CenterPhoto {
	overflow: hidden;
}

#interiorBody .LeftPhoto {
	margin: 0;
	/*width: 92px;
	height: 92px;*/
	background-color: #ffffff;
	border: 1px solid #e9e5da;
}

#interiorBody .CenterPhoto {
	margin: 0;
	/*width: 92px;
	height: 92px;*/
	background-color: #ffffff;
	border: 1px solid #e9e5da;
	top: 494px;
}

#interiorBody .RightPhoto {
	margin: 0;
	/*width: 92px;
	height: 92px;*/
	background-color: #ffffff;
	border: 1px solid #e9e5da;
	left: 452px;
	top: 494px;
}

#interiorBody .h1 {
	font-family: Georgia, serif;
	font-size: 24px;
	text-transform: capitalize;
	color: #7C1014;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 15px;
	letter-spacing: .10em;
}

#interiorBody .h2 {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: uppercase;
	color: #7C1014;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 17px;
}

#interiorBody .h3 {
	font-family: Tahoma;
	font-size: 11px;
	text-transform: none;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 17px;
	padding-right: 30px;
	padding-left: 25px;
}

#interiorBody .h3 a{
	font-family: Tahoma;
	font-size: 11px;
	text-transform: none;
	color: #990000;
	text-decoration: none;
}

.pdf a {
	height: 20px;
	font-family: tahoma;
	font-size: 11px;
	color: #990000;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	text-indent: 10px;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	letter-spacing: 0.1em;
}

#interiorBody .h3 a:hover{
	font-family: Tahoma;
	font-size: 11px;
	text-transform: underline;
	color: #990000;
	text-decoration: underline;
}

#interiorBody .brownBox{
	text-align: left;
	text-indent: 20px;
	height: 25px;
	font-family: Tahoma;
	font-size: 10px;
	color: #e9e5da;
	background-color: #e9e5da;
	text-transform: uppercase;
	vertical-align: middle;
	letter-spacing: 0.15em;
	visibility: visible;
	padding-top: 8px;
	padding-bottom: 0px;
	background-position: bottom;
}

#rotator
{
	background: url(../ProjectImages/rotator.php) no-repeat center top;
	width: 400px;
	height: 290px;
}

/* Spry.Effect.js, Adobe, http://labs.adobe.com/technologies/spry/ Spry is available under the BSD license */
/* scrollbar.js Travis Beckham http://www.squidfingers.com/code/dhtml/?id=divscroller No license mentioned on website. We modifided the code added to it to fix things. */
/* slight.js, Aaron Boodman, http://boring.youngpup.net/2001/sleight Creative Commons Attribution 2.0  license. */
/* AjaxExtended, Alex Serebryakov, http://ajaxextended.com/, distributable under MIT license  */
/* zebra.js, David F. Miller, "Zebra Tables" A List Apart #173, http://www.alistapart.com/copyright/  */
/* overLabels.js, Mike Brittain, "Making Compact Forms More Accessible" A List Apart # 229, http://www.alistapart.com/copyright/ */
/* Icons, http://tango.freedesktop.org/, Creative Commons Attribution Share-Alike license.  */
/* Icons, http://www.famfamfam.com/lab/icons/silk/, Creative Commons Attribution 2.5 License  */
/* Icons, http://www.feedicons.com/ */