/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */


/*							  Miscellaneous
===========================///////////////////-===========================*/

/* Accessibility */
#accessibility {
	overflow: hidden;
	width: 0;
	height: 0;
	display:none;}

/* Wrapping */
.wrapper_full { width:100%; margin:0 auto;}
	.wrapper  { width:970px; margin:0 auto;}
	

/* Set some default styles for Float, Width, Separator and TextAlight */
.floatleft { float:left; }
.floatright { float:right; }

.width16  { width: 15%; } /* Propotion 1/6 */
.width20  { width: 20%; } /* Propotion 1/5 */
.width25  { width: 24.2%;  } /* Propotion 1/4 */
.width33  { width: 32.6%; } /* Propotion 1/3 */
.width50  { width: 49%; } /* Propotion 1/2 */
.width75  { width: 74.5%; } /* Propotion 3/4 */
.width100 { width: 99%; } /* Propotion 1/1 */

/* This are for User 1 - 3 and User 4 - 6  Modules*/
.width1_user { width: 32.1%; } /* Propotion 1/3 */
.width2_user { width: 48.9%; } /* Propotion 2/3 */
.width3_user { width: 100%; } /* Propotion 3/3 */

/* This are for Content 1 - 2 and Content 3 - 4  Modules*/
.width1_content { width: 48.9%; } /* Propotion 1/1 */
.width2_content { width: 100%; } /* Propotion 1/2 */


.separator { margin-right:10px; }

.aligncenter { text-align:center;}
.alignright  { text-align:right;}

.padding { padding:10px}



/*
					              Header 
===========================///////////////////-===========================*/

	#header_inside {
		background:#fff url(../images/header_inside.png) repeat-x top;
		clear:both}
		
	#header_shadow {
		background:url(../images/header_shadow.png) no-repeat top;}
		
			#header_inside .padding {
				padding:45px 0 10px;
				position:relative;
				overflow:hidden}
				
	#header_inside .moduletable  {
		padding-bottom:15px}
	
/* Header Top */
#header-top {
	background:url(../images/header_top.png) repeat-x top;
	height:36px;	
	color:#ccc;}
	#header-top .wrapper {
		position:relative;}
	
	#header-top_c {
		text-align:center;
		background:url(../images/header_top_c.png) repeat-x center;
		height:34px;
		margin-top:35px;
		margin-bottom:-34px}
		
		#header-top_l {
		background:url(../images/header_top_l.png) no-repeat left center;
		height:34px;
		padding-left:20px}
	
	#header-top_r {
		background:url(../images/header_top_r.png) no-repeat right center;
		height:34px;
		padding-right:18px}


/* Header Modules */
#header .icemodule { } 
	#header .icemodule h3 {}
	
#header	.moduletable {}
	
	#header	.moduletable h3 {
		font-size:1.4em;
		margin:0;
		padding:0}
	
	
/* Logo */
#logo {
	width:275px;
	margin:0 auto}
	#logo img {
		float:none;
		margin:-18px 0 0}					


/* Font Switcher */
#fontswitcher {
	margin:5px 0 0 19px;
	position:relative;
	overflow:hidden;
	float:right;}

#fontswitcher ul {
	float:left;
	margin:0} 
	#fontswitcher ul li {
		list-style-type:none;
		float:left;}	
		#fontswitcher ul li a {
			text-align:center;
			width:15px;
			height:25px;
			margin-right:2px;
			display:block;}
			#fontswitcher ul li a:hover { border-bottom:none}
			#fontswitcher ul li.largefont a {  background:url(../images/font_large.png) no-repeat top}
			#fontswitcher ul li.normalfont a {  background:url(../images/font_normal.png) no-repeat top}
			#fontswitcher ul li.smallfont a {  background:url(../images/font_small.png) no-repeat top }	
			
				#fontswitcher ul li.largefont a:hover{  background-position: bottom}
				#fontswitcher ul li.normalfont a:hover{  background-position: bottom}
				#fontswitcher ul li.smallfont a:hover{  background-position: bottom }	


/* Date Module 
-----------------*/
p#icedate {
	margin:0;
	font-size:.9em;}
	
	p#icedate span { padding:0 3px}

	
/* RSS Feeds 
-----------------*/
#rss-module {
	margin:4px 0 5px 15px}
	
	#rss-module a {
		display:block;
		width:25px;
		height:25px;
		background:url(../images/rssmodule.png) no-repeat center}
		#rss-module a span {
			display:none}	



	
	
