/* CSS - mbPixelated - Meera Tank */

/* TEMPLATES */
.polaroid_content {float: left; width: 740px; height: 580px; position: relative; top: 57px; left: 91px;}
section.landing_content { float: left;  position: relative; top: 70px; left: 90px; width: 740px; height: 140px; overflow: hidden; }
.polaroid_overlay { position: absolute; top: 0; left: 0; background: url('/images/polar-top.png');  width: 883px; height: 645px; }
.display_content { background-color:#000; position: relative; top: 50px; left: 50px; width: 800px; height: 600px;}
.display_content img {position: relative; width: 742px; height: 581px; top:5px; left:23px; }
.polaroid_bottom { position: absolute; top: 645px; left: 0; padding: 10px 0 0 72px; background: url('/images/polar-bottom.png');  width: 811px; height: 206px;}
section.polaroid_content2 {float: left; width: 740px;}

.text_content { position: absolute; top: 56px; left: 74px;  padding: 30px 50px; width: 642px; height: 520px; background: #000; overflow-x: hidden; overflow-y: auto; color: #fff;}
.text_content p {color: #fff; padding: 0 0 15px 0;}
.text_content h2 {color: #c00122; margin: 0 0 20px 0; text-align: left; text-transform: none;}
.text_content h2.contact, p.contact {color: #fff; margin: 0 0 20px 0; text-align: left; text-transform: none; font-size: 24px; line-height: 34px; font-weight: normal;}
.text_content a {color: #c00122;}
.red_contact {color: #c00122;}

ul.reviews_content {float: left;}
ul.reviews_content li {float: left; width: 630px; padding: 0 0 25px 0; }
ul.reviews_content p {color: #fff; padding: 0 0 10px 0;}
ul.reviews_content span {color: #c00122;}

ul.prices_list { float: left; width: 100%;  }
ul.prices_list li {float: left; width: 630px; }
ul.prices_list li h3 {color: #c00122;}

/* CONTACT */
ul.contact_form {float: left; width: 100%; }
ul.contact_form li {float: left; width: 100%; margin: 0 0 10px 0;}
ul.contact_form li label {float: left; width: 220px; text-align: left; padding: 0 15px 0 0; font-size: 18px;}
ul.contact_form li input {float: left; width: 396px; padding: 0px; font-size: 16px; color: #666; padding: 3px;}
ul.contact_form li textarea {float: left; width: 397px; padding: 0px; font-size: 16px; color: #666; padding: 3px; font-family: Trebuchet MS, Verdana, Arial; height: 60px;}
ul.contact_form li select {float: left; width: 405px; padding: 0px; font-size: 16px; color: #666; padding: 3px;}
a.btn_send { float: right; background: url('/images/btn-send.gif'); width: 131px; height: 34px;}
a:hover.btn_send { float: right; background: url('/images/btn-send.gif'); background-position: -132px 0; width: 131px; height: 34px;}
input.error, textarea.error { border:2px solid #F49AC1; }

/* GALLERY */

ul.thumbs 
{
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	position: relative; 
	left: 3px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	border: 1px solid #ccc;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}

ul.thumbs li.spacing {float: left; width: 5px; height: 3px; }


.pagination {float: right;  text-align: right; position: absolute; bottom: 75px; right: 68px;}
.previous { color: #fff; padding: 0 10px 0 0; background: #999; }
.pagin {color: #666; padding: 0 2px;}
.next {color: #fff; padding: 0 0 0 10px; background: #999;}

div.pagination a{
	float: left;
	margin-right: 2px;
	padding: 4px 7px 4px 7px;
	border: 1px solid #ccc;
	text-align: right;
}

div.pagination span.current {
	float: left;
	margin-right: 2px;
	padding: 4px 7px 4px 7px;
	border: 1px solid #ccc;
	text-align: right;
	background: #333;
	color: #fff;
}

.nav-controls { position: absolute; right:68px; top: 20px; }
.nav-controls a{color: #fff; padding: 4px 7px; color: #fff; border: 1px solid #ccc; background: #999; margin: 0 0 0 2px;}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.red_content {
color: #c00122;
}