#top{width:100%;padding:0;background:url(../images/proof/proof_top_bg.gif) repeat-x;height:84px;}
#content{clear:both;width:830px;padding:0;margin:0 auto;}
#logo1{clear:both;width:196px; height:81px;background:url(../images/proof/proof_logo.gif) no-repeat 0 0;padding:0;margin:3px auto 0 auto;}
#head1{clear:both;width:800px;padding:0;margin:0;height:24px;display:inline;font-weight:bold;}
#head1 .space{padding:30px 15px 10px 15px;}
#gallery{width:830px;clear:both;padding-left:11px;}
#gallery ul{list-style-type:none;padding:0px;margin:0px;width:830px; }
#gallery ul li{ width:224px;height:351px; float:left; margin:7px 25px;padding:3px 0;display:inline;}
#gallery ul li.l{width:375px;height:250px; float:left; margin:7px 20px;padding:3px 0;display:inline;}
#gallery ul li.mouseP{ width:224px;height:351px; float:left; margin:7px 25px;padding:3px 0;display:inline;}
#gallery ul li.mouseL{width:375px;height:250px; float:left; margin:7px 20px;padding:3px 0;display:inline;}
#gallery ul li.mousePT{ width:224px;height:308px; float:left; margin:7px 25px;padding:3px 0;display:inline;}
#gallery ul li.mouseLT{width:375px;height:273px; float:left; margin:7px 20px;padding:3px 0;display:inline;}
.page{margin-top:15px;width:100%;text-align:center;color:#A46D1B;}
.licence{width:820px;margin:0 auto;height:38px;}
.bott_logo{clear:both;width:339px;height:42px;background:url(../images/gallery/bott_logo.gif) no-repeat;margin:0 auto;}

.button{width:200px;float:right;height:150px;position:relative;left:-20px;top:-200px;display:inline;font-size:11px;font-weight:bold;padding-top:20px; font-family:Geneva, Arial, Helvetica, sans-serif;z-index: 2000;}
*html .button{left:-10px;;}
.button ul{list-style-type:none;padding:0px;margin:0px; }
.button ul li{ width:199px;height:23px; float:left; margin:8px 2px 0 2px;color:#937E01;}
.button ul li a{ width:199px;height:23px; float:left; background:url(../images/builder_img/images_button3.gif) no-repeat left top;color:#937E01;padding-left:10px;text-align:left;}
.button ul li a:hover{ width:199px;height:23px; float:left; background:url(../images/builder_img/images_button4.gif) no-repeat left top;padding-left:10px;color:#B49A06;}
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pp_pic_holder .pp_top .pp_left { } /* Top left corner */
	div.pp_pic_holder .pp_top .pp_middle {  } /* Top pattern/color */
	div.pp_pic_holder .pp_top .pp_right { } /* Top right corner */
	
	div.pp_pic_holder .pp_content {  } /* Content background */
	div.pp_pic_holder .pp_content a.pp_next:hover { background: url(../images/gallery/light_rounded/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(../images/gallery/light_rounded/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_pic_holder .pp_content a.pp_expand { background: url(../images/gallery/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(../images/gallery/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_pic_holder .pp_content a.pp_contract { background: url(../images/gallery/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(../images/gallery/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_pic_holder .pp_content a.pp_close { width: 56px; height: 31px; background: url(../images/gallery/light_rounded/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */

	div.pp_pic_holder  a.pp_arrow_previous { background: url(../images/gallery/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pp_pic_holder  a.pp_arrow_next { background: url(../images/gallery/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */

	div.pp_pic_holder .pp_bottom .pp_left {  } /* Bottom left corner */
	div.pp_pic_holder .pp_bottom .pp_middle { } /* Bottom pattern/color */
	div.pp_pic_holder .pp_bottom .pp_right {  } /* Bottom right corner */

	div.pp_pic_holder .pp_loaderIcon { background: url(../images/gallery/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	div.ppt div.ppt_left { }
	div.ppt div.ppt_right {  }
	div.ppt div.ppt_content { }
	
	
	
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pp_pic_holder {
		position: absolute; z-index: 10000;
		width: 100px;padding-right:6px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;filter:alpha(opacity=100); opacity:1;
			text-align: left;background-color: #000;
			width: 100%; height: 40px;border:2px solid #DFB635;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;width:50px;height:35px;float:right;
				margin: 0px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					margin: 3px 0 0 0;float:right;width:100px;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 0 4px; }
				
					div.pp_pic_holder  a.pp_arrow_previous,
					div.pp_pic_holder  a.pp_arrow_next {
						float: left;
						display: block;
						width:50px; height: 29px;
						overflow: hidden;
						text-indent: -10000px;
					
					}
					
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled { background-position: 0 -16px; cursor: default; }
		
		div.pp_pic_holder .pp_content div.hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../images/gallery/light_rounded/btnNext.gif) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../images/gallery/light_rounded/btnNext.gif) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pp_pic_holder .pp_bottom {
					width:100px;float:right;position:relative;left:203px;top:-30px;
		}
			* html div.pp_pic_holder .pp_bottom {position:relative;left:223px;top:-30px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #full_res { width: 100%; text-align: center; }
			div.pp_pic_holder #full_res { display: block; margin: 0 auto; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #000; font-size: 13px;
		}
		
			div.ppt div.ppt_left,
			div.ppt div.ppt_right { float: left; width: 19px; height: 23px; overflow: hidden; }
			
			div.ppt div.ppt_content { float: left; line-height: 23px; }

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

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

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
/* For select box */
.row1{width:230px;padding:7px 0 0 20px;float:left;font-size:11px;font-weight:bold;}
.row2{width:230px;padding:7px 0 0 20px;float:left;font-size:11px;font-weight:bold;}
#realmDiv{width:113px; height:20px; padding-left:5px; color:#C7C7C7;   position:relative; z-index:998; cursor:default;}
label{float:left;padding:0 3px 0 0;width:100px;text-align:right;}
#userLogin  input{float:right;width:112px;border:1px solid  #5C4927;font-size:11px;font-weight:bold;background:url(../images/homepage_input_bg.gif) no-repeat;height:17px;color:#888888;padding:2px 0 0 6px;}
#startMyOwn  input{float:right;width:112px;border:1px solid  #5C4927;font-size:11px;font-weight:bold;background:url(../images/homepage_input_bg.gif) no-repeat;height:17px;color:#888888;padding:2px 0 0 6px;}
.page_now{border:1px dotted #B68C0B;color:#B68C0B;}