/*	
	Colors:
	tan: #896532
	Dark blue: #002E62
	Bright Blue: #0987FF
	bright green: #9DC92F
 */
 
/* 
 @font-face {
	font-family: 'GeoSlb712LtBTLight';
	src: url('../includes/fonts/tt0483m_-webfont.eot');
	src: local('☺'), url('../includes/fonts/tt0483m_-webfont.woff') format('woff'), url('../includes/fonts/tt0483m_-webfont.ttf') format('truetype'), url('../includes/fonts/tt0483m_-webfont.svg#webfontMFVuPe8B') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GeoSlb712MdBTMedium';
	src: url('../includes/fonts/tt0485m_-webfont.eot');
	src: local('☺'), url('../includes/fonts/tt0485m_-webfont.woff') format('woff'), url('../includes/fonts/tt0485m_-webfont.ttf') format('truetype'), url('../includes/fonts/tt0485m_-webfont.svg#webfontxty3KTEM') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

 @font-face {
	font-family: 'GeoSlab';
	src: url('../includes/fonts/tt0483m_-webfont.eot');
	src: local('☺'), url('../includes/fonts/tt0483m_-webfont.woff') format('woff'), url('../includes/fonts/tt0483m_-webfont.ttf') format('truetype'), url('../includes/fonts/tt0483m_-webfont.svg#webfontMFVuPe8B') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GeoSlab';
	src: url('../includes/fonts/tt0485m_-webfont.eot');
	src: local('☺'), url('../includes/fonts/tt0485m_-webfont.woff') format('woff'), url('../includes/fonts/tt0485m_-webfont.ttf') format('truetype'), url('../includes/fonts/tt0485m_-webfont.svg#webfontxty3KTEM') format('svg');
	font-weight: bold;
	font-style: normal;
}

.myFont { 
	font-weight: normal; 
	font-family: GeoSlab, helvetica, Arial, sans-serif; 
	color: #fff; 
}  
.short-header {
	background: url(../images/header-short.jpg) 0 0 no-repeat;
	height: 75px;
	overflow: hidden;
	margin-top: -14px;
}
h3.myFont {
	font-weight: bold;
	font-size: 2.0em;
	line-height:1.4em;
	color:#ffffff; 
	
}
h3.myFont.blue { 
	color: #0987FF;
	font-size: 18px;
	font-weight: bold;
	margin:0;
	padding:0 0 4px 0;
	text-shadow: 1px 1px 0px #000;
	text-shadow: 0 0 3px #111;
}
h4.myFont {
	font-weight: normal;
	font-size: 1.5em; 
	color: #fff; 
	text-shadow: 1px 1px 0px #000;
}

.skipnav { display: none; }
.printonly { display: none; }
.clearing { clear: both; }

body {
	background: #000 url(../images/pagebg.jpg) repeat-x 0 -60px;	
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #dedede;
	}
	
img { border: 0; }
b, strong { font-weight: bold; color: #fff; }
em, i { font-style: italic; }

a, a:visited { color: #0987FF; }
a:hover { color: #fff; }


/* Primary Page Layout
---------------------------------------------------------------------------------------------------- */

