/* ============== top slider section ======================= */

.mid-wrapper{ background:#FFF url(images/bg-mid.gif) repeat-x 0 -70px; text-align:left; 
}
.feature-img {
	border: 10px solid #e6e6e6;
	xposition: absolute;
	xleft: 20px;
	xtop: 20px;
	xfloat: none;
}
.topPost {
	font-size:9pt;
	margin:0!important;
	xheight:380px;
	padding:0;
	position:relative;
	text-align:left;
	xwidth: 660px;
	xborder: solid 1px green;
}
/*.topPost a img {
	border: 10px solid #FFFFFF;
	position: absolute;
	left: 20px;
	top: 30px;
	float: none;
}*/
.topTitle {
	margin: 0px;
	padding: 0 0 5px 0;
		width: 300px;

}
.topPost h2.topTitle a {
	font-size: 16px !important;
	font-weight: bold;
	color: #777 !important;
	margin-top: 0px;
	padding-top: 0px;
	text-transform: uppercase;
}
.topPost h2.topTitle a:hover { 
	color: #567488;
}

.topPost p.topMeta {
	color:#111;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	border-bottom:2px solid #CCCCCC;
	font-size:11px;
	padding-bottom:10px;
}
.topPost p.topMeta a {
	text-decoration: none;
	color: #777;
	padding-right: 0px;
	padding-left: 0px;
}
.topPost p.topMeta a:hover {
	color: #567488;
	text-decoration: underline;
}
/*
.topPost div.topContent {
	color:#FFFFFF;
	font-size:100%;
	padding:0 20px;
	xmargin:15px 60px 15px 0 !important;
	margin:0px 0px 0px 0 !important;
	text-align:left;
	width: 550px!important;
	font-family: Arial;
}
*/

div.topContent {
	xborder: solid 1px red;
	color:#FFFFFF;
	font-size:100%;
	xpadding:0 35px;
	xmargin:15px 60px 15px 0 !important;
	margin:0px 0px 0px 0 !important;
	text-align:left;
	xwidth: 900px !important;
	font-family: Arial;
}

.topPost .the_excerpt {
	font-size: 85%!important;
	color: #fff;
	font-family: Arial;
	width: 300px;
	padding-top:10px;
}

.topPost .more {
	font-size: 11px;
	text-transform: uppercase;
	font-weight:bold;
}

.topPost-right {
	xfont-size: 100%!important;
	xcolor: #fff;
	xmargin: 30px 0!important;
	xmargin: 0px 0!important;
	xfloat: right!important;
	xwidth: 500px!important;
	xfont-family: Arial;
}


.topPost div.topContent a {
	text-decoration: none;
	color: #999;
}
.topPost div.topContent a:hover {
	text-decoration: underline;

}
.topPost div.topContent ul, .topPost div.topContent ol { padding: 0 0 0 30px; }
.topPost div.topContent ul li, .topPost div.topContent ol li { color: #444; }
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
	font-size: 9pt;
	font-style: italic;
	margin-right: 0px;
	color: #fff;
	margin-bottom: 5px;
	display: block;
	background-color: #E9E9E9;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
}
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover { background: #040404; }
.topPost span.topComments a {
	color: #5e0000;
	background: url(images/comments.gif) left no-repeat;
	padding-left: 20px;
	line-height: 27pt;
	vertical-align: middle;
}
.topPost span.topMore a {
	color: #1F1910;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #FFFFFF;
	font-size: 85%;
	display: block;
}

.topPost span.topTags em {
	background: url(images/tags.gif) left no-repeat;
	padding-left: 20px;
	line-height: 27pt;
	vertical-align: middle;
	color: #0a0a0a;
	display: inline;
}
.topPost span.topTags a {
	color: #567488;
	line-height: 27pt;
	vertical-align: middle;
}
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
	color: #bfedff !important;
	text-decoration: none;
}
/* ========================== SLIDER ======================= */

#slider{
	margin-top: 18px;
}
#page {
	margin:0 auto;
	width:960px;
	xwidth: 100%;
	position:relative;
	background: transparent url(images/bg-glow2.png) no-repeat scroll center 0;
}

.featured {
	background-image: url(images/Featured.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	height: 101px;
	width: 104px;
	xleft: 856px;
	top: 0;
}

/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
margin:20px auto 0;
padding:0 0 8px 12px;
xwidth:660px;
height: 55px;
background-color: #cccccc;
}

#flowtabs  ul{
xheight:50px;

}

#flowtabs li { 
	float:left; 
	margin:4px; 
	padding:8px 0px 0px 0px; 
	text-indent:0; 
	list-style-type:none;
	position:relative;
}

/* a- tag inside single tab */
#flowtabs li a {
	background:#EEEEEE none repeat scroll 0 0;
	color:#000000;
	display:block;
	font-size:12px;
	height:44px;
	margin:0 !important; 
	padding:0 !important; 
	text-align:center;
	text-decoration:none;
	width:54px;
	outline: none!important;
	/* font decoration */
	color:#000; 
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	
}

#flowtabs img { border:2px solid #999; 	 }
#flowtabs img a { margin:0 !important; 
	padding:0 !important; 	 }
 
/* mouseover state */
#flowtabs a:hover 		{  }
#flowtabs a:hover  img	{ border:2px solid #fff; 	 }


