body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	background: #FFF url(images/Peter_bg.jpg) repeat-x;
}
/*
a:link, a:visited { color: #e18814; text-decoration: none; font-weight: bold;} 
a:active, a:hover { color: #ffffff; } */

h3 {
	font-size: 14px;
	color: #1f2947;
	padding: 3px 0 5px 0;
	margin: 0 0 10px 0;
}

p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.rc_btn a {
	float: right;
	clear: both;
	text-align: center;
	display: block;
	width: 103px;
	padding: 4px 0 5px 0;
	background: #333 url(images/Peter_btn.jpg) no-repeat;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

	
.rc_btn a:hover {
	color: #fff;
}
#content_right .rc_btn2 a {
	float: left;
	clear: both;
	text-align: center;
	display: block;
	width: 105px;
	height:29px;
	padding: 4px 0 5px 0;
	background: url(images/project.png) no-repeat;
	

	
}

	
#content_right .rc_btn2 a:hover {
color:#202948;
	
}
.text .view a
{	clear: both;
	float: left;
	text-align: center;
	width: 103px;
	padding: 4px 0 5px 0;
	background: url(images/Peter_btn.png) no-repeat;
	font-size: 13px;
	color: #000;
	}
	
.view a:hover {
	color: #fff;
}
#Peter_container {
	width: 980px;
	margin: 0 auto;
}

#Peter_title {
	width: 980px;
	height: 100px;
	
	
}

#Peter_title #title {
	color: #FFF;
	width: 300px;
	font-size: 30px;	
	margin: 0 0 0 90px;
	padding: 60px 0 5px 0px;	
	font-weight: bold;
	text-align: center;
	
}


/* menu */

#Peter_menu {
	clear: both;
	width: 960px;
	height: 80px;
	padding: 0px 10px;
	background: url(images/Peter_menu_bg.png) no-repeat;
}

#Peter_menu ul {
	padding: 13px 0 0 0;
	margin: 0;
	list-style: none;
}

#Peter_menu ul li {
	display: inline;
}

#Peter_menu ul li a {
	float: left;
	width: 160px;
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	background: url(images/Peter_menu_divider.jpg) right no-repeat;
	color: #c0790b;

	outline: none;
}

#Peter_menu li a:hover, #Peter_menu li .current {
	color: #FFF;	
}


#Peter_menu li span {
	display: block;
	margin-top: 10px;
	color: #666;
	font-size: 12px;
	font-weight: normal;
}

/* end of menu*/

/* banner */
#Peter_banner {
	clear: both;
	width: 960px;
	height: 320px;
	padding: 0 10px;
	background: url(images/Peter_banner_bg.jpg) no-repeat;
}
/* end of banner */

/* content */
#Peter_content {
	clear: both;
	width: 980px;
	padding: 0 10px;
	position: relative;
	background: url(images/Peter_content_bg.jpg) repeat-y;
}


#Peter_content .title {
	font-size: 22px;
	color: #ee9116;
	width:525px;
	height:24px;
	padding: 3 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom:dotted 1px gray;
	
	
}
#Peter_content .title_right {
	font-size: 22px;
	color: #ee9116;
	width:325px;
	height:24px;
	padding: 3 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom:dotted 1px gray;
	
	
}
#Peter_content .title_long {
	font-size: 22px;
	color: #ee9116;
	width:855px;
	height:24px;
	padding: 3 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom:dotted 1px gray;
	
	
}

#Peter_content #bottom_bg {
	clear: both;
	width: 980px;
	height: 30px;
	margin-left: -10px;
	left: 0px;
	bottom: 0px;
	background: url(images/Peter_content_bottom_bg.jpg) no-repeat;
}


#Peter_content #content_left {
	float: left;
	width: 520px;
	margin: 30px 0 0 30px;
}

#Peter_content #content_left p {
	text-align: justify;
	padding-bottom: 8px;font-size: 13px;
}

#content_left .testimonial_section {
	text-align: center;
}



#Peter_content #content_right {
	float: right;
	width: 340px;
	margin: 30px 40px 0 0;
}

 #projects img {
	width: 150px;
	padding:3px 3px 3px 3px;
	margin:2px;
	background-color:#202948;
	float:left;	
}

	

 #content_right .content_right_box {
	 width: 240px;
	 height: 129px;
	 padding: 10px 20px;
	 background: url(images/Peter_newsletter_box.jpg) no-repeat;
 }
 
 .content_right_box .box_title {
 	font-size: 18px;
	color: #333;
	padding: 3px 0 5px 0;
	margin: 0 0 5px 0;
 }
 
 .content_right_box p {
	 line-height: 16px;
	 text-align: justify;
	 padding-bottom: 5px;
	 color: #FFF;
 }
 
  .content_right_box input {
	  margin-bottom: 10px;
  }

