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

/* -------------------------------------------
	 Services
 ------------------------------------------ */

div.leftBox{
	float: left;
	width: 600px;
}

div.service{
	margin: 0px 0px 30px 0px;
	position: relative;
	height: 100px;
	color: #d5d5d5;
	background: url("../images/services/serviceBg.png") top left repeat-x #2d2010;
	border: 1px solid #281e12;
	
	-moz-border-radius-topleft: 4px;
	-khtml-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	
	-moz-border-radius-topright: 4px;
	-khtml-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	
	-moz-border-radius-bottomright: 4px;
	-khtml-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

div.service h3{
	font-family: "Trebuchet MS", "Myriad Pro", Myriad, Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #e8cc9c;
	padding-bottom: 1px;
	border-bottom: 1px dotted #755d3e;
	margin-bottom: 3px;
}

div.service p{
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #af9f8b;
}




	/* -------------------------------------------
		 Service background specifications
	 ------------------------------------------ */

	div.schoolPortraits{
		padding: 10px 10px 10px 260px;
	}
	div.schoolPortraits span{
		background: url("../images/services/schoolPortraitSamples.png") no-repeat top left;
		width: 255px;
		height: 135px;
		position: absolute;
		top: -13px;
		left: -7px;
	}
	
	
	
	div.sportsPhotos{
		padding: 10px 290px 10px 10px;
	}
	div.sportsPhotos span{
		background: url("../images/services/sportsSamples.png") no-repeat top left;
		width: 320px;
		height: 145px;
		position: absolute;
		right: -13px;
		top: -20px;
	}
	
	
	div.seniorPortraits{
		padding: 10px 10px 10px 270px;

	}
	div.seniorPortraits span{
		background: url("../images/services/seniorPortraitSamples.png") no-repeat top left;
		width: 295px;
		height: 140px;
		position: absolute;
		top: -10px;
		left: -10px;
	}



	div.yearBook{
		padding: 10px 110px 10px 10px;
	}
	div.yearBook span{
		background: url("../images/services/yearbook.png") no-repeat top left;
		width: 115px;
		height: 135px;
		position: absolute;
		right: -13px;
		top: -5px;
	}


/* -------------------------------------------
	 Informative text boxes on right side
 ------------------------------------------ */

div.rightBox{
	float: right;
	width: 320px;
}

div.rightBox h2{
	font-family: "Palatino Linotype", "Trebuchet MS",  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #cdbb84;
	padding-bottom: 3px;
	border-bottom: 1px dashed #8f8f8f;
}

div.rightBox p{
	margin: 5px 0px;

	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #8f8f8f;
}

div.box{

	padding: 15px;
	background: #111111;
	border: 1px solid #222222;
	margin-bottom: 15px;
}

div.extras{
	padding-top: 15px;
	clear: both;
}

div.extras h2{
	font-family: "Palatino Linotype", "Trebuchet MS",  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #cdbb84;
	padding-bottom: 3px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #8f8f8f;
}

div.leftExtras{
	float: left;
	width: 460px;
}

div.rightExtras{
	float: right;
	width: 460px;
}

div.extra{
	padding-left: 45px;
	height: 90px;
	margin-bottom: 20px;
	background: url("../images/services/logoBullet.png") top left no-repeat;
}

div.extra h4{
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding: 0px 0px 7px 5px;
	margin-bottom: 3px;
	font-weight: bold;
	color: #d9bc8b;
	border-bottom: 1px solid #d9bc8b;
}
div.extra p{
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 0px 0px 7px 5px;
	color: #ebe4d6;
}