﻿/*--------------A La Carte Marketing Style Sheet---------------*/

body{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #580528;
	margin: 0;
	padding: 0;
}

div,h1,h2,h3,h4,ul,li{
	margin: 0;
	padding: 0;
}

img{
	border: none;
}

span.big-letter{
	margin-right: -3px;
	font-size: 40px;
	font-weight: bold;
	color: #CB0E5F;
}

span.big-letter-orange{
	margin-right: -3px;
	font-size: 40px;
	font-weight: bold;
	color: #FF9933;
}

span.big-letter-green{
	margin-right: -3px;
	font-size: 40px;
	font-weight: bold;
	color: #60783A;
}

span.big-letter-blue{
	margin-right: -5px;
	font-size: 40px;
	font-weight: bold;
	color: #6164CB;
}

.center{
	text-align: center;
}
#signature{
	clear: both;
	text-align: center;
}

.clear_fix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear_fix{
	display: inline-table;
}
/* backslash hack hides from IE mac \*/
* html .clear_fix {
	height: 1%;
}
.clear_fix {
	display: block;
}
/* end backslash hack*/

div#wrapper {
	position: relative;
	width: 900px;
	margin: 0px auto;
	padding: 0;
	text-align: center;
	border-right: 0px #fda14f solid;
	border-left: 0px #fda14f solid;	
}

div#header{
	height: 97px;
	background-color: #EF2173;
	border-bottom: 1px #fda14f solid;
}

img#header-logo{
	height: 85px;
	width: 200px;
	float: left;
	margin: 5px 0 0 10px;
}

div#top-nav{
	height: 20px;
	background-color: #CF0E60;
	border-bottom: 1px #fda14f solid;
}

#top-nav ul{
	padding: 4px 0 6px 0;
}

#top-nav ul li{
	display: inline;
	color: #fda14f;
	padding-right: 10px;
}

#top-nav ul li a{
	color: white;
	text-decoration: none;
	padding-right: 11px;
}

#top-nav ul li a:hover{
	text-decoration: underline;
}

div#content-layer{
	position: absolute;
	top: 123px;
	right: 0px;
	width: 665px;
	padding: 7px 5px 7px 5px;
	text-align: center;
	background-color: #DD1E6D;
}

p#layer-content{
	color: white;
	font-family: "Times New Roman", Times, serif;
	font-size: 27px;
	font-style: italic;
}

p#header-text-1{
	padding: 30px 0 0 230px;
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	color: white;
}

p#header-text-2{
	padding: 0px 30px 0 255px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	color: white;
}


div#main-content{
	min-height: 400px;
	background-color: #fff6ed;
	text-align: left;
	border-right: 1px #fda14f solid;

}

img#homepage-photo-1{
	float: right;
	width: 250px;
	height: 250px;
	margin: 40px 20px 20px 20px;
	border: 2px silver solid;	
}

div#box-right{
	float: right;
	width: 675px;
	padding: 20px 0;
}

#box-right h1{
	text-align: center;
	font-size: 32px;
	color: #444444;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	padding: 5px 20px 0 20px;
}

#box-right p{
	padding: 0 20px;
	color: #555555;
	font-size: 19px;
	font-family: "Times New Roman", Times, serif;
}

div#box-left{
	float: left;
	width: 215px;
	color: #444444;
	border-left: 4px #fda14f double;
	border-right: 1px silver solid;
	background-color: #FFE6CE;
}

#box-left ul{
	padding: 20px 5px 20px 25px;
	font-size: 13px;
	font-weight: bold;
}

#box-left ul li{
	margin-bottom: 5px;
	color: #666666;
	list-style-type: none;
	padding-bottom: 7px;
	border-bottom: 1px #999999 solid;
}
#box-left ul li.last{
	border-bottom: none;
}

#box-left ul li:hover{
	color: #0066FF;
	list-style-type: square;
}

#box-left ul li a{
	color: #28286A;
	text-decoration: none;
}

#box-left ul li a:hover{
	color: #0066FF;
	text-decoration: none;
}

div#footer{
	min-height: 100px;
	background-color: #EF2173;
	clear: both;
}

div#bottom-nav{
	border-bottom: 1px #fda14f solid;
	border-top: 1px #fda14f solid;
	background-color: #CF0E60;
}

#bottom-nav hr{
	margin: 0;
	padding: 0;
	color: orange;
	height: 1px;
}

#bottom-nav ul{
	padding: 3px 0 4px 0;
	font-size: 12px;
	color: white;
}

#bottom-nav ul li{
	display: inline;
	padding-right: 10px;
}

#bottom-nav ul li a{
	color: white;
	text-decoration: none;
	padding-right: 11px;
}

#bottom-nav ul li a:hover{
	text-decoration: underline;
}

ul.orange-bottom-border{
	border-bottom: 1px orange solid;
}

img#footer-logo{
	height: 42px;
	width: 100px;
	margin: 5px auto 0 auto;
}

p#copyright{
	margin: 0;
	padding: 7px 0 0 0;
	font: normal 10px black;
	color: #000000;
}

/*-------------content page styles--------------*/

div#bio-photo-box{
	text-align: center;
	margin: 0 25px -15px 0;
	color: #333333;
	font-size: 17px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
}

img.bio-photo{
	height: 200px;
	border: 2px silver solid;
	margin:25px 10px 2px 10px;
}

h1#bio-h1-orange{
	margin: 5px 25px 0 20px;
	border-bottom: 8px #FF9933 solid;
	color: white;
	background-color: #FF9933;
	font-weight: bold;
}

h1#bio-h1-blue{
	margin: 5px 25px 0 20px;
	border-bottom: 8px #6164CB solid;
	color: white;
	background-color: #6164CB;
	font-weight: bold;
}

h1#bio-h1-red{
	margin: 5px 25px 0 20px;
	border-bottom: 8px #60783A solid;
	color: white;
	background-color: #60783A;
	font-weight: bold;
}

ul#bio-list{
	margin: 0px 35px 10px 85px;
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	color: #555555;
}

.phone-number{
	font-weight: bold;
}

.pnc-logo-link{
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
}
p#info-dwnld{
	font-size: 12px;
}
p#info-dwnld img{
	float: left;
	margin-right: 10px;
}

#affinity-logo{
	width: 345px;
	height: 67px;
	border: none;
	text-align: center;
}

#image-media-logo{
	width: 226px;
	height: 94px;
	border: none;
	text-align: center;
}

#svenson-group-logo{
	width: 317px;
	height: 78px;
	border: none;
	text-align: center;
}

#black-pearl-logo{
	width: 395px;
	height: 125px;
	border: none;
	text-align: center;
}

#premier-net-clicks-logo{
	width: 300px;
	height: 45px;
	border: none;
	text-align: center;
}

#hallmark-emblems-logo{
	width: 268px;
	height: 87px;
	border: none;
	text-align: center;
}

#jadon-logo{
	width: 160px;
	height: 92px;
	border: none;
	text-align: center;
}

#capital-bankcard-logo{
	width: 294px;
	height: 82px;
	border: none;
	text-align: center;
}

#jim-goins-photography-logo{
	width: 300px;
	height: 83px;
	border: none;
	text-align: center;
}







