@charset "utf-8";
/* CSS Document */
/*Style for page*/
body{
	background-image:url(images/body.png);
	background-repeat:repeat-x;
}
#wrapper {
	width:961px;
	height:648px;
	background-image:url(images/wrapper.png);
	background-repeat:no-repeat;
	position:relative;
	margin:25px auto 0 auto;
}
#header {
	width:744px;
	height:149px;
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:24px auto auto 32px;
}
#nav {
	width:887px;
	height:42px;
	background-image:url(images/nav.png);
	position:absolute;
	margin-top:175px;
	margin-left:38px;
}
#content {
	width:883px;
	height:383px;
	background-image:url(images/content.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:226px auto auto 39px;
}
#footer {
	width:119px;
	height:9px;
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:625px auto auto 798px;
}
/*Style for navigation*/
#wrapper #nav .navigation {
	margin-left:100px;
	/*border:1px solid black;*/
	margin-top:5px;
	font-size:1.25em;
}
#wrapper #nav .navigation li {
	display:inline;
	/*border:1px solid black;*/
	width:100%;
	margin-left:25px;
}
#wrapper #nav .navigation li a, a:visited {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#FFF;
}
#wrapper #nav .navigation li a:hover {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#37474e;
	text-decoration:underline;
}
/*Style for the first paragraph*/
#wrapper #content .firstpara {
	width:800px;
	margin-left:39px;
	margin-top:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#7C6A55;
}
#wrapper #content .firstpara .corpname {
	font-size:1.25em;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#C60651;
}
/*Style for the second paragraph and learn more button*/
#wrapper #content .secondpara {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#7C6A55;
	position:absolute;
	margin-left:39px;
	margin-top:13px;
	width:800px;
}
#wrapper #content .secondpara .learnmore {
	color:#C60651;
	font-size:1em;
}
#wrapper #content .secondpara .learnmore a, a:visited {
	color:#C60651;
	font-size:1em;
}
#wrapper #content .secondpara .learnmore a:hover {
	color:#37474e;
	text-decoration:underline;
	font-size:1em;
}
/*Style for the divs that contain the tesimonial synopsis*/
#wrapper #content #firsttest {
	background-image:url(images/testimonial_box.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-top:124px;
	margin-left:39px;
	width:259px;
	height:148px;
}
#wrapper #content #secondtest {
	background-image:url(images/testimonial_box.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-top:124px;
	margin-left:312px;
	width:259px;
	height:148px;
}
#wrapper #content #thirdtest {
	background-image:url(images/testimonial_box.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-top:124px;
	margin-left:584px;
	width:259px;
	height:148px;
}
/*Style for the testimonial synopsis quote*/
#wrapper #content #firsttest .testquote {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:.9em;
	font-weight:bold;
	width:224px;
	position:absolute;
	margin-left:16px;
	margin-top:10px;
	color:#7c6a55;
}
#wrapper #content #secondtest .testquote {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:.9em;
	font-weight:bold;
	width:224px;
	position:absolute;
	margin-left:16px;
	margin-top:10px;
	color:#7c6a55;
}
#wrapper #content #thirdtest .testquote {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:.9em;
	font-weight:bold;	
	width:224px;
	position:absolute;
	margin-left:16px;
	margin-top:10px;
	color:#7c6a55;
}
/*Style for the testimonial synopsis read more link*/
#wrapper #content #firsttest .testquote .readmore {
	color:#c60651;
	font-style:normal;
}
#wrapper #content #firsttest .testquote .readmore a, a:visited{
	color:#c60651;
}
#wrapper #content #firsttest .testquote .readmore a:hover{
	color:#37474e;
	text-decoration:underline;
}
#wrapper #content #secondtest .testquote .readmore {
	color:#c60651;
	font-style:normal;	
}
#wrapper #content #secondtest .testquote .readmore a, a:visited{
	color:#c60651;
}
#wrapper #content #secondtest .testquote .readmore a:hover{
	color:#37474e;
	text-decoration:underline;
}
#wrapper #content #thirdtest .testquote .readmore {
	color:#c60651;
	font-style:normal;	
}
#wrapper #content #thirdtest .testquote .readmore a, a:visited{
	color:#c60651;
}
#wrapper #content #thirdtest .testquote .readmore a:hover{
	color:#37474e;
	text-decoration:underline;
}
/*Style for the service list*/
#wrapper #content #servicelist {
	position:absolute;
	width:790px;
	height:315px;
	margin-left:50px;
	padding:0;
	overflow:auto;
}
#wrapper #content #servicelist .services {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#7c6a55;
	list-style-type:disc;
}
#wrapper #content #servicelist .services li {
	margin-top:8px;
	width:700px;
}
/*Style for profile page*/
#wrapper #content #profilepic {
	width:308px;
	height:275px;
	position:absolute;
	margin-top:16px;
	margin-left:39px;
	background-image:url(images/profilepic.png);
	background-repeat:no-repeat;
}
#wrapper #content #credentials {
	position:absolute;
	width:300px;
	height:90px;
	margin-top:16px;
	margin-left:375px;
}
#wrapper #content #credentials h1 {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#c60651;
	margin:0;
}
#wrapper #content #credentials h2 {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color:#7c6a55;
	margin:0;
}
/*Style for Penny's quote*/
#wrapper #content #pennyquote {
	width:475px;
	height:70px;
	position: absolute;
	margin-top:142px;
	margin-left:375px;
}
#wrapper #content #pennyquote p {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-style:italic;
	color:#7c6a55;
}
#wrapper #content #pennyquote p span {
	font-style:normal;
	color:#c60651;
}
#wrapper #content #pennyquote p a, a:visited {
	font-style:normal;
	color:#c60651;
}
#wrapper #content #pennyquote p a:hover {
	font-style:normal;
	text-decoration:underline;
	color:#37474e;
}
/*Style for slider*/
.scrollButtons {
    position: absolute;
    top: 200px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 30px;
}

