html{
max-height: 100%;

}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	font: 12px verdana, helvetica, arial, sans-serif; 
	color: #555555;
	text-align: center;
	height: 100%;
	max-height:100%;
	/*overflow:auto;*/
	background: url(/images/bg.gif) 50% 0 repeat-y fixed;
	}

/* -------------------------------------------------- HEADER TAGS -------*/
h1 { /* Use these for the header on each box div throughout the site */
	font-size:125%;
	line-height: 100%;
	color:#364c87;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 7px 0px;
	}
	
h1.small { font-size:100%; font-weight: bold; text-transform: uppercase; }


	
.headpad { padding: 0 .7em; }

h2 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size: 110%;
	font-weight: normal;
	/*color: #364c87;*/
	}

h3 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size: 100%;
	font-weight:normal;
	color: #364c87;
	}

h4 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 12px;
	font-weight:400;
	color:#000;
	}

h5 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size: 11px;
	line-height: 11px;
	font-weight:900;
	color:#717171;
	}
	
h6 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size: 11px;
	line-height: 11px;
	font-weight:700;
	color:#333333;
	}

/* --------------------------------------------- PARAGRAPH and LINKS -------------- */	

p {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 95%;
	}


a {
	color: #364c87;
	text-decoration: underline;
	font-weight:normal;
	font-family:verdana, helvetica, arial, sans-serif;
	}

a:link {color: #364c87;}
a:hover {
	color: #666666;
	text-decoration:underline;
	}
a:visited {color: #364c87;}

a.button {
	padding: 2px;
	text-decoration: none;
	border:1px solid #ccc;
	background: #eee;
	}

a:hover.button { background: #ccc; }

.littlemarg { padding: 0 0 0 0; margin: 0 0 4px 0; }

/* --------------------------------- TEXT STYLES ------------------- */

	
.smalltext {
	font-size:9px;
	}

.smalltext2 {
	font-size:9px;
	color:#999999;
	}
	
.smalltext3 { /* Used on listings to show who it was listed by */
	margin: 0 0 0 0px;
}

.smalltext4 { /* Used on listings to show who it was listed by */
	font-size: 95%;
	color: #364c87;
	font-weight: bold;
}

.smalltext3-5 { /* Used on listings to show who it was listed by */
	font-size: 95%;
	color: #000;
	margin: 5px 0 0 20px;
	padding-top: 5px;
	clear: both;
}
	
.browntext {
	color: #9a5938;
	}
	
.bluetext {
	color: #6586be;
	font-size: 90%
	}
	
.orangetext {
	color: #bd6b49;
	}

small {font-size:9px;}

#title {
		margin:0px 0px 0px 150px;
		padding: 0px;
		}
		
.poweredby { font-size: 80%; }

	

/* ------------------------------------  LAYOUT and STRUCTURE ----------- */
	
#center {
	height: 100%;
	max-height:100%;
	min-height: 100%;
	width: 746px;
	margin: 0 auto;
	/*overflow:auto;
	width: 746px;
	margin: 0px auto 0px auto;
	background: url(/images/bg.gif) repeat-y;*/
	text-align:center;
	}
	
#frameborder {
	width: 746px;
	margin: 5px auto 0 auto;
	padding: 0;
	text-align:left;
	/*background: url(/images/bg.gif) repeat-y; */
	overflow:hidden;
	}
	
#header {
	padding: 0px;
	position: static;
	/*background: url(/images/logo-web.jpg) 50% 0 no-repeat;*/
	height: 109px; 
	width: 700px;
	border: 0px solid #000;
	margin: 0px auto 0px auto;
	}

#header img {
	display: block;
	margin: 0px; /* Setting the margin-top bumps down the entire #header div for some reason in Firefox! */
	padding-top: 5px;
	padding-left: 0px;
	}
	
#nav {
	display: block;
	width: 630px;
	height: 12px;
	border: 1px solid #ccc;
	margin: 10px auto 0px auto;
	overflow: visible;
	padding: 2px 0 2px 0;
	position: static;
	z-index: 9;
	background: #e7ecf5;
	}
	
#content {
	width: 630px;
	border: 1px solid #ccc;
	margin: 5px auto 5px auto;
	padding: 0;
	overflow-x: hidden;
	clear: left;
	position: relative;
	}

#contentholder {
	width: 456px;
	margin: 5px 0px 5px 5px;
	float: left;
	position: static;
	overflow: auto;
	z-index: 2;
	}
	