/*===========================///////////////////-===========================
					              Content 
===========================///////////////////-===========================*/

/* UserArea
-----------*/
#userarea {
	padding:10px 0 0;
	height:60px;
	background:url(../images/userarea.png) no-repeat bottom center}
	
	

/* Promo
------------*/
#promo {	
	clear:both;
	position:relative;
	overflow:hidden;
	padding-top:5px;}
	
	

/* Genral Decoration
---------------------*/	
#content_gradient_t  {
	background:url(../images/content_gradient_t.png) repeat-x top; 
	margin-top:-73px;}


#content_shadow_b {
	background:url(../images/content_shadow_b.png) no-repeat center bottom;}

#content_gradient_b  { 
	background:url(../images/content_gradient_b.png) repeat-x bottom;}

	#content_t { 
		background:url(../images/content_t.png) no-repeat center top;
		margin:20px auto 0;
		height:325px;}
		#content_t_padding {
			padding-top:50px}
			
	
	#content_b { 
		background:url(../images/content_b.png) no-repeat center bottom;
		margin:-24px auto 0;
		height:274px;}
		
	#content_shadow {
		background:url(../images/content_shadow.png) repeat-y center;}
	
	
#content { 
	clear:both;
	position:relative;
	min-height:80px;
	overflow:visible;}
	
	#content_inside {
		margin:-290px auto 0;
		position:relative;}
		#content_inside_2 {
			margin-bottom:-295px;
			overflow:hidden;}
	
	
	 
/* Some modules variations that we used to display our Joomla Modules  */
.icemodule h3 { font-size:1.2em; font-weight:bold; padding:0; margin:0 0 8px }
	
	
/* Moduletable Modules on Content only */
	#content .moduletable,
	#header_inside .moduletable {
		margin:0;}
		
		#content .moduletable_r,
		#header_inside .moduletable_r {
			background:url(../images/moduletable_r.png) no-repeat top right;
			height:53px;
			margin-bottom:-8px;}
			
		#content .moduletable_l,
		#header_inside .moduletable_l {
			background:url(../images/moduletable_l.png) no-repeat top left;
			height:53px;}
		
			
		#content .moduletable h3,
		#header_inside .moduletable h3 {
			line-height:32px;
			padding-left:10px;
			color:#555;
			font-size:1.2em;}
			#content .moduletable h3 span,
			#header_inside .moduletable h3 span{ color:#005C7A}
		
		
		#content .moduletable_content,
		#header_inside .moduletable_content { padding:0 10px }
		
		 /* with "grey" suffix */
		 #content .grey .moduletable_r,
		 #header_inside .grey .moduletable_r {
			background-image:url(../images/moduletable_grey_r.png);}
		 #content .grey .moduletable_l,
		 #header_inside .grey .moduletable_l {
			background-image:url(../images/moduletable_grey_l.png);}
		 #content .grey h3,
		 #header_inside .grey h3 {
			color:#444;}
			
		 /* with "dark" suffix */
		 #content .dark .moduletable_r,
		 #header_inside .dark .moduletable_r {
			background-image:url(../images/moduletable_dark_r.png);}
		 #content .dark .moduletable_l,
		 #header_inside .dark .moduletable_l {
			background-image:url(../images/moduletable_dark_l.png);}
		 #content .dark h3,
		 #header_inside .dark h3 {
			color:#ccc;}
			#content .dark h3 span,
			#header_inside .dark h3 span { color:#fff}
		
			
		/* Enable icons on the modules */
		.icon-download h3 span.icons,
		.icon-mail h3 span.icons,
		.icon-lock h3 span.icons,
		.icon-twitter h3 span.icons,
		.icon-user h3 span.icons,
		.icon-feed h3 span.icons,
		.icon-cart h3 span.icons,
		.icon-calendar h3 span.icons,
		.icon-star h3 span.icons,
		.icon-tick h3 span.icons{
			display:inline-block;
			width:25px;
			height:30px;
			float:right;
			margin:0 5px 0 0;
			padding:0;
			background-image:url(../images/module_icons.png);
			background-repeat:no-repeat;}
			
			.icon-download h3 span.icons        { background-position: center 0}
			.icon-mail h3 span.icons            { background-position: center 11%}
			.icon-lock h3 span.icons            { background-position: center 22.2%}
			.icon-twitter h3 span.icons         { background-position: center 32.5%}
			.icon-user h3 span.icons            { background-position: center 44.5%}
			.icon-feed h3 span.icons            { background-position: center 55.1%}
			.icon-cart h3 span.icons			 { background-position: center 66.5%}
			.icon-calendar h3 span.icons        { background-position: center 77.9%}
			.icon-star h3 span.icons            { background-position: center 88.5%}
			.icon-tick h3 span.icons            { background-position: center 100%}
			


		