.scrollButtons.right {
    right: 30px;
}
/*style for contact form*/
#main {
	padding:0;
	margin:0;
	background-image:url(images/contactform.png);
	background-repeat:no-repeat;
	width:879px;
	height:379px;
	position:absolute;
}
#main #cmaForm {
	margin:0;
	padding:0;
}
#main #cmaForm #stepForm #sf1 div fieldset {
	width:500px;
	margin-top:115px;
	padding:0;
	float:left;
	border:none;
	position:absolute;
}
#main #cmaForm #stepForm #sf1 div fieldset .input.required {
	clear:left;
	text-align:right;
	float:left;
	width:110px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#7c6a55;
	margin-top:13px;
}

input.submitbutton{
	width:117px;
}
#stepForm label.warning {
	text-align: left;
	width: auto;
	padding: 0;
	margin: 0 0 0 10px;
	float: none;
	clear: none;
	display: inline;
	color: #CC3366;
	font-size: .75em;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#main #cmaForm #stepForm #sf1 div fieldset .stepHeader {
	color:#7c6a55;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	width:260px;
	margin:0 0 0 5px;
}
/*#main #cmaForm #stepForm #sf1 div fieldset textarea {
	width:260px;
	height:160px;
	margin-top:13px;
	margin-left:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}*/
#main #cmaForm #stepForm #sf1 div fieldset .buttonWrapper {
	position:absolute;
	margin-top:180px;
}
#main #cmaForm #stepForm #sf1 div fieldset .buttonWrapper #submit {
	width:117px;
	height:30px;
	background-color:#c60651;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:white;
	margin-top:5px;
}

#wrapper #content #main #cmaForm #stepForm #sf1 div fieldset #recordClientNameFirst {
	margin-top:13px;
}
#wrapper #content #main #cmaForm #stepForm #sf1 div fieldset #recordClientNameLast {
	margin-top:15px;
}
#wrapper #content #main #cmaForm #stepForm #sf1 div fieldset #recordClientPhone {
	margin-top:15px;
}
#wrapper #content #main #cmaForm #stepForm #sf1 div fieldset #recordClientEmail {
	margin-top:15px;
}
#wrapper #content #main #contactinfo {
	width:800px;
	height:23px;
	position:absolute;
	margin-top:100px;
	margin-left:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#7c6a55;
}
#wrapper #content #main .secondpara .penpalcontact {
	color:#c60651;
}
#wrapper #content #main #contactinfo p {
	border-bottom:1px solid #7c6a55;
	padding-bottom:5px;
}
#wrapper #content #main #contactinfo p span {
	color:#c60651;
	font-style:italic;
}
#wrapper #content #main #cmaForm #stepForm #sf1 div fieldset p {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	color:#c60651;
	margin-left:198px;
}
fieldset label.error{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#c60651;
}
/*Style for photos*/
#wrapper #content #slider {
	width:750px;
	height:210px;
	margin:67px auto auto auto;
}
#wrapper #content #slider .scroll {
	width:725px;
	height:210px;
	overflow:auto;
	position:relative;
	margin:auto;
}
#wrapper #content #slider .scroll .scrollContainer {
	width:auto;
	height:auto;
}
/*Style for testimonials*/
#wrapper #content #testimonial {
	position:absolute;
	margin-top:16px;
	margin-left:40px;
	width:800px;
	height:340px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#7c6a55;
	overflow:auto;
}