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

#main_wrapper{
	background-color:#FFF;
	margin:40px auto;
	position:relative;
	width:881px;
}

#header{
	height:100px;
	position:relative;
}

#header img{
	position:absolute;
	top:38px;
	left:40px;
}

#home_content_wrapper, #contact #main_wrapper #content_wrapper, #pf #main_wrapper #content_wrapper, #services #main_wrapper #content_wrapper, #article #content_wrapper {
	background:url(../images/main_background.gif) repeat-y;
	margin:0px 34px;
	border:1px solid #FFF;
	position:relative;
}

#content_wrapper{
	/*background:url(../images/content_background.gif) repeat-y;*/
	margin:0px 34px;
	border:1px solid #FFF;
	position:relative;
}

#about #content_wrapper {
	background: url(../images/main_background.gif) repeat-y 0 0;
}

#nav{
	float:left;
	width:158px;
	margin:25px 0 0 0;
	list-style-type:none;
	padding:0px;
}

#home_content {
	float:left;
	width:319px;
	margin-left:8px;
	padding:0;
	height: 347px;
}

#content {
	margin-left:8px;
	padding:15px 21px 26px 21px;
	/*height: 295px;*/
}

#homepage #home_content, #content.threecol {
	width: 277px;
	height: 295px;
	overflow: visible;
}

#homepage #home_content {
	margin-left:8px;
	padding: 26px 21px;
}

#content.twocol {
	width: 600px;
}

#quick_content h2, #quick_content h3 {
	text-indent: -99999px;
	text-align: left;
}

#homepage #home_content h2, #homepage #home_content h3 {
	text-indent: 0;
}

#content{
	float:left;
}

#services #content, #contact #content, #about #content, #pf #content, #article #content {
	color: #E6E4D4;
}

#article #content_wrapper {
	overflow: hidden;
	display: block;
	/*height: 335px;*/
}

#article #content_wrapper #content.threecol {
	overflow: auto;
	float: left;
	height: 306px;
}

#home_showcase{
	float:left;
	margin-left:8px;
	width:318px;
	overflow:hidden;
}

#showcase_text{
	position:absolute;
	top:-25px;
	right:0px;
	overflow:hidden;
}

#showcase_image, #content_pic {
	height:347px;
	width:318px;
}

#content_pic {
	float: left;
	margin-left: 8px;
	overflow: hidden;
}

#home_phone{
	position:absolute;
	bottom:21px;
	left:21px;
	margin:0px;
}

#home_quickview{
	position:absolute;
	bottom:21px;
	right:345px;
}

#home_quickview img{
	vertical-align:middle;
	margin-left:10px;
	border:0px;
}

#nav li{
	padding-left:21px;
}

.clear{
	clear:both;
}

#footer{
	height:35px;
	margin:0px 35px;
}

#footer p{
	position:relative;
	top:7px;
	margin:0px;
	padding:0px;
}

img.heading{
	margin-bottom:20px;
}

#caption{
	position: absolute;
	top: -24px;
	right: 0px;
	color:#535656;
	font-family:"Times New Roman",Times,serif;
	font-size:12px;
	font-style:italic;
	font-weight: normal;
}

#arrows{
	position: absolute;
	bottom: 15px;
	right: 345px;
}

#arrows img{
	margin-left:10px;
}

#quick_content{
	text-align: right;
	font-weight:normal;
	font-family: Arial, "MS Trebuchet", sans-serif;
}

#quick_content div{
	right: 0; 
	width:319px;
	padding:0;
	height: 300px;
}

#quick_content h2{
	font-size:24px;
	margin-bottom:10px;
}

#quick_content h3{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size:11px;
	text-transform: uppercase;
}

#content_wrapper #content h2.heading {
	text-align: left;
	text-indent: -99999px;
	margin: 0;
}

#services h2.heading, #article h2.heading {
	background: url(../images/heading_design_services.gif) no-repeat -7px 0;
	width: 200px;
	height: 40px;
}

#about h2.heading {
	width: 240px;
	height: 40px;
	background: url(../images/heading_about.gif) no-repeat -7px 0;
}

#about #content p {
	line-height: 130%;
}