/* Columns
-------------------*/	
#columns-container{
	min-width: 50em;		
	margin:0;
	padding-left:1px;
	position:relative;
	width:950px;
	border-bottom:none;}

    #outer-column-container {
		border-style:solid;
		border-color:transparent;}
		
		#inner-column-container{
			width: 100%;
			border-style:transparent;
			border-color:#fff;
			outline-width:1px;
			padding-bottom:5px;}
									   
			#source-order-container{
				float: left;		
				width: 100%;		
				min-height:400px;}
	

	#middle-column{
		float: right;		/* middle column goes right of the left column
							   since the two share the same parent 
							   element */
		width: 100%;		/* make the middle column as wide as possible
							   for a fluid layout. this is not possible
							   if it's parent element, 
							   #source-order-container, wasn't also at
							   100% width */}			   
	#left-column{
		float: left;		/* float left, where it'll live */}
		
	#right-column{
		float: right;		/* float on the right side of the layout */}
		
		.clear-columns { clear: both;}
		
		.inside { margin: 15px 0 0; }
		
			#left-column .inside { margin-right:10px}
			#right-column .inside { margin-left:10px}
			
			
			#middle-column_br {
				background:url(../images/middle-column_br.png) no-repeat bottom right}
			#middle-column_bl {
				background:url(../images/middle-column_bl.png) no-repeat bottom left}
			#middle-column_tr {
				background:url(../images/middle-column_tr.png) no-repeat top right}
			#middle-column_tl {
				background:url(../images/middle-column_tl.png) no-repeat top left}	
			
				#middle-column_fix {
					padding:10px;
					position:relative;
					overflow:hidden;
					min-height:250px;}
				
/* Columns Modules without a Suffix */
	
#columns-container .col-module {
	margin:0 0 15px;
	position:relative;
	overflow:visible;
	background:url(../images/col-module_br.png) no-repeat bottom right;} 
	#columns-container .col-module div{
		background:url(../images/col-module_bl.png) no-repeat bottom left;} 
		#columns-container .col-module div div{
			background:url(../images/col-module_tr.png) no-repeat top right;} 
			#columns-container .col-module div div div {
				background:url(../images/col-module_tl.png) no-repeat top left;} 
				#columns-container .col-module div div div div { background:none}


				#columns-container .col-module .col-module_header_r {
					background:url(../images/col-module_header_r.png) no-repeat top right;
					height:55px;
					margin-bottom:-25px;} 
				#columns-container .col-module .col-module_header_l {
					background:url(../images/col-module_header_l.png) no-repeat top left;
					height:55px;} 
					
				#columns-container .col-module h3 {
					color:#fff;
					line-height:30px;
					margin:0 10px 0;
					position:relative;
					overflow:hidden;
					white-space: nowrap;
					display:inline-block;
					font-size:1.25em;}
					#columns-container .col-module h3 span.col-module_header_color { color:#ccc } 	
					
		
						#columns-container .col-module_content { 
							clear:both;
							min-height:50px;
							padding:9px;}
							



#columns-container .col-module-style1 {} 
	#columns-container .col-module-style1 div { } 
	
		#columns-container .col-module-style1 div div {
			background:url(../images/colmodule_style1_tr.png) no-repeat top right;} 
		
		#columns-container .col-module-style1 div div div {
			background:url(../images/colmodule_style1_tl.png) no-repeat top left;} 
				
		#columns-container .col-module-style1 div div div div { background:none}


			#columns-container .col-module-style1 div div div div,
			#columns-container .col-module-style1 .col-module_header_r,
			#columns-container .col-module-style1 .col-module_header_l {
				background:none;
				height:auto;
				margin:0}	
					
				#columns-container .col-module-style1 h3 {
					color:#555;
					font-weight:bold;
					margin:0;
					padding:10px 10px 0;
					line-height:normal;
					display:block;
					font-size:1.3em;}
				
				#columns-container .col-module-style1 h3 span.col-module_header_color { color:#888 } 
						



