/*  

Theme Name: Peter

Theme URI: http://

Description: .

Version: 1.0

Author: 

Author URI: /



*/



@charset "utf-8";

/* CSS Document */



body {	
	font:14px/20px Helvetica, Arial, sans-serif;
}

a, a:link{
	color:#b1b1b1;
	text-decoration:none;
}

a:hover{
	color:#616161;
	text-decoration:underline;
}




.wrapper, #header{
	width:980px;
	margin:0 auto;
	font:14px/20px Helvetica, Arial, sans-serif !important;
}

.wrapper{

	clear:both;
	overflow:hidden;
	height:100%;
	padding:0 0 20px;

}


.wrapper2{
	clear:both;
	overflow:hidden;
	height:100%;
	padding:0 0 0px;

}


#logo{

	font:18px Helvetica, sans-serif;

	float:left;
	text-transform:none;

}

#logo a{

	text-decoration:none;

	color:#E4AD2D;
font-weight:bold;

}

#logo a span{

	cursor:pointer;

	font-weight:bold;

}





#logo{

	padding-top:12px;

}





#menu_wrap{

	float:right;

	display:block;

	padding-top:0;

}

#menu {

	padding:0;

	margin:0;

}



#menu li{

	list-style:none;

	display:inline;

	margin:0;

	padding:0;

}



#menu li a .current_page_item {

	background:#fff;

	color:#000;

}



#menu li a{

	padding:12px 20px;

	text-decoration:none;

	color:#f9f9f9;

	font-size:14px;

	font-weight:bold;

	float:left;

	display:block;

}



#menu li a:hover {

	background:#FDFAFA;

	color:#000;

}



#main_content{

	clear:both;

	padding-top:20px;

}

#main_content2{
	clear:both;
	padding-top:0px;
	background :#f2f2f2 url(images/content2-background.jpg) no-repeat center top;
}



#featured{

	padding-bottom:30px; 

	margin:auto;

	width:960px;

}

#featured_image{

	float:left;

	

}

#featured_image .curly{

	width:80px;

	height:347px;

	background:url(../images/curly_bg.png) no-repeat;

	margin:-343px 0 0 470px;

	float:right;

	position:absolute;

	z-index:9999;

}



#featured_image {

	float:left;

	padding:4px;

	border:1px solid #e2e2e2;

}

#featured_image img{

	float:left;

}

#featured #featured_info{

	float:right;

	width:370px;

	padding-top:20px;

}

#featured_info h2{

	color:#0c0c0c;

	font-size:24px;

	font-weight:bold;

	padding-bottom:30px;

	line-height:26px;
letter-spacing:-1px;

}

#featured_info p{

	font-family:Georgia, "Times New Roman", Times, serif;

	padding-bottom:30px;

	line-height:22px;

	color:#4a4a4a;

}

.title_section{

	font-size:12px;

	color:#a3a3a3;

}





.more{

	float:left;

	background:url(../images/arrow_1_normal.gif) no-repeat right 60%;

	padding-right:16px;

	margin-right:10px;

	text-decoration:underline;

	color:#b1b1b1;

	display:block;



}

.more:hover{

	color:#616161;

	background:url(../images/arrow_1_hover.gif) no-repeat right 60%;

}





#intro{

	padding:30px 0 40px !important;

	margin-top:0px;

	border:0 !important;

	margin-bottom:10px;
	overflow:hidden;
	height:100%;
	

}

#intro p{

	font-size:20px !important;

	color:#827c7e;

	font-weight:lighter !important;

	line-height:30px;

	padding-bottom:0px;
	width:450px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding-left:20px;

}

#intro p strong{

	font-weight:bold;

	color:#0c0c0c;

}

#intro 0 span{

	color:#0c0c0c;

	font-weight:normal;

}



.col3{

	padding-bottom:30px;

	float:left;

}

.col3 .first, .col3 div{

	float:left;

	width:300px;

}



.col3 div{

	padding-left:30px;

}



.col3 div .textwidget {

	padding-left:0px;

}





.col3 .first{

	padding-left:0px;

}



.col3 .first{

	padding-left:0px;

}





.col3 .first h3, .col3 div h3{

	color:#0c0c0c;

	font-size:18px;

	font-weight:bold;

	padding-bottom:30px;
letter-spacing:-1px;

}