#contentholder2 {
	width: 456px;
	margin: 5px 0px 5px 0px;
	padding: 0;
	float: left;
	position: static;
	z-index: 2;
	}
	
#widecontentholder {
	margin: 5px 5px 5px 5px;
	position: static;
	overflow: auto;
	z-index: 2;
	}
	
#sidebuttons {
	width: 153px;
	margin: 0;
	padding: 0;
	float: right;
	border-left: 1px solid #ccc;
	}
	
#footer {
	width: 746px;
	height: 46px;
	font-size: 80%;
	text-align: right;
	margin: 2px auto 0px auto;
	/*background: url(/images/footerbg2.gif);*/
	}
	
#footer span { margin-right: 58px;}

#design {
	width: 746px;
	margin: -10px auto 10px auto;
	font-size: 80%;
	text-align: right;
	/*background: url(/images/designbg.gif);*/
	}
	
#design span { margin: 0px 19px 0px 0 ;}
	
	

/* ------------------------------------  HOME PAGE ----------- */

#featured {
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 5px 0px 5px 0px;
	}
	
#homeholder {
	/*overflow: auto;*/
	position: relative;
	min-height: 335px;
	_height: 335px;
	width: 630px;
	overflow-x: hidden;
	overflow-y: visible;
	}
	
#welcome {
	width: 456px;
	/*height: 273px;*/
	margin: 5px 5px 0px 5px;
	float: left;
	position: relative;
	z-index: 2;
	overflow-x:hidden;
	display: inline;
	}
	
#welcome img {
	float: left;
	margin: 0px 5px 0px 0px;
	z-index: 3;
	}
	
#buttons {
	position: absolute;
	top: 0;
	right:0;
	width: 153px;
	margin: 0;
	padding: 0;
	/*float: right;
	display: inline;*/
	border-left: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
	overflow: visible;
	}
	
	
html div#homeholder div#buttons {
	xheight: 285px !important;
}	
/*---------------------------------------------------------- FEATURED  ---------------------------*/
.featured-holder {
	padding: 0 0 0 17px;
	overflow: auto;
	}

.featured-column {
	display: block;
	float: left;
	padding: 0px;
	margin-bottom: 2px;
	width: 25%;
	font-size: 90%
	/*clear:left;*/
	}
	
.featured-column img {
	border: 1px solid #ccc;
	padding: 2px;
	width: 128px;
	height: 100px;
	}
	
/* ---------------------------------------------------- NAVIGATION -----------------*/	
		

	
#nav ul {
	padding: 0;
	margin: 0;
	padding-left: 2px;
	list-style: none;
	}
	
	
#nav a {
	display: block;
	text-decoration: none;
	font-size: 90%;
	z-index: 10;
	}
	
#nav li {
	float: left;
	}
	
#nav ul li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index: 10;
	}
	
	
	
#nav ul li a {
	margin: -2px 0px 0px 0px;
	text-decoration: none;
	color: #3a528b;
	padding: 2px 6px 2px 6px;
	}
	
#nav ul li:hover, #nav ul li a:hover {
	background: #fff;
	}

#nav ul li {
	display: block;
	border: 0px solid #000;
	text-align: center;
	z-index: 10;
	}

	
#nav ul li ul {
	position: absolute;
	width: 150px;
	left: -999px;
	padding-bottom: 1px;
	border: 1px solid #ccc;
	background: #efefef;
	z-index: 10;
	}	
	
	
#nav ul li ul li {
	width: 150px;
	text-align: left;
	z-index: 10;
	padding: 0;

	}
	

	
#nav ul li ul li a {
	display: block;
	text-align: left;
	width: 147px;
	margin: 1px 1px 0px 0px;
	padding: 2px 0 2px 2px;
	background: #fff;
	}

#nav ul li ul li a:hover {
	background: url(/images/bluebbg.gif);
	}
	
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}


/* ------------------------------------  BLUE BUTTONS ----------- */

#buttons ul {
	padding: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	}
	
#buttons ul li {
	display: block;
	text-align: left;
	margin: 0 0 4px 0;
	border: 0px solid #000;
	text-align: center;
	}

#buttons ul li.minusfour { margin: 0; padding: 0; }
	
#buttons ul li:hover {
	
	} 
	
#buttons a {
	display: block;
	text-align: left;
	text-decoration: none;
	padding-top: 0px;
	font-size: 90%;
	}
	
#buttons ul li a {
	text-decoration: none;
	height: 28px;
	width: 152px;
	color: #555555;
	background: url(/images/smallbuttonbg.png) no-repeat;
	}
	