/* Columns Modules Suffix = style2 */
#columns-container .col-module-style2 {
	margin:0 0 15px;
	background:url(../images/colmodule_style2_br.png) no-repeat bottom right;}
	
	#columns-container .col-module-style2 div {
		background:url(../images/colmodule_style2_bl.png) no-repeat bottom left;}
		
	#columns-container .col-module-style2 div div  {
		background:url(../images/colmodule_style2_tr.png) no-repeat top right;}
		
	#columns-container .col-module-style2 div div div  {
		background:url(../images/colmodule_style2_tl.png) no-repeat top left;}
		
	#columns-container .col-module-style2 div div div div,
	#columns-container .col-module-style2 .col-module_header_r,
	#columns-container .col-module-style2 .col-module_header_l {
		background:none;
		height:auto;
		margin:0}	
		
	#columns-container .col-module-style2 div.col-module_fix {
		overflow:visible;
		position:relative;
		clear:both;
		padding:0}
	

					
	#columns-container .col-module-style2 h3 { 
		font-size:1.3em;
		padding:5px 0 2px;
		margin:0 10px 0;
		color:#fff;
		display:block;
		background:url(../images/colmodule_style2_header.png ) repeat-x bottom left;}
		
		#columns-container .col-module-style2 h3 span.col-module_header_color { color:#ccc } 
				
		#columns-container .col-module-style2 .col-module_content {
			padding:10px;
			color:#D9D9D9}
			
			
			
			
							
/* Main Column Module */
#usertopmods,
#userbottommods {
	position:relative; 
	overflow:hidden;
	clear:both;}
	
	#usertopmods .separator,
	#userbottommods .separator { margin-right:10px}
	
#usertopmods { 
	margin-bottom:15px}

#userbottommods{  
	margin-top:15px}

#contenttopmods,
#contentbotmods { 
	position:relative;
	overflow:hidden;}

#contenttopmods { margin-bottom:20px}

#middle-column .usermodule {
		border:none;
		overflow:hidden;
		background: url(../images/usermodule_br.png) no-repeat bottom right;}
		#middle-column .usermodule div {
			padding: 0;
			background: url(../images/usermodule_bl.png) no-repeat bottom left;}
			#middle-column .usermodule div div {
				padding: 0;
				background: url(../images/usermodule_tr.png) no-repeat top right;}
				#middle-column .usermodule div div div{
					padding: 0;
					background: url(../images/usermodule_tl.png) no-repeat top left;}
					#middle-column .usermodule div div div div {
						margin: 0;
						padding: 10px;
						overflow:visible;
						background: none;}
						#middle-column .usermodule h3 {
							margin:-8px 0 6px 0;
							line-height:32px;
							border-bottom:1px dashed #DEDEDE;
							padding:0;
							font-size:1em;
							font-weight:bold;}
							
							/* Fix Icons for Usermodule */
							#content .usermodule h3 span.icons {}

	

/* Inset Modules */
.insetmods { }

.insetmods .moduletable { margin:0 0 15px!important}



/* Bottom 
---------------------*/
#bottom {
	padding:10px 0 0}
	
	
/*
					             Footer
===========================///////////////////-===========================*/

#footer {
	background-color:#292929;
	background-repeat:repeat-x;
	background-position:top;}
	#footer .padding {
		min-height:100px;}

#footer_t {
	background:url(../images/footer_t.png) no-repeat top;}
	

/*  Footer Modules 
-------------------*/
#footer .moduletable {
	margin:70px 0 40px 9px;}
	
	#footer .moduletable h3 {
		font-size:1.4em;
		margin:0 0 4px;
		color:#B2B2B2;
		padding:0;
		line-height:1.5em;}
		#footer .moduletable h3 span { color:#fff}
		
		#footer .moduletable a { color:#ccc; border-bottom:1px dashed #999}
			#footer .moduletable a:hover { color:#fff; border-bottom:1px dashed #ccc; text-decoration:none}
		
		#footer .moduletable .moduletable_content { color:#B2B2B2}
	
#footer .separator {
	background:url(../images/footer_seperator.png) no-repeat center right;
	padding-right:4px;
	margin-right:5px;}

