/**************  Main structure styles layout**************/
.wrapper {width:100%; position:relative;} 
.top_outer {width:100%; position:relative;z-index:4; background:url(../images/header_bg.gif) repeat-x bottom;}
.logo{position:relative; float:left; margin:40px 0 30px 0;} 
.topmenu {padding-top:10px;}
.banner{position:relative; float:right; padding:20px 0 20px 0;} 
#suckerfish{position:relative;margin:0 auto; z-index:5;height:59px;background:url(../images/menu_bg.png) top center no-repeat;}
.menu_shadow{position:relative;margin:0 auto;z-index:1;height:70px;background:url(../images/menu_shadow.png) top center no-repeat; }
.header_outer {width:100%; position:relative;z-index:1; background:#f9f9f3 url(../images/slider_shadow.png) top center no-repeat; border-top:1px solid #a6a59c; padding-top:30px;}
.header_inner {position:relative;z-index:1;} 
 
.main_outer {width:100%; position:relative; z-index:3; background: url(../images/content_shadow.png) top center no-repeat; border-top:1px solid #dedcd1; padding-top:30px; } 
.main_inner {position:relative; z-index:3;} 

.footer_outer {width:100%; position:relative;}
#footer{text-align:center; font-size:0.8em; padding-bottom:10px;}
.shadow {width:100%; display:block; background: url(../images/content_shadow.png) bottom center no-repeat; padding:30px 0 10px 0; height:30px; } 

/*     Container inside the five main areas      */ 
.template_width {width:900px;margin:0px auto;}

/*     Joomla Content      */ 
#joomla_container{margin:0 auto;padding-top:20px;}
#joomla_content{}
#joomla_content-inner{overflow:hidden;}

/*     Top  Module      */ 
.usertop{float:left; width:100%}
#top_module .module {padding:14px; margin:10px; line-height:1.4}

/*     Bottom  Module      */ 
.userbottom{float:left; width:100%}
#bottom_module .module {padding:14px; margin:10px; line-height:1.4}

/*     Footer  Module      */ 
#footer_module .moduletable {line-height:1.3}
#footer_module h3{font-size:1.2em}

/*    Before and After Module Styles      */ 
.main .module, .main .module_text, .main .module_menu, .main .module { background-color:#FFFFFF; margin-bottom:20px; padding:20px;}

/*    New and Hot Module Styles      */ 
.hot {background:url(../images/hot.png) top right no-repeat; !important}
.new {background:url(../images/new.png) top right no-repeat; !important}

/*    Breadcrumbs      */ 
#breadcrumbs { margin-bottom:20px; display:block; width:100%}

/************** Default HTML element styles **************/
body {line-height: 1.8em; Arial,Verdana,sans-serif; color:#666; font-size:12px; background:#efefe9}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}
blockquote {font-family:times new roman; color:#888; font-size:1.5em; text-align: left;}

/*Extra Form styles*/
input, textarea {	width: auto;padding: 4px;line-height: 30px;border: 1px solid #ddd;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size: 12px;cursor: pointer;}


/************** Typography styles **************/
h1, h2, h3, h4, h5, h6, .contentheading, .componentheading, .item h2 a, h2.contentheading a {font-weight:normal;color:#666; margin:0; padding:0; line-height: 1em;}
h1 {font-size: 2.5em; margin-bottom:10px;}
h2, h2.contentheading, .contentheading {font-size:2.2em; margin-bottom:.15em; padding-bottom:.15em; border-bottom:1px dotted #ccc;}
h3 {font-size:1.8em;letter-spacing: 1px;font-style: inherit;line-height:1em; margin:.4em 0; font-weight: lighter;}
#left h3, #right h3 {font-size:1.6em}
.top_content h3 {font-size:1.6em}
h4, .componentheading {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
.header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .subfooter h1, .subfooter h2, .subfooter h3 {}
.header h1 {font-weight:bold; letter-spacing:-1px; font-size:5.5em; }
.slide_module h1 {font-size:5.5em;color:#777}
.slide_module h3 { text-transform:uppercase}

.small, .createdate {font-size:.9em;padding-bottom:.875em;line-height:1.875em;}
.centered {text-align: center;}
.componentheading {margin:.3em 0;}
.logo h1 { line-height: 1em; padding:0; margin:0; font-size:18px; font-weight: lighter;}
h2 a {text-decoration: none; color:#242424;}
h2 a:hover {text-decoration: underline;}
.readmore, a.readon{background:#508aff; color:#fff; padding:3px 6px 3px 6px; margin-top:4px;}
.imgpadding{margin-right:6px;}
.imgborder{padding:4px;margin-right:10px; border:1px dotted #ccc}
/************** Slider Navigation Styles **************/
.slider_nav { margin-top:-56px;color:#fff;  position:relative; z-index: 1000; float:left; width:100%; padding:5px 0;}
#handles a {background:none; background-image: url(../images/unused.png);background-repeat: no-repeat;  width:14px;height:14px;overflow: hidden;padding:0 4px;text-decoration: none;outline: none; opacity:.9; filter:Alpha(opacity=90);}
#handles .active a, #handles a:hover {background-image: url(../images/used.png); position:center center;}
.slider_controls {margin:20px auto; width:108px; text-align:center; }
.buttons {text-align:center; margin:0px auto; width:auto;}
.buttons span {display:inline; float:left;}
#prev a:link, #prev a:visited, #play a:link, #play a:visited, #stop a:link, #stop a:visited, #next a:link, #next a:visited, #prev a:hover, #play a:hover, #stop a:hover, #next a:hover{width:26px; height:26px; padding:0 3px;display:block; text-decoration: none; background-repeat: no-repeat;}
#prev a:link, #prev a:visited {background-image: url(../images/prev.png);}
#play a:link, #play a:visited{background-image: url(../images/play.png); display:none;}
#stop a:link, #stop a:visited{background-image: url(../images/stop.png); display:none;}
#next a:link, #next a:visited{background-image: url(../images/next.png);}
#prev a:hover{background-image: url(../images/prev_hover.png);}
#play a:hover{background-image: url(../images/play_hover.png);}
#stop a:hover{background-image: url(../images/stop_hover.png); }
#next a:hover{background-image: url(../images/next_hover.png); }

/************** Slim Box **************/
#lbOverlay {	position: fixed;	z-index: 9999;	left: 0;top: 0;	width: 100%;	height: 100%;background-color: #000;	cursor: pointer;}
#lbCenter, #lbBottomContainer {	position: absolute;	z-index: 9999;	overflow: hidden;	background-color: #fff;}
.lbLoading {	background: #fff url(../images/loading.gif) no-repeat center;}
#lbImage {	position: absolute;left: 0;	top: 0;	border: 10px solid #fff;	background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {	display: block;	position: absolute;	top: 0;	width: 50%;	outline: none;}
#lbPrevLink {	left: 0;}
#lbPrevLink:hover {	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {	right: 0;}
#lbNextLink:hover {	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;	font-size: 10px;	color: #666;	line-height: 1.4em;	text-align: left;	border: 10px solid #fff;	border-top-style: none;}
#lbCloseLink {	display: block;	float: right;	width: 66px;	height: 22px;	background: transparent url(../images/closelabel.gif) no-repeat center;	margin: 5px 0;	outline: none;}
#lbCaption, #lbNumber {	margin-right: 71px;}
#lbCaption {	font-weight: bold;}
.enlarge { background:url(../images/enlarge.png) no-repeat top left;  padding:5px -10px 15px 28px; position:relative;  z-index:1000; margin:-6px -14px 0 0; display:block; float:left; width:24px;
height:24px;}
.lightbox_image {float:left;padding:0 10px 0px 0;}