.col3 div p, .featured_services div p{

	font:14px/20px Georgia, "Times New Roman", Times, serif;

	padding-bottom:20px;

}
 .design_that_sell{
	width:100%;
	float:left;
	padding:40px 0;
}

 .sub_section{

	width:100%;

	float:left;

	background:#000;

	padding:40px 0;

	color:#787773;

}

.sub_section h3{

	font-size:18px;

	color:#6f6e6a;

	padding-bottom:30px;

}



.featured_services, .solutions{

	float:left;

}

.featured_services h4, .solutions h4{

	color:#c6c4be;

	font-size:15px;

	padding-bottom:20px;

	font-weight:bold;

}

.featured_services div p, .solutions div p{

	color:#787773;

	font-family:Georgia, "Times New Roman", Times, serif;

}

.featured_services .first, .featured_services div, .solutions .first, .solutions div{

	width:220px;

	float:left;

}

.featured_services div, .solutions div{

	padding-left:10px;

}

.solutions div{

	padding-left:14px;

}

.featured_services .first, .solutions .first{

	padding-left:0px;

}

.featured_services .first img, .featured_services div img, 

.solutions .first img, .solutions div img{

	float:left;

}

.featured_services .first div, .featured_services div div,

.solutions .first div, .solutions div div{

	float:right;

	width:160px;

	padding-top:10px;

}



.featured_services .more, 

.solutions .more{

	float:left;

	background:url(../images/arrow_2_normal.gif) no-repeat right 60%;

	padding-right:16px;

	margin-right:10px;

	text-decoration:underline;

	color:#706c5d;

	display:block;



}

.featured_services .more:hover,

.solutions .more:hover{

	color:#bebaa8;

	background:url(../images/arrow_2_hover.gif) no-repeat right 60%;

}





/*slideshow*/

#slideshow{ width:960px;}









#slideshowleft { 

	height:338px; 

	width:542px; 

	margin:0; 

	

	

}



#slideshowright{	

	float:right

	

	width:418px; 

	

	

	

}



#slideshowleft h1{

			font-size: 2.5em;
letter-spacing: -1px;
	font-family: Helvetica, Arial, sans-serif;
	



			text-transform:uppercase; 

			text-align:justify; 

			padding:48px 0 10px 10px; color:#FFFFFF;



}



#slideshowleft h3{

			 font-family:Calibri, "Century Gothic", "Trebuchet MS"; 

			 margin:0;

			 font-size:30px;
letter-spacing: -2px;

			 line-height:33px;

			 font-weight:bold;

			 text-align:justify;

			

			 color:#FFFFFF;

			 padding:15px 0 10px 10px; letter-spacing:0.30px;

}





#slideshow img { 

	

	

}





.testimonial_wrap, .testimonial{

	float:right;

	width:250px;

}

.testimonial_wrap{

	height:230px;

	overflow:hidden;

}

blockquote{

	clear:both;

	padding-bottom:30px;

	float:left;

	width:100%;

}



blockquote p{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-style:italic;

}

.testimonial blockquote p{

	color:#787773;

}

.testimonial blockquote { 

	top:0; 

	left:0;

}

/*.testimonial blockquote.next{

	display:inline;

}

*/

.testimonial .author .t_bg, #content blockquote .author .t_bg{

	background:url(../images/author_bg.png) no-repeat;

	width:46px;

	height:55px;

	float:left;

	display:block;

	padding-right:10px;

}

.testimonial .author .t_bg img, #content blockquote .author .t_bg img{

	float:left;

	padding:17px 0 0 4px;

}

.testimonial .author, #content blockquote .author{

	font-style:normal;

}

.testimonial .author cite, #content blockquote .author cite{

	padding-top:10px;

	float:left;

}





#footer{

	float:left;

	padding:20px 0;

	background:#000;

	width:100%;

	text-align:center;

}

#footer span{

	font:11px Helvetica, Arial, sans-serif;

	color:#787773;

}

#footer span a{

	color:#787773;

	text-decoration:none;

	font-weight:bold;

}

#footer span a:hover{

	text-decoration:underline;

}





/*inside pages*/



#breadcrumbs li{

	display:inline;

	padding:0;

	margin:0;

}

#breadcrumbs li.current {

	font-weight:bold;

}





#content{

	float:left;

	width:700px;

	padding-bottom:20px;

}

#content h1{

	font-size:40px;

	color:#070707;

	font-weight:bold;

}

#content h2, #works h2{

	font-size:30px;

	font-weight:bold;
