/* All I Do Now.. */

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: lucida grande, lucida sans unicode, lucida sans, Geneva, Verdana, trebuchet ms,   Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	background-image:url(../images/Stripes1x.jpg)
}

/*  -------------------- links -------------------- */

a {
	text-decoration:none;
	font-weight: bold;
	color: #48B8E0;
	
}
a:link, a:visited, a: active {
	color: #48B8E0;
}
a:hover {
	color: #FFF;
	background: #48B8E0;
}
#menuBar a, p a, #degas a {
	padding: 4px;
}

/*  -------------------- clearfix -------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*  -------------------- #container -------------------- */

#container, #container2 {
	width: 891px !important;
	width: 888px; 
	border: 1px solid #CCC; 
	padding: 10px; 
	background: #eefbec;
	min-height: 400px;
	height: auto;
	background:#f9ecfb;
	background: #fbecef;
	background-image:url(../images/Stripes4x.jpg)
}
.cPad {
	padding-right: 10px !important;
	padding-right: 5px;
}

*html #container, *html #container2 {
	height: 400px;
}

#container2 {	
	padding-bottom: 12px;
	background-image:url(../images/Stripes2x.jpg)
}
#container a {
	padding: 0;
}

/*  -------------------- #layers etc -------------------- */

#one, #two {
	margin-top: -25px;
}
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:5;
	left: 481px;
	top: 0px;
}
#Layer2 {
	position:absolute;
	width:35px;
	height:15px;
	z-index:5;
	margin-top: 5px; 
	padding: 0;
	margin-left: 1px;
}

#Layer31, #Layer41 {
	/* red box on bottom right of latest/searched pic */
	
	position:relative; 
	z-index: 5;
	top: 145px;
	right: 1px;
	width: 20px; /* 2 digits */
	/*
	width: 28px;  3 digits */

	background: #e04775;
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	
}
#totalBar, #thumbText {
	/* blue bars on gallery page */
	float: left;
	margin-top: -26px;
	margin-left: -10px;
	padding: 5px;
	padding-top: 0px;
	font-size: 11px;
	color: #FFF;
	height: 17px;
	width: 360px;
	background:url(../images/blueBarLeft.gif); 
	background-repeat: no-repeat; 
	padding-left: 12px !important;
	padding-left: 22px;
	line-height: 11px;
	margin-bottom: 0;
	padding-bottom: 0;
}
#thumbText {
	/* right hand blue bar on gallery page */
	margin-top: -27px;
	margin-right: -10px !important;
	margin-right: -6px;
	float: right;
	background:url(../images/blueBarRight.gif);  
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	padding-top: 1px;
	padding-right: 11px !important;
	padding-right: 13px;
	margin-left: 0;
}
#Layer7 {
	position:absolute;
	z-index: 5;
	left: 323px;
	top: 147px!important;
	top: 146px;
	padding: 5px;
	padding-top: 0;
	font-size: 12px;
	color: #FFF;
	height: 15px;
	width: 420px;
}
#SSV, #SSV2 {
	position:absolute;
	z-index: 5;
	left: 670px;
	top: 99px!important;
	top: 100px;
	background: url(../images/SSV3.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 130px;
}
#face1, #face2 {
	position:absolute;
	z-index: 5;
	left: 40px;
	top: 8px!important;
	top: 9px;
	background:url(../images/outline.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 315px;
}
#SSV2 {
	left: 415px;
	top: 106px !important;
	top: 107px;
}
#face2 {
	left: 275px;
	top: 53px !important;
	top: 54px;
}
#rightBox {
	float: right; 
	padding: 4px 0 1px 3px;
	background: #e04775; 
	background: #62aac2;
}

/*  -------------------- #menu etc -------------------- */

#menu {
	float: left; 
	width: 600px;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
#menu ul {
	list style: none;
}
#menu li  {
	display: inline;
	
}
#menuBar {
	width: 902px !important;
	width: 901px;
	padding: 0 0 0 10px ;
	height: 34px !important;
	height: 36px;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	margin-bottom: 8px;
	vertical-align: middle;
}
#footerBar {
	width: 902px !important;
	width: 901px;
	padding: 10px 0 0px 10px !important;
	padding: 10px 0 3px 10px ;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	
}
.home, .home2 {
	color: #ec8104;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}
#footerBar {
	margin-top: 8px;
	margin-bottom: 15px;
	height: auto;
	min-height: 24px;
	padding: 8px 0px 8px 10px;
}


#right a:link, #right a:hover, #right a:visited, #right a:active, #panel a:link, 
#panel a:hover, #panel a:visited, #panel a:active{
	padding: 0;
	background: transparent;
	border: 0;
}

/*  -------------------- #IDs -------------------- */

