#accessibility {
	display: none;
}
.wrapper {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.width20 {
	width: 20%;
}
.width25 {
	width: 22.6%;
}
.width33 {
	width: 31.2%;
}
.width50 {
	width: 47.5%;
}
.width75 {
	width: 74.5%;
}
.width100 {
	width: 99.99%;
}
#promo .width33,  #bottom .width33 {
	width: 31.8%
}
#footer .width20 {
	width: 18.3%;
}
#footer .width25 {
	width: 23.4%;
}
#topbar {
	min-height: 28px;
	padding-top: 12px;
	position: relative;
	overflow: hidden;
}
/* Header
------------*/	
#header {
	min-height: 160px;
	background: #fff;
	margin-bottom: -55px;
	position: relative;
	z-index: 9;
	background: -moz-linear-gradient(100% 100% 90deg, #DEDEDE, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#DEDEDE));
	border-bottom: 1px solid #fff;
}
/* Logo
------------*/
#logo {
	float: left;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
#logo img {
	float: none;
	margin: 0;
}
body.homepage #logo {
	-webkit-animation: logo 2s ease-out 1;
}
@-webkit-keyframes logo {
 0% {
margin: -50px 0 0;
opacity:.2
}
 50% {
margin: 32px 0 0;
opacity:.2
}
 100% {
opacity:1
}
}
#language {
	float: right
}
#language ul {
	padding: 8px 0 0 25px;
	margin: 0;
	list-style-type: none;
}
#language ul li {
	display: inline;
	padding: 0 0 0 7px;
	margin: 0;
}
#content {
	width: 970px;
	min-height: 350px;
	margin: 0 auto;
	padding: 15px 0 0;
	background: url(../images/content.png) no-repeat top
}
#content_b {
	width: 970px;
	margin: 0 auto;
	height: 11px;
	background: url(../images/content.png) no-repeat bottom
}
#content_effect {
	border-top: 1px solid #fff;
	background: url(../images/content_effect.png) repeat-x top;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#content_folio {
	width: 970px;
	margin: 0 auto;
	padding: 15px 0 0;
	background: url(../images/webdesign-taxture-1.png) no-repeat top;
}
#content_folio2 {
	width: 970px;
	margin: 0 auto;
	padding: 15px 0 0;
}
#columns-container {
	position: relative;
	margin: 0 25px 0 15px;
	border-bottom: none;
}
#outer-column-container {
	border-style: solid;
	border-color: transparent;
}
#inner-column-container {
	width: 100%;
}
#source-order-container {
	float: right;
	width: 100%;
}
#middle-column {
	float: right;
	width: 100%;
}
#left-column {
	float: left;
}
#right-column {
	float: left;
}
.clear-columns {
	clear: both;
}
.inside {
	margin: 0;
	padding: 0;
}
#middle-column .inside {
	padding: 0 0 15px;
}
#inner-column-container {
}
#showcase {
	background: #570E0E url(../images/showcase.jpg) no-repeat center top;
}
#promo {
	padding: 0 25px 0 15px;
}
#icetabs {
	padding: 0;
}
#icetabs .wrapper {
	position: relative;
}
#icetabs {
	-webkit-animation: icetabs 2s ease-out 1;
}
 @-webkit-keyframes icetabs {
 0% {
opacity:0
}
 100% {
}
}
#icecaption {
	position: relative;
	overflow: hidden;
	margin: -15px -8px 0 -7px;
	margin-bottom: 15px;
	float: right;
}
#about {
	position: relative;
	min-height: 190px;
	margin: 45px 0 -90px -35px;
	overflow: hidden;
	font-size: 2em;
	line-height: 1.65em;
	padding: 50px 0 0 0;
	color: #444;
	text-shadow: 1px 1px 1px #fff;
}
#about strong {
	font-weight: normal;
	color: #570E0E
}
#about img {
	float: left;
	margin: -50px 15px 0 0;
	opacity: .3;
	-webkit-transition: all .75s ease-out;
	-moz-transition: all .75s ease-out;
	-o-transition: all .75s ease-out;
	transition: all .75s ease-out;
}
#about:hover img {
	opacity: 1
}
#bottom {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#footer {
	clear: both;
	margin: 50px 0 0;
	background: #141414 url(../images/footer.jpg) repeat;
}
#footer_effect {
	background: url(../images/footer_effect.png) repeat-x top;
}
#copyright {
	clear: both;
	min-height: 53px;
	border-top: 1px solid #292929;
	background: url(../images/copyright.png) repeat-x top;
	margin: 0;
	padding: 0;
}
#copyright .wrapper {
	position: relative;
	overflow: hidden
}
div#copytext {
	float: left;
	padding-top: 15px;
}
div#copytext .footer2 {
	display: none;
}
div#icelogo {
	float: left;
	padding: 14px 20px 0 0;
}
div#icelogo p {
	margin: 0;
}
div#icelogo p a {
	display: block;
	float: left;
	background: url(../images/icetheme.png) no-repeat;
	width: 120px;
	height: 20px;
	margin: 0 auto;
	opacity: .4;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
}
div#icelogo p a:hover {
	opacity: 1;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
