/***************************************************************************/
/* CSS of SimpleFolio - Personal Internet Portfolio
/* By: Firnovion
/* Profile: http://www.themeforest.net/user/firnovion
/***************************************************************************/

/* general style */

/* for all tags */

* {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	color:#555555;
}
html {
	height: 100%;

}
body {
	background:#000000 url(images/) no-repeat bottom left;
	margin:0 auto;
	text-align:center;
	font: 12px Verdana, Arial, sans-serif, Helvetica;
	line-height: 2.0em;
	height: 100%;
	background-attachment:fixed;
}

/* padding */

.pad {
	padding:10px;
	margin:0 auto;
}
.clear {
	clear:both;
}
.space {
	height:20px;
	clear:both;
}

.center {
	text-align:center;
	margin:0 auto;
}

/* tables */

table {
	margin:0 auto;
	width:85%;
	position:relative;
}
th {
	padding:3px;
	background:#333333 url(images/s1.png) repeat-x bottom center;
	background-image: none;
	text-transform: uppercase;
	color:#ffffff;
}
td{
	padding:1px;
	color:#555555;
	border:1px solid #000;
}
td.a{
	background-color:#333333;
}
td.b{
	background-color:#E5E5E5;
	border-top: 1px dotted #d5d5d5;
	border-bottom: 1px dotted #d5d5d5;
}
td:hover{
	border:1px dotted #FF0099;
}

td td:hover{
	border:0px dotted #FF0099;
}

/* sorted list */

ol {
	text-align:left;
	color: #555555;
}
ol li {
	margin:10px 10px 10px 35px;
}
ol li li{
	list-style-type: lower-alpha;
	margin:10px 10px 10px 35px;
	font-style:italic;
}

/* list */

ul {
	text-align:left;
	color: #555555;
}
ul li{
	list-style-type: disc;
	margin:10px 10px 10px 35px;
}
ul li li{
	list-style-type: Square;
	margin:10px 10px 10px 35px;
}

/* text */

p {
	text-align:left;
}
blockquote{
	margin-left: 40px;
	padding: 10px;
	border-left: 5px solid #FF0099;
	font-style:italic;
	text-align:left;
	}

/* headers */

h1 {
	font: 28px Verdana, Helvetica, Arial;
	margin: 15px 0px 20px 0px;
	padding:3px 0px 3px 0px;
	color: #333333;
	text-align:left;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
}
h2 {
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	color: #333333;
	text-align:center;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	font-size: 14px;
}
h3 {
	font: 18px  Verdana, Helvetica, Arial;
	margin: 15px 0px 15px 0px;
	color: #333333;
	text-align:left;
	border-bottom:1px dotted #FF0099;
	padding-bottom: 5px;
	font-family:"Trebuchet MS";
}
h4 {
	font: 16px  Verdana, Helvetica, Arial;
	margin: 15px 10px 15px 0px;
	color: #FF0099;
	text-align:left;
	font-family:"Trebuchet MS";
}	

/* icons */

.icon {
	border:0px;
	background-color:#ffffff;
	vertical-align:middle;
}

/* header void */

#header_void {
	height: 10px;
	width: 100%;
	background-color:#333333;
}

/* featured */

#featured_zone {
	width: 100%;
	margin:0 auto;
	text-align:center;
	background:#333333 url(images/mainbg.png) repeat top center;
	overflow:auto;
	display:block;
}
#featured_zone .center {
	margin: 0 auto;
	width: 900px;
	text-align:center;
	overflow: auto;
}
#featured_zone .left {
	float:left;
}

/* menu controls */

#menu {
	margin:0 auto;
	width: 800px;
	height: 200px;
	text-align:center;
}
#menu  a{
	border:0px;
	font-style: normal;
}
#menu  img{
	border:0px;
}
#menu ul {
	float: right;
	margin:0px auto;
	list-style:none;
}

/* central zone */

#central {
	margin:0 auto;
	width: 900px;
	overflow: visible;
	margin-bottom: 15px;
	padding:10px;
	text-align:center;
}

/* 3 colums */

.colum_3 {
	width:33%;	
	text-align:center;
	float:left;
	margin:0 auto;
}
.colum_3 h2 {
	text-align:center;
}
.colum_3 p {
	color:#333333;
	padding:10px;
	text-align:center;
	}
	
.colum_3 .logo {
	margin:0px 10px 0px 10px;
	border:0px;
	position:relative;
	vertical-align:middle;
}
.colum_3 .right {
	float:right;	
}
.plink:link {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
}
.plink:visited {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
}
.plink:hover {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
	text-decoration:underline;
}
.selected:hover, .selected:link, .selected:visited {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
	text-decoration:underline;
}

/* content */