letter-spacing:-1px;

	color:#070707;

	background:url(../images/h_line.gif) repeat-x bottom;

	margin-bottom:30px;

	padding:6px 0 15px 0;

}

#content3{
	margin-top: -20px;
	background-color: #f2f2f2;
}

#content2{
	clear:both;
	overflow:hidden;
	height:100%;
	padding-right: 30px;
	padding-top: 20px;
	padding-left: 30px;
	font-family: Georgia;
	background: #fff url(images/h_line.gif) repeat-x;
	margin-top: 25px;
}

#content2 h2{
	color:#262626;
	
	margin-bottom: 10px;
	padding: 25px 0px 0px 0px;
	font-weight: bold;
	line-height: 1;
	font-size: 40px;
}

#content2 p{
	color: #5F5F5F;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 84px;
line-height: 28px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}


#content h3{

	font-size:22px;

	color:#070707;

	font-weight:bold;
 

}

#content h4{

	font-size:18px;

	color:#070707;

	font-weight:bold;

}

#content h5{

	font-size:14px;

	color:#070707;

	font-weight:bold;

}

#content h6{

	font-size:11px;

	color:#070707;

	font-weight:bold;

}



#content p{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	line-height:22px;

}

#content .intro, #works .intro{

	font-size:1.4em;

	font-weight:normal;

	line-height:28px;

	font-family:Georgia, "Times New Roman", Times, serif;

}



/*services*/

.services .row,

.staff .row {

	float:left;

	padding-bottom:30px;

	width:auto;

	

}

.services .row .first, .services .row div,

.staff .row .first, .staff .row div{

	width:330px;

	float:left;

}

.services .row div h3, .services .row .first h3,

.staff .row div h3, .staff .row .first h3{

	font-size:18px!important;

	padding-bottom:10px;

}

.services .row div,

.staff .row div{

	padding-right:20px;

	margin-bottom:15px;

}

.services .row div img{

	float:right;

	margin-right:40px;

}

.services .row .first, .services .row div div,

.staff .row .first, .staff .row div div{

	padding-left:0;

}

.staff .staff_image{

	background:url(../images/staff_bg.gif) no-repeat;

	float:right!important;

	width:127px!important;

	height:125px;

}

.staff .staff_image img{

	float:left;

	padding:15px 0 0 19px;

}





#sidebar{

	float:right;

	width:220px;

}

#sidebar p{

	font-family:Georgia, "Times New Roman", Times, serif;

	padding-bottom:20px;

}

.block h3{

	font-size:1em;

	font-weight:bold;

	letter-spacing:2px;

	line-height:1em;

	margin:0;

	text-transform:uppercase;

}

#work_list{

	padding:0;

	margin:0;

}

#work_list li{

	display:block;

	list-style:none;

	margin:0;

	padding:8px 0;

	font-size:13px;

	float:left;

	width:100%;

}

#work_list li a, #work_list li a:hover{

	text-decoration:none!important;

}

#work_list li a img{

	border:1px solid #c8c8c8;

}

#work_list li a img{

	float:left;

	margin-right:6px;

	padding:4px;

	background:#d2d2d2;

}

#work_list li a:hover img{

	background:#c5c5c5;

}

#work_list li a strong{

	display:block;

	line-height:16px;

	color:#737373;

}

#work_list li a span{

	font-size:11px;

}

#sidebar .block{

	float:left;

	margin-bottom:20px;

	padding-bottom:20px;

	padding-right:10px;

	padding-left:10px;

}



#sidebar .block li{

	list-style:none;

	padding:3px 0 3px 18px;

	display:block;

	margin:0;

	background:url(../images/circle_bullet.gif) no-repeat left 0.6em;

}





#side_link{

	padding:0;

	margin:0;

}

#side_link li{

	list-style:none;

	padding:3px 0 3px 18px;

	display:block;

	margin:0;

	background:url(../images/circle_bullet.gif) no-repeat left 0.6em;

}

#side_link li a{

	display:block;



}





/*contact form*/

#contact_form {

	padding:0;

	margin:0;

}

#contact_form legend{

	padding:0 0 20px 0;

	margin:0;

	font-size:18px;

	font-family:Georgia, "Times New Roman", Times, serif;

}

#contact_form label{

	float:left;

	width:200px;

	font-size:16px;

	font-weight:bold;

	color:#5f5f5f;

}