div#icelogo p a span {
	display: none
}
/* Go to Top */
a#go2top {
	background: url(../images/go2top.png) no-repeat;
	top: 20px;
	height: 16px;
	width: 16px;
	position: absolute;
	right: 0;
}
a#go2top:hover {
}
a#go2top span {
	display: none
}
.contentdescription {
	margin-bottom: 2.75em
}
.items-row {
	clear: both;
}
.cols-2 .column-1,  .cols-2 .column-2 {
	width: 50%;
	float: left
}
.cols-3 .column-1,  .cols-3 .column-2,  .cols-3 .column-3 {
	width: 33.33%;
	float: left
}
.cols-4 .column-1,  .cols-4 .column-2,  .cols-4 .column-3,  .cols-4 .column-4 {
	width: 25%;
	float: left
}
.blog {
}
.blog .items-leading {
}
.blog .leading-0 h2 {
	font-size: 2.25em
}
.blog-featured {
}
.blog-featured .items-leading {
}
.blog-featured .items-leading .leading {
	margin-bottom: 1.5em
}
.blog-featured .items-leading .leading:last-child {
	margin-bottom: 0
}
.blog-featured .items-leading h2 {
	font-size: 2.25em
}
.blog-featured img {
	float: left;
	margin: 5px 10px 10px 0
}
.category-list {
}
.category-list .display-limit {
	float: right;
	margin-bottom: 12px;
}
.category-list .cat-items {
	margin-bottom: 30px
}
.category-list .cat-children {
	overflow: hidden
}
.category-list .cat-children h3 {
	margin-bottom: 8px;
	padding-bottom: 3px;
	border-bottom: 1px solid #eee;
}
.category-list .cat-children ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.category-list .cat-children ul li span.item-title {
	font-size: 1.4em;
	display: block;
	margin-bottom: 3px;
}
.category-list .cat-children .category-desc img {
	float: left;
	margin: 5px 10px 10px 0
}
table.category {
	clear: both;
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0;
	text-shadow: 0 1px 0 #fff;
	background: #eee;
	border: 1px solid #cdcdcd;
	border-bottom: none;
	-moz-box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}
table.category td {
	padding: 5px 10px;
	border-bottom: 1px solid #cdcdcd;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	white-space: nowrap;
}
table.category tr {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
table.category tr.cat-list-row1 {
	background: #E3E3E3
}
table.category tr:hover {
	background: #fff
}
table.category thead th {
	font-size: 1.5em;
	text-align: left;
	padding: 7px 10px;
	font-weight: normal;
	background: #292929;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	background: -moz-linear-gradient(100% 100% 90deg, #292929, #434343);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#434343), to(#292929));
}
table.category thead th a {
	color: #fff!important
}
div.archive ul#archive-items {
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0
}
div.categories-list {
	overflow: hidden;
}
div.categories-list ul {
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0;
}
div.categories-list ul span.item-title {
	font-size: 1.4em;
	display: block;
	margin-bottom: 3px;
}
div.categories-list ul li {
}
div.categories-list ul .category-desc img {
	float: left;
	margin: 5px 10px 10px 0
}
div.categories-list dl.article-count {
	margin-bottom: 3em;
}
div.categories-list dl.article-count dt {
	display: inline;
}
div.categories-list dl.article-count dd {
	display: inline;
	margin-left: 2px;
}
/* Create Article Page */
		