#content {
	overflow: auto;
	display:block;
	clear:both;
	width:100%;
	border-top: 5px solid #333333;
	border-bottom: 5px solid #333333;
	background-color: #ffffff;
}
#content  p{
	padding:10px;
	margin:0 auto;
	text-align: justify;
	color: #555555;
}
#content  h2{
	border-bottom: 1px solid #f5f5f5;
}
#content img {
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	float:left;
	margin:10px;
}
#content iframe {
	width:90%;
	padding:5px;
	border:1px solid #cccccc;
	background-color:#444;
	margin:10px;
	color: #DDD;
}
.portfolio {
	width:92%;
	height: 150px;
	position:relative;
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
}

/* lightbox class style */

.lightbox:link {
	border:0px;
}
.lightbox:visited {
	border:0px;
}

.lightbox:hover {
	border:0px;
}

/* 2 colums - 66% -33% */

.colum23 {
	width:66.6%;
	float:left;
}
.colum13 {
	width:33.3%;
	float:left;
}

.colum13 img:hover {
	cursor:pointer;
}

/* 2 columns - 50% 50% */

.colum2{
	width:50%;
	float:left;
}

/* footer zone */

#footer {
	margin:0 auto;
	width: 810px;
	height: 80px;
	overflow: auto;
	display:block;
}
#footer a , a:visited{
	font-size: 10px;
	color:#999999;
	font-style:normal;
	text-decoration:none;
}
#footer a:hover{
	color:#336699;
}
#footer  div{
	text-align:center;
	margin:0 auto;
	margin: 9px 15px 0px 15px;
	font-size: 10px;
	color:#999999;
}





/* services */

li.service {
	margin: 10px 10px 10px 40px;
	list-style-image: url(images/tic.png);
}

/* featured effects */

.boxgrid h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 200px; 
				height: 160px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 5px #333333; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid h3 {
					color:#ffffff;
					border-bottom:1px dotted #FF0099;
					margin-bottom: 10px;
					font-family:Georgia, "Times New Roman", Times, serif;
				}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#dddddd; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			/*.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}*/
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0px;
 				}
				
			.boxgrid h3 a{}
			
			.boxgrid  a:hover{
				color:#FF0099;
			}


/* general links */

a:link {
	font: 12px Verdana, Helvetica, Arial;
	color: #555555;
	text-decoration:none;
	border-bottom:0px;
	font-style: italic;
	line-height: 2.0em;
}
a:visited {
	font: 12px Verdana, Helvetica, Arial;
	text-decoration:none;
	color: #555555;
	line-height: 2.0em;
}
a:hover {
	font: 12px Verdana, Helvetica, Arial;
	text-decoration:underline;
	font-style: normal;
	color:#336699;
	line-height: 2.0em;
}
/* *** This is internal css for Open-Realty */

.field_caption{

	font-weight:bold;

}

.searchpage_field_caption {

font-weight:bold;

text-align:right;

}

.searchpage_field_caption_row {

font-weight:bold;

text-align:right;

}

.lat_long_header{font-size:12px;}

.view_image {

	text-align:center;

}



.image_caption {

	font-size:16px;

	font-weight:bold;

}

.view_user {

 padding-left:5px;

}

.view_user_user_name {

	font-size:14px;

	font-weight:bold;

}

.view_user_user_images {

	float:left;

}

.view_user_user_info {

	float:left;

	padding-left:10px;

}

.view_user_user_hitcount {

	clear:both;

}

.view_user_user_box {



}

.no_results { color:red; margin-top:10px;}

/* *** Generated by www.csscreator.com *** */

/* THIS IS SECTION IS FOR VERTICAL MENU */



.search_results

{

	width:100%;

}