#buttons ul li a:hover {
	text-decoration: none;
	color: #3a528b;
	background: url(/images/bigbuttonbg.gif);
	}


	
.tall { font-size: 18px; padding: 2px 10px 0 0; float: left; color: #3a528b;}

.norm { margin: 2px 0 0 0; float: left; }
.norm2 { margin: 8px 0 0 0; float: left; }
.line { height: 1px; width: 152px; background: #ccc; border: 0; margin: 0; max-height: 1px;}

/* ------------------------------------  BIG BLUE BUTTON ----------- */

#bigbutton { margin: 0; padding: 5px; text-align: center; border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc; }

#bigbutton ul{
	padding: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	}
	
#bigbutton ul li {
	display: block;
	text-align: center;
	margin: 0 0 0 0;
	padding:0;
	}
	
#bigbutton ul li a {
	display: block;
	min-height: 50px;
	width: 143px;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 85%;
	background: url(/images/bigbuttonbg.png) repeat;
	line-height:115%;
	margin-bottom: 0px;
	}
	
.blue { color: #364c87; }

#bigbutton ul li a:link { 
	color: #3a528b;
	}
	
#bigbutton ul li a:hover {
	text-decoration: none;
	color: #3a528b;
	background: url(/images/bigbuttonbg.gif);
	}

#bigbutton ul li:hover {
	height: 73px;
	
	}
	
/*---------------------------------------------------------- FORMS  ---------------------------*/
	
input {

	border: 1px solid #BFBFBF;
	color: #505967;
	background: #fff;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	}
	
input:hover {
	background: #fff;
	border: 1px solid #505967;
	color: #505967;
	font-size: 1em;
	}
	
input:focus {
	color: #000;
	border: 1px solid red;
	}
	
input .checkbox { border: 1px solid #BFBFBF;
	color: #505967; }
	
/** turn off the border on radio and checkboxes in IE                 **/
/** necessary because IE defines the border as a box around the radio **/
/** or the checkbox, not the actual button                            **/
input.radio {	
		color: #5B5C56;
		background-color: #FFFFFF;
		border:none; 
}

/** turn the border back on for radio and checkboxes for Mozilla based browser **/
/** necessary because these define the border as the actual radio or checkbox  **/
/** IE 5+ ignores this CSS 2 definition                                        **/

input[type="radio"], input[type="checkbox"] {	
	color: #336699;
	background-color: #FFFFFF !important;
	border:solid 1px #999999 !important;
}

textarea {
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.1em;
	border: 1px solid #BFBFBF;
	color: #505967;
	padding: 2px 5px 1px 5px;
	}

textarea:hover {
	background: #fff;
	border: 1px solid #505967;
	}
	
textarea:focus {
	color: #000;
	border: 1px solid red;
	}
	
select {
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.1em;
	border: 1px solid #BFBFBF;
	color: #949494;
	padding: 0px 0px 0px 0px;
	}
	
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row label.label {
  	float: left;
  	width: 30%;
	text-align: right;
	margin-right: 5px;
  }

div.row span.formw {
  float: right;
  width: 65%;
  text-align: left;
  }

div.row span.label {
  float: left;
  width: 30%;
  text-align: right;
	margin-right: 5px;
  }
	
	
	
span.warn {
	color: #FF6600;
	}

input.invalid {
  background-color: pink;
	}
	
strong.error, span.error {
  color: #CC0000;
	}

div label {
  display: block;
}


form#contactform span {
	color: #fff;
	padding-left: 5px;
	}
	
form#contactform span.warn {
	xcolor: #FF6600;
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}

input.invalid {
 	background: #fff6bf;
 	border: 2px solid #ffd324;
	}
	
strong.error {
  color: #CC0000;
	}
	
form#contactform span.error {
  xcolor: #CC0000;
	background: #fff6bf url(images/alert.png) center no-repeat;;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 2px 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
.errorlist {
	margin: 0;
	padding: 0;
	}
	
#error {
	margin-top: -10px;
	}
	
#error ul.errorlist, #error ul.errorlist li {
	margin-left: 0;
	}
	
li.errormessage {
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
div#column-left  ul.errorlist  li.errormessage {
	background: #fff6bf url(images/alert.png) center no-repeat; 
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}	


	
/* --------------------------------------------------- TEAM PAGE MARKUP  ----------------- */
.teamholder { 
	overflow: auto; 
	background: #e7ecf5; 
	padding 2px; 
	border-bottom: 1px solid #fff;
	}
	