/* Article Page */
.item-page {
}
.item-page h2 {
	font-size: 2.25em
}
.item-page img {
	margin: 0 10px 10px 0
}
/* Buttonheading is used to render the CSS for the icons like
print, email */
ul.actions {
	float: right;
	margin: -2px 0 0;
	padding: 0;
	list-style-type: none;
}
ul.actions li {
	float: left;
	padding: 0;
}
ul.actions li img {
	margin: 0 0 0 4px
}
/* The code below is used to render the published date, 
last updated date and the author name on each category,
section or article */	
dl.article-info {
	overflow: hidden;
	position: relative;
	margin-bottom: 1.5em;
}
dl.article-info dt.article-info-term {
	display: none
}
dl.article-info dd {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: .9em;
	margin-left: 0;
	padding: 0;
	margin-right: 1.5em;
}
/*  -- Rating -- 
Now in Joomla 1.6 the rating system is built into the core*/
span.content_rating {
	clear: both;
	padding-top: 10px;
	margin-bottom: -10px;
	display: block;
	border-top: 1px solid #eee;
}
span.content_rating img {
	margin: 0 0 -3px 4px
}
span.content_vote {
	margin-bottom: 15px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 1px solid #eee;
}
span.content_vote input {
	margin-bottom: -2px
}
span.content_vote input.button {
	margin-bottom: 0;
	margin-left: 10px;
}
/* -- Pagenav -- 
used below each article to navigate from one artcile to another */
ul.pagenav {
	display: block;
	list-style-type: none;
	padding: 6px 0 0;
	margin-top: 10px;
	border-top: 1px solid #eee;
}
ul.pagenav li {
	display: inline
}
ul.pagenav li.pagenav-prev {
	float: left
}
ul.pagenav li.pagenav-next {
	float: right
}
/* Items More */
div.items-more {
	clear: both;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #eee;
	padding-top: 15px
}
/* The readmore code is used to make readmore links for each article
on the Section and Category view */
p.readmore {
}
p.readmore a {
	display: inline-block;
	background: #EBEBEB;
	background: -moz-linear-gradient(100% 100% 90deg, #EBEBEB, #F8F8F8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8F8), to(#EBEBEB));
	border: 1px solid #DEDEDE;
	border-bottom-color: #fff;
	color: #666;
	font-size: 1.1em;
	text-shadow: 1px 1px #fff;
	padding: 2px 15px 1px;
	text-decoration: none;
	-moz-box-shadow: 0 1px 0 #DEDEDE;
	-webkit-box-shadow: 0 1px 0 #DEDEDE;
	box-shadow: 0 1px 0 #DEDEDE;
}
p.readmore a:hover {
	color: #222
}
p.readmore a:focus {
	color: #222;
	background: #EBEBEB;
}
/* Pagination makes a unested list of links on the end of each 
cateogry/section but it may be used by other extensions as well
for the same reason, so be careful as this other extensions 
may use their own code to display the pagination */
div.pagination {
	position: relative;
	overflow: hidden;
	border-top: 1px solid #eee;
	padding-top: 15px
}
div.pagination ul {
	clear: both;
	list-style-type: none;
	margin: 0 auto .75em;
	text-align: center;
}
div.pagination ul li {
	display: inline;
}
div.pagination ul li span.pagenav,  div.pagination ul li a.pagenav {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 8px 1px;
	border: 1px solid #dedede;
}
div.pagination ul li a.pagenav {
	background: #F2F2F2;
	text-shadow: 1px 1px 1px #fff;
}
div.pagination ul li a.pagenav:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}
div.pagination p.counter {
	margin: 0 auto 10px;
	text-align: center;
	color: #777
}
/* Default Joomla Extensions
------------------------------
Below you will find the CSS codes that are needed by the Default
Joomla Extensions like the mod_latestnews, mod_login, mod_search,
etc.
---------------------------------------------------------------- */