/* end of content */

/* Portfolio */
#Peter_content .content_port {
	float: left;
	width: 880px;
	margin: 20px 0 0 40px;
}
.port{float:left;}
.port img{padding-right:22px}
.port_bus{float:left;}
.port_bus img{padding-right:18px}
.port_flyer{float:left;}
.port_flyer img{padding-right:10px; width:280px}

/* end of Portfolio */
/* Websites */
.websites{float:left;}
.websites img{padding-right:0px; width:300px}
.websites_content ul{float:left; padding-right:100px}
.websites_content ul li{background: url(images/check.png) no-repeat; list-style:none; padding-left:30px; padding-bottom:8px; font-size:9.5pt}

/* end of Websites */

/* Business Cards */
.business{float:left;}
.business a img{padding-right:10px; padding-bottom:10px}

/* end of Business Cards */

/* Flyers */
.flyers{float:left;}
.flyers img{padding-right:10px;width:275px; padding-bottom:10px}

/* end of Flyers */

/* Services */
.content_port #content_serv_left {
	float: left;
	width: 500px;
	margin: 0px 0 0 0px;
}
.content_port #content_serv_right {
	float: right;
	width: 320px;
	margin: 0px 0 0 0px;
}
.content_port #content_serv_right p {
	font-size:10pt;padding-bottom:3px
}
#service_content p{font-size:10pt;padding-bottom:30px}
.service_list{float:left;margin-top:0px;padding-bottom:10px}
.service_list ul li{font-size:10pt;width:400px;float:left; padding-top:0px; padding-bottom:8px; padding-left:12px; margin-left:30px;background: url(images/arrow2.png) 0px 1px no-repeat; list-style:none;}
.service_list p{font-size:10pt;width:400px;float:left; padding-top:20px; padding-bottom:10px; margin-left:52px}
.service_list span{font-size: 21px;color: #ee9116;padding: 5px 0 15px 50px; margin:0 0px 0 0px;}
.service_list2{float:right;margin-top:0px}
.service_list2 ul li{font-size:10pt;width:400px;float:right; padding-top:0px; padding-bottom:8px; padding-left:12px; margin-left:30px;background: url(images/arrow2.png) 0px 1px no-repeat; list-style:none;}
.service_list2 p{font-size:10pt;width:400px;float:right; padding-top:20px; padding-bottom:5px; margin-left:52px}
.service_list2 span{font-size: 21px;color: #ee9116;padding: 5px 0 15px 50px; margin:0 0 0 0}


/* end of Services */

/* About */
#Peter_content .content_about {	float:left;width: 700px;margin: 20px 0 0 40px;}
#about {width:650px}
#about h1{font-size:14pt;}
#about a{text-decoration: underline;}
#about p{}
#about .job_title{font-size:10pt;font-weight:bold;}
#about .skills_content{ float:none; height:100px}
#about .skills{float:left; width:150px; height:50px}
#about .skills p{float:left;width:50px;padding-left:0px; padding-top:10px; font-weight:bold}
#about .skills img{float:left;width:70px}

/* content */
#Peter_bottom_panel {
	clear: both;
	width: 930px;
	padding: 40px 0 50px 40px;
	background: #FFF url(images/Peter_bottom_section_bg.jpg) right bottom no-repeat;
}

#Peter_bottom_panel .bottom_section {
	float: left;
	margin-right: 40px;
	width: 190px;
}

.bottom_section ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.bottom_section li {
	margin: 0px;
	padding: 0 0 3px 0;
}

.bottom_section li a, a:visited {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
.bottom_section li a:hover{
	color: #333;
	border-bottom: 1px dotted blue;
	font-weight: normal;
}
/* Quote Page */
#quote{width:594px; margin-left:50px}

#form2{text-align:right; margin:10px 40px 0px 0;}
#form2 .form_space{font-size:10pt;padding-bottom:5px;}
#form2 .label_form{font-size:10pt;color:#353430;font-weight:bold;padding-bottom:2px }
#form2 .input_form{margin-bottom:5px}

/* Contact Page */
#contact{width:494px; height:360px; background: url(images/contact_bg.png) no-repeat;}

#form1{text-align:right; margin:10px 40px 0px 0;}
.form_space{font-size:10pt;padding-bottom:5px;}
.label_form{color:#353430;font-weight:bold}
.input_form{ }


/* footer */
#Peter_footer {
	clear: both;
	width: 980px;
	padding: 5px 0 20px 0;
	text-align: center;
	color: #333;
	background-color: #FFF;
}

#Peter_footer a {
	font-weight: normal;
}
/* end of footer */