/* currently selected tabs */
#flowtabs a.current		{ cursor:default;  }
/* #flowtabs a.current	img { border:2px solid #016bac; } */
#flowtabs a.current	img { border:2px solid #016bac;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	 }

#flowtabs a.current span { background:transparent url(images/arrow-dwn.png) no-repeat scroll center top;
							border:medium none;
							display:block;
							height:10px;
							position:absolute;
							top:-5px;
							left:0;
							width:50px;
}

/* panes */
#flowpanes {
	width:800px;
	xwidth: 660px;
	xheight:330px;	
	xheight: 400px;
	margin: auto;
}

.shortFlowpanes { height: 360px; }
.tallFlowpanes { height: 420px; }


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	xmargin: 0 20px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2, #flowpanes div h2 a {

}

#flowpanes a {
	color:#4A769F;	outline: none!important;	
	
}

#flowpanes p, #flowpanes samp {
	color:#777;	
	letter-spacing:0.00em;
    line-height:1.6em;	
	
}

#flowpanes div.narrow {
	padding-right:160px;		
}

/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:900px;
	cursor:pointer;
	font-size:14px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}


#flowpanes embed, #flowpanes object {

width:900px!important;
height: 325px!important;
}

.prev a, .next a{

outline: none!important;
}

.prev, .next{
background: transparent url(images/nav-arrows.png) no-repeat 0 0; 
border:none;
text-indent:-9999px;
outline: none !important;
}
.next, next a{
display:block;
width:32px;
height:66px;
position:absolute;
xposition: relative;
top:150px;
xtop: -290px;
right:0px;  /* Was set as 10px */
xright:-660px;
background-position:-45px 0;
outline: none !important;
}

/*.next:hover{
background-position:-45px 0;

}*/
.next:focus{
outline: none !important;

}

.prev{

display:block;
width:32px;
height:66px;
position:absolute;
xposition: relative;
xtop: -220px;
top:150px;
xleft:-32px;
left: 32px;
background-position:0 0;
azimuth:
}


.thumb-image{
width:50px;
height:40px;

}

/*.prev:hover{
background-position:0 0;
}
*/

.pane-hide{
padding:0!important;
}

#BtmWrap {
	
	xborder-top:1px solid #FFFFFF;
	xborder-bottom:1px solid #000000;
	padding:0;
	text-align:left;
	width: 900px;
}
#BtmContent{
	background:transparent url(images/bg-glow2.png) no-repeat scroll center 0;
	xborder-left:#333 solid 1px;
	xborder-right:#000 solid 1px;
	padding:0 0 50px;
	xwidth: 660px;
}

#BtmContent .cat_nav {
	xmargin: 0 !important;
	float: left;
	text-align: left;
	xwidth: 660px;
}

#BtmContent .cat_nav ul {
	margin: -1px 0px 0px 0px !important;
	float: left;
}

#BtmContent .cat_nav  h3{
	background-image:url(images/galleries-categories.png);
	background-repeat:no-repeat;
	display:block;
	height:40px;
	margin-top:15px;
}
#BtmContent .cat_nav a {
xborder-bottom:1px solid transparent;
xborder-left:1px solid transparent;
xborder-right:1px solid transparent;
color:#777;
display:block;
font-size:11px;
letter-spacing:0.1em;
padding:10px 20px 10px ;
text-transform:uppercase;
xtext-shadow:1px 1px 1px #000000;

}

#BtmContent .cat_nav a:hover { 
xbackground:#324F9B;
background: #016bac;
color:#FFFFFF;
}

#BtmContent li.current-cat {
margin: 0px 0 0!important;
}

#BtmContent li.current-cat a {
background:#cccccc none repeat scroll 0 0;
xborder-bottom:1px solid #FFFFFF;
xborder-left:1px solid #FFFFFF;
xborder-right:1px solid #FFFFFF;
xcolor:#8DC63F;
xcolor: #000000;
color: #016bac;
margin: 0px 0 0!important;
xtext-shadow: 1px 1px 0px #fff;
font-weight:bold !important;	

}

#BtmContent li.current-cat a:hover { 
xbackground:#E6E6E6 none repeat scroll 0 0;
xcolor:#4A769F;
color: #ffffff;

}

#BtmContent .cat_nav li { 
	display:inline;
	float:left;
	margin:0;
}

/* override the root element to enable scrolling */ 
.portImages { 
    position:relative; 
    overflow:hidden; 
    width:650px;
    height: 400px; 
    float: left;
} 
 
/* our additional wrapper element for the items */ 
.portImages .portItems { 
    width:20000em; 
    position:absolute; 
    clear:both; 
} 

.portImages.active {
}


/* override single pane */ 
.portItems img { 
    float:left; 
    width:650px;
    cursor:pointer; 
    margin: 0px;
} 

/* override the root element to enable scrolling */ 
.zportImages { 
    position:relative; 
    overflow:hidden; 
    clear:both; 
} 
 
/* override single pane */ 
.zportImages div { 
    float:left; 
    display:block; 
    width:670px; 
    cursor:pointer; 
    font-size:14px; 
} 
 
/* our additional wrapper element for the items */ 
.zportImages .zportItems { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
}