.masthead {
	position: relative;
	height: 120px;
	width: 960px;
	margin: 0 auto;
	}
	
	.masthead h1 {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 153px;
		height: 100px;
		}
		
		.masthead h1 a {
			display: block;
			height: 0;
			padding: 100px 0 0;
			background: url(../images/photosynesi-logo-small.png) no-repeat 0 0;
			overflow: hidden;
			}
			
			.homepg .masthead h1 a:hover { cursor: default; }


	.mainnav {
		position: absolute;
		bottom: 0;
		right:0;
		}
		
		.mainnav li {
			float: left;
			padding-bottom: 19px;
			text-transform: lowercase;
			}
			
			.mainnav li a {
				display: block;
				text-decoration: none;
				height:0;
				padding: 36px 0 0;
				overflow: hidden;
				background: url(../images/btn_home.jpg) no-repeat 0 0;
				width: 100px;
				}
				
			#btn_home a { background-image: url(../images/btn_home.png); width: 69px; }
			#btn_about a { background-image: url(../images/btn_about.png); width: 66px; }
			#btn_reviewers a{ background-image: url(../images/btn_reviewers.png); width: 103px; }
			#btn_pricing a { background-image: url(../images/btn_pricing.png); width: 161px; }
			#btn_contact a { background-image: url(../images/btn_contact.png); width: 105px; }
			#btn_login a { background-image: url(../images/btn_login.png); width: 65px; margin-left: 10px; }
			
			.mainnav li a:hover,
			.homepg #btn_home a,
			.about #btn_about a,
			.reviewers #btn_reviewers a,
			.pricing #btn_pricing a,
			.contact #btn_contact a,
			.login #btn_login a
				{ background-position: 0 -36px; }
			
			.homepg #btn_home {
				background: url(../images/mainnav_arrow.jpg) no-repeat center bottom;
				}
			.about #btn_about {
				background: url(../images/mainnav_arrow_about.jpg) no-repeat center bottom;
				}
			.reviewers #btn_reviewers {
				background: url(../images/mainnav_arrow_reviewers.jpg) no-repeat center bottom;
				}
			.pricing #btn_pricing {
				background: url(../images/mainnav_arrow_pricing.jpg) no-repeat center bottom;
				}
			.contact #btn_contact {
				background: url(../images/mainnav_arrow_contact.jpg) no-repeat center bottom;
				}
			.login #btn_login {
				background: url(../images/mainnav_arrow.jpg) no-repeat center bottom;
				}
			
			

		

/* Home Page Slider
---------------------------------------------------------------------------------------------------- */

			.home_slider {
				position: relative;
				width: 1000px;
				margin: 0 auto 20px;
				height: 270px;
				background: url(../images/sliderbg.jpg) no-repeat 20px 0;
				}
				
			.home_slider #prev {
				position: absolute;
				top: 80px;
				left:0;
				width: 40px;
				height:40px;
				z-index:1000;
				}

			.home_slider #next {
				position: absolute;
				top: 80px;
				right:0;
				width: 40px;
				height:40px;
				z-index:1000;
				}
				
				#prev a {
					display: block;
					height:0;
					padding: 40px 0 0;
					overflow: hidden;
					background: url(../images/slider_prevarrow.png) 0 0 no-repeat;
					}
				
				#next a {
					display: block;
					height:0;
					padding: 40px 0 0;
					overflow: hidden;
					background: url(../images/slider_nextarrow.png) 0 0 no-repeat;
					}
				
				.home_slider #carousel {
					position: absolute;
					left: 20px;
					top: 0px;
					width: 960px;
					height: 270px;
					margin:0;
					padding:0;
					}
				
				.home_slider .panel {
					position: absolute;
					width: 960px;
					height: 270px;
					margin:0;
					padding:0;
					display:none;
					}
					
					.panel h2 {
						display: none;
						}
						
					.panel p {
						font-size: 12px;
						line-height: 20px;
						color: #fff;
						position: absolute;
						top: 165px;
						left: 60px;
						width: 450px;
						}
					
				#fpo_panel1 {
					background: url(../images/home-01-get-personal-feedback.jpg) no-repeat 0 0;
					}
				#fpo_panel2 {
					background: url(../images/home-02-take-better-pictures.jpg) no-repeat 0 0;
					}
					
				#fpo_panel3 {
					background: url(../images/home-03-gain-access-to-experts.jpg) no-repeat 0 0;
					}
					
				#fpo_panel4 {
					background: url(../images/home-04-excel-on-your-schedule.jpg) no-repeat 0 0;
					}
					
				.panel .call2action {
					position: absolute;
					left: 60px;
					bottom: 35px;
					}
					
					.call2action li {
						float: left;
						display: inline;
						line-height: 35px;
						margin-right: 15px;
						}
					
				#signuptoday {
					display: block;
					height: 0;
					padding: 35px 0 0;
					width: 151px;
					overflow: hidden;
					background: url(../images/signup_today.png) 0 0 no-repeat;
					}
					
				#signuptoday:hover {
					background-position: 0 -35px; }

				.call2action #learnmore a {
					display: block;
					height: 0;
					padding: 35px 0 0;
					width: 151px;
					overflow: hidden;
					background: url(../images/learn_more.jpg) 0 0 no-repeat;
					}