.result_row_0	{ background-color: #333333; }

.result_row_1	{ background-color: #000000; }

.view_users { width:100%; }









 /*printer styles*/

@media print{

	/*hide the left column when printing*/

	#leftcol{display:none;}

	#outer{border-left:0;}

}







/* THIS CONTROLS THE TABLES DISPLAYED BY PAGES GENERATED BY THE PAGE EDITOR */

table.page_display

{

	border: 3px;

}

td.page_display

{

	width: 100%;

	vertical-align: top;

}

/* THIS CONTROLS THE TABLES DISPLAYED IN THE ADMIN */

table.admin_main

{

	border: 3px;

	width: 100%;

}

td.admin_main

{

	width: 100%;

	vertical-align: top;

}

/* THIS CONTROLS THE ROW COLORS */

td.row1_0	{ background-color: #009900; }

td.row2_0	{ background-color: #CCFFCC; }

td.row3_0	{ background-color: #99CC99; }

.adminListingLeft_0 {

	color: #FFFFFF;

	background-color : transparent;

}

/* LISTING BROWSE PAGE NAVIGATION WIDGET 'next_prev()'display stuff  */



.browse_tool_table {

	background-color: silver;

	width:100%;

	font-size: 11px;

	text-decoration: none;

	color: black;

}

.browse_tool {

	background-color: silver;

	font-size: 11px;

	text-decoration: none;

	color: black;

}

.browse_tool_num {

	color: #336699;

}



.browse_tool_button A {

	background-color: silver;

	font-size: 10px;

	line-height: 10px;

	text-align: center;

	BORDER-COLOR: #000000;

   	BORDER-STYLE: outset;

 	BORDER-WIDTH: 1px;

	font-weight: bold;

	text-decoration: none;

	color: #000000;

	width: 82px;

	height: 18px;

	display: block;

}



.browse_tool_button A:visited {

	color: #000000;

}



.browse_tool_button A:hover {

	color: #FFFFFF;

	BORDER-STYLE: inset;

	width: 82px;

	height: 18px;

}



.browse_tool_ghost {

	font-size: 10px;

	line-height: 10px;

	color: #aaaaaa;

	text-decoration: none;

}





.browse_tool_curpage {

	BACKGROUND-COLOR: #132975;

	color: #FFFFFF;

	width: 24px;

	height: 20px;

	display: block;

	text-align: center;

}



.bt_pages {

	font-family: verdana, arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #D1DEE9;

	text-decoration:none;

	font-size: 10px;

	vertical-align: middle;

	color:	#000000;

}



bt_pages_ghost{

	color:	#aaaaaa;

	text-decoration:none;

}



A.bt_pages{

	color:	#000000;

	width: 24px;

	height: 20px;

	display: block;

	text-align: center;

}



A.bt_pages:visited{

	color: #000000;

}



A.bt_pages:hover{

	color:#FFFFFF;

	background: #132975;

}

/* LISTING PAGE DETAILS 'listing_next_prev'  */

.next_prev_listing { margin: 2em 0 2em 3em;  border: 1px solid #a9a9a9; width: 40em; text-align: center; }

.next_prev_listing ul { margin: 1.5em auto; }

.next_prev_listing li { display: inline; padding: .5em 1em; list-style-type: none; }

.count, .listing_xy { width: 100%; background-color: #dcdcdc; clear: both; padding: .5em 0; }

/* css for tabbed pages */

.dynamic-tab-pane-control.tab-pane {

	position:	relative;

	width:		100%;		/* width needed weird IE bug */

	margin-right:	-2px;	/* to make room for the shadow */

}

.dynamic-tab-pane-control .tab-row .tab {

	width:				70px;

	height:				16px;

	background-image:	url( "{template_url}/images/tab.png" );

	position:		relative;

	top:			0;

	display:		inline;

	float:			left;

	overflow:		hidden;

	cursor:			Default;

	margin:			1px -1px 1px 2px;

	padding:		2px 0px 0px 0px;

	border:			0;

	z-index:		1;

	font:			11px Tahoma;

	white-space:	nowrap;

	text-align:		center;

}

.dynamic-tab-pane-control .tab-row .tab.selected {

	width:				74px !important;

	height:				18px !important;

	background-image:	url( "{template_url}/images/tab.active.png" ) !important;

	background-repeat:	no-repeat;

	border-bottom-width:	0;

	z-index:		3;

	padding:		2px 0 0px 0;

	margin:			1px -3px -3px 0px;

	top:			-2px;

	font:				11px Tahoma;

}

.dynamic-tab-pane-control .tab-row .tab a {

	font:				11px Tahoma;

	color:				Black;

	text-decoration:	none;

	cursor:				default;

}

.dynamic-tab-pane-control .tab-row .tab.hover {

	font:				11px Tahoma;

	width:				70px;

	height:				16px;

	background-image:	url( "{template_url}/images/tab.hover.png" );

	background-repeat:	no-repeat;

}

.dynamic-tab-pane-control .tab-page {

	clear:			both;

	border:			1px solid rgb( 145, 155, 156 );

	background:		#ffffff;

	z-index:		2;

	position:		relative;

	top:			-2px;

	font:				11px Tahoma;

	color:				Black;

	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)

					progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);

	/*244, 243, 238*/

	/* 145, 155, 156*/



	padding:		10px;

}

.dynamic-tab-pane-control .tab-row {

	z-index:		1;

	white-space:	nowrap;

}

/* contact form */

form {
	margin:0 auto;
	width: 80%;
	text-align:left;
	background-color: #222;
}
label {
	padding:10px;
	margin:0 auto;
	margin:5px 0px 0px 0px;
	text-align: left;
	font-size: 14px;
	color:#336699;
	clear:both;
}
input {
	width: 200px;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	clear:both;
	margin:10px 0px 10px 0px;
	border:1px solid #cccccc;
	background: #FFF;
	color:#000;
}
input:focus {
	background: #ffffff url() repeat-x top center;
}
textarea{
	width: 400px;
	height: 140px;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	clear:both;
	margin:10px 0px 10px 0px;
	border:1px solid #cccccc;
	color:#FFFFFFF;
}
textarea:focus {
	background: #333333 url() repeat-x top center;
}

/* submit button */

#submit {
	width: 100px;
	height: 30px;
	background: #000;
	border:thick dotted #EEE;
	cursor:pointer;
	clear:both;
	float:right;
	margin-right:6.5%;
	font-weight: bold;
	color: #EEE;
}
#submit:hover {
	background: transparent url(images/b_contact_h.png) no-repeat top center;
}

/* services */

li.service {
	margin: 10px 10px 10px 40px;
	list-style-image: url(images/tic.png);
}