/* Enable icons on the modules */
		#footer .icon-download h3 span.icons,
		#footer .icon-mail h3 span.icons,
		#footer .icon-lock h3 span.icons,
		#footer .icon-twitter h3 span.icons,
		#footer .icon-user h3 span.icons,
		#footer .icon-feed h3 span.icons,
		#footer .icon-cart h3 span.icons,
		#footer .icon-calendar h3 span.icons,
		#footer .icon-star h3 span.icons,
		#footer .icon-tick h3 span.icons{
			display:inline-block;
			width:25px;
			height:30px;
			float:left;
			margin:-4px 6px 0 0;
			padding:0;
			background-image:url(../images/module_icons.png);
			background-repeat:no-repeat;}
			
			

/*  Copyright 
-----------------*/
#copyright {
	clear:both;
	background:url(../images/copyright.png) repeat-x center bottom}
	
	#copyright_wrapper {
		clear:both;
		padding-top:10px;
		padding-bottom:11px}
	
	#copyright p#copytext { margin:0; color:#777; display:inline }
	
	#copyright p#icelogo { margin:0 20px 0 0; display:inline}
		#copyright p#icelogo img { margin:0 0 -4px 0; float:none}
	
	
	#copyright #gotop { position:relative;}
		#copyright #gotop p {
			position:absolute;
			top:-19px;
			overflow:visible;
			left:925px;
			z-index:99999;
			margin:0;}
			#copyright #gotop p a{
				width:20px;
				height:20px;
				display:block;
				background:url(../images/go_top.png) no-repeat top}
				#copyright #gotop p a:hover { background-position:bottom}
				
				#copyright #gotop p span{ display:none}



/*===========================///////////////////-===========================
					      Default Joomla Component
===========================///////////////////-===========================*/

/* com_content 
-------------------------------------------------------------------*/

/* Blog Layout */
.blog {
	position:relative;
	overflow:hidden;}
	
.blog_description { 
	position:relative; 
	overflow:hidden;
	padding-bottom:20px;
	background:url(../images/articlerow_sep.jpg) no-repeat bottom center;}
	
	.blog_description h1 { font-size:2em}
	
	.blog h2{
		margin:0;
		padding:0;}
		.blog h2 a:hover { text-decoration:none; color:#555}
	
	.blog div.iteminfo {
		margin:0 0 10px;
		padding:0;
		clear:both;
		color:#555;}
	
			div.iteminfo p { 
				display:inline-block;
				color:#999;
				margin:0;
				line-height:27px;}
				
				.leading div.iteminfo p {
					line-height:27px;
					height:27px;
					font-size:1.2em;}
				
			
			.leading div.iteminfo p.createdate {
				background:url(../images/createdate.png) no-repeat left center;
				padding-left:35px;
				padding-right:18px;}
				
				.leading div.iteminfo p.createdate {
					background:url(../images/createdate.png) no-repeat left center;
					padding-left:35px;
					padding-right:18px; }
						
				
			div.iteminfo p.modifydate { }
			div.iteminfo p.createdby { }
	
	.blogcontent { 
		clear:both;
		padding:0;}
		
	
	.blog img { /* The decoration for the images that are added on the articles */
		float:left; 
		border:1px solid #ddd; 
		padding:4px;
		background-color:#EBEBEB;
		margin:0 10px 10px 0 }
				
	p.buttonheading { float:right; margin:3px 0 0 0; }	
		p.buttonheading img {  margin:0 0 0 5px; border:none; padding:none;}
		.leading p.buttonheading { margin-top:8px; }	

	.blog .round {margin:10px 0 0}
		.blog .article_column .round {margin:15px 0 -10px}
		

	/* Leading Article */
	.blog .leading { 
		position:relative;
		overflow:hidden;}
		.blog .leading h2 {
			margin-bottom:0;
			font-size:1.85em;} 
	
	
	
	/* Column-Divided Articles */
	.articles_wrap { 
		clear:both;
		padding-bottom:5px;
		position:relative;
		overflow:hidden;}
	
	.blog .article_row {
		position:relative;
		padding:25px 0 0;
		margin-top:15px;
		overflow:hidden;
		background:url(../images/main_sep.png) no-repeat center top;}
		.blog .article_row h2 {
			display:block;
			font-size:1.2em;
			line-height:1.6em;
			margin-bottom:.15em;} 
	
		.blog .article_row .cols3 h2 {
			font-size:1.1em;}
			
			.blog .article_row .cols2 { /* When you set up the category/section/frontpage intro articles to have 2 columns we divede it in 2 parts */
				width:50%; 
				float:left;}
			.blog .article_row .cols3 { /* and this when you set up in 3 parts */
				width:33.3%; 
				float:left;}
			
			.blog .article_row .column1 .article_column { padding-right:10px}
			.blog .article_row .column2 .article_column { padding-left:9px; border-left:1px dashed #D6D6D6}
			
			.blog .article_row .column3 .article_column { padding-left:15px;}
			
				

/* The styles below are for the article layout page */
#page { margin:10px 0 0 }
	
	#page h1.contentheading { 
		font-size:1.85em;
		padding-bottom:.4em;
		border-bottom:3px solid #E6E6E6;
		line-height:1.4;
		margin:0}

	#page img { float:left; }


p.noticebottom {
	clear:both;
	position:relative;
	overflow:hidden;
	margin:0 0 15px;
	height:29px;
	border-top:1px solid #E6E6E6;
	text-align:center;
	border-bottom:1px solid #E6E6E6;
	line-height:30px;}


#page div.itemcontainer {
	padding:0;
	margin-bottom:15px;}
	
		
	#page div.itemcontainer div.iteminfo {
		float:left;
		color:#999;
		margin:7px 0 15px }
		
		#page div.itemcontainer div.iteminfo p { 
			font-size:1.2em;}
			
		#page div.itemcontainer div.iteminfo p.modifydate,
		#page div.itemcontainer div.iteminfo p.createdby { margin-right:12px; padding-right:10px;}
		
		#page div.itemcontainer div.iteminfo p.createdate {
			background:url(../images/createdate.png) no-repeat left center;
			padding-left:35px;
			padding-right:18px; }
					
	
	#page div.buttonheading {
		float:right;
		margin:13px 0 0;}
		#page div.buttonheading img {
			margin:0 0 0 7px;}
	
	
	
	