#outerMain {
	background:url(../images/shadowRight.gif);
	
	background-position:right; background-repeat: repeat-y; 
	margin-left: auto;
	margin-right: auto;
	
	padding: 0 5px 0 5px;
	width: 962px;
	
}
#outerShadowLeft {
	background:url(../images/gradLeft.png);
	background-repeat: repeat-y;
	
	width: 5px;
	float: left;
}
#outerShadowRight {
	background:url(../images/shadowRight.gif);
	background-repeat: repeat-y;
	width: 5px;
	
	float: right;
}
#outer {
	width: 938px !important;
	width: 935px; 
	border: 1px solid #CCC;
	margin-left: auto;
	margin-right: auto;

	background: #FFF;
	padding-left: 25px;
	margin-bottom: 20px;
	/*
	float: left;
	*/
}
#header, #header2 {
	width: 908px !important; 
	width: 907px; 
	border-bottom: 0px solid #CCC; 
	padding: 5px 0 10px 5px;

	height: 160px;
	background-position: 0 7px;
	padding-bottom: 0;
	border-top: 5px solid #FFF;
	background: url(../images/MPF_bg1.jpg);
	background-repeat: no-repeat;	
	position: relative;
	
	/*
	background: url(../images/MPF_banner_1.jpg); 
	*/

}
#header2 {
	background: url(../images/MPF_bg2.jpg);	
	background-repeat: no-repeat;
}
#footer {
	width: 903px !important; 
	width: 902px; 
	border: 0;
	padding: 5px 5px 2px 5px;
	margin-top: 3px;
	background: #FFF;
}
#centre {
	border: 0;
	width: 575px !important;
	width: 570px; 
	padding-left: 25px; 
	background: #FFF;
	float: left;
}
#centre2 {
	padding:10px 15px 10px 0; 
	height: auto;
	min-height: 434px;
	background-image:url(../images/outline234.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
*html #centre2 {
	height: 434px;
}
#centre3 {
	border: 0;
	width: 535px !important;
	width: 530px; 
	padding-left: 25px; 
	background: #FFF;
	float: left;
}
#centre4 {
	padding:10px 15px 10px 0; 
	height: auto;
	min-height: 325px;
	background-image:url(../images/outline234.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
*html #centre4 {
	height: 325px;
}
#centre5 {
	padding:10px 15px 10px 0; 
	height: auto;
	min-height: 275px;
	background-image:url(../images/outline234.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
*html #centre5 {
	height: 275px;
}
#panel {
	width: 245px;
	padding-left: 20px;
	border: 0;
	background: #FFF;
	float: left;
}
#panelOuter, #panelTop {
	width: 265px;
	border: 1px solid #CCC;
	float: left;
}

#panelOuter {
	width: 265px !important;	
	width: 235px;
	margin-top: 3px;
}
#panelTop, #centreTop, #centreTop2 {
	border: 0;
	background: #62AAC2;
	text-align:center;
	color: #FFF;
	height: 30px !important;
	height: 24px;
	border-top: 5px solid #62AAC2;
}
#centreTop {
	text-align:left;
	width: 600px !important;
	width: 595px;
	float:left;
	background: #FFF;
}
#centreTop2 {
	text-align:left;
	width: 560px !important;
	width: 555px;
	float:left;
	background: #FFF;
}
#centreOuter {
	border: 1px solid #CCC;
	margin: 3px 15px 6px 3px;
	width: 600px !important;
	width: 595px;
	float:left;
}
#centreOuter2 {
	border: 1px solid #CCC;
	margin: 3px 15px 6px 3px;
	width: 560px !important;
	width: 555px;
	float:left;
}
#centreOuter3 {
	border: 1px solid #CCC;
	width: 555px !important;
	width: 550px;
}
#centreOuter4 {
	border: 1px solid #CCC;
	width: 565px !important;
	width: 550px;
}
#colours {
	padding-top: 6px;
} 
#right {
	float: right; 
	padding: 4px 0 4px 20px; 
	border: 0;
	/*
	background: #FFF; 
	*/
	
}



/*  -------------------- hidden divs -------------------- */

.nodisplay {
	visibility: hidden;
}
.nodisplay2 {
	display:none;
}

/*  -------------------- form -------------------- */

.frmQ	{
	font-weight: bold;
}
.frmA	{
	padding-left: 3px;
	color: #CC0033;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.frmAB	{
	padding-left: 3px;
	color: #669966;
	font-weight: bold;
}
.note {
	font-size: 11px;
	padding-left: 50px;
	
}
.boxWidth {
	width: 222px;
	height: 85px;
}
.frmText {
	width: 222px;
}
.frmBrowse {
	width: 311px;
	height: 22px !important;
	height: 20px;
}

/*  -------------------- misc -------------------- */	
	
.thumb {
	display: block; 
	height: 30px;
	width: 30px; 
	margin-right: 3px; 
	margin-bottom: 3px;
	float: left;
}
.thumb a:hover, thumb30 a:hover {
	cursor: pointer;
}
.thumb30 {
	width:30px;
	height:30px;
}
.title1 {
	color: #FFF;
}
.title1 a {
	color: #FFF;
}
.search1 {
	color: #CC0033;
	font-weight: bold;
}

.title2 {
	color: #48b8e0;
}
.title3 {
	color: #999;
}
.title4 {
	color: #999999;
}
.picBorder {
	border: 1px solid #CCC;
}
.snap {
	font-weight: bold;
	padding-left: 100px;
	font-size: 75%;
	color: #666;
}
.galleryCount, .latest {
	color: #CC0033;
	font-size: 12px;
	font-weight:normal;
}
.latest {
	line-height: 0.7em;
}
.million, .strap, .degas, .disclaimer {
	font-size: 11px;
	float: left;
	padding-left: 5px; 
	margin-right: 10px;
}
.strap {
	color: #E07775;
	font-weight: bold;
	padding-left: 0px; 
	margin-right: 10px;
}
.galleryL, .galleryR {
	padding-top: 5px;
	padding-bottom: 5px;
	background: #F9F9F7;
	border:1px solid #F3F4EF;
	width: 140px;
}
.footer { 
	width: 360px;
	padding-left: 5px; 
	margin-right: 10px;
}
.orange15 {
	color: #EC8104;
	font-weight: bold;
	font-size: 15px;
}
.padTop15 {
	padding-top: 15px;
}	
.find {
	margin-top: 3px;
}
.left {
	float: left;
}
.left2 {
	float: left;
	padding-left: 2px; 
	padding-right: 4px;
}
.searchBox {
	padding: 3px 5px 3px 5px; 
	vertical-align: 30%;
}
.searchButton {
	margin-top: -1px !important;
	margin-top: 0px;
}