.contentwrap {
	width: 960px;
	margin: 0 auto 20px;
	}

	.contentwrap h2 {
		background: url(../images/hdr_about.jpg) 0 0 no-repeat;
		height: 0;
		padding:120px 0 0;
		overflow: hidden;
		margin: 0 0 50px;
		}
		
		.about .contentwrap h2 {
			background: url(../images/hdr_about.jpg) 0 0 no-repeat;
			}

		.reviewers .contentwrap h2 {
			background: url(../images/hdr_reviewers.jpg) 0 0 no-repeat;
			}

		.pricing .contentwrap h2 {
			background: url(../images/hdr_pricing.jpg) 0 0 no-repeat;
			}

		.contact .contentwrap h2 {
			background: url(../images/hdr_contact.jpg) 0 0 no-repeat;
			}


	.maincontent {
		float: left;
		display: inline;
		margin: 0 0 30px 30px;
		width: 550px;
		font-size: 14px;
		line-height: 21px;
		}
		
	.sidebar {
		float: right;
		display: inline;
		margin: 0 0 30px 0;
		width: 320px;
		background: #222 url(../images/sidebarbg_top.jpg) no-repeat 0 0;
		}
		
		.sidebar .inner {
			padding: 30px;
			background: url(../images/sidebarbg_bottom.jpg) no-repeat left bottom;
			}
		
		.maincontent p {
			margin: 0 0 15px;
			}
			
		.maincontent .section {
			margin: 0 0 36px;
			}

		.maincontent ul {
			list-style: disc;
			margin: 0 0 18px 36px;
			}
			
			.maincontent ul li {
				margin: 0 0 9px;
				}

		.maincontent h3, .sidebar2 h3, #widget_results h3 {
			color: #0987FF;
			font-size: 21px;
			line-height: 28px;
			margin: 0 0 15px;
			font-weight: normal;
			}
			
			.sidebar .create_account {
				}


/* Bottom Area on Home Page
---------------------------------------------------------------------------------------------------- */


.bottomarea {
	width: 960px;
	margin: 0 auto 20px;
	background: #222 url(../images/grayarea_top.jpg) 0 0 no-repeat;
	overflow: auto;
	}
	
	.bottomarea .inner {
		padding: 20px 30px 30px 30px;
		background: url(../images/grayarea_bottom.jpg) no-repeat left bottom;
		}
	
	.bottomarea .inner h3.myFont.blue {
		margin-bottom:10px;
	}
	
	.bottomarea .divider {
		clear: both;
		background: #222 url(/images/grayarea_divider.jpg) no-repeat center center;
		height:60px;
		margin: 0 -30px;
		}
		
		/*
		.recent_activity h3, .spotlight h3, .testimonials h3, .create_account h3, .request_invite h3, .learnmore h3, .findreviewer h3 {
			height: 20px;
			text-indent: -9999px;
			overflow: auto;
			margin: 0 0 5px;
			}
		
		
		.recent_activity h3 { background: url(../images/subhead_recentactivity.jpg) 0 0 no-repeat; }
		.spotlight h3 { background: url(../images/subhead_spotlight.jpg) 0 0 no-repeat; }
		.testimonials h3 { background: url(../images/subhead_whatothers.jpg) 0 0 no-repeat; }
		.create_account h3 { background: url(../images/subhead_createaccount.png) 0 0 no-repeat; }
		.create_account h3.your { background: url(../images/subhead_createyouraccount.png) 0 0 no-repeat; }
		.request_invite h3 { background: url(../images/subhead_requestinvite.jpg) 0 0 no-repeat; }
		.findreviewer h3 { background: url(../images/subhead_findareviewer.png) 0 2px no-repeat; }
		.learnmore h3 { background: url(../images/subhead_learnmore.png) 0 0 no-repeat; }
		*/