.blog_more { /* For the links that are ander the intro articles listing */
	position:relative; 
	overflow:hidden;
	margin-bottom:20px; 
	padding-top:5px;
	clear:both}

.blog_more h2{ 
	font-size:1.75em; 
	margin:10px 0 5px}
	
	.blog_more ul {
		margin:0;
		clear:both;
		width:100%;}
		.blog_more ul li {
			list-style-type:none;
			float:left;
			width:49%;
			position:relative;
			overflow:hidden} 
			.blog_more ul li a {
				float:left;
				height:29px;
				display:block;
				white-space: nowrap;
				overflow:hidden;
				line-height:30px;
				padding:0 10px;}


/* This is for Archived Content List */
p.archivedlist .inputbox { width:100px}



div.pagination { /* Pagination styles */
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	padding:12px 12px;
	clear:both;
	position:relative;
	overflow:hidden;
	margin:0 -9px 15px;}

div.pagination p.counter {
	float:right;
	margin:0;}

div.pagination ul {
	float:left;
	margin:0;}
	div.pagination ul li {
		float:left;
		list-style-type:none;
		padding:0 7px;
		border:1px solid #e9e9e9}
		div.pagination ul li a {}
			div.pagination ul li a:hover {
				text-decoration:none;
				color:#555}


/* Read More Button */
p.readmore { 
	margin:0 0 0 1px; 
	clear:both;
	display:inline-block;
	background:#fff url(../images/readmore_bg.png) repeat-x bottom;
	border:1px solid #dedede;
	padding:2px 14px 2px 0;}
	
	.readmore a { 
		color:#777;
		background:url(../images/readmore.png) no-repeat 8% 53%;
		padding-left:28px;
		display:inline-block;}
		.readmore a:hover { 
			background-image:url(../images/readmore_hover.png);
			text-decoration:none;}



/* com_search
---------------*/
#searchpage .searchintro {
	background:#F9F9F9;
	padding:5px 15px 0;
	position:relative;
	overflow:hidden;
	clear:both}
#searchpage .searchintro p.left { float:left}
#searchpage .searchintro p.right { float:right}	
#searchpage ol p {	margin-bottom:1em}
#searchpage ol span.discategory{ color:#999}

ol.latestnews,
ol.mostreadmod { margin-bottom:0  }

ol.latestnews li,
ol.mostreadmod  li { color:#808080;}


/*===========================///////////////////-===========================
					  Default Joomla Modules sytling
===========================///////////////////-===========================*/

/* mod_search
---------------*/
#searcharea {
	float:right;
	margin:-2px -4px 10px 0;}

#search_bg {
	width:310px;
	height:27px;
	background-image:url(../images/search_bg.png);
	background-repeat: no-repeat; 
	background-position:top center;}
	
	#search_bg form { margin:0 0 0 13px}
	
		#search_bg label { display:none; }
		
		#search_bg .inputbox {
			width:225px;
			margin:0;
			padding:0;
			background:none;
			border:none;
			color:#666;}
			#search_bg .inputbox:focus	{color:#66797D}
	
		#search_bg .button{
			float:none;
			width:60px;
			margin:0 0 0 4px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:1em;
			color:#DDBAA8;
			height:25px;
			line-height:26px;
			cursor:pointer;
			background:none;
			display:inline;
			border:none}
			#search_bg .button:hover { color:#fff}
	
		