/* Sliders */
.pane-sliders {
	border: 1px solid #cdcdcd;
	border-bottom: none;
}
.pane-sliders div.pane1 {
}
.pane-sliders div.panel:last-child {
	border-bottom: 1px solid #cdcdcd;
}
.pane-sliders div.panel h3.pane-toggler,  .pane-sliders div.panel h3.pane-toggler-down {
	background: #eee;
	border-bottom: 1px solid #cdcdcd;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	margin-top: 1px;
	font-size: 1.3em;
}
.pane-sliders div.panel h3.pane-toggler a,  .pane-sliders div.panel h3.pane-toggler-down a {
	display: block;
	color: #666;
	text-shadow: 1px 1px 1px #fff;
	padding: 4px 10px;
	text-decoration: none;
}
.pane-sliders div.panel h3.pane-toggler a:hover,  .pane-sliders div.panel h3.pane-toggler-down a:hover,  .pane-sliders div.panel h3.pane-toggler-down a {
	color: #111
}
.pane-sliders div.panel h3.pane-toggler-down {
	border-bottom: none;
	background: #eee;
}
.pane-sliders div.panel div.pane-down {
	padding: 20px 10px!important;
}
/* Tabs */
dl.tabs {
	float: left;
	margin: 0;
	z-index: 50;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
}
dl.tabs dt {
	padding: 0;
	float: left;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	margin-right: 5px;
	font-size: .8em;
	background: #eee;
	background: -moz-linear-gradient(100% 100% 90deg, #E6E6E6, #F7F7F7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#E6E6E6));
}
dl.tabs dt a {
	color: #666;
	display: block;
	float: left;
	padding: 4px 10px 3px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
}
dl.tabs dt a:hover,  dl.tabs dt.open a {
	color: #111;
}
dl.tabs dt.open {
	background: #fff;
	background: -moz-linear-gradient(100% 100% 90deg, #fff, #F2F2F2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#fff));
	margin-bottom: -1px;
	padding-bottom: 1px;
	border-bottom-color: #fff;
	z-index: 100;
}
div.current {
	clear: both;
	border: 1px solid #cdcdcd;
	border-top: none;
	padding: 15px 10px;
	max-width: 500px;
}
div.current dd {
	padding: 0;
	margin: 0;
}
/* Contact Us form */
div.contact {
}
div.contact h2 {
	margin-bottom: 7px;
}
div.contact-form {
}
div.contact-form p.form-required {
	font-weight: bold;
}
div.contact-form div.contact-email div {
	padding: 0 0 14px
}
div.contact-form div.contact-email div label {
	width: 130px;
	padding-bottom: 5px
}
div.contact img {
	float: left;
	margin: 0 10px 10px 0
}
div.contact div.contact-image img {
	float: right;
	margin: 0 0 10px 10px
}
/* com_users */
div.registration, div.login, div.profile-edit, div.edit, div.profile {
}
div.registration dt,  div.login dt,  div.profile-edit dt,  div.edit dt,  div.profile dt,  div.registration dd,  div.login dd,  div.profile-edit dd,  div.edit dd,  div.profile dd {
	display: inline-block;
	float: left
}
div.registration dt,  div.login dt,  div.profile-edit dt,  div.edit dt,  div.profile dt {
	clear: both;
	width: 160px;
	text-align: right;
	margin-bottom: 1.5em;
}
div.registration dt label,  div.login dt label,  div.profile-edit dt label,  div.edit dt label {
	width: auto;
}
div.registration dt span.spacer {
	text-align: left;
	display: block;
	color: #999
}
div.profile-edit span.optional {
	font-size: .9em;
	color: #999;
	font-weight: normal;
}
div.edit {
}
div.edit #editor-xtd-buttons {
	padding: 0
}
div.edit .button2-left {
	margin: 15px 10px 0 0
}
div.edit .form-note {
	background: #eee;
	clear: both;
	display: block;
	margin: 20px -1.4em -41px;
	padding: 10px
}
div.edit .form-note p {
	margin-bottom: 0
}
div.edit img {
	float: right;
	margin: 3px 0 0 5px;
}
/* category module */
ul.category-module {
	padding: 0;
	margin: 0;
	list-style-type: none
}
ul.category-module li {
	padding: 0
}
ul.category-module li h4 {
	font-size: 1.2em;
}
ul.category-module li span.mod-articles-category-date,  ul.category-module li span.mod-articles-category-writtenby {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}
ul.category-module li span.mod-articles-category-writtenby {
	padding-right: 18px;
}
/* com newsfeeds */
div.newsfeed {
}
div.newsfeed {
}
div.newsfeed div.feed-items {
	margin-top: 30px
}
div.newsfeed div.feed-items img {
	float: left;
	margin: 5px 10px 10px 0
}
/* mod_latestnews and mod_mostread */
ol.latestnews, ol.mostreadmod {
	margin: .5em 0 0;
	padding-right: 0;
	padding-left: 1.5em;
}
ol.latestnews li, ol.mostreadmod li {
	color: #999;
	margin-bottom: 1em
}
/* mod_login */
form#login-form {
	padding-top: .75em;
	margin-top: 0;
}
form#login-form div.pretext {
	margin-bottom: 10px
}
form#login-form div.posttext {
	margin-top: 10px
}
form#login-form fieldset {
	border: none;
	padding: 0;
	margin: 0 0 20px
}
form#login-form fieldset label {
	display: none;
}
form#login-form fieldset p {
	margin-bottom: 1em;
}
form#login-form p .inputbox {
	width: 90%
}
form#login-form input.button {
}
form#login-form p#form-login-remember {
	padding: .25em .25em 0 0
}
form#login-form p#form-login-remember label {
	display: inline;
}
form#login-form p#form-login-remember .inputbox {
	width: auto
}
form#login-form ul {
	clear: both;
	padding: 0 0 0 .5em;
	list-style-type: none;
	margin: 0
}
form#login-form ul li {
	padding: .1em 0
}
form#login-form p {
	margin: 0 0 15px;
}
form#login-form button {
	margin: 0 0 0 10px
}
/* mod_search
---------------*/
#search {
	clear: right;
	float: right;
	margin: 25px 0 0 0;
	position: relative;
}
#search label {
	display: none;
}
#search .inputbox {
	background: #fff;
	width: auto;
	color: #999;
	border-bottom-color: #ccc;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}