#contact_form div{

	display:block;

	padding-bottom:10px;

}

#name,

#email,

#subject,

#message{

	border:1px solid #dddddd;

	padding:8px;

	color:#5e5e5e;

	background:#f2f2f2 url(../images/input_bg.gif) repeat-x top;

	font-size:18px;

	font-family:Helvetica, Arial, sans-serif;

}





#name:focus,

#email:focus,

#subject:focus,

#message:focus{

	border:1px solid #acacac;

	padding:8px;

}



#name,

#email,

#subject{

	width:285px;

}

#message{

	width:350px;

	height:200px;

}



.button{

	border:none;

	padding:10px 20px;

	background:#5f5f5f;

	text-transform:uppercase;

	color:#f6fdff;

	font-size:18px;

	font-weight:normal;

	font-family:Helvetica, Arial, sans-serif;

}

#content .errorMsg h3{

	color:red;


}

#content .infoMsg h3{

	color:green;

}









/*common styles*/

h1, h2, h3, h4, h5, h6, h7,p,pre,ol,ul,dl{

	padding-bottom:20px;

	color:#5f5f5f;

}





li{

	list-style:outside;

	margin-left:20px;

}

ul.styledlist{

	margin:0;

	padding:0 0 20px 0;

}

ul.styledlist li{

	background:url(../images/bullet.gif) no-repeat left 0.6em;

	padding-left:12px;

	list-style:none;

	margin-left:5px;

	margin-left:5px;

	line-height:22px;

}

ol li{

	list-style:decimal;

	margin-left:20px;

}

dl dt{

	font-weight:bold;

	padding-bottom:10px;

}

dl dd{

	padding-bottom:10px;

	margin-left:0px;

}





strong{

	font-weight:bold;

}

em, code{

	font-style:italic;

}

ul, ul li {

	list-style-type:disc;

}

ol, ol li {

	list-style-type:decimal;

}

table {

	margin-bottom:1.4em;

	width:100%;

}

th {

	font-weight:bold;

}

th, td, caption {

	padding:4px 10px 4px 5px;

}

tfoot {

	font-style:italic;

}

sup, sub {

	line-height:0;

}

abbr, acronym {

	border-bottom: 1px dotted;

	cursor:help;

}

address {

	margin:0 0 1.5em;

	font-style:italic;

}

del {

	text-decoration: line-through;

}

pre {

	white-space:pre;

}

img.centered, .aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignright {

	display: inline;

	margin:0 0 10px 12px;

}

img.alignleft {

	display: inline;

	margin:0 12px 10px 0px;

}

.alignright {

	float: right;

}

.alignleft {

	float: left;

}



.postmetadata{

background:#f8f8f8 none repeat scroll 0 0;

border-bottom:2px solid #CDCDCD;

border-top:2px solid #CDCDCD;

border-left:2px solid #CDCDCD;

border-right:2px solid #CDCDCD;

color:#808080;

font-size:12px;

font-family:"Trebuchet MS", Tahoma, "Times New Roman", "Trajan Pro";

margin:0 0 15px;

padding:5px 15px; text-align:justify;

}
.rightbanner{ width:417px; height:337px; background:url(../images/rightbanner-.png)left bottom no-repeat;}






.sub_content{
	border-top:1px solid #e2e2e2;
	padding-top:18px;
}
.sub_contentsell{
	padding-top:18px;
}		
p.green{
	font:normal 16px/20px Helvetica, Arial, sans-serif, Verdana;
	color:#738d28 !important;
	background-color:inherit;
	padding-top:10px;
}
#pro-player-548-0{
	float:none;}






.featured_services .more, 

.solutions .more{

	float:left;

	background:url(images/arrow_2_normal.gif) no-repeat right 60%;

	padding-right:16px;

	margin-right:10px;

	text-decoration:underline;

	color:#706c5d;

	display:block;



}

.featured_services .more:hover,

.solutions .more:hover{

	color:#bebaa8;

	background:url(images/arrow_2_hover.gif) no-repeat right 60%;

}
div.action {
	background: #EBF5FA;
	font-size: 20px;
font-color: #666666;
	text-align: center;
	padding: 20px 10px 0 10px;
	margin: 0 0 24px 0;
	}
div.action a {
	color: #009933;
text-decoration:underline;
	}
div.action a:hover {
	color: #000;
	}

.showtime {float:left; padding-top: 10px; padding-bottom: 20px; padding-left:120px;}