/* mod_latestnews and mod_mostread
-------------------------------------*/	
ol.latestnews,
ol.mostreadmod { margin-bottom:0  }

ol.latestnews li,
ol.mostreadmod li { color:#808080;}

	
/* mod_breadcrumbsd
----------------------*/	
#breadcrumbs {
	margin:0;
	margin-bottom:-85px;
	padding-top:55px;}
	
	#breadcrumbs p {
		display:inline;
		float:left;
		margin:0}
	#breadcrumbs ol{
			list-style-type:none;
			float:left;
			font-size:1.15em;
			margin:0}
			#breadcrumbs ol li { 
				float:left;
				background:url(../images/breadcrumbs_arrow.png) no-repeat right center; 	
				padding:0 25px 0 8px;
				margin-top:8px;}
				#breadcrumbs ol li a {
					display:block;
					margin:0;}
				#breadcrumbs ol li.last {
					background:none;}
				#breadcrumbs ol li.last span { 
					margin:0 0 0 0}	
	
	#breadcrumbs ol li.breacrumbs_home { 
		padding-left:0;
		margin-top:7px;}
		#breadcrumbs ol li.breacrumbs_home a { 
			display:block;
			width:22px;
			height:22px;
			text-indent:-9999em;
			background:url(../images/breadcrumbs_home.png) no-repeat top ;}
				#breadcrumbs ol li.breacrumbs_home a:hover { background-position:bottom}



/* mod_banner
---------------*/	
#bannertop {
	margin:25px 0 0 0;
	float:right;}
	
#banner {
	position:relative;
	overflow:hidden;
	margin:0 0 10px}
	
	#banner .padding { padding-left:10px}
	
	
ul.bannermod {
	margin:0;
	float:left}
	ul.bannermod li {
		list-style-type:none;
		margin:0;
		display:inline;}	
		ul.bannermod li img {
			margin:0;
			float:none}
			

/* mod_poll
--------------*/
form.poll p.polltitle {
	margin-bottom:8px; font-size:1.2em;} 
form.poll p.pollradio {
	color:#777}
	

/*===========================///////////////////-===========================
				Some other styles that do not fit above
===========================///////////////////-===========================*/
	
/* Template Styles custom code */
ul.tempstyle {
	margin:0;
	float:left}
	ul.tempstyle li {
		float:left;
		list-style-type:none;}
		ul.tempstyle li a {
			margin:0;
			width:70px;
			display:block;
			float:left;}


/* This styles are used on the Editor Page */
form.editor select{ width:auto;}




/*---------------
 Main Nav
----------------*/
#main-nav_wrap {
	margin:0 auto;
	position:relative;
	background: url(../images/nav.png) no-repeat top;}
	
#main-nav{
	z-index:9999999;
	margin:0 auto;
	height:73px;
	width:970px;}



/*===========================///////////////////-===========================
					            Top Menu
===========================///////////////////-===========================*/
ul#topmenu {
	margin:7px 0 0 0;
	float:left;}
	ul#topmenu li{
		list-style-type:none;
		display:inline;
		margin:0;
		border-right-width:1px;
		border-right-style:solid;
		border-right-color:#777;}
		ul#topmenu li a {
			font-size:.9em;
			margin:0 10px;
			color:#ccc}
			ul#topmenu li#current a,
			ul#topmenu li a:hover {
				color:#fff;
				text-decoration:none}