#search .inputbox:focus {
	color: #666;
	border-color: #B2B2B2;
}
#search .button {
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0);
	box-shadow: 0px 0px 8px rgba(0,0,0,0);
}
#search .button:hover {
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,.4);
}
/* com_search
---------------*/
form#searchForm {
}
form#searchForm div.searchintro {
	padding: .4em 1em;
	border: 1px solid #fff;
	margin-bottom: 1.5em;
	color: #514721;
	background: #FFF6BF;
	-moz-box-shadow: 0 0 8px #877736;
	-webkit-box-shadow: 0 0 8px 877736;
	box-shadow: 0 0 8px #877736;
}
form#searchForm div.searchintro p {
	margin: 0
}
form#searchForm .ordering-box {
	padding-top: 15px
}
form#searchForm label {
	width: auto;
	padding-right: 10px;
}
form#searchForm .form-limit {
	float: left;
	padding-top: 20px
}
form#searchForm .counter {
	float: right;
	padding-top: 25px
}
dl.search-results {
	clear: both;
}
dl.search-results .result-title {
	padding-top: 25px;
	font-size: 1.3em;
}
dl.search-results dd {
	margin-left: 0
}
/* mod_breadcrumbs
----------------------*/	
#breadcrumbs {
	clear: both;
	margin-top: 20px;
	padding: 14px 0 0;
	background: url(../images/showcase_small.png) repeat-x top;
}
#breadcrumbs ol {
	list-style-type: none;
	float: left;
	font-size: 1em;
	margin: 0 0 12px;
	padding: 0;
}
#breadcrumbs ol li {
	float: left;
	color: #fff;
	color: rgba(255,255,255,.7);
	background: url(../images/breadcrumbs_arrow.png) no-repeat center right;
	padding: 0 26px 0 0
}
#breadcrumbs ol li a {
	display: block;
	color: #fff;
	margin: 0;
}
#breadcrumb ol li a:hover {
}
#breadcrumbs ol li.lastitem {
	background: none;
	padding: 0
}
/* Miscellaneous CSS
------------------------------
List of CSS codes that can not be categorized above but they may
be need by Joomla to operate normally. This codes may be used 
rarely but we reccomend to keep them and to be careful when you
try to change them
---------------------------------------------------------------- */
		
			
/* ToolTips 
---------------*/
.tip {
	padding: .4em .8em;
	border: 1px solid #fff;
	margin-bottom: 2em;
	color: #514721;
	background: #FFF6BF;
	-moz-box-shadow: 0 0 8px #877736;
	-webkit-box-shadow: 0 0 8px 877736;
	box-shadow: 0 0 8px #877736
}
.tip .tip-title {
	font-weight: bold;
	font-size: 1.1em
}
/* Template Styles custom code */
ul.ice-template-style {
	margin: 0;
	padding: 0;
	float: left
}
ul.ice-template-style li {
	float: left;
	margin: 0 1em 1em!important;
	padding: 0!important;
	list-style-type: none;
}
ul.ice-template-style li span {
	display: block;
	padding: 0 0 .3em;
	font-size: 1.4em
}
/* This styles are used on the Editor Page */
form.editor select {
	width: auto;
}
/* System Messages 
----------------------*/
dl#system-message {
	padding: .6em 1em 0.6em 3.4em;
	border: 1px solid #fff;
	margin: 1em 1em 1.5em;
	color: #514721;
	background: #FFF6BF url(../images/typo_note.png) no-repeat 10px center;
	-moz-box-shadow: 0 0 8px #877736;
	-webkit-box-shadow: 0 0 8px 877736;
	box-shadow: 0 0 8px #877736;
}
dl#system-message dd {
	text-indent: 0
}
dt.error,  dd.error {
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #990027;
	position: relative;
	overflow: hidden;
	background: none;
}
#system-message dd ul {
	margin: 0!important;
	padding: 0!important;
	background: none!important;
	border: none!important;
}
dt.notice,  dd.notice {
	border: none;
	padding: 0;
	margin: 0;
	color: #514721;
	position: relative;
	overflow: hidden;
	background: none;
}
/* Facts */
#facts {
	padding: 0
}
#facts p {
	margin: 0;
	padding: 15px 0;
	font-size: 1.1em;
	border-bottom: 1px dotted #ccc
}
#facts p:last-child {
	border-bottom: none
}
#facts p span {
	color: #6D3612;
	display: block;
	float: left;
	font-size: 3.2em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 10px 20px 0;
}
#facts p:first-child {
	margin-left: 0;
	padding-left: 0;
}
#facts p:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}
/* Start Here part */
.start-here {
	clear: both;
	position: relative;
	overflow: hidden;
	margin: 5px 0
}
.start-here h4 {
	font-size: 1.5em;
	clear: none
}
.start-here p {
	margin: 0;
	padding: 0;
}
.start-here img {
	float: left;
	margin: 0 10px 10px 0;
}
/* Menus
------------------------------
List of CSS codes that can not be categorized above but they may
be need by Joomla to operate normally. This codes may be used 
rarely but we reccomend to keep them and to be careful when you
try to change them
---------------------------------------------------------------- */