.recent_activity ul {
	overflow: auto;
	}
	
	.recent_activity li {
		float: left;
		display: inline;
		width: 160px;
		margin-right: 20px;
		font-size: 12px;
		line-height: 15px;
		color: #aaa;
		}
		
		.recent_activity li p {
			margin: 0 0 9px;
			}
		
	.recent_activity li img {
		border: solid 2px #555;
		}
		
	.recent_activity li a {
		display: block;
		background: url(../images/click_enlarge.jpg) 0 0 no-repeat;
		padding-top: 18px;
		}
		
		li.last { margin-right: 0; }
		.bottomarea .spotlight, 
		.bottomarea .testimonials,
		.bottomarea .create_account, 
		.bottomarea .request_invite, 
		.learnmore,
		.bottomarea .findreviewer
		{
			float: left;
			display: inline;
			width: 260px;
			margin-right: 60px;
			}
			
			.bottomarea .learnmore, .bottomarea .request_invite {margin-right: 0; }


.spotlight img {
	float: right;
	display: inline;
	margin: 0 0 10px 10px;
	border: solid 2px #555;
	}
	
	.spotlight h4 {
		font-size: 13px;
		margin: 0 0 2px;
		}
		
	.spotlight table { /* --TO BE DELETED-- */
		width: 170px;
		font-size: 13px;
		}

	.spotlight table td { /* --TO BE DELETED-- */
		padding: 4px 5px 4px 0;
		}
		
		.align-right { text-align: right; }
		
		.spotlight p {
			padding-top: 0px;
			}
			
		.testimonials p {
			background: url(../images/quotemark.jpg) 0 0 no-repeat;
			padding: 13px 0 0 20px;
			margin: 0 0 15px;
			font-size: 15px;
			line-height: 24px;
			}
			
			.testimonials cite {
				display: block;
				margin: 0 0 9px 20px;
				font-style: normal;
				}
				
				.testimonials cite strong {
					font-weight: bold;
					/* border-right: solid 1px #555; --TO BE DELETED-- */
					padding-right: 6px;
					margin-right: 6px;
					}


/* Create an Account Form
---------------------------------------------------------------------------------------------------- */

	.create_account h3, .request_invite h3 {
		margin-bottom: 6px;
		}
		
		.create_account p, .request_invite p {
			font-size: 12px;
			margin: 0 0 15px;
			}
			
			.create_account form .txt, .request_invite form .txt {
				display: block;
				border: none;
				background:  url(../images/inputbg.jpg) 0 0 no-repeat;
				padding:4px;
				width: 250px;
				height: 18px;
				}
				
				.create_account label, .request_invite label {
					display: block;
					margin: 0 0 5px;
					font-size: 11px;
					text-transform: uppercase;
					color: #999;
					}

	.create_account input[type="submit"] {
		width:250px; 
		height:35px; 
		border:0px;
		padding:0px;
		margin:0px;
		display: block;
		text-indent: -9999px;	
	}

	.create_account input.login {
		background:  url(../images/login-button.png) 0 0 no-repeat;
	}

	.create_account input.login:hover {
		background:  url(../images/login-button.png) 0 -35px no-repeat;
	}					

	.create_account input.signup {
		background:  url(../images/sign-me-up-button.png) 0 0 no-repeat;
	}

	.create_account input.signup:hover {
		background:  url(../images/sign-me-up-button.png) 0 -35px no-repeat;
	}					
					
/* Footer
---------------------------------------------------------------------------------------------------- */

	.footer {
		width: 900px;
		margin: 0 auto 30px;
		}
		
		.footer p {
			font-size: 11px;
			text-transform: uppercase;
			color: #777;
			}
			
		
/* Reviewer Bios
---------------------------------------------------------------------------------------------------- */

	.reviewer-bio {
		font-size: 13px;
		line-height: 18px;
		float: left;
		overflow: auto;
		}
		
	.reviewer-bio .photo {
		float: left;
		display: inline;
		width: 150px;
		}

	.reviewer-bio .text {
		float: right;
		display: inline;
		width: 400px;
		}

	.reviewer-bio .portrait {
		border: solid 3px #444;
		}
		
		
		.sample-photos {
			margin: 30px 0 0;
			}
			
		.sample-photos h4 {
			margin: 0 0 9px;
			}
			
		.sample-photos img {
			margin: 0 5px 5px 0;
			}


.goback {
	border-bottom: solid 1px #222;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 0 10px;
	margin: 0 0 10px;
	line-height: 11px;
	}
	
/* Pricing Options Page
---------------------------------------------------------------------------------------------------- */