/*===========================///////////////////-===========================
					            OtherMenu
===========================///////////////////-===========================*/

ul.menu-othermenu,
ul.menu-othermenu ul {
	margin:0;}
	ul.menu-othermenu li {
		list-style-type:none}
	
		ul.menu-othermenu li a {
			height:29px;
			line-height:29px;
			border-bottom:1px dashed #ccc;
			display:block;
			color:#666;
			padding-left:18px;
			background:url(../images/othermenu_bg.png) no-repeat 1% center }
			ul.menu-othermenu li a:hover {
				background-image:url(../images/othermenu_bg_hover.png);
				text-decoration:none;
				color:#000}
	
			ul.menu-othermenu li#current a {
				font-weight:bold;
				background-image:url(../images/othermenu_bg_hover.png);}
	
		
	ul.menu-othermenu li li {
		margin-left:20px}
		ul.menu-othermenu li li a {
			background:none!important;
			padding-left:0;}
			

/*===========================///////////////////-===========================
					            FooterMenu
===========================///////////////////-===========================*/
#footer ul.menu { 
	float:right;
	margin:0 65px 0 0;}
	#footer ul.menu li {
		float:left;
		list-style-type:none;
		border-right:1px dashed #999}
		#footer ul.menu li a {
			color:#9C968F;
			margin:0 10px;}
			#footer ul.menu li a:hover {
				color:#C0BDB8;
				text-decoration:none}
				
				
/*---------------------------------------------------------------- 
  Login Module
---------------------------------------------------------------- */

#login_text {
	float:right;
	margin-top:6px;
	padding-right:15px;
	border-right:1px solid #777;}
	#login_text a {
		font-size:1.1em;
		display:block;
		color:#ccc;}
		#login_text a:hover{ text-decoration:none; color:#fff}
				

#login_box {
	width: 320px;
	position: absolute;
	right:0;
	top: 35px;
	z-index:99999;
	visibility:hidden;
	overflow:hidden;}


	#login-panel {
		background-image: url(../images/login-bg.png);
		background-position:0 100%;
		position:relative;
		overflow:hidden;
		background-repeat:no-repeat;
		padding: 15px 30px 30px 30px;
		color: #E6E6E6;}
	
	#login-panel .moduletable h3 {
		color:#ccc;
		font-size:1.3em;
		padding-bottom:6px;
		margin-bottom:5px;
		border-bottom:1px dashed #999 }
	
	#login-panel .moduletable_content {
		padding-top:5px;
		margin-bottom:-5px}
		
	#login-panel .moduletable a {
		color:#FFB405}
		


form.loginform fieldset {
	border-color:#888;
	margin:0;
	border-style:dotted;}

form.loginform legend {
	border-color:#888;
	border-style:dotted;
	color:#ccc;
	font-size:1.3em;
	background-color:transparent}

form.loginform p#login_username label,
form.loginform p#login_password label {
	display:none}

form.loginform .inputbox {
	padding:0;
	display:inline;
	background:none;
	color:#888;
	border:none;
	width:145px;
	margin:4px 0 0 20px;}
	form.loginform p#login_username {
		background:url(../images/login_username.png) no-repeat top; width:170px; height:25px; float:left; margin:5px 10px 10px 0;}
	form.loginform p#login_password {
		background:url(../images/login_password.png) no-repeat top; width:170px; height:25px; float:left; margin:5px 0 0;}
		
		form.loginform p#login_username:hover,
		form.loginform p#login_username:focus,
		form.loginform p#login_password:hover,
		form.loginform p#login_password:focus
		{ background-position:bottom;}
	
	form.loginform p#form-login-remember { 
		margin:13px 5px 0 0;
		color:#999;
		float:right}
		
	form.loginform p#login_button {
		margin:12px 15px 0 -5px;
		float:left;}
		
	form.loginform p#login_button .round,
	form.loginform p#login_button .round span {
		background-image:url(../images/login_button.png)}
		form.loginform p#login_button button:hover .round,
		form.loginform p#login_button button:hover .round span {
			background-image:url(../images/login_button.png)}	
	
	
	
	
	form.loginform ul.login_lost {
		margin:15px 0 0 10px;
		clear:both;
		float:left;
		width:100%;
		text-align:left;}
		form.loginform ul.login_lost li {
			padding:0;}
			


form.logout p {
	margin:0 0 15px; }

form.logout button{ 
	margin: 0 0 0 10px}