/* MainMenu 
Only the wrapper part is here the rest of the codes that
generates the mainmenu can be found on 
modules/mod_icemenu/tmpl/default/icemenu.css  
---------------*/
#nav-wrapper {
	background: url(../images/nav.png) no-repeat center;
	height: 70px;
	z-index: 999;
	position: relative;
	margin-bottom: 25px;
}
#nav_container {
	height: 50px;
	padding-top: 20px;
}
/* TopMenu 
---------------*/
#topmenu {
	float: right;
}
#topmenu ul.menu {
	margin: 6px 0 0;
	padding: 0;
}
#topmenu ul.menu li {
	display: inline;
	float: left;
	padding: 0 1.1em 0 0;
	border-right: 1px solid #DEDEDE;
	text-shadow: 1px 1px 1px #fff;
	margin: 0 0 0 1.1em;
	list-style-type: none;
}
#topmenu ul.menu li a {
	color: #0066FF;
}
#topmenu ul.menu li a:hover {
	text-decoration: none;
	color: #FF0000;
}
#topmenu ul.menu li a img {
	float: none;
	margin: 0px 8px -4px 0
}
#topmenu ul.menu li:last-child {
	border: none;
	padding-right: 0;
}
/* FooterMenus
---------------*/
#footer ul.menu {
	padding-left: 1.25em;
	margin-bottom: .5em
}
#footer ul.menu li {
}
#footer ul.menu li a {
	color: #999;
	text-decoration: none;
}
#footer ul.menu li a:hover,  #footer ul.menu li.current a {
	color: #F0C237
}
/* Footer menu with suffix  "footer-connect" used
		on the last menu with the social icons */