.pricing_options {
	background: #000 url(../images/pricingbg.jpg) 0 0 no-repeat;
	padding: 40px 30px;
	margin: 0 0 30px;
	min-height:320px;
	}

	.pricing_options .intro {
		font-size: 15px;
		line-height: 24px;
		margin: 0 320px 50px 0;
		}
		
		.pricing_options ul.reviewers {
			float: left;
			overflow: auto;
			background: none;
			}

		.pricing_options ul {
			float: left;
			overflow: auto;
			background: url(../images/pricingulbg.gif) 285px 0 repeat-y;
			}
		
		.pricing_options ul li {
			float: left;
			display: inline;
			width: 260px;
			margin: 0 60px 0 0;
			}
			
			.pricing_options ul li#level3 { margin-right: 0; }
		
		
		.pricing_options ul h3 {
			color: #000;
			margin: 0 0 15px;
			line-height: 40px;
			}

		.pricing_options ul p {
			font-size: 13px;
			line-height: 21px;
			margin: 0 0 20px;
			}

/* Matt's edits */
.hide { display:none; }
.right { float:right; }
#request_invite_container { width:260px; padding-bottom:10px; }
#mce-EMAIL { width:260px; }
div.mce_inline_error { 
	background:transparent !important;
	font-style:italic !important;
    font-weight:bold !important;
    color:#fff !important;
	padding:0 !important;
	margin:0 !important;}
#mc-embedded-subscribe {
    margin-top:16px; }
	
.reviewer-bio .portrait { border:2px solid #444444; }
.sample-photos li, .sample-photos a {display:block; width:60px; height:60px; }
.sample-photos ul li { float:left; margin:0 4px 4px 0;}
.sample-photos ul { margin:0; }

/* About page */
#etymology {
	margin: -20px 0 30px 0;
	padding: 0 0 0px 0;
/*	border-bottom: 1px solid #0987FF; */
	}

#etymology div.left {
	width: 240px;
	padding-left: 30px;
	float:none;
	}
#etymology div.right {
	float:right;
	width: 670px;
	}
#etymology h4 {
	font-size: 18px;
	line-height:26px;
	font-weight: normal;
	color: #0987FF;
	}

#etymology p {
	font-size: 12px;
	font-weight: normal;
	}

/* screen shots thumbs */
.thumbs li, .thumbs a {display:block; width:90px; height:90px; }
.thumbs ul li { float:left; margin:0 6px 0px 0; font: normal 12px/18px 'Lucida Grande', arial, helvetica, sans-serif; }
.thumbs ul { margin:0; }
.thumbs li { opacity: 0.8; filter: alpha(opacity = 80); border: solid 1px #999; padding:2px; }
.thumbs li:hover { border: 2px solid white; opacity: 1; filter: alpha(opacity = 100); padding: 1px; }
.thumbs { height:90px; width: 910px;}
.thumbs li.text { opacity: 1; filter: alpha(opacity = 100); border: solid 1px transparent; padding:2px; }
.thumbs li.text:hover { border: solid 2px transparent; padding:1px; }

.about-item { font: normal 12px/18px 'Lucida Grande', arial, helvetica, sans-serif; width: 550px; }

.about-item p { padding-bottom: 15px; }

.thumbs li h4, .about-item h4 {
	color: #0987FF;
	font-size: 16px;
	font-weight: normal;
	margin:0;
	padding:0 0 4px 0;
}

li.text {
	width:384px;
}

li.text p {
	padding-right: 30px;
}

.screens .inner {
	padding: 0px 0px;
	}

.screens {
	background: #222 url(../images/grayarea_top.jpg) 0 0 no-repeat;
	padding: 30px 30px 30px 30px;
	margin: 0 0 0px;
	}

.screens-bottom {
	margin:0 0 10px 0;
	height: 10px;
	background: url(../images/grayarea_bottom.jpg) no-repeat left bottom;
}

ul.slide {
	color:#999;
	padding: 15px 0px 0px 0px;
	margin:0;
	text-align: center;
}

ul.slide li {
	list-style:none;
	font-family:verdana;
	font-size:16px;
	padding:35px 0;
	text-shadow: 2px 2px 1px #222;
}

#ticker {
	float: right;
	margin:0;
	padding:0;
	width:280px;
	height:120px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #3d3d3d;
}

#ticker ul li a { text-decoration: none; color: #999; }

#preview {
	margin-top: 30px;
	width:900px;
	height:533px;
}

#preview img {
	width:900px;
	height:543px;
}	

.selected { border: 2px solid white !important; opacity: 1 !important; filter: alpha(opacity = 100) !important; padding: 1px !important; }

.col-3 .content a, .spotlight a, .learnmore a { text-decoration: none; }


#preview-movie { display:block; }
#preview-movie a {  }
#preview-movie a:hover {  }

.col-3rd { float:left; width:33%; }
.col-3rd:firstChild { width:34%; }
.col-half { float:left; width:50%; }

#widget_form label { font-size:10px; text-transform:uppercase; }
#widget_form select { font-size:11px; text-transform:none; width:90%; }
#widget_form p { font-size:11px; width:90%; }
#widget_form .col-3rd p { color: #999; }

#widget_submit { display:block; width:289px; height:35px; background-image:url('../images/widget-submit-sprite.png'); background-position:0 0; background-repeat:no-repeat; border:0px; padding:0px; background-color:transparent;  }
#widget_submit:hover { background-position:0 -35px; }
._active #widget_submit { background-position:0 -70px; }
._active #widget_submit:hover { background-position:0 -105px; }

#widget_results { margin-top:30px; display:none; }
#widget_results h3 { margin-bottom: 0; }
#widget_results p { margin-bottom: 1em; }

._active #widget_results { display:block; }

#widget_waiting { margin-top:30px; display:none; }
._spin #widget_waiting { display:block; }
._spin #widget_waiting img { display:block; }

.Reviewer img { float:left; padding-right:20px; }
.Reviewer h4 { border-bottom:4px solid #f0c610; font-size:14px; padding:4px 0; margin-right:10px; }
.Reviewer ul { background:#151515; padding:8px 0; margin-right:10px; }
.Reviewer p { font-size:11px; margin-right:10px; }

.Reviewer ul li { position:relative; }
.category { font-size:10px; }
.rating { display:block; width:55px; height:11px; background:url('../images/rating-star-small-gray.png') top left repeat-x; position:absolute; right:10px; top:3px; }
.rating:after { content:"\0020"; display:block; height:11px; position:absolute; top:0px; right:0px; background:url('../images/rating-star-small-white.png') top right repeat-x; }
	.rating1:after { width:11px;}
	.rating2:after { width:22px;}
	.rating3:after { width:33px;}
	.rating4:after { width:44px;}
	.rating5:after { width:55px; }


.sample { 
	float: left;
	display: inline;
	width: 260px;
	margin-right: 60px;
	}
.videoclip { margin-right:0; }
	
.sample .img {  margin-right:5px; float:left; z-index:2; position:relative;}
.sample .source div span { font:normal normal 10px/18px "Lucida Grande", arial, helvetica,sans-serif; color:#999; }
.sample .source div { font:normal normal 11px/18px "Lucida Grande", arial, helvetica,sans-serif; }
.audioclip .player {
	display:block;width:170px;height:25px;float:left;
	position:relative; left:-15px; z-index:1;  }
.sample .quote { margin-top:5px; font:normal normal 11px/18px "Lucida Grande", arial, helvetica, sans-serif; }

#home_callouts .content a { font-weight:bold; display:block; margin-top:.5em; }
#home_callouts .content h3 { margin-bottom:0px; }
#reviewer_crops { width:90px; height:100px; margin-right:10px; position:relative; }
#reviewer_crops .crop { position:absolute; width:90px; } 
	.crop-1 { left:-33px; top: -10px; clip:rect(10px 62px 110px 32px); }
	.crop-2 { left:-15px; clip:rect(0px 75px 100px 45px); }
	.crop-3 { left:20px; clip:rect(0px 70px 100px 41px); }

/* Generic layout classes */

.left { float:left; }
.left>img { margin-right:10px; } 

.row {
	width:960px;
	margin:0 auto 10px;
	}
.column { 
	float:left; 
	display:inline;
	}
.content p { color:#ddd; }
.col-3 .content { 
	width:260px; 
	padding:30px;
	}
.col-160 { width:160px; }