.teamholderx:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.teamholder {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .teamholder{
 height: 1%;
}
.teamholder {
 display: block;
}
/* End hide from IE-mac */
	
.teampunch2 {
	padding:0px 0px 0px 0px;
	margin: 5px 10px 5px 5px;
	float: left;
	width: 85px;
	color: black;
	text-align: center;
	}
	
.teampunch2 img { width: 75px; border: 5px solid #fff; }

.teamtext { margin: 5px;}

.teampunch {
	padding:0px 0px 0px 0px;
	margin: 0px 10px 5px 0px;
	float: left;
	width: 200px;
	color: black;
	text-align: center;
	}
	
.teampunch img { width: 200px; }

.agentsearch {
	padding: 5px;
	display: block;
	overflow: auto;
	border: 1px solid #e7ecf5;
	}
	
.agentsearchx:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.agentsearch {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .agentsearch{
 height: 1%;
}
.agentsearch {
 display: block;
}
/* End hide from IE-mac */

.agentleft { float: left; }

.agentright { float: right; }

.wide { clear: both; width: 100%; }


/* --------------------------------------------------- LM PAGES MARKUP  ----------------- */

.listnav { float: right; }

/* --------------------------------------------------- SELL PAGE MARKUP  ----------------- */
#contact {
	width: 175px;
	/*height: 278px;*/
	margin: 10px 10px 0 0;
	padding: 0 10px 0 0;
	float: right;
	border-left: 0px solid #ccc;
	}
	
#sellcontentholder {
	width: 425px;
	margin: 5px 0px 5px 5px;
	padding: 0;
	float: left;
	position: static;
	overflow: hidden;
	xoverflow-y:visible;
	z-index: 2;
	}
	
/* ---------------------------------------------  CLEARFIX MARKUP --------------------------------------------------------*/
 /* 
This piece of code is for clearing
the floats without structural markup
Don't modify it
*/
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */

.clearboth {
	clear: both;
	height: 10px;
	width: 100%;
	}
	
/* ---------------------------------------------- SEARCH LISTING PAGES MARKUP -----------------*/

.floatright {
	float: left;
	margin: 1px 1px 5px 1px; /* Resolves an odd IE bug */
	clear: both;
	}

.search-listing-holder {
	width: 520px; 
	position: relative;
	height: auto;
	z-index: 15;
	position:static;
	margin: 0 0 0 20px;
	}

.search-listing-pic-thumb {
	width: 150px; 
	height: 117px;
	text-align: center;
	float: left; 
	display: inline; 
	padding: 0px; 
	margin: 0px 10px 0px 0px;
	}
	
.search-listing-pic-thumb img {
	border: 1px solid #ccc;
	padding: 2px;
	}

/*.search-listing-pic-thumb-pic {
	width: 92px; 
	height: 72px;
	text-align: center;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0;
	}

.search-listing-pic-thumb-pic img {
	width: 92px; 
	height: 72px;
	border: 1px solid #ccc;
	padding: 2px;
	}*/
	
	.search-span {
	height:30px;
	}

.search-specific-info {
	text-align: left;
	margin: 0 0 10px 0;
	}
.search-link {
	text-align: left;
	padding: 10px 0px 0px 0px;
	}
	
.search-link a { /* Added by RS to turn the search links blue */
	color: #364c87;
	text-decoration: underline;
	}
.search-link a:hover {
	color: #666666;
	}
.search-link a:visited {
	color: #364c87;
	}

.search-listed-by {
	font-size:10px;
	color:#999999;
	text-align: left;
	}
.search-stwmls {
	float: right;
	margin: 0px 20px 0px 0px;
	}
	
open-house-listing-pic-thumb-pic img {
	border: 1px solid #ccc;
	padding: 2px;
	}
	
/* ----------------------------------------------- LISTING PAGES MARKUP --------- */

#topholder {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
	}

#contactform {
	text-align:left;
	padding:0px 0px 0px 10px;
	}	

#contactform form {
	padding: 0px;
	margin: 0px;
}

	
.holder {
	margin: 0;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #ccc;
	
	}


#picsholder2 {
	float: left;
	width: 456px;
	margin: 0px 0px 0px 5px;
	overflow: hidden;
	border: 0;
	}
	
#placholder {
	margin: 0;
	padding: 0;
	}
	
#picsholder2 img {
	/*Uwidth: 456px;*/
	width: expression(document.body.clientWidth > 450? "450px": "auto" );
	height: expression(document.body.clientHeight > 352? "352px": "auto" );
	max-width: 450px;
	max-height: 352px;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0;
	}
	


	