#footer ul#footer-connect {
	padding-left: .5em;
	list-style-type: none;
}
#footer ul#footer-connect li {
	padding-top: .45em;
	padding-bottom: .4em;
}
#footer ul#footer-connect li a {
}
#footer ul#footer-connect li img {
	margin: 0 9px -4px 0;
	opacity: .2;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
#footer ul#footer-connect li a:hover img {
	opacity: 1;
}
/* Right Columns Menus
used to display the current menu that is 
also on the dropdown 
-----------------------------------------*/
.col-module-content ul.menu, .col-module-content ul.menu ul {
	margin: 0;
	padding: 0;
}
.col-module-content ul.menu li {
	padding: 0;
	border-bottom: 1px dotted rgba(255,255,255,.2);
	margin: 0;
	list-style-type: none;
}
.col-module-content ul.menu li a {
	color: #fff;
	display: block;
	padding: .3em 10px;
	color: rgba(255,255,255,.5);
}
.col-module-content ul.menu li a:hover,  .col-module-content ul.menu li.current a {
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	color: #fff;
}
.col-module-content ul.menu li span.separator {
	font-size: 1.3em;
	color: #999;
	margin-top: 1em;
	background: rgba(255,255,255,.15);
	text-shadow: 1px 1px 1px #000;
	display: block;
	padding: .3em 10px;
	color: rgba(255,255,255,.9);
}
.col-module-content ul.menu li li:last-child {
	border: none;
}
/* Copyright Menu 
---------------*/
#footermenu {
	padding: 0;
	float: right
}
#footermenu ul.menu {
	margin: 17px 35px 0 0;
	padding: 0;
}
#footermenu ul.menu li {
	display: inline;
	float: left;
	font-size: .9em;
	padding: 0 2em 0 0;
	margin: 0;
	list-style-type: none;
}
#footermenu ul.menu li a {
	color: #666;
}
#footermenu ul.menu li a:hover {
	color: #ccc;
	text-decoration: none;
}
#footermenu ul.menu li a img {
	float: none;
	margin: 0px 8px -4px 0
}
#footermenu ul.menu li:last-child {
	border: none;
	padding-right: 0;
}			





/* 
Extensions Overwrites
----------------------
Below you will find the CSS codes for the extensions that we
provide along with this template. Note that almost all the
extensions found here have their own CSS file on their 
respective folders. Also note that all the CSS codes here
overwrite the CSS code on the module folders. That's why we have
userd the !important feature many times below.
---------------------------------------------------------------- */