#article #content p {
	font-size: 11px;
	line-height: 180%;
	margin-top: 20px;
}

#contact h2.heading {
	width: 120px;
	height: 30px;
	background: url(../images/heading_contact.gif) no-repeat -9px 0;
	margin-bottom: 20px;
}

#pf h2.heading {
	width: 240px;
	height: 40px;
	background: url(../images/heading_pf.gif) no-repeat -9px 0;
	margin-bottom: 20px;
}

p.contact_name {
	text-transform: uppercase;
}

#contact a, #article a {
	color: #fff;
}

/* RED BOX BACKGROUND TEXTS */

.logo_medmark {
	background: url(../images/pf/red/logo/logo_medmark.gif) no-repeat 0 0;
}
.logo_hearth {
	background: url(../images/pf/red/logo/logo_hearth.gif) no-repeat 0 0;
}
.logo_drummond {
	background: url(../images/pf/red/logo/logo_drummond.gif) no-repeat 0 0;
}
.logo_il {
	background: url(../images/pf/red/logo/logo_il.gif) no-repeat 0 0;
}
.logo_mhs {
	background: url(../images/pf/red/logo/logo_michael.gif) no-repeat 0 0;
}
.logo_vision {
	background: url(../images/pf/red/logo/logo_vision.gif) no-repeat 0 0;
}
.logo_ranch {
	background: url(../images/pf/red/logo/logo_ranch.gif) no-repeat 0 0;
}

/*Ads*/

.ad_alpine {
	background: url(../images/pf/red/ad/ad_alpine.gif) no-repeat 0 0;
}
.ad_america {
	background: url(../images/pf/red/ad/ad_america.gif) no-repeat 0 0;
}
.ad_homax {
	background: url(../images/pf/red/ad/ad_homax.gif) no-repeat 0 0;
}
.ad_medmark {
	background: url(../images/pf/red/ad/ad_medmark.gif) no-repeat 0 0;
}
.ad_sea {
	background: url(../images/pf/red/ad/ad_sea.gif) no-repeat 0 0;
}
.ad_tmj {
	background: url(../images/pf/red/ad/ad_tmj.gif) no-repeat 0 0;
}

/*ID Packs*/

.id_hearth {
	background: url(../images/pf/red/id_pack/id_hearth.gif) no-repeat 0 0;
}
.id_il {
	background: url(../images/pf/red/id_pack/id_il.gif) no-repeat 0 0;
}
.id_medmark {
	background: url(../images/pf/red/id_pack/id_medmark.gif) no-repeat 0 0;
}
.id_ranch {
	background: url(../images/pf/red/id_pack/id_ranch.gif) no-repeat 0 0;
}

/*Packs*/

.pack_homax {
	background: url(../images/pf/red/pack/pack_homax.gif) no-repeat 0 0;
}
.pack_laglac {
	background: url(../images/pf/red/pack/pack_laglac.gif) no-repeat 0 0;
}
.pack_little {
	background: url(../images/pf/red/pack/pack_little.gif) no-repeat 0 0;
}
.pack_pors {
	background: url(../images/pf/red/pack/pack_pors.gif) no-repeat 0 0;
}

/*Print*/

.print_animalaid {
	background: url(../images/pf/red/print/print_aidan.gif) no-repeat 0 0;
}
.print_ews {
	background: url(../images/pf/red/print/print_ews.gif) no-repeat 0 0;
}
.print_homax {
	background: url(../images/pf/red/print/print_homax.gif) no-repeat 0 0;
}
.print_oalg {
	background: url(../images/pf/red/print/print_oalg.gif) no-repeat 0 0;
}

/*Web*/

.web_face {
	background: url(../images/pf/red/web/web_face.gif) no-repeat 0 0;
}
.web_mhs {
	background: url(../images/pf/red/web/web_mhs.gif) no-repeat 0 0;
}
.web_pors {
	background: url(../images/pf/red/web/web_pors.gif) no-repeat 0 0;
}
.web_sea {
	background: url(../images/pf/red/web/web_sea.gif) no-repeat 0 0;
}
.web_step {
	background: url(../images/pf/red/web/web_step.gif) no-repeat 0 0;
}