#thumbholder2 {
	clear: left;
	/*float: left;*/
	width: 456px;
	margin: 10px 0px 10px 5px;
	padding-top: 5px;
	color: #dcdcd1;
	border: 0px solid #ccc;
	}
	
	
#thumbholder2 img {
	max-height: 56px;
	max-width: 75px;
	min-height: 56px;
	/*width: 75px;
	width: expression(document.body.clientWidth > 75? "75px": "auto" );*/
	height: expression(document.body.clientHeight > 59? "59px": "auto" );
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0;
	}

.listing-address {
	font-size:125%;
	color:#364c87;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
	text-transform: uppercase;
	}
	
.remarks {
	font-size: 95%;
	text-transform: none;
	}
	
.heading {
	font-size:100%;
	color:#364c87;
	font-weight: bold;
	text-transform: none;
	}
	
.description {
	font-size:100%;
	color:#364c87;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.listinfo {
	font-size: 95%;
	padding: 0 0 0 5px;
	/*text-transform: uppercase;*/
	}
.listinfo span strong { 
	font-weight: bold;
	}

.toplistinfo {
	float:left;
	width: 30%;
	font-size: 95%;
	text-transform: uppercase;
	margin-left: 5px;
	}

.toplistinfo2 {
	float:left;
	width: 30%;
	font-size: 95%;
	text-transform: uppercase;
	}
	
.toplistinfo3 {
	float:left;
	width: 30%;
	font-size: 95%;
	}
	
.toplistinfo4 {
	float:left;
	width: 25%;
	font-size: 95%;
	text-transform: uppercase;
	margin-left: 5px;
	}

.toplistinfo5 {
	float:left;
	width: 35%;
	font-size: 95%;
	text-transform: uppercase;
	}
	
.column	{
	width:15px;
	float: left; 
	display: inline;
	}
	
.listdetailtopleft {
	width: 45%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
	border: 0px dashed #000000;			
	}
	
.listdetailtopright {
	width: 47%;
	float: right;
	border: 0px dashed #000000;			
	}
	
/* --------------------------------- MLS FOOTER MARKUP  ------- */

.mlsfooterholder {
	margin: 0;
	padding: 10px 5px 10px 5px;
	border-bottom: 0px solid #ccc;
	
	}

#mlspunch {
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
	float: left;
	width: 65px;
	height:40px;
	color: black;
	text-align: left;
	border:0px;
	}
#mlspunch img{
 	border:0px;
	padding: 0px;
	margin: 0px;
	width:65px;
	height:40px;
	}
	
/*--------------------------------------------------------- CALCULATOR ----------------------------------*/
#popup {
	margin: 0px auto 0px auto;
	width: 200px;
	}

#calculator {
	width: 200px;
	margin: 0px auto 0px auto;
	}
	
.calctext {
	clear:left;
	align:right;
	font-weight: bold;
	}
	
div.row label.label2 {
  float: left;
  width: 45%;
  text-align: right;
	margin-right: 5px;
  }

div.row span.formw2 {
  float: right;
  width: 50%;
  text-align: left;
  }
	
/*--------------------------------------------------------- IMAGE PUNCH ----------------------------------*/

/*This controls the punch out sections for the images*/

.punch2 {
	border: 0px solid #ccc;
	padding: 0 0 5px 5px;
	float: right;
	margin: 12px 6px 0 5px;
	width: 200px;
	text-align: left;
	}

.punch2 img {
	border: 1px solid #ccc;
	width: 200px;
	padding: 2px 2px 2px 2px;
	}


/*This controls punch out picture comments*/
.punch2 p {
	font-size: 80%;
	margin: 2px 0px 0px 0px;
	padding:0px 2px 0px 0px;
	}
	
.punch2 a:link { }

.punch2 a:visited { }

.punch2 a:hover { }


.punch3 {
	border: 0px solid #ccc;
	padding: 0 5px 5px 0;
	float: left;
	margin: 12px 5px 0 0;
	width: 200px;
	text-align: left;
	}

.punch3 img {
	border: 1px solid #ccc;
	width: 200px;
	padding: 2px 2px 2px 2px;
	}


/*This controls punch out picture comments*/
.punch3 p {
	font-size: 80%;
	margin: 2px 0px 0px 0px;
	padding:0px 2px 0px 0px;
	}
	
.punch3 a:link { }

.punch3 a:visited { }

.punch3 a:hover { }