@font-face {
    font-family: 'DeliciousRoman';
    src: url('../fonts/delicious-roman-webfont.eot');
    src: url('../fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/delicious-roman-webfont.woff') format('woff'),
         url('../fonts/delicious-roman-webfont.ttf') format('truetype'),
         url('../fonts/delicious-roman-webfont.svg#DeliciousRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#686868;
	text-decoration:none;
	font-weight:normal;
	background-color:#FFF;
}
img
{
	border:none;
}
p
{
	padding:0;
	margin:0 0 10px 0;
}
.mainBg
{
	background-image:url(../images/mainBg.gif);
	background-repeat:repeat;
}
.linkBg
{
	background-image:url(../images/lingBg.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.forJust
{
	line-height:18px;
	text-align:justify;
}
.t10
{
	font-size:10px;
}
.mainHead
{
    font-family: 'DeliciousRoman';
	font-size:22px;
	color:#deac25;
}
.boxBod
{
	border:solid 1px #e9ca77;
}
.dotted
{
	background-image:url(../images/dotted.gif);
	background-repeat:repeat-x;
}
.subHead
{
    font-family: 'DeliciousRoman';
	font-size:16px;
	color:#4b4b4b;
}
input[type="text"], select, textarea {
background: 
#F9F9F9;
border: 1px solid 
#CCC;
box-shadow: inset 1px 1px 1px 
rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px 
rgba(0, 0, 0, 0.1);
height: 20px;
width: 247px;
height: 22px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#mail a
{
	color:#b78808;
	text-decoration:underline;
}
#mail a:hover
{
	text-decoration:none;
}
.two_thirds {
width: 65%;
float:left;
}
.one_third {
width: 30%;
float:right;
}
h3 {
	color: #3C3C3C;
	height: 40px;
	line-height: 40px;
	display: block;
	font-weight: 200;
	margin: 0 0 15px 0;
	background-image: url(../images/line_horiz.gif);
	background-repeat: repeat-x;
	background-position: 0 20px;
}
.box_left h3 span, h3 span {
background: white;
padding-right: 10px;
}
#content p {
color: #666;
margin-bottom: 15px;
}
.details {
border-left: 1px solid #CCC;
padding: 0 0 0 20px;
}
.details strong {
display: block;
}
article p strong {
font-weight: bold;
color: #333;
}
.last {
margin-right: 0 !important;
}
.item {
	width:125px;
	height:125px;	
	border:4px solid #e6e6e6;	
	margin:5px 15px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.item .caption {
	width:125px;
	height:125px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption a {
	text-decoration:none;
	color:#c08f0c;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.item .caption p {
	padding:5px;	
	margin:0;
	font-size:10px;
}
.item .caption p a {
	padding:5px;	
	margin:0;
	font-size:10px;
	color:#FFF;
}

.item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}