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

/* ------------  CSS Document  ------------ */

* { margin: 0; padding: 0; border: 0;}

  @font-face {
    font-family: Time New Roman;
    font-style:  normal;
    font-weight: normal;
    src: url(../font/COPPERP0.eot);
  }


/* ------------ body ------------ */

body, html {
	background-image:url(../images/bg.jpg); background-repeat:repeat;
	background-color:#CCC;
}

#wrapper {
	
	margin:0 auto;
	width:838px;
	background-color:#FFF;
	border: #1c283f solid 4px;

}

/* ------------ header ------------ */

#header {
	margin:0 auto;
	width:838px;
}

.logo, law{
	font-family:"Time New Roman";
	font-size:28px;
	font-weight:bold;
	margin:0 auto;
	width:845px;
	height:80px;
}

.law{
	font-size:19px;
}
	
.logo {
	
	background:url(../images/c_logo.png) no-repeat;

}
	
.number{
	
	width:250px;
	float:right;
	font-size:28px;
	
}

.image{
	
	background:url(../images/header.jpg) no-repeat;
	margin: 2px auto;
	height:191px;
	
}

/* ------------ Menu  ------------ */

.menu {
	background:url(../images/bar.jpg) repeat-x;
	margin: 0 auto;
	height:40px;
	font-family:"Time New Roman";
	font-size:18px;
	color:#FFF;
	line-height:40px;
	padding-left:15px;
	padding-right:25px;
	}
	
.menu a{
	margin: 0 auto;
	height:40px;
	font-family:"Time New Roman";
	font-size:18px;
	color:#FFF;
	padding-left:12px;
	padding-right:0px;
	text-decoration:none;
	}
	
.menu a:hover{
	color:#9F0;
	text-decoration:underline;
	}

/* ------------ content ------------ */

#container {
	
	margin:0 auto;
	width:838px;
	background-color:#fff;

}


/* ------------ columns ------------ */

#rcolumn {
	margin-left:20px;
	width:550px;
	float:left;
}

#rcolumn p{
	margin:10px;
	font-family:"Time New Roman";
	font-size:14px;
	line-height:20px;
	
}

#rcolumn ul {

	margin:10px 10px 10px 20px;
	padding-left:20px;
	font-family:"Time New Roman";
	font-size:12px;
	line-height:20px;
	font-style:italic;

}

#imgc{
	float:left;
	margin-right:3px;

	}
	
.salogan{
	font-family:"Time New Roman";
	font-size:20px;
	font-weight:bolder;
	color:#2a5787;
	}

#lcolumn {
	font-family:"Time New Roman";
	font-size:12px;
	width:250px;
	float:left;
}

#lcolumn p{
	
	margin:10px;
	font-family:"Time New Roman";
	font-size:13px;
	
}
.form{
	border:1px solid #000;
	height:20px;
	
	}


/* ------------ footer ------------ */
#footer
{

	font-family:"Time New Roman";
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	background:url(../images/footer.jpg) repeat;
	width:838px;
	height:74px;
	text-align:center;
	line-height:22px;
	clear:left;
	
	
}



/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 500px; margin: 25px auto; position: relative; min-height: 500px;
											  }
#page-wrap2									{ width: 500px; margin: 25px auto; position: relative; min-height: 930px;
											  }



/*
	TYPOGRAPHY
*/

blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 419px; position: absolute; top: 40px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 850px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -58px 0 80px 62px; }
#movers-row div								{ width: 27%; float: left; }
#movers-row div a.cross-link 				{ float: left; margin-left:34px; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: 20px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 40px; margin